html,body{font-size:16px; font-family: "Segoe UI"; text-align:center;height: 100%; color:#000000;} 
table { font-size:16px; background-color:#FFFFFF; margin-left:auto; margin-right:auto; border:1px solid gray; text-align:center; border-collapse: collapse;} 
td,th { text-align:center; vertical-align:top; border:1px solid gray; padding:2px;}
img { border:0px; }
thead { display: none; }
.page_wrap { min-height: 100%; margin-bottom: -60px; }
.page_wrap:after { content: ""; display: block; }
.site_footer, .page_wrap:after { height: 50px;  }
.div_dark{ background-color:#FFFFFF; color:black; text-align:center; padding:5px 0px 5px 0px; background-image:url("../images/background.png");} 
.white { color:black;} 
.background { background-image:url("../images/background.png"); }
.padding td { padding:5px; }
.padding_row td{ padding:0px 5px 0px 5px; }
.main_table { border:0px; width:90%; background: transparent; }
.no_border td { border:0px; }
.no_border_elem { border:0px; }
.no_wrap {white-space:nowrap;}
.procent { color: gray; font-size:13px;}
.align_left td { text-align:left; }
.right { text-align: right; }
.left { text-align: left; }
.center { text-align: center; }
.obs_ok  { color: green;}
.obs_err  { color: crimson;}
.obs_warn  { color: #FFC107;}
.button-small{ background-color: #FFFFFF; width: 25px; height: 18px; padding: 1px; border-radius: 1px; font-size:12px; }
.button, input[type=button], input[type=submit], input[type=reset] { background-color: #00056a; border: none; color: white; padding: 4px; margin:2px; text-decoration: none; font-size: 14px; border-radius: 4px;}
.button-warn { background-color: #FFC107; color:black !important; border: none; color: white; padding: 4px; margin:2px; text-decoration: none; font-size: 14px; border-radius: 4px;}
.button-blue { background-color: #24a0ed ; color:white !important; border: none; color: white; padding: 4px; margin:2px; text-decoration: none; font-size: 14px; border-radius: 4px;}
.button, .button-warn, .button-blue { display: block; }
.button_simple { border: none; color: black; padding: 2px; margin:2px; text-decoration: none; display: block; font-size: 14px;}
.zebra_sel td { background-color:#00baf2 ; }
.zebra_err td { background-color:#ebcccc ; }
.zebra_table td{border:0px;vertical-align:middle;}
.zebra_table a {text-decoration: none;}
.zebra_table tr:nth-child(odd) { background-color:#d8f4fc; }
.zebra_table tr:hover { background-color:#c7c7c5; }
.zebra_table tr.test { background-color:#ACD1D2; }
.zebra_table tr.subtest:nth-child(odd) { background-color:#E1F5E2; }
.zebra_table tr.subtest:nth-child(even) { background-color:#BCE7BF; }
.zebra_table tr.subtest2:nth-child(odd) { background-color:#FFFFF9; }
.zebra_table tr.subtest2:nth-child(even) { background-color:#FFFFE8; }
.zebra_table th { background-color:#504fa2; vertical-align:middle; color:white;}
.zebra_table2 th { background-color:#0B4463; vertical-align:middle; color:white;}
.main_center {display: inline-block;vertical-align: top; text-align:center; width:100%;}
.main_container {display: inline-block; width:95%; text-align:left;}
.main_container_right {display: inline-block; width:95%; text-align:right;}
.main_elem {display: inline-block; vertical-align: top; margin: 10px;}
.main_elem_right {display: inline-block; vertical-align: top; margin: 10px; text-align:right;}
.border-delim { border-right: 1px solid #000000;  }
.dropdown { position: relative; display: inline-block; }
.dropdown-content { text-align:left; display: none; position: absolute; white-space:nowrap; background-color: #FFFFFF; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); padding: 12px; z-index: 1; }
.dropdown-content a:hover { font-size:120%; }
.dropdown:hover .dropdown-content { display: block; }
.dropdown:hover .dropdown-content-up { transform: translateY(calc(-100% - 10px));}
.hidden { display:none; }
.header_fixed { position: fixed; top: 0px; display:none; }
.nicelist { list-style-type: none; margin: 0; padding: 0;}
.nicelist li { text-align:left; border-bottom: 1px solid #ccc;}
.nicelist li:first-child { border-top: 1px solid #ccc;}
.nicelist li:first-letter { font-size: 120%; }
.nicelist li a { text-decoration: none; color: #000; display: block; width: 250px; -webkit-transition: font-size 0.3s ease, background-color 0.3s ease; -moz-transition: font-size 0.3s ease, background-color 0.3s ease; -o-transition: font-size 0.3s ease, background-color 0.3s ease; -ms-transition: font-size 0.3s ease, background-color 0.3s ease; transition: font-size 0.3s ease, background-color 0.3s ease;}
.nicelist li a:hover { font-size: 120%; background: #f6f6f6;}
#logo_big { display:inline; }
#logo_small { display:none; }
.yes_low_res { display: none; }
.menu a { white-space:nowrap; text-decoration: none;}
.shadow { box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);transition: 0.3s; }
.separator { display: flex; align-items: center; text-align: center; }
.separator::before, .separator::after { content: ''; flex: 1; border-bottom: 1px solid #000; }
.separator::before { margin-right: .25em; }
.separator::after { margin-left: .25em; }
.dragsrc { cursor: move; }

@media print
{
  a { text-decoration: none; color: black; }
  .div_dark { display:none; }
}

@media only screen and (max-width: 767px) {
	body { font-size:18px; }
	table { font-size:inherit; }
	.menu { display:none; background-color:#605e6f; float: left; font-size:14px; position: fixed; overflow-y: scroll; overflow-x: hidden; max-height: 75%; color: transparent; padding: 5px;}
	.menu_show { display:block; z-index:100;}
	.menu a::first-letter { font-size: 130%; }
	.menu a { background-color:#605e6f; float: none; display: block; text-align: left; text-decoration: none;}
	.menu .separator { color: black; }
	.dropdown { position: relative; display: block; font-weight: bold; }
	.dropdown .dropdown-content { display: contents; font-weight: normal; }
	.dropdown .dropdown-content br { display: none; }
	.dropdown:hover .dropdown-content { display: contents; }
	#logo_big { display:none; }
	#logo_small { display:inline; }
	.low_res_table thead 			{ display: none; }
	.low_res_table th 				{ display: none; }
	.low_res_table tr 				{ display: block; position: relative; padding: 1.2em 0; }
	.low_res_table tr:first-of-type { border-top: 1px solid #ccc; }
	.low_res_table td 				{ display: table-row; }
	.low_res_table td:before 		{ content: attr(data-label); display: table-cell; font-weight: bold; padding: 0.2em 0.6em 0.2em 0; text-align: right; }
	.low_res_table td:last-child:after 	{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; border-bottom: 1px solid #ccc; }
	.no_low_res { display: none !important; }
	.yes_low_res { display: inline; }
	.header_fixed { visibility:hidden;}
	.zebra_table tr:hover { background-color:inherit; }
	input,select { font-size: inherit; }
	.nicelist li a:hover { font-size: inherit; }
	.low_res_right { text-align:right; }
}