#lista {
	width: 100%;
	border-collapse: collapse;
}

#lista th {
	vertical-align: middle;
}

#lista th, #lista td {
	padding: 2px;
}

#lista td,
#lista .sortorder {
	cursor: pointer;
}

.listaDiv {
	float: left;
	overflow: hidden;
	text-align: left;
	margin-right: 5px;
}

.listaPaiva {
	min-width: 95px;
}

.listaLohko {
	min-width: 145px;
}

.listaToimi {
	min-width: 145px;
}

@media (max-width: 600px) {
	.listaTiedot {
		clear: left;
	}
}

#vuosivalinta {
	float: left;
	display: block;
}

.comment {
	height: 5em;
	resize: none;
}

.removeMargins {
	margin: 0px -5px;
}

.removeMargins div, .removeMargins h3 {
	margin: 0px !important;
}

#popupKasvulohkoEdit {
	min-width: 300px;
}

.noscroll {
	overflow: hidden;
}

.overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;	left: 0; right: 0; bottom: 0;
	background:  rgba(255,255,255, 1);
}

[aria-hidden="true"] {    
	transition: opacity 0.3s, z-index 0s 1s;
	width: 100vw;
	z-index: -1; 
	opacity: 0;  
}
  
[aria-hidden="false"] {  
	transition: opacity 0.3s;
	width: 100%; 
	z-index: 10;  
	opacity: 1; 
	overflow: auto;
}

/*
[aria-hidden="true"] {    
	width: 100vw;
	display: none;
	z-index: -1; 
}
  
[aria-hidden="false"] {  
	width: 100%; 
	display: block;
	z-index: 1;  
}
*/

.ui-icon-loading {
	top: 50%;
    left: 50%;
    position: fixed;
}

.ui-loader {
	top: 0px !important;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: black;
	margin: 0px;
    border-radius: 0px;
}

@media (min-width: 30em) {
	/* Show the table header rows and set all cells to display: table-cell */
	.lohkotable td,
	.lohkotable th,
	.lohkotable tbody th,
	.lohkotable tbody td,
	.lohkotable thead td,
	.lohkotable thead th {
		display: table-cell !important;
		margin: 0;
		vertical-align: middle;
	}
	/* Hide the labels in each cell */
	.lohkotable td .ui-table-cell-label,
	.lohkotable th .ui-table-cell-label {
		display: none !important;
	}
	
	.kasvulohkoteksti {
		display: none;
	}

	.lohkot-col1 {
		min-width: 1em;
		width: 1%;
	}
	.lohkot-col2 {
		width: 25%;
	}
	.lohkot-col3 {
		width: 35%;
	}
	.lohkot-col4 {
		width: 35%;
	}
	.lohkot-col5 {
		min-width: 4em;
		width: 1%;
	}
}