*{
	font-family: Tahoma;
}


/* KAIKKI LINKKEIHIN LIITTYV� ALLA*/
a:link{	color: Black; text-decoration: none;}
a:visited{	color: Black; text-decoration: none;	}
a:hover{	color: #3BA8A0; text-decoration: none;	}

a:active{	color:#D5F1F1; text-decoration: bolder;}


a.nykysivu{	color: #FE1011;	font-weight: bolder; text-decoration: underline;}

a:link.tumma {color: black;}
a:hover.tumma {color: #3BA8A0;}

a:link.musta {color: black;}
a:hover.musta {color: black;text-decoration: underline;}

a:link.valkoinen {color: white;}
a:hover.valkoinen {color: white;}
a:visited.valkoinen {color: white;}

a:link.vihrea {color:#16863E;}
a:hover.vihrea {color: #16863E;}
a:visited.vihrea {color: #16863E;}


a:link.muuta { color: #D5F1F1;  text-decoration: none; background-color : transparent;   }
a:visited.muuta { color: #D5F1F1;    text-decoration: none; background-color : transparent;   }
a:hover.muuta { text-decoration: none; color: White;}

a:link.navi {	color: Black; text-decoration: none;}
a:hover.navi { text-decoration: none; color: White;}

a:link.poista { color: Red;  text-decoration: none; background-color : transparent;   }
a:visited.poista { color: Red;  text-decoration: none; background-color : transparent;   }
a:hover.poista { text-decoration: none; color: White; background-color : Red;  }

a:link.lisaa { color: Blue;  text-decoration: none; background-color : transparent;   }
a:visited.lisaa { color: Blue;  text-decoration: none; background-color : transparent;   }
a:hover.lisaa { text-decoration: none; color: White; background-color : Blue;  }


div.linkkiryhma{
	padding-bottom: 15px;
	margin-bottom: 15px;
	padding-left: 10px;
	
}

div.sublinkit{ padding: 1px 1px 10px 14px;   }

/* KAIKKI LINKKEIHIN LIITTYV� YLL�*/
body{    }
table.runko{ width: 100%; }

table.hakutaulu{ /*margin-left: 10px;  margin-top: 5px; */ width: 100%;  background-color:  #e0e0ff  ;  text-align:left;  }
table.hakutaulupyorea { /*margin-left: 10px;  margin-top: 5px; */ width: 100%;  background-color:  #e0e0ff  ;  text-align:left; border-radius: 10px; }
table.aikataulu {width: 100%;  background-color: #DFE5EC;  text-align:left; border: 1px solid;   border-collapse: collapse;  }
table.aikataulu, td.aikataulu {border: 1px solid;}
table.tyohaku_tulokset{ /*margin-left: 10px;*/  margin-top: 25px;  width: 100%;  }
table.naytatyo{	background-color: White;text-align: left;width: 800px;}
table.htaulu {width: 90%;  background-color: white ;  text-align:left; border: 1px solid;   border-collapse: collapse;  }
td.htaulu{ padding: 10px 15px 10px 15px; border-top: 1px solid #656565; border-right: 1px solid #656565;       }

td.top_right{ padding-left: 30px; }
td.top{  }
td.main{ padding: 10px 15px 10px 15px; border: none;       }
td.vasen_valikko{ width: 150px;  vertical-align: top; background-color: #4FC0B8  ;	border: none; padding: 5px 5px; 	font-size: 12px;    }
td.bottom{ border: none;  font-size: 10px;    }
td.hakuotsake{   font-weight: bold;  background-color:  #FFF  ; padding: 1px 1px 1px 5px;  border-bottom: 1px dashed Black;   }
td.tyot_otsikko{ padding-left: 3px;  background-color: #FFF  ;  }
td.tyot{   vertical-align: middle;  padding: 1px 1px 1px 3px;    }
td.tyotkiire{   vertical-align: middle;  padding: 1px 1px 1px 3px;  color: Red;  font-weight: bolder;      }
td.hakunimi{ text-align: right;  padding: 3px 1px 1px 1px;  vertical-align: top;   }
td.haku{text-align: left;padding: 3px 1px 1px 1px;}muuta
td.hakunappi{ text-align: left;  padding-right: 10px; padding-top: 10px; padding-left: 10px; }

td.nayta_tyo_nimi{	text-align: left;padding: 10px 1px 1px 1px;	vertical-align: top;border-bottom: 1px solid Silver;width: 150px;}
td.nayta_tyo_tiedot{text-align: left;padding: 10px 1px 1px 10px;border-bottom: 1px solid Silver;}
/* RIVIT */
tr.vaalea { background-color: White;  color: Black;     }
tr.tumma {  color: Black;  background-color: #F6F6F6;    }
tr.tummempi {  color: white; background-color: #8a8887;    }
tr.korostus {  color: Black;  background-color: #DFCECA; }
tr.aktiivi {  color: Black;  background-color: #c5f7b5;  }
tr.passiivi {  color: #B5B5B5;  background-color: #F6F6F6;    }
input{
	background-color: White;
	border: 1px solid Black;
}
input.poista{ background-color: #FF6347;  color: Black;  font-weight: bolder;   }
input.muuta{ background-color: #32CD32;  color: Black;  font-weight: bolder;   }
input.lisaa{ background-color: #00D8FF;  color: Black;  font-weight: bolder;  } 
/*kirjaussivu */

div.border{ border: 1px solid Black;  padding: 20px 20px 20px 50px;  }
div.mitatehty{
	background-color: #FFF5EE;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 8px;
}
/*font.yliviivaus{ background-color: #bfffc1; }*/

font.virhe{ color: Red; }

table.tyorivit{
}

table.paikat {width: 50%;  background-color: #DFE5EC;  text-align:left; border: 1px solid;   border-collapse: collapse;  }
td.tyorivikuvaus{
	font-size: 15px;  font-weight: bold;  background-color: #ADB9C7; padding: 1px 1px 1px 5px;  border-bottom: 1px dashed Black;   
}
td.erotinrivi{
	background-color: #d2691e;
}


td.tyorividata{
	border-bottom: 1px solid Black;
	padding: 5px 5px;
}
font.tilaselitys{
	font-style: italic;
	color: #006400;
}


pre {
  display: block;
  font-family: monospace;
  white-space: pre;
  margin: 1em 0;
  font-size: 25px;
}

/*MUUT*/

/*.calNorm { 
    padding-right: 2px;
    padding-left:  2px;
    padding-top: 3px;
    padding-bottom: 3px;
    cursor:  pointer;
}*/


.nappi {
background-color: #e0e0ff  ; 
font-size: 20px;
padding: 10px 30px;
border-radius: 12px;
border: none;
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);

}

.valittunappi {
	background-color: #fcbb3a;
	font-size: 20px;
	padding: 10px 30px;
	border-radius: 12px;
	border: none;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
}

.pikkunappi{
	font-size:12px;
	background-color:    #182A81 ;
	color: #fff;
	width: auto;
	border-radius: 8px;
	padding: 5px 10px;
	border: none;
	cursor:  pointer;
}

.isonappi{
	font-size: 18px;
	background-color:    #182A81 ;
	color: #fff;
	width: auto;
	border-radius: 8px;
	padding: 10px 15px;
	border: none;
	cursor:  pointer;
}

.isonappivihrea{
	font-size: 18px;
	background-color:    #81e0b2  ;
	color: black;
	width: auto;
	border-radius: 8px;
	padding: 10px 15px;
	border: none;
	cursor:  pointer;
}

.pikkunappikorkea{
	font-size: 12px;
	max-width: 85px;
	height:min-content;
	background-color:    #182A81 ;
	color: #fff;
	border-radius: 8px;
	padding: 5px 10px;
	border: none;
	cursor:  pointer;
}


.sisalto{

	background-color:    #D5F1EF;
	border: none;
	padding: 10px 15px 10px 15px;

}

.sisempi_asiakas{
	font-size:12px;
	margin-left: 0%;
	margin-right: 0%;
	width: 72%;
	position: fixed;
	top: 5%;
	background-color:  #FFF;
	border: none;
	border-radius: 6px;
	padding: 10px 15px 10px 15px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

}

.sisempi_asiakas2{
	margin-left: 0%;
	margin-right: 0%;
	width:75%;
	min-height: 150px;
	position: fixed;
	top: 5%;
	background-color:  #FFF;
	border: none;
	border-radius: 6px;
	padding: 10px 15px 10px 15px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	font-size: 12px;
}

.sisempi {
	min-height: 450px;
	margin-left: 0%;
	margin-right: 0%;
	background-color:    #FFF;
	border: none;
	border-radius: 6px;
	padding: 10px 15px 10px 15px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	font-size: 12px;
}

.sisempi_uusi_asiakas {
	min-height: 100px;
	margin-left: 0%;
	margin-right: 0%;
	background-color:    #FFF;
	border: none;
	border-radius: 6px;
	padding: 10px 15px 10px 15px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	font-size: 12px;
}

.sisempi_uusi_asiakas2 {
	min-height: 100px;
	max-width: 84%;
	position: absolute;
	top:2%;
	right: 1%;
	margin-right: 0%;
	background-color:    #FFF;
	border: none;
	border-radius: 6px;
	padding: 10px 15px 10px 15px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	font-size: 12px;
}


.salis {
	min-height: 450px;
	max-width : 300px;
	margin-left: 0%;
	margin-right: 0%;
	background-color:    #FFF;
	border: none;
	border-radius: 6px;
	padding: 10px 15px 10px 15px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	font-size: 12px;
}
.sisempi_hallinta {
	position: relative ;
	top:-220px;
	right: 0%;
	min-height: 450px;
	background-color:    #FFF;
	border: none;
	border-radius: 6px;
	padding: 10px 15px 10px 15px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.sisempi_hallinta2 {
	position: absolute ;
	top:-320px;
	right: 0%;
	min-height: 450px;
	background-color:    #FFF;
	border: none;
	border-radius: 6px;
	padding: 10px 15px 10px 15px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.sisempi_aika {
	margin-left: 0%;
	background-color:    #FFF;
	border: 1px solid #FFF;
	border-radius: 6px;
	padding: 10px 15px 10px 15px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.sisempi_ala{
	font-size: 12px;
	margin-left: 0%;
	margin-top: 20%;
	background-color:    #FFF;
	border: 1px solid #FFF;
	border-radius: 6px;
	padding: 10px 15px 10px 15px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	
}

.sisempi_pieni{
	background-color:    #FFF;
	border: 1px solid #FFF;
	border-radius: 6px;
	padding: 10px 15px 10px 15px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	position: relative;
	left: 35%;
	width: 25%;
	height: 100%;
}

.tyhjataulu
{
	font-size: 12px;
	width: 100%;
	background-color:  #FFF  ;  
	text-align:left; 
	border-radius: 10px;
}

.tyhjataulupieni
{
	font-size: 12px;
	width: 70%;
	background-color:  #FFF  ;  
	text-align:left; 
	border-radius: 10px;
	font-size: 10px;
}

.fontti{
	font-size: 14px;
}

.valilehti
{
font-size: 12px;
border-top: 1px solid #D5F1EF;
border-bottom: 1px solid #D5F1EF;
border-left: none;
border-right: none;
border-spacing: 0;
padding: 10px 10px;
background-color: white;
border-radius: 0%;

}

.valilehtivalittu
 {
font-size: 12px;
font-weight: bolder;
border-top: 1px solid #D5F1EF;
border-bottom: 1px solid #3BA8A0;
border-left: none;
border-right: none;
border-spacing: 0;
padding: 10px 10px;
background-color: white;
border-radius: 0%;
 }

 .varoitus
 {
	background-color: #A12817;
	color: #fff;
	width: auto;
	border-radius: 8px;
	padding: 5px 10px;
	border: none;
 }

 .varoituskorkea
 {
	background-color: #A12817;
	color: #fff;
	max-width: 85px;
	height:min-content;
	border-radius: 8px;
	padding: 5px 10px;
	border: none;
 }

 .vartaul{
	text-align: center;
	border: 1px solid;
	border-spacing: 2px;
	padding: 2px;
}

 .paaotsikko
 {
	font-size: 16px; 
	font-weight: bolder;
	color: #091C20;
	padding: 10px;
	border-bottom: 1px solid #D5F1F1;
 }

 .pylvas {
	text-align: center;
	border-right: 1px solid #CECECE;
	border-spacing: 0;
	padding: 10px;
 }

 .pikkuteksti{
	color: #90A8A6;
	font-size: 12px;
	text-align: center;
 }

 .alaviiva{
	border-bottom: 1px solid #3BA8A0;
 }


 .oikea_viiva{
	border-right: 1px solid #3BA8A0;
 }

input {
background-color: #F6F6F6;
border: 1px solid #CECECE;
border-radius: 4px;

 }

input:focus{
border: 1px solid #4FC0B8
 }

.kalenteritumma{
background-color: #D5F1EF; 
}

.pikkunappivaalea {
	font-size: 12px;
	background-color:  #a9b3e6 ;
	color: black;
	width: auto;
	border-radius: 8px;
	padding: 5px 10px;
	border: none;

}

.pikkunappipun {
	font-size: 12px;
	background-color:   #A12817 ;
	color: #FFF;
	width: auto;
	border-radius: 8px;
	padding: 5px 10px;
	border: none;

}

.pikkunappivihrea {
	font-size: 12px;
	background-color:  #81e0b2 ;
	color: black;
	width: auto;
	border-radius: 8px;
	padding: 5px 10px;
	border: none;}

.pikkunappipunainen {
	font-size: 12px;
	background-color:   #f98f80;
	color: black;
	width: auto;
	border-radius: 8px;
	padding: 5px 10px;
	border: none;
}

.reunus {
	border: none;
	border-radius: 8px;
	background:   #D5F1EF ;	
	text-align: center; 
	padding: 10px 15px 10px 15px;
	}

	.reunus2 {
		border: none;
		border-radius: 8px;
		background:   #D5F1EF ;	
		text-align: center; 
		padding: 10px 15px 10px 15px;
	 }

 .taulukko{
	table-layout: fixed;
	width: 60%;
	margin-left: auto;	
	margin-right: auto;
	background-color: white;
	border: none;
	border-radius: 8px;
	border-collapse: collapse;	 
	text-align: left;	 
	padding: 8px 8px 8px 8px;
}

 .triviots{
	width: 80%;	
	margin-left: auto;
	margin-right: auto;
	background-color: white; 
	border: none;
	border-radius: 8px;
	 border-collapse: collapse; 
	 text-align: center; 
	 padding: 8px 8px 8px 8px; }

	 .triviots2{
		width: 80%;	
		margin-left: auto;
		margin-right: auto;
		background-color: white; 
		border: none;
		border-radius: 8px;
		 border-collapse: collapse; 
		 text-align: center; 
		 padding: 8px 8px 8px 8px; }

.alaviiva1{
	border-bottom: 1px solid #3BA8A0;
	padding: 8px 8px 8px 8px;
}

 .viesti{ color: red; }

 .nimilista {
	font-size: 12px;
	width: 70%;
	border-right: 1px solid #CECECE;
	border-spacing: 0px;
	text-align: center;
	table-layout: fixed;
}

.vihreateksti{
	color: #16863E;
}


.varausnappi{color: #fff; 
	background-color:   #182A81 ;
	font-size: 18px;	
	padding-right: 15px;
	padding-top: 10px;	
	padding-bottom: 10px;	
	padding-left: 15px;	
	border-radius: 8px; }


.testi{border: 1px solid black;border-collapse: collapse;background-color: red;  }
.testi2{border: 1px solid black;border-collapse: collapse;background-color: green;  }


.calHeaderi { font-weight: bolder; color: black;  background-color: #6dc7a0; }
.calHeaderi2 { color: black;  background-color: #6dc7a0; }
.calKK {font-size: 12px;padding-top: 5px;padding-bottom: 5px;}
.calAuki {	background-color: #93edc6;}
.calSuljettu {background-color: #f08080;}
.calTyhja {background-color: #ebebeb;}
.calNorm { 
   padding-right: 5px;   padding-left:  5px;   padding-top: 3px;   padding-bottom: 3px;  cursor:  pointer;}
.calendar_year_table tr td {vertical-align: top;font-size: 10px;}
.calendar_year_table2 tr td {vertical-align: top;font-size: 16px;}
.cal_paivat{
	text-align: center;
	width: 70%;
}

.mokkitaulu{
	font-size:12px;
	width: 50%;
	background-color:  #edfcf5;  
	text-align:left; 
	border-radius: 14px;
	padding: 10px;
	box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.saunar1{
	font-size: 14px; 
	width: 13%; 
	text-align: center;
	border-bottom: 1px solid grey;
}
.saunatunnit{
	font-size: 14px; 
	width: 13%; 
	text-align: center;
	border-bottom: 1px solid grey;
	border-left:1px solid grey;
	border-right:1px solid grey;
}

.saunatunnit2{
	font-size:14px; 
	width: 13%; 
	text-align: center;

}

.tooltip.tooltiptext {
	visibility: hidden;
	width: 120px;
	background-color: black;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
  
	position: absolute;
	z-index: 1;
  }
  
  .tooltip:hover .tooltiptext {
	visibility: visible;
  }

  .kartta{
	border: 2px solid black;
	border-collapse: collapse;
	text-align: center;
	font-size: 12px;
	}

	
		  .kielivalinta{
			background: rgba(255, 255, 255, 0.6);
			position:absolute;
			top:1%;
			right:2%;
			color:black;
			padding:15px;
		  }
		
		.kuva1{
			display: block;
			margin-left: auto;
			margin-right: auto;

		}
		
		navigaatio {
			overflow: hidden;
			background-color: #182A81;
		  }
		  
		  .navigaatio a {
			float: left;
			color: #f2f2f2;
			text-align: center;
			padding: 14px 16px;
			text-decoration: none;
			font-size: 17px;
			background-color: #182A81;
		  }
		  
		  .navigaatio a:hover {
			background-color: #ddd;
			color: black;
		  }
		  
		  .navigaatio a.active {
			background-color:  #81e0b2 ;
			color: white;
		  }
	
		  .asiakaskartta{
			border: none;
			border-collapse: collapse;
			text-align: left;
			font-size: 12px; 
			margin-left:10%; 
			margin-right:10%;
			}
		
		.solu2{
		width: 10px;
		height: 10px;
		padding:5px;
		background-color: #d5fcc8;
		}
		
		.solu3{
			width: 10px;
			height: 10px;
			border: 2px solid black;
			}
		
			.solu4{
				width: 10px;
				height: 10px;
				background-color: #e6e6e6; ;
				}
		
				.solu5{
				  width: 10px;
				  height: 10px;
				  background-color:  #e9cd9c ;
				  }

				  .solu6{
					width: 10px;
				  height: 10px;
				  background-color:  #083678 ;
				  color: white;
				  }

				  .harmaa{color: black;background-color: #e6e6e6;	}
		
		.seinaoikea{border-right: 2px solid black;}
		
		.seinavasen{ border-left: 2px solid black; }
		
		.seinaala{border-bottom: 2px solid black; }
		
		.seinayla{border-top: 2px solid black; }
		
		.vihrea{ width: 10px;height: 10px;   background-color:  #72e587 ;}
		
		.reunat{border: 2px solid black;}
		
		.punainen{background-color:  #DB6739 ; 	}
		
		.sininen{background-color:  #2984b1 ; 	}
		
		.vsin{background-color:  #b9e0f1; 	}
	
	
	.show {
		visibility: visible;
	  }

	  .popup{
	position: relative;
	display: inline-block;
	cursor: pointer;
  }

  .popup .popuptext {
	visibility: hidden;
	width: 210px;
	background-color: white;
	color: black;
	text-align: center;
	border-radius: 6px;
	border: 1px solid #CECECE;
	padding: 8px 0;
	position: absolute;
	z-index: 1;
	bottom: 125%;
	left: 50%;
	margin-left: -80px;
	font-size: 12px;
  }

  .popup .show {
	visibility: visible;
  }

  .popup .hide {
	visibility: hidden;
  }
  
  .button-container {
    display: flex;
    flex-direction: column;
}
  .button-container {
    display: flex;
    flex-direction: column;
}

.button-container button {
    margin-bottom: 5px; 
}
	
	 .tooltip {
		position: relative;
		display: inline-block;
	  }
	  
	  .tooltip .tooltiptext {
		visibility: hidden;
		font-size: 12px; 
		width: 120px;
		background-color: black;
		color: #fff;
		text-align: center;
		border-radius: 6px;
		padding: 5px 0;
		position: absolute;
		z-index: 1;
	  }

	  .esittelyteksti{
		font-size:14px; 
	  }

	  .varausteksti{
		text-align: center;
		font-size:14px; 
	  }

	  .tulostus{
		border: none;
		padding: 5px;
		position:fixed;
		top: 35%;
		right: 4%;
		height: 14%;
		width: 18%;
		text-align: center;
	}

	.suodatinvalinta{
	background-color: #b9e0f1;
	border-radius: 10px;
	padding:10px;
	}