/* popup starts */
table.popup
{
	opacity:0;
	box-sizing: border-box;
	border-collapse:separate;
	border-spacing:0px;
	border-style:hidden;
	border-radius: 7px;
	min-width: 170px;

	/* amax-width: 100%; */
	/* amax-height: 100%; */

	position:absolute;
	left:0px;
	top:0px;
	z-index:500;
	box-shadow: 3px 3px 34px rgba(0,0,0, 0.5);
	background-color: transparent;
	overflow: hidden; /* Tämä on tärkeä */
}

#popup_kaynnin_kirjaus_div,
#popup_luukkukontakti_div,
#popup_kontaktin_muokkaus_td
{
	max-width: 100%;
}

table#popup_viesti_div
{
	max-width: 300px;
	width: 90%;
}

table#popup_virhe_div
{
	max-width: 300px;
	width: 90%;
}

.hw_acceleration
{
	-webkit-transform: translateZ(100);
   -moz-transform: translateZ(100);
   -ms-transform: translateZ(100);
   -o-transform: translateZ(100);
   transform: translateZ(100);
/*   
   -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -ms-backface-visibility: hidden;
   -o-backface-visibility: hidden;
   backface-visibility: hidden;
*/
}

table.popup>tbody>tr>th
{
	height: 33px;
	min-height: 33px;
	padding:0px;
	border-top-left-radius: 7px;
  border-top-right-radius: 7px;
	border: 3px solid #EC614C;
	border-bottom-width: 0px;
	box-sizing:border-box;
	background-color:#EC614C;
	cursor: default;
}
table.popup>tbody>tr>th>table.otsikkoteksti_sulkupainike
{
	border-collapse:separate;
	border-spacing:0px;
	border-width:0px;
	height: 100%;
	width: 100%;
	/* atable-layout: fixed; */
}

table.popup>tbody>tr>th>table.otsikkoteksti_sulkupainike>tbody>tr>td.otsikkoteksti_td
{
	white-space: nowrap;
	color:white;
	font-size:18px;
	font-family:lato,sans-serif;
	font-weight:bold;
	text-align:left;
	vertical-align:middle;
	border-width:0px;
	padding:0px;
	padding-left:13px;
	padding-right:3px;
  height: 33px;
  line-height: 33px;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 170px;
}

table.popup>tbody>tr>th>table.otsikkoteksti_sulkupainike>tbody>tr>td.sulkupainike_td
{
	padding: 0px;
  width: 40px;
	min-width: 40px;
  max-width: 40px;
  text-align: center;
  vertical-align: middle;
	border-width:0px;
}
table.popup>tbody>tr>td
{
	text-align:left;
	vertical-align:top;
	min-height: 85px;
	padding: 13px;
  padding-top: 12px;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
	border: 3px solid #EC614C;
	/*border-top-width: 0px;*/
	box-sizing:border-box;
	background-color:white;
	color:black;
}

table.popup>tbody>tr>td>div>div,
table.popup>tbody>tr>td>div>table
{
	visibility: visible;
}
table.popup>tbody>tr>td>div>div
{
	display: block !important;
}
table.popup>tbody>tr>td>div>table
{
	display: table !important;
}

table.popup>tbody>tr>th>table.otsikkoteksti_sulkupainike>tbody>tr>td.fitpainike_td
{
	padding-right:6px;
	padding-left:6px;
	width: 19px;
	vertical-align: middle;	
}

table.popup>tbody>tr>th>table.otsikkoteksti_sulkupainike>tbody>tr>td.fitpainike_td>img.fitpainike{
	height: 18px;
  width: auto;
	vertical-align: middle;	
}

table.popup>tbody>tr>th>table.otsikkoteksti_sulkupainike>tbody>tr>td.fitpainike_td:hover>img.fitpainike
{
	-webkit-filter: invert(1);
	-o-filter:invert(1);
	-ms-filter:invert(1);
	filter: url("data:image/svg+xml;utf8,#invert");
	filter: invert(1);
}

table.popup>tbody>tr>th>table.otsikkoteksti_sulkupainike>tbody>tr>td.sulkupainike_td
{
	padding-right:6px;
	vertical-align: middle;	
}

table.popup>tbody>tr>th>table.otsikkoteksti_sulkupainike>tbody>tr>td.sulkupainike_td>div,
table.popup>tbody>tr>th>table.otsikkoteksti_sulkupainike>tbody>tr>td.fitpainike_td>div
{
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
}

table.popup>tbody>tr>th>table.otsikkoteksti_sulkupainike>tbody>tr>td.sulkupainike_td>img.suljepainike{
	height: 18px;
  width: auto;
	vertical-align: middle;	
}  
table.popup>tbody>tr>th>table.otsikkoteksti_sulkupainike>tbody>tr>td.sulkupainike_td:hover>img.suljepainike
{
	-webkit-filter: invert(1);
	-o-filter:invert(1);
	-ms-filter:invert(1);
	filter: url("data:image/svg+xml;utf8,#invert");
	filter: invert(1);
}

table.popup>tbody>tr>td.eiotsikkoa
{
  border-top-right-radius: 7px;
  border-top-left-radius: 7px;
	/*border-top-width: 2px !important;*/
	box-sizing:border-box;
	background-color:white;
	color:black;
}
/* popup ends */
