table tr {page-break-inside: avoid}

body {
	width: 952px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	/*background-color: #2c495a;*/
	color: #05283d;

}

.paaotsikko {
	font-family: 'IBM Plex Sans';
	font-style: normal;
  	font-weight: 300;
	font-size: 40px;
	/*color: #004c91;*/
	color: #2c495a;
}

table.laatikko {
	border-radius: 8px;
	border: 0px solid #fdaf89;
	padding: 10px;
	background: #2c495a;
	color: white;
	text-align: justify;
}


table.laatikkotietomalli {
	border-radius: 8px;
	border: 3px solid #fdaf89;
	/*border: 3px solid #2c495a;*/
	padding: 10px;
	
	color: #2c495a;
}


table.laatikko b {
	letter-spacing: 1px;
	font-family: 'IBM Plex Sans';
  	font-style: normal;
  	font-weight: 500;
	color: #fdaf89;
}

table.laatikkotietomalli b {
	letter-spacing: 1px;
	font-family: 'IBM Plex Sans';
  	font-style: normal;
  	font-weight: 500;
}


td.pvm {
	font-family: 'IBM Plex Sans';
  	font-style: normal;
  	font-weight: 400;
	font-size: 14px;
	color: #2c495a;/*#646464;*/
	/*width: 952px;*/
	text-align: right;
}

table {
	font-family: 'IBM Plex Sans';
  	font-style: normal;
  	font-weight: 300;
	font-size: 16px;
	background-color: white;
	text-align: justify;
}

.alaotsikko {
	font-family: 'IBM Plex Sans';
	font-size: 16pt;
/*	color: #fdaf89;*/
	font-weight: 600;
	letter-spacing: 1px;
}

.otsikko_1 {
	font-family: 'IBM Plex Sans';
	font-style: normal;
  	font-weight: 500;
	/*color: #ff9d6a;white;#fdaf89;#05283d;*/
	/*padding: 7px 7px 7px 15px;*/
	font-size: 20px;
	width: 952px;
	text-align: justify;
border-radius: 5px;
/*background: #599956;#2c495a;*/
/*width: 200px;*/
height: 30px;  
letter-spacing: 1px;
}

.otsikko_2 {
	background-color: #2c495a;
	font-family: 'IBM Plex Sans';
	font-style: normal;
  	font-weight: 500;
	color: #ffffff;
	padding: 15px;
	font-size: 18px;
	letter-spacing: 1px;
	border-radius: 10px 10px 0px 0px;
}

a.tietomalli_left {
	border-radius: 3px 3px 3px 15px;
  	border: 0px solid #05283d;/*#599956;*/
  	padding: 15px 70px 15px 70px; 
  	width: 400px;/*952px;*/
  	height: 30px;  
	/*float: left;*/
	text-align: center;
	background: #fdaf89;
	color: #05283d;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 1px;
}

a.tietomalli_left:hover {
 	/*padding: 15px 83px 15px 83px; */
	/*letter-spacing: 0px;*/
	opacity: 80%;
}

a.tietomalli_right:hover {
 	/*padding: 15px 83px 15px 83px; */
	/*letter-spacing: 0px;*/
	opacity: 80%;
}

a:hover {
	opacity: 80%;
}

a.tietomalli_right {
	border-radius: 3px 3px 3px 15px;
  	border: 0px solid #05283d;/*#599956;*/
  	padding: 15px 70px 15px 70px; 
  	width: 400px;/*952px;*/
  	height: 30px;  
	/*float: right;*/
	text-align: center;
	background: #fdaf89;
	color: #05283d;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 1px;
}


.tooltip {
  position: relative;
  display: inline-block;
  
}

td.right {
	float: right;
}

td.left {
	float: left;
}

td.taulukko {
	border-bottom: 0px solid #2c495a;
	
}

td.taulukko b {
	/*letter-spacing: 1px;*/
	font-family: 'IBM Plex Sans';
  	font-style: normal;
  	font-weight: 500;
}


td.kenttalista {
	border-bottom: 1px solid #2c495a;
	font-weight: 500;
}

tr.otsikko {
	
}

a.linkki {
	font-size: 16px;
	font-weight: 500;
	border-radius: 3px 3px 3px 15px;
	background: #fdaf89;
	color: #05283d;
	padding: 8px 25px 8px 25px;
	letter-spacing: 1px;
}

a.linkki:hover {
	/*padding: 8px 33px 8px 33px;*/
	/*letter-spacing: 0px;*/
}


.tooltip .tooltiptext {
  visibility: hidden;
  width: 355px;
  background-color: #2c495a;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  padding: 10px;
  text-align: justify;

  position: absolute;
  z-index: 1;
  top: -140px;
  left: 0%;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}



.korostus_tausta {
	background-color: white;/*#88b2eb;#f5fafb;*/
}

.colored-box-1 {
	background-color: #c9cfd3;/*#C7DBE7;*/
}

a {
	color: #2c495a;/*#004c91;*/
	font-family: 'IBM Plex Sans';
	/*font-style: normal;*/
  	font-weight: 500;
	/*font-style:bold;*/
	text-decoration:none;
}



.tietomalli_pieni {
	font-size: 9pt;
}

.otsikko_yhteenvedot {
	background-color: #eaeb00;
	font-family: Helvetica, Arial, sans-serif;
	color: #004c91;
	padding: 7px 7px 7px 7px;
	font-size: 18px;
	text-align: justify;
}

table.ohjetaulukko {
	padding: 5px;
}



@media print {
       	table.laatikko {
		border-radius: 8px;
		border: 3px solid #2c495a;
		padding: 10px;
		background: white;
		color: #2c495a;
		text-align: justify;
	}
	td.taulukko {
		border-top: 1px solid #2c495a;
	
	}
}