*{
	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.vaalvihrea {  color: Black;  background-color: #d4facf;    }
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);
}

/*.taulukko {
	border: 5px solid black;
	border-color: #e0e0ff  ;
	border-collapse: collapse;
	}*/


.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: 12 px;
}

.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: 12 px;
}

.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: 12 px;
}

.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: 12 px;
}


.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: 12 px;
}
.sisempi_hallinta {
	position: relative ;
	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_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: 12 px;
	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
{
	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;
 }

 .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; 
}


.pikkunappi{
	font-size: 12px;
	background-color:    #182A81 ;
	color: #fff;
	width: auto;
	border-radius: 8px;
	padding: 5px 10px;
	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;
}




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

}

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

}

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

.pikkunappipunainen {
	background-color:   #f98f80;
	color: black;
	width: auto;
	border-radius: 8px;
	padding: 5px 10px;
	border: none;
}
.pikkunappisin1{
	font-size: 13px;
	background-color:    #182A81 ;
	color: #fff;
	width: auto;
	border-radius: 8px;
	padding: 5px 10px;
	border: none;
	cursor:  pointer;
}


.pikkunappivaalsin1 {
	font-size: 13px;
	background-color:   #65a4f6;
	color: #fff;;
	width: auto;
	border-radius: 8px;
	padding: 5px 10px;
	border: none;
}
.pikkunappivaalsin2 {
	font-size: 13px;
	background-color:   #65def6;
	color: #fff;;
	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;
	}

.taulukko2{
	width: 45%;
	background-color: white;
	border: none;
	border-radius: 8px;
	border-collapse: collapse;	 
	padding: 8px 8px 8px 8px;

}

 .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; }

.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;
}

.vihrea{
	color: #16863E;
}

.arkki{
	border: 1px solid #CECECE;
	border-radius: 10px;
	font-size: 12px;
	background-color:  #FFF  ; 
	padding: 10px;
}

.pieni_fontti{
	font-size: 10px;
}

.varausnappi{
	color: #fff; background-color:   #182A81 ;font-size: 18px;	padding-right: 15px;
	padding-top: 10px;	padding-bottom: 10px;	padding-left: 15px;	border-radius: 8px; 
}
.varausnappi_harmaa{
	color: #000; background-color:   #dedede ;font-size: 18px;	padding-right: 15px;
	padding-top: 10px;	padding-bottom: 10px;	padding-left: 15px;	border-radius: 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; 
}
.alaviiva1{
	border-bottom: 1px solid #3BA8A0;
	padding: 8px 8px 8px 8px;
}
.viesti{color: red;	}

.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; }
.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;}

.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 button {
    margin-bottom: 5px; /* Väli painikkeiden väliin */
}

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

  .tiedoteots{
	border-bottom: solid 2px white;
  }


  .top_section {
    margin-bottom: 0;
	margin-top: 0;
	background-color: #4FC0B8;
	height: auto;
	width: 100%;
	display: flex;
    justify-content: flex-start;
    align-items: center;
}

.top_text{
	font-size: 14px;
	padding: 8px;
	display: flex;
    align-items: center;
    gap: 10px;

}



.top_section label {
    margin-right: 5px;
}

.top_section input {
    margin-right: 10px;
}

.search_results {
    margin-top: 20px;
}

.search_results p {
    margin: 5px 0;
}

/* Info-ikoni */
.info_icon {
    position: relative;
    display: inline-block;
    margin-left: 10px;
}

.info_symbol {
    font-size: 18px;
    font-weight: bold;
    background-color: #f0f0f0;
    border-radius: 50%;
    padding: 5px;
    color: #333;
    display: inline-block;
    text-align: center;
}

/* Kupla lukemattomille viesteille */
.info_badge {
    position: absolute;
    top: -5px;
    right: -10px;
    background-color: red;
    color: white;
    font-size: 12px;
    font-weight: bold;
    border-radius: 50%;
    padding: 2px 6px;
}

/* Info-linkki */
.info_link {
    text-decoration: none;
    color: inherit;
    position: relative;
}