html { box-sizing: border-box }
*, *:before, *:after { box-sizing: inherit }
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% }
body { font-family: "Open Sans", sans-serif; background-color: #ffffff; font-size: 16px; font-weight: 400; background-repeat: no-repeat; background-size: auto; background-position: 70% top; background-image: url("../images/background.png"); margin: 0; }

h1 { color: #000000; font-weight: 800; font-size: 18px; }
h2, .h2 { color: #000000; font-weight: 600; font-size: 20px; }
h3, .h3 { color: #000000; font-weight: 600; font-size: 18px; }

body > h1 { line-height: 30px; border-bottom: solid 2px #686869; display: block; position: absolute; top: 60px; left: 510px; right: 0; max-height: 32px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
body > h1:hover { white-space: normal; max-height: none; overflow: visible; background: rgba(255,255,255,0.8); z-index: 3; }

a { color: #184fd0; }
a:hover { text-decoration: none; }
b { font-weight: 600; }

.page-error h2 { color: #de4242; }
.clear-fix { height: 1px; font-size: 1px; line-height: 1px; clear: both; }

.overlaybg { background-color: rgba(154,155,156,0.4) }

h2.lefttopic { color: #000000; font-size: 18px; text-align: center; text-transform: uppercase; }
h2.lefttopic i { font-size: 120px; }

header { padding: 10px 30px 3px 30px; margin-bottom: 20px; height: 115px; }
header .app { float: left; color: #686869; font-weight: 600; text-transform: uppercase; font-size: 20px; }
header .app a { text-decoration: none; }
header .app img { width: 90px; }
header .menu { float: right; font-size: 24px; font-weight: 600; padding: 2px; text-transform: uppercase; }
header .menu a { text-decoration: none; color: #999999; padding-right: 40px; white-space: nowrap; }
header .menu a.menu-sel { color: #000000; }
header .menu a:hover { color: #000000; }
header .demo { float: left; font-size: 18px; padding: 10px; margin-left: 110px; }
header .icons { float: right; font-size: 24px; padding: 5px; }
header .icons a { padding: 5px; text-decoration: none; color: #000; }
header .icons a:hover { color: #686869; }
header .topic { background: #e7e7df; }

footer { height: 30px; position: absolute; bottom: 0; right: 0; left: 0; text-align: right; color: #898989; padding-right: 30px; font-size: 15px; overflow: hidden; }
footer .mode { float: left; padding-left: 30px; }

nav { position: absolute; top: 110px; bottom: 30px; left: 0; width: 500px; overflow-y: auto; padding: 0 20px; }
nav:after, nav:before { content: ""; display: table; clear: both }
div.flex { display: flex; }
div.flex div { flex: 1; }
nav div.flex { margin-right: 50px; }

main { position: absolute; top: 105px; bottom: 30px; left: 500px; right: 0; overflow-y: auto; padding: 10px; }
main.full { left: 0; top: 130px; }
main h1 { position: initial; font-size: 20px; }

details, .details { margin: 20px 0; border: solid 1px #686869; border-radius: 12px; padding: 10px; }
summary { font-weight: 600; cursor: pointer; }

.content-left { float: left; width: 40%; padding-left: 50px; }
.content-main { float: right; width: 58%; padding-top: 50px; }
.content-center { margin: auto; width: auto; }
.content { max-width: 1000px; }
.content img { max-width: 100%; }

.overlay { position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; z-index: 2 }
.sidebar { z-index: 5; top: 80px; right: 0; min-width: 500px; max-width: 800px; position: absolute; font-size: 15px; }
.sidebar .inner { border: solid 2px #686869; border-right: 0; border-top-left-radius: 12px; border-bottom-left-radius: 12px; padding: 20px; background: #ffffff; box-shadow: -8px 12px 8px rgba(0,0,0,0.2); }
.sidebar h2:first-of-type { margin-top: 0; }
.sidebar .label { font-weight: 800; text-transform: uppercase; font-size: 0.85em; min-width: 100px; display: inline-block; }
.sidebar a.close { color: #686869; float: right; padding: 5px; }
.sidebar a.close:hover { color: #000000; }

.dialog { z-index: 5; min-width: 500px; margin: auto; position: fixed; background: #ffffff; border: solid 2px #fcaf17; border-radius: 12px; text-align: center; padding: 20px; left: 50%; top: 50%; transform: translate(-50%, -50%); box-shadow: -8px 12px 8px rgba(0,0,0,0.2); }

.appmsg { position: absolute; top: 105px; left: 510px; right: 20px; padding: 5px 10px; z-index:10; cursor: pointer; }
.appmsg span { float: right; }
.appmsg p { margin: 0; padding: 0; }
.info { background-color: #4CAF50; color: #ffffff; padding: 2px 3px; }
.error { background-color: #de4242; color: #ffffff; padding: 2px 3px; }
.warning { background-color: #FF6E2F; color: #ffffff; padding: 2px 3px; }
.warningbox { border: solid 2px #FF6E2F; padding: 2px 3px; }
.important { color: #FF6E2F; }
.note { font-size: 0.95em; font-style: italic; color: #444444; }

.app_menu_block { text-align: center; padding-bottom: 10px; }
.app_menu_main { display: inline-block; width: 240px; min-height: 300px; padding: 10px; vertical-align: top; }
.app_menu_main h3 { color: #000000; font-size: 20px; text-transform: uppercase; margin-bottom: 4px; width: 180px; }
.app_menu_main h3 a { color: #000000; text-decoration: none; }
.app_menu_main h3 a:hover { color: #686869; }
.app_menu_main h3 span { color: #686869; font-size: 150px; display: block; }
.app_menu_main p { display: block; padding: 0; margin: 0; }
.app_menu_main p>span { display: block; margin-left: 60px; height: 10px; background-image: url('../images/menu9.png'); background-position: left center; background-repeat: no-repeat; }
.app_menu_main p a { display: block; margin-left: 60px; color: #000000; text-decoration: none; padding: 5px 0 5px 30px; text-align: left; background-image: url('../images/menu0.png'); background-position: left center; background-repeat: no-repeat; }
.app_menu_main p a:hover { color: #686869; background-image: url('../images/menu1g.png'); }
.app_menu_main p a.app_menu_disabled:hover { background-image: url('../images/menu1g.png') !important; }
.app_menu_main p a:last-of-type { background-image: url('../images/menu2.png'); }
.app_menu_main p a:last-of-type:hover { background-image: url('../images/menu3g.png'); }
.app_menu_main p a.app_menu_disabled:last-of-type:hover { background-image: url('../images/menu3g.png') !important; }

.onklient .app_menu_block { margin-top: 5px; margin-bottom: -10px; }
.onklient .app_menu_main { width: 270px; }
.onklient .app_menu_main p span { margin-left: 20px; }
.onklient .app_menu_main p a { margin-left: 20px; }
.onklient .app_menu_main span { padding-bottom: 10px; }

.headermenu { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 10px; }
.app_menu_top { position: relative; display: inline-block; }
.app_menu_btn { padding: 4px 18px; font-size: 17px; color: #000; font-weight: bold; text-decoration: none; border-radius: 5px; }
.app_menu_sub { display: none; position: absolute; background-color: #fff; min-width: 260px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 11; border: solid 1px #CCC; border-radius: 5px; margin-top: 3px; }
.app_menu_sub a { color: black; font-weight:600; padding: 7px 16px 7px 30px; text-decoration: none; display: block; border-bottom: solid 1px #CCC; }
.app_menu_sub a:hover { background-color: #ddd; }
.app_menu_top:hover .app_menu_sub { display: block; }
.app_menu_top:hover .app_menu_btn { background-color: #CCC; }

.app_menu_tabs { padding-right: 20px; width: 200px; border-right: solid 3px #686869; margin-top: 30px; padding-bottom: 40px; float: left; }
.app_menu_tabs a { display: block; background: #FFF; border: solid 1px #686869; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); border-radius: 8px; padding: 5px 20px; margin: 6px 0 10px 0; color: #000000; text-decoration: none; text-transform: uppercase; text-align: center; }
.app_menu_tabs a:hover { background: #686869; color: #ffffff; }
.app_menu_tabs a.selected { background: #686869; color: #ffffff; }

.app_menu_actions { padding-left: 20px; width: 180px; margin-top: 30px; float: left; }
.app_menu_actions a { display: block; background: #FFF; border: solid 1px #686869; border-radius: 8px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); padding: 4px 10px; margin: 6px 0 6px 0; color: #000000; text-decoration: none; text-transform: uppercase; text-align: center; font-size: 14px; }
.app_menu_actions a:hover { background: #686869; color: #ffffff !important; }
.app_menu_actions a.selected { background: #686869; color: #ffffff !important; }
.app_menu_actions a.back { border: solid 1px #205682; }
.app_menu_actions span.space { display: block; height: 14px; }
.app_menu_actions span.header { display: block; padding: 10px 0 2px 0; text-align: center; font-weight: 600; font-size: 0.9em; }

.app_menu_line { margin: 20px 0; }
.app_menu_line a { border-bottom: solid 3px #e7e7df; padding: 2px 5px; text-decoration: none; margin-right: 5px; }
.app_menu_line a:hover { border-bottom: solid 3px #808080; }
.app_menu_line a.app_menu_selected { font-weight: 600; }

a.app_menu_back { border-bottom: 0; }
a.app_menu_back:hover { border-bottom: solid 3px #e7e7df; color: #de4242; }

.app_menu_separator { margin: 0 5px; color: #686869; }

a.app_menu_disabled { color: #a3a3a3 !important; cursor: not-allowed; }
a.app_menu_text { border-bottom: 0; cursor: default; }
a.app_menu_text:hover { border-bottom: 0; }

.submenu .app_menu_tabs { margin: -5px 0 0 40px; }

nav.condensed { width: 220px; overflow-x: clip; }
nav.condensed .app_menu_tabs { border-right: 0; padding-bottom: 10px; float: none; }
nav.condensed .app_menu_tabs a { font-size: 15px; }
nav.condensed .app_menu_actions { margin-top: 20px; float: none; }
main.condensed { left: 260px; }
h1.condensed { left: 270px; }

body.dashboard { background-image: none; }
.dashboard .full { top: 100px; }
.dashboard header { background: none; }
.dashboard .appmsg { top: 60px; }

.minheader header { padding: 5px 30px 5px 30px; height: 55px; background: #898989; }
.minheader header .app img { width: 40px; }
.minheader .full { top: 70px; }

.cards-row { display: flex; flex-wrap: wrap; gap: 1rem; width: 100%; max-width: 1400px; margin: auto; justify-content: center; }
.card-kpi { background-color: #fff; border:solid 1px #CCC; border-radius: 8px; padding: 0.5rem 1rem; display: flex; flex-direction: column; transition: transform 0.2s; min-width:300px; }
.card-stats { width:120px; float:left; text-align:center; }
.stats-num { font-weight: bold; font-size: 30px;}
.stats-desc { color: #686869; font-size: 12px; line-height:14px; }
.card-kpi > h3 { margin-top: 5px; }

.dsb_menu_block { text-align: center; padding: 0 200px 15px 140px; margin-top: 0px; }
.dsb_menu_main { display: inline-block; width: 210px; min-height: 300px; padding: 0 10px 20px 10px; vertical-align: top; }
.dsb_menu_main h3 { color: #000000; font-size: 18px; text-transform: uppercase; margin: 0 0 4px 0; }
.dsb_menu_main h3 a { color: #000000; text-decoration: none; }
.dsb_menu_main h3 a:hover { color: #686869; }
.dsb_menu_main h3 a.disabled { color: #AAA; text-decoration: none; cursor: not-allowed; }
.dsb_menu_main h3 span { color: #686869; font-size: 150px; display: block; }
.dsb_menu_ukazovatele { border: solid 2px #fcaf17; border-radius: 10px; text-align: left; margin-top: 15px; min-height: 200px; border-top-right-radius: 0; }
.dsb_menu_ukazovatele h4 { text-transform: uppercase; font-weight: bold; color: #000000; font-size: 14px; text-align: left; margin: 0; padding: 5px; border-bottom: solid 2px #fcaf17; }
.dsb_menu_ukazovatele h4 a { color: #898989; float: right; }
.dsb_menu_ukazovatele h4 a:hover { color: #000000; }
.dsb_menu_ukazovatele dl { font-size: 12px; }
.dsb_menu_ukazovatele dt { float: left; clear: left; width: 95px; padding-left: 5px; }
.dsb_menu_ukazovatele dt::after { content: ":"; }
.dsb_menu_ukazovatele dd { font-weight: bold; }
.dsb_menu_ukazovatele.disabled { border-color: #AAA; color: #686869; }
.dsb_menu_ukazovatele.disabled h4 { border-color: #AAA; color: #686869; font-size: 15px; }
.dsb_menu_ukazovatele.disabled p { text-align: center; margin-top: 60px; font-size: 14px; font-weight: bold; }

.dsb_right_block { float: right; width: 220px; margin: 60px 20px 0 0; }
.dsb_right_button { display: block; background-color: #fcaf17; float: left; width: 95px; padding-top: 15px; height: 140px; margin: 5px; color: #000000; font-size: 15px; text-transform: uppercase; text-align: center; text-decoration: none; border-top-left-radius: 8px; border-top-right-radius: 8px; }
.dsb_right_button.wide { width: 200px; padding-top: 10px; height: 70px; border-bottom-left-radius: 8px; border-top-right-radius: 0px; }
.dsb_right_button:hover { color: #ffffff; }
.dsb_right_button.disabled { background-color: #CCC; color: #898989; cursor: not-allowed; }
.dsb_right_banner { display: inline-block; margin: 15px 5px 0 5px; }
.dsb_right_banner img { width: 200px; }

.dsb_bottom_block { text-align: center; padding: 15px 220px 20px 200px; margin-top: 10px; background: #feeac2; }
.dsb_bottom_panel { float: left; width: 45%; margin-left: 20px; }
.dsb_bottom_panel h3 { text-align: left; margin: 0; text-transform: uppercase; }
.dsb_bottom_panel h3 a, .dsb_bottom_panel h3 span { background: #fcaf17; color: #ffffff; display: block; border-top-right-radius: 10px; border-top-left-radius: 10px; padding: 10px; text-decoration: none; }
.dsb_bottom_panel h3 a:hover { color: #000000; }
.dsb_bottom_content { background: #ffffff; padding: 10px; }
ul.dsb_novinka { margin: 0; padding: 0; }
ul.dsb_novinka li { list-style-type: none; border-bottom: solid 10px #feeac2; margin: 0 0 6px 0; }
ul.dsb_novinka a { text-decoration: none; color: #000000; display: block; padding: 10px; background: #ffffff; text-align: left; }
ul.dsb_novinka a:hover { background: #e7e7df; }
ul.dsb_novinka h4 { margin: 0; font-size: 16px; }
ul.dsb_novinka p { margin: 5px 0 0 0; font-size: 14px; }

button, a.button { display: inline-block; background: #FFF; border: solid 1px #686869; border-radius: 8px; padding: 5px 20px; margin-right: 20px; color: #000000; text-decoration: none; text-transform: uppercase; cursor: pointer; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); }
button:hover, a.button:hover { background: #686869; color: #ffffff; }

.excelbutton { display: inline-block; background: #FFF; border: solid 1px #2ba91f; border-radius: 8px; padding: 3px 20px; margin-right: 20px; color: #000000; text-decoration: none; text-transform: none; font-size: 0.97em; }
.excelbutton:hover, .excelbutton:hover i.green { background: #2ba91f; color: #ffffff; }

h2 a.button, h2 button { font-size: 14px; display: inline-block; float: right; }

button, input, select, textarea, optgroup { font: inherit; margin: 0 }
input, select, textarea { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
input[type=text], input[type=number], input[type=password], textarea { border: solid 1px #686869; border-top-left-radius: 8px 8px; padding: 3px 4px; }
select { border: solid 1px #686869; border-top-left-radius: 8px 8px; padding: 2px 4px; }
.sceditor-container { border: solid 1px #686869 !important; }

a.toggle { text-decoration: none; }
h2 a.toggle { color: #000000; }
h2 a.toggle i { color: #0082e4; }
h2 a.toggle:hover i { color: #FF6E2F; }

.actions { background: rgba(218,218,218,0.6); padding: 5px; border-left: solid 8px #de4242; border-bottom-left-radius: 8px; border-top-left-radius: 8px; margin: 10px 0; }
.actions h3 { display: inline; margin-right: 20px; }
.actions a { color: #686869; text-decoration: none; }
.actions a:hover { color: #000000; }

.filter { padding: 10px 0; margin: 10px 0; }
.filter h3 { display: inline-block; text-transform: uppercase; padding-right: 10px; font-weight: 700; line-height: 10px; font-size: 16px; font-family: 'Arial Black'; }
.filter p { display: inline; }
.filter button { padding: 3px 8px; border: solid 1px #205682; background: #205682; color: #fff; }
.filter input[type=checkbox], .filter input[type=radio] { width: 20px; height: 20px; position: relative; top: 6px; color: #686869; }

.pagingt { margin: 10px; }
div.paging { margin-top: 5px; padding: 2px; text-align: left; color: gray; }
div.pagingt { margin: 10px; padding: 2px; text-align: left; color: gray; }
.paging input, .pagingt input { font-size: 9px; color: #042d5a; font-family: Verdana, Arial, Helvetica, sans-serif; border: solid 1px #FF6E2F; padding: 1px; width: 25px; }
.paging .rows, .pagingt .rows { font-weight: 600; color: black; }
.paging a, .pagingt a { font-size: 110%; font-weight: 600; color: #3C3C3B; padding: 0 3px; }
.paging a:hover, .pagingt a:hover { color: white; background-color: #686869; text-decoration: none; }
.paging a.current, .pagingt a.current { color: #FFF; text-decoration: none; background: #686869; }

.tablebox { border: solid 2px #686869; border-bottom-left-radius: 8px; border-top-left-radius: 8px; margin: 10px 0;border-left-width:7px; padding:0 10px 10px 10px }
.tablebox:hover { background: rgba(255,255,255,0.6) }
.tablebox h3 { color: #686869; margin-top: 5px; }
.table { border-left: solid 7px #686869; border-bottom-left-radius: 8px; border-top-left-radius: 8px; margin: 10px 0; }
.tlist { background: rgba(255,255,255,0.6); width: 100%; border-collapse: collapse; }
.tlist thead th { border-right: 1px solid #fff; border-left: 0; color: #fff; background-color: #686869; text-align: left; padding: 1px 2px; text-transform: uppercase; font-weight: 200; font-size: 14px; vertical-align: bottom; }
.tlist thead th a { color: #fff; text-decoration: none; }
.table .tlist thead th { padding: 2px 2px 3px 2px; }
.tlist tbody tr { border-bottom: 1px solid #CCC; }
.tlist tr.noborder { border-bottom: 0; }
.tlist tbody tr:hover { background-color: #d2e4ea; }
.tlist tbody tr.space:hover { background-color: initial; }
.tlist tbody td { color: #212121; padding: 3px 4px; text-align: left; border-right: 1px solid #fff; }
.tlist tfoot td { padding: 4px; text-align: left; border-right: 1px solid #fff; border-top: 1px solid #333; }
.tlist tfoot th { padding: 4px; text-align: center; border-right: 1px solid #fff; border-top: 1px solid #333; }
.tlist tr.gray td, .tlist tr.gray a { color: #898989; }
.tlist .strike-in { color: #212121; }
.tlist tr.gray .strike-in { color: #898989; }
.tlist th.tip { border-bottom: none; cursor: help; text-decoration: none; }
.tlist th.tip span { border-bottom: dashed 1px gray; }
.tlist tr.group { border-top: solid 2px #333; }
.tlist tr.selected td { background-color: #bae0fc; }
.tlist tr.selected a { font-weight: 600; }
.tlist .foot td { color: #686869; text-transform: uppercase; font-weight: 600; }
.tlist td.left, .tlist th.left { text-align: left; }
.tlist td.right, .tlist th.right, .tlist thead th.right { text-align: right; padding-right: 5px; }
.tlist td.center, .tlist th.center { text-align: center; }

.tlist td.buttons a { display: inline-block; width: 25px; height: 25px; border: solid 1px #d2e4ea; border-radius: 8px; background: #ffffff; text-align: center; color: #686869; }
.tlist td.buttons a.detail:hover { color: #000000; }
.tlist td.buttons a.edit:hover { color: #000000; }
.tlist td.buttons a.delete:hover { color: #de4242; }

.bluebg .tlist td { background-color: #ffffff; }

.vyber { padding-left: 20px; }
.vyber .tlist thead th { background-color: #fff; color: #686869; }
.vyber .tlist tbody tr { border-bottom: 0; }
.vyber .tlist tbody td { border-bottom: 1px solid #CCC; border-right: 0; }
.vyber .tlist tbody td:first-child { border-bottom: 0; }
.vyber .button, .vyber button { font-size: 14px; padding: 3px 15px; }

.notfound { padding: 20px 0; color: #de4242; background: rgba(255,255,255,0.6); }
.notfoundmin { padding: 4px 0; color: #de4242; background: rgba(255,255,255,0.6); }
.vyber .notfound { margin-left: -20px; }
.table .notfound { padding: 20px; background: none; }
.table .notfoundmin { padding: 4px 20px; background: none; }

div.row:after, div.row:before { content: ""; display: table; clear: both }
div.half { float: left; width: 49.99%; }
div.third { float: left; width: 33.33%; }
div.thir2 { float: left; width: 66.65%; }

/*div.detail { border-left: solid 8px #686869; border-bottom-left-radius: 8px; border-top-left-radius: 8px; margin: 0 10px 10px 0; }*/
div.detail { margin: 0 10px 10px 0; }
.detail h3 { color: #686869; }
table.listing { text-align: left; margin-top: 10px; border-spacing: 0; width: 100%; }
table.listing th { padding: 1px 5px 2px 0; text-align: left; width: 25%; min-width: 120px; font-size: 14px; font-weight: 700; }
table.listing th:after { content: ":"; }
table.listing th.nodot:after { content: none; }
table.listing th a { text-decoration: none; }
table.listing td { padding: 1px 5px 2px 5px; }
table.listing td.note { color: #898989; font-size: 90%; }
table.freeth th { width: initial; min-width: initial; max-width: 60%; }
table.nowrap th, td.nowrap { white-space: nowrap; }
.listing tr.gray td, .listing tr.gray a { color: #898989; }
.listing tr.dates { color: #898989; font-size: 90%; }
.listing tr.space { font-size: 4px; line-height: 4px; }


.detail dt { padding: 2px 8px 2px 0; float: left; width: 200px; font-size: 14px; font-weight: 700; }
.detail dt:after { content: ":" }
.detail dt.nodot:after { content: none; }
.detail dd { padding: 2px 8px 2px 0; margin-left: 200px; }
.detail dd:after { content: ""; display: block; clear: both; }
.label-160 dt { width: 160px; }
.label-160 dd { margin-left: 160px; }
.label-220 dt { width: 220px; }
.label-220 dd { margin-left: 220px; }
.label-250 dt { width: 250px; }
.label-250 dd { margin-left: 250px; }
.label-300 dt { width: 300px; }
.label-300 dd { margin-left: 300px; }
.label-350 dt { width: 350px; }
.label-350 dd { margin-left: 350px; }
dt.header { color: #686869; font-weight: 600; font-size:16px; padding-top: 7px; }
dt.header:after { content: "" }
dd.header { padding-top: 7px; }
dt.space { clear:both; height: 4px; width:100%; }
.detail dt.space:after { content: none; }


tr.hover:hover, table.hover tr:hover { background-color: #e7e7df; }
.listing_high { background-color: #e7e7df; }

td.separe, tr.separe td { height: 1px; padding: 0px; background-color: #CCC; font-size: 1px; }
tr.sumary td { height: 1px; padding: 0px; background-color: #777; font-size: 1px; }
tr.subheader td { background-color: #CCC; font-weight: 600; }
tr.subheader2 td { background-color: #FDFCE6; padding-top: 3px; padding-bottom: 2px; }
tr.subheader3 td { border-top: solid #CCC 1px; padding-top: 3px; padding-bottom: 2px; font-weight: 600; }
tr.subheader4 td { border-bottom: solid #CCC 1px; padding-top: 3px; padding-bottom: 2px; font-weight: 600; }

.listing tr.header td { color: #686869; font-weight: 600; padding: 5px 0 2px 0; }
.tlist tr.header td { color: #686869; font-weight: 600; padding-top: 8px; }
.tlist tr.headerbg td { color:#ffffff; background-color: #686869; font-weight: 400; }

tr.num td { text-align: right; }
.listing td.alt { background-color: #CCC; }

.listing a.selected, .tlist a.selected { font-weight: 600; color: #de4122; text-decoration: none; }

img.icon_left { float: left; margin: -3px 5px 0 0; }

.msg-block { float: left; width: 80%; border: solid 1px #ffe5b3; border-radius: 16px; padding: 8px 12px; margin-bottom: 10px; background-color: rgba(255,229,179,0.6); }
.msg-header { font-weight: 800; font-size: 90%; }
.msg-text { padding: 4px 8px; }
.msg-block.selected { background-color: #e7e7df; }

.msg-block.other { float: right; }
.msg-block.other .msg-header { text-align: right; }
.msg-block.deleted { background-color: rgba(210,210,210,0.6); border-color: #CCC; }

.dsb_bottom_content .msg-text { font-size: 13px; padding: 4px 0; }

.box-skolenie { display: block; float: left; width: 280px; min-height: 170px; padding: 10px; border: solid 3px #fcaf17; border-radius: 16px; position: relative; margin: 0 15px 10px 0; }
.box-skolenie .box-overlay { position: absolute; top: 5px; left: 5px; width: 260px; height: 160px; padding: 10px; background-color: rgba(255,255,255,0.5); }
.box-skolenie:hover .box-overlay { background-color: rgba(255,255,255,0.7); }
.box-skolenie h4 { color: #000; font-size: 18px; font-weight: 600; text-transform: uppercase; margin: 4px 0; }
.box-skolenie h3 { color: #000; font-size: 20px; font-weight: 800; text-transform: uppercase; margin: 4px 0; }
/*
.box-skolenie h4 { position: absolute; top: 10px; left: 20px; width:240px; color: #000; font-size: 18px; font-weight:600; text-transform:uppercase;  }
.box-skolenie h3 { position: absolute; top: 60px; left: 20px; width:240px; color: #000; font-size: 20px; font-weight:800; text-transform:uppercase; background-color: rgba(255,255,255,0.6); }
*/
.box-skolenie-nc { max-width: 1000px; padding: 20px 10px; border: solid 2px #fcaf17; border-radius: 16px; }

.box-navod { display: block; float: left; width: 280px; min-height: 170px; padding: 10px; border: solid 3px #c63b3d; border-radius: 16px; position: relative; margin: 0 15px 10px 0; }
.box-navod .box-overlay { position: absolute; top: 5px; left: 5px; width: 260px; height: 160px; padding: 10px; background-color: rgba(255,255,255,0.5); display: flex; justify-content: center; align-items: center; }
.box-navod:hover .box-overlay { background-color: rgba(255,255,255,0.7); }
.box-navod h3 { color: #000; font-size: 20px; font-weight: 800; text-transform: uppercase; text-align: center; }
.box-navod-nc { max-width: 1000px; padding: 20px 10px; border: solid 2px #c63b3d; border-radius: 16px; }

.box-novinka { display: block; padding: 0 0 0 10px; border: solid 3px #e7e7df; border-top-left-radius: 16px; border-bottom-left-radius: 16px; min-height: 150px; margin-bottom: 15px; text-decoration: none; background-color: rgba(255,255,255,0.6); max-width: 1000px; }
.box-novinka:hover { background-color: #e7e7df; }
.box-novinka img { float: right; }
.box-novinka h3 { color: #000; font-size: 20px; font-weight: 800; text-transform: uppercase; }
.box-novinka p { color: #000; font-size: 16px; font-weight: 600; }
.box-novinka-nc { max-width: 1000px; padding: 20px 10px; border: solid 2px #e7e7df; border-radius: 16px; }

.livebox { width: 100%; padding:10px; border: solid 5px #000000; border-radius: 16px; border-left-width: 20px; }
.livebox h2 { font-weight:bold; margin: 0px 0px 5px; }
.livebox svg { border: solid 1px #000; }
.livebox table { border-spacing: 5px; border-collapse: separate; width:100%; }
.livebox th { font-weight:normal; font-size: 0.8em; }
.livebox td { font-weight:bold; font-size: 2em; text-align:center; border: solid 1px #CCC; }

div.editform { margin: 0 10px 10px 0; }
.editform label { width: 150px; display: inline-block; font-size: 15px; }
.editform label:after { content: ":"; }
.editform label.nodot:after { content: none; }
.label-tiny label { width: 90px; }
.label-small label { width: 120px; }
.label-large label { width: 200px; }
.label-250 label { width: 250px; }
.label-larger label { width: 300px; }
.label-350 label { width: 350px; }
.label-largest label { width: 400px; }
.imilabels { padding-left: 154px; }
.label-tiny .imilabels { padding-left: 94px; }
.label-small .imilabels { padding-left: 124px; }
.label-large .imilabels { padding-left: 204px; }
.label-250 .imilabels { padding-left: 254px; }
.label-larger .imilabels { padding-left: 304px; }
.label-350 .imilabels { padding-left: 354px; }
.label-largest .imilabels { padding-left: 404px; }

.va-top > * { vertical-align: top; }
.va-top-t > * { vertical-align: text-top; }
.va-top-r > * { vertical-align: top; }
.va-top-r label { padding-top: 8px; }

.w3-section { margin-top: 10px !important; margin-bottom: 10px !important }
.w3-section span.note { font-size: 0.95em; font-style: italic; color: #444444; display: inline-block; }
.w3-section.space { margin: 0; height: 5px; }

.editform .form-buttons { padding: 10px 0; }
.form-buttons button { min-width: 80px; font-weight: 600; }
.form-buttons .back { color: #333; font-weight: 400; }

button.savebutton { display: inline-block; position: fixed; bottom: 80px; right: 40px; background: #205682; color: #fff; }
button.savebutton:hover { background-color: #fff; color: #000; }

button.collapsible { border: solid 1px #686869; border-top-left-radius: 8px 8px; padding: 3px 4px; background: #FFF; color: #000000; }
button.collapsible:hover { background: #686869; color: #ffffff; }
button.collapsible::after { content: '\002B'; font-weight: bold; float: right; margin-left: 5px; }
button.collapsible.active::after { content: '\2212'; }
.collapsible-item { display: none; overflow: hidden; padding: 5px 10px; }

.buttons button, .buttons .button { margin-bottom: 2px; margin-right:10px; }

.required label { font-weight: 700; }
.radios label { width: auto; font-weight: normal; font-size: initial; }
.radios label:after { content: none; }

label.help i { color: #2a7d97; }

.editform input[type=checkbox], .editform input[type=radio], .checkbox { width: 24px; height: 24px; position: relative; top: 6px; color: #686869; }
.vyber input[type=checkbox], .vyber input[type=radio], .radio { width: 20px; height: 20px; position: relative; top: 3px; color: #686869; }
.radios.small input[type=checkbox], .radios.small input[type=radio] { width: 20px; height: 20px; top: 3px; }
.radios.small label { font-size: 15px; }
.radios.vertical { display: block; margin: -28px 0 0 203px; }

input.datepicker-bt, input.datepicker-in { width: 100px; }
.ui-datepicker-trigger { width: 24px; margin-bottom: -3px; margin-left: 3px; cursor: pointer; }

.input60 input[type=text], .input60 input[type=number], .input60 select { width: 60px; }
.input100 input[type=text], .input100 input[type=password], .input100 input[type=number], .input100 textarea, .input100 select { width: 100px; }
.input150 input[type=text], .input150 input[type=password], .input150 input[type=number], .input150 textarea, .input150 select { width: 150px; }
.input200 input[type=text], .input200 input[type=password], .input200 input[type=number], .input200 textarea, .input200 select { width: 200px; }
.input300 input[type=text], .input300 input[type=password], .input300 input[type=number], .input300 textarea, .input300 select { width: 300px; }
.input400 input[type=text], .input400 input[type=password], .input400 input[type=number], .input400 textarea, .input400 select { width: 400px; }
.input500 input[type=text], .input500 input[type=password], .input500 input[type=number], .input500 textarea, .input500 select { width: 500px; }
.input600 input[type=text], .input600 input[type=password], .input600 input[type=number], .input600 textarea, .input600 select { width: 600px; }

input.sub { margin-left: 30px; }

.area50 textarea { height: 50px; }
.area70 textarea { height: 70px; }
.area100 textarea { height: 100px; }
.area200 textarea { height: 200px; }
.area300 textarea { height: 300px; }
.area400 textarea { height: 400px; }
.bbcode textarea { min-height: 400px; }
.area50 label, .area70 label, .area100 label, .area200 label, .area300 label, .area400 label { padding-top: 3px; vertical-align: top; }

::placeholder { color: #CCC; opacity: 1; }
:-ms-input-placeholder { color: #CCC; opacity: 1; }
::-ms-input-placeholder { color: #CCC; opacity: 1; }

a.editnote { float: right; margin-right: 3px; display: inline-block; color: #898989; }
a.editnote:hover { color: #fcaf17; }

a.tab_sel { font-weight: 600; text-decoration: none; }

.help { cursor: help; }
a.help, b.help, span.help, .dotted { border-bottom: dotted 1px #686869; }
.editform .fa-question-circle.help { color: #686869; font-size: 20px; }
.tlist th.help { background-position: right center; background-image: url('../images/tlist_help.png'); background-repeat: no-repeat; padding-right: 16px !important; }
.tlist td.help { background-position: right center; background-image: url('../images/tlist_help2.png'); background-repeat: no-repeat; padding-right: 16px !important; }

tr.top { vertical-align: text-top; }
p.top { margin-top: 2px; }
p.top u { text-decoration: none; color: #808080; font-size: 15px; }
span.box { display: inline-block; width: 16px; height: 16px; }
.nobold { font-weight: 400 !important; }
.nocaps, thead th.nocaps, thead tr.nocaps th { text-transform: none; }
.center { text-align: center; }
.right { text-align: right; }
.left { text-align: left; }
.small, tr.small td, tr.small th { font-size: 14px; }
button.small, a.button.small { padding: 3px 15px; }
button.mini, a.button.mini { padding: 2px 10px; font-size: 13px; }
.tlist tr.small th { font-size: 13px; }
.bold { font-weight: 600; }
.tinymargin { margin: 2px 0 !important; }
h2.tinymargin { margin: 0.83em 0 0 0 !important; }
.limitw { max-width: 800px; }
.first { margin-top: 0; }
.orange, a.orange, a.orange-hv:hover { color: #fcaf17 !important; }
.green, a.green, a.green-hv:hover { color: #2ba91f !important; }
.red, a.red, a.red-hv:hover { color: #de4242 !important; }
.gray, a.gray, a.gray-hv:hover { color: #898989 !important; }
.blue, a.blue, a.blue-hv:hover { color: #0082e4 !important; }
.yellow, a.yellow, a.yellow-hv:hover { color: #f4ee4d !important; }

.orangebg { background-color: #fcaf17 !important; color: #ffffff !important; }
.greenbg { background-color: #2ba91f !important; color: #ffffff !important; }
.redbg { background-color: #de4242 !important; color: #ffffff !important; }
.graybg { background-color: #898989 !important; color: #ffffff !important; }
.bluebg { background-color: #0082e4 !important; color: #ffffff !important; }
.yellowbg { background-color: #f4ee4d !important; color: #ffffff !important; }
.semibg { background: rgba(255,255,255,0.6); }
.fullbg { background: #ffffff; }

button.orange:hover, a.button.orange:hover { color: #ffefcf !important; }
button.green:hover, a.button.green:hover { color: #d1edcf !important; }
button.red:hover, a.button.red:hover { color: #facfcf !important; }
button.gray:hover, a.button.gray:hover { color: #ebebeb !important; }
button.blue:hover, a.button.blue:hover { color: #ddeffc !important; }
button.yellow:hover, a.button.yellow:hover { color: #f8fbb5 !important; }

.validation-summary-errors { padding: 1px 10px; margin: 0 0 10px 0; color: #ffffff; background-color: #FF6E2F; }
.validation-summary-errors ul { padding-left: 20px; }
.validation-summary-errors li { padding-top: 2px; }

.vaha-item { text-align: center; float: left; margin: 3px; padding: 2px; width: 48px; border: solid 1px #898989; }
.vaha-item-form { text-align: center; float: left; margin: 3px; padding: 2px; width: 50px; vertical-align: middle; }
.vaha-mesiac { color: #808080; }
.vaha-hodnota { font-weight: normal; }
.vaha-item-form input { width: 50px !important; }
.vaha-sum { display: inline-block; padding: 3px 4px; color: #ffffff; font-weight: 600; margin-top: 1px; border-radius: 3px; }
/* jquery hide close button from dialog */
.no-close .ui-dialog-titlebar-close { display: none; }
.no-padding .ui-dialog-content { padding: 0; }
.ui-dialog { border: solid 2px #686869 !important; border-top-left-radius: 12px; padding: 0; box-shadow: -8px 12px 8px rgba(0,0,0,0.2); }
.ui-dialog .ui-dialog-titlebar { background-color: #686869; color: #ffffff; border: 0; border-radius: unset; border-top-left-radius: 8px; }
.ui-dialog-buttonset button,
.ui-dialog-buttonset button:active,
.ui-dialog-buttonset button:focus { border: solid 1px #686869; border-radius: 8px; padding: 5px 10px; cursor: pointer; text-transform: uppercase; background: #ffffff; color: black; font-size: 15px !important; }
.ui-dialog-buttonset button:hover { background-color: #686869; color: #ffffff; }
button.ui-datepicker-trigger { padding: 4px 6px; border-radius: 4px; margin-left: 4px; }

.ui-tooltip { padding: 6px; color: black; border: solid 1px #686869 !important; border-radius: 0 6px 6px 6px; box-shadow: 4px 6px 4px rgba(0,0,0,0.5); font-size: 90%; font-weight: 600; background: #F2EDE8; white-space: pre-line; }

.pVolby > * { vertical-align: top; }
.pVolby .item { padding: 4px 0px; margin-bottom: 2px; }
.pVolby .item a { border: solid 1px #686869; background: #ffffff; border-radius: 4px; padding: 3px 5px; margin-right: 4px; text-decoration: none; }
.pVolby .item a:hover { background-color: #686869; color: #ffffff; }

.log_x { background: #F68888; }
.log_e { background: #FBA183; }
.log_w { background: #F9C785; }
.log_i { background: #F8FBB5; }
.log_d { background: #D2E4E7; }
.theid { font-size: 14px; color: #686869; }

.fpost-buttons { padding: 0; display: none; float: right; }
.other .fpost-buttons { float: left; }
.admin .other .fpost-buttons { float: right; }
.fpost-buttons button { border: solid 1px #686869; background: #ffffff; border-radius: 50%; padding: 3px; margin: 0px; cursor: pointer; }
.fpost-buttons button:hover { background-color: #686869; color: #ffffff !important; }
.fpost-buttons button i { width: 14px; height: 14px; display: block; margin: -1px 0 1px 0; }

div.maskot { position: fixed; bottom: 50px; }
.maskot img { width: 200px }

.report1 h3 { line-height: 35px; margin-bottom: 2px; }
.report1 h3 img { float: left; margin-right: 5px; }
.report1 .row { font-size: 90%; padding-left: 45px; }
.report1 h4 { margin: 0; padding-bottom: 1px; border-bottom: solid 1px #000000; }
.report1 p { margin: 1px 7px 5px 0; }

.sortable > div { margin:8px; padding: 5px 10px; border: dotted 1px #c63b3d; border-radius: 8px; cursor: move; background: rgba(255,255,255,0.8); user-select: none; }
.sortable > div:active { background: rgba(191,141,142,0.8); }
.sortable > div.disabled { border-color: #898989; cursor: not-allowed; color: #898989; }
.sortable > div.disabled:active { background: rgba(255,255,255,0.8); }

body.admin { background-image: url("../images/background-admin.png"); }
body.admin.minheader header { background: #c63b3d; }
.admin .overlaybg { background-color: rgba(191,141,142,0.4) }
.admin h1 { border-bottom: solid 2px #c63b3d; }
.admin header .icons a:hover { color: #c63b3d; }
.admin .sidebar .inner { border: solid 2px #c63b3d; }
.admin .sidebar a.close { color: #c63b3d; }
.admin .app_menu_main h3 a:hover { color: #c63b3d; }
.admin .app_menu_main h3 span { color: #c63b3d; }
.admin .app_menu_main p a:hover { color: #c63b3d; background-image: url('../images/menu1a.png'); }
.admin .app_menu_main p a:last-of-type:hover { background-image: url('../images/menu3a.png'); }
.admin .app_menu_tabs { border-right: solid 3px #c63b3d; }
.admin .app_menu_tabs a { border: solid 1px #c63b3d; }
.admin .app_menu_tabs a:hover { background: #c63b3d; }
.admin .app_menu_tabs a.selected { background: #c63b3d; }
.admin .app_menu_actions a { border: solid 1px #c63b3d; }
.admin .app_menu_actions a:hover { background: #c63b3d; }
.admin .app_menu_actions a.selected { background: #c63b3d; }
.admin .app_menu_separator { color: #c63b3d; }
.admin button, .admin a.button { border: solid 1px #c63b3d; }
.admin button:hover, .admin a.button:hover { background: #c63b3d; }
.admin input[type=text], .admin input[type=number], .admin input[type=password], .admin textarea { border: solid 1px #c63b3d; }
.admin img.ui-datepicker-trigger { filter: invert(30%) sepia(70%) saturate(1828%) hue-rotate(332deg) brightness(82%) contrast(87%); }
.admin .sceditor-container { border: solid 1px #c63b3d !important; }
.admin select { border: solid 1px #c63b3d; }
.admin .pVolby .item a { border-color: #c63b3d; }
.admin .pVolby .item a:hover { background-color: #c63b3d; }
.admin .actions a { color: #c63b3d; }
.admin .paging a:hover, .admin .pagingt a:hover { background-color: #c63b3d; }
.admin .paging a.current, .admin .pagingt a.current { background: #c63b3d; }
.admin .tablebox { border-color: #c63b3d; }
.admin .tablebox h3 { color: #c63b3d; }
.admin .table { border-left: solid 7px #c63b3d; }
.admin .tlist thead th { background-color: #c63b3d; }
.admin .tlist .foot td { color: #c63b3d; }
.admin .vyber .tlist thead th { background-color: #fff; color: #c63b3d; }
.admin .tlist td.buttons a { color: #c63b3d; }
.admin .detail h3 { color: #c63b3d; }
.admin tr.header td { color: #c63b3d; }
.admin tr.headerbg td { background-color: #c63b3d; }
.admin a.help, .admin b.help, .admin span.help { border-bottom: dotted 1px #c63b3d; }
.admin .editform .fa-question-circle.help { color: #c63b3d; font-size: 20px; }
.admin .ui-dialog { border: solid 2px #c63b3d !important; }
.admin .ui-dialog .ui-dialog-titlebar { background-color: #c63b3d; }
.admin .ui-dialog-buttonset button,
.admin .ui-dialog-buttonset button:active,
.admin .ui-dialog-buttonset button:focus { border: solid 1px #c63b3d; }
.admin .ui-dialog-buttonset button:hover { background-color: #c63b3d; }
.admin .ui-tooltip, .admin .tooltipster-sidetip .tooltipster-box { border-color: #c63b3d !important; }
.admin .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border { border-bottom-color: #c63b3d; }
.admin .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border { border-left-color: #c63b3d; }
.admin .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border { border-right-color: #c63b3d; }
.admin .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border { border-top-color: #c63b3d; }
.admin .msg-block { background-color: rgba(199,134,135,0.4); border: #c63b3d; }
.admin .msg-block.other { background-color: rgba(197,127,199,0.4); }
.admin .msg-block.other .msg-header { text-align: left; }
.admin .msg-block.other .msg-text { text-align: left; }
.admin .content { background: #e9e9e9; padding: 5px; }

body.elektrina { background-image: url("../images/background-ee.png"); }
body.elektrina.minheader header { background: #0082e4; }
.elektrina .app_menu_btn { color: #0082e4; }
.elektrina .app_menu_top:hover .app_menu_btn { background-color: #D2E4E7; }
.elektrina .overlaybg { background-color: rgba(185,218,222,0.4) }
.elektrina h1 { border-bottom: solid 2px #0082e4; }
.elektrina header .icons a:hover { color: #0082e4; }
.elektrina .sidebar .inner { border: solid 2px #0082e4; }
.elektrina .sidebar a.close { color: #0082e4; }
.elektrina .app_menu_main h3 a:hover { color: #0082e4; }
.elektrina .app_menu_main h3 span { color: #0082e4; }
.elektrina .app_menu_main p a:hover { color: #0082e4; background-image: url('../images/menu1e.png'); }
.elektrina .app_menu_main p a:last-of-type:hover { background-image: url('../images/menu3e.png'); }
.elektrina .app_menu_tabs { border-right: solid 3px #0082e4; }
.elektrina .app_menu_tabs a { border: solid 1px #0082e4; }
.elektrina .app_menu_tabs a:hover { background: #0082e4; }
.elektrina .app_menu_tabs a.selected { background: #0082e4; }
.elektrina .app_menu_actions a { border: solid 1px #0082e4; }
.elektrina .app_menu_actions a:hover { background: #0082e4; }
.elektrina .app_menu_actions a.selected { background: #0082e4; }
.elektrina .app_menu_separator { color: #0082e4; }
.elektrina button, .elektrina a.button { border: solid 1px #0082e4; }
.elektrina button:hover, .elektrina a.button:hover { background: #0082e4; }
.elektrina input[type=text], .elektrina input[type=number], .elektrina input[type=password], .elektrina textarea { border: solid 1px #0082e4; }
.elektrina img.ui-datepicker-trigger { filter: invert(50%) sepia(100%) saturate(5330%) hue-rotate(188deg) brightness(98%) contrast(101%); }
.elektrina .sceditor-container { border: solid 1px #0082e4 !important; }
.elektrina select { border: solid 1px #0082e4; }
.elektrina .actions a { color: #0082e4; }
.elektrina .paging a:hover, .elektrina .pagingt a:hover { background-color: #0082e4; }
.elektrina .paging a.current, .elektrina .pagingt a.current { background: #0082e4; }
.elektrina .tablebox { border-color: #0082e4; }
.elektrina .tablebox h3 { color: #0082e4; }
.elektrina .table { border-left: solid 7px #0082e4; }
.elektrina .tlist thead th { background-color: #0082e4; }
.elektrina .tlist .foot td { color: #0082e4; }
.elektrina .vyber .tlist thead th { background-color: #fff; color: #0082e4; }
.elektrina .tlist td.buttons a { color: #0082e4; }
.elektrina .detail h3 { color: #0082e4; }
.elektrina tr.header td, .elektrina dt.header { color: #0082e4; }
.elektrina tr.headerbg td { background-color: #0082e4; }
.elektrina a.help, .elektrina b.help, .elektrina span.help { border-bottom: dotted 1px #0082e4; }
.elektrina .editform .fa-question-circle.help { color: #0082e4; font-size: 20px; }
.elektrina .ui-dialog { border: solid 2px #0082e4 !important; }
.elektrina .ui-dialog .ui-dialog-titlebar { background-color: #0082e4; }
.elektrina .ui-dialog-buttonset button,
.elektrina .ui-dialog-buttonset button:active,
.elektrina .ui-dialog-buttonset button:focus { border: solid 1px #0082e4; }
.elektrina .ui-dialog-buttonset button:hover { background-color: #0082e4; }
.elektrina .ui-tooltip, .elektrina .tooltipster-sidetip .tooltipster-box { border-color: #0082e4 !important; }
.elektrina .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border { border-bottom-color: #0082e4; }
.elektrina .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border { border-left-color: #0082e4; }
.elektrina .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border { border-right-color: #0082e4; }
.elektrina .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border { border-top-color: #0082e4; }

body.plyn.minheader header { background: #fcaf17; }
.plyn .app_menu_btn { color: #fcaf17; }
.plyn .app_menu_top:hover .app_menu_btn { background-color: #ffefcf; }
.plyn h1 { border-bottom: solid 2px #fcaf17; }
.plyn .overlaybg { background-color: rgba(191,172,128,0.4) }
.plyn header .icons a:hover { color: #fcaf17; }
.plyn .sidebar .inner { border: solid 2px #fcaf17; }
.plyn .sidebar a.close { color: #fcaf17; }
.plyn .app_menu_main { width: 300px; }
.plyn .app_menu_main h3 a:hover { color: #fcaf17; }
.plyn .app_menu_main h3 span { color: #fcaf17; }
.plyn .app_menu_main p a:hover { color: #fcaf17; background-image: url('../images/menu1.png'); }
.plyn .app_menu_main p a:last-of-type:hover { background-image: url('../images/menu3.png'); }
.plyn .app_menu_tabs { border-right: solid 3px #fcaf17; }
.plyn .app_menu_tabs a { border: solid 1px #fcaf17; }
.plyn .app_menu_tabs a:hover { background: #fcaf17; }
.plyn .app_menu_tabs a.selected { background: #fcaf17; }
.plyn .app_menu_actions a { border: solid 1px #fcaf17; }
.plyn .app_menu_actions a:hover { background: #fcaf17; }
.plyn .app_menu_actions a.selected { background: #fcaf17; }
.plyn .app_menu_separator { color: #fcaf17; }
.plyn button, .plyn a.button { border: solid 1px #fcaf17; }
.plyn button:hover, .plyn a.button:hover { background: #fcaf17; }
.plyn input[type=text], .plyn input[type=number], .plyn input[type=password], .plyn textarea { border: solid 1px #fcaf17; }
.plyn img.ui-datepicker-trigger { filter: invert(64%) sepia(75%) saturate(559%) hue-rotate(348deg) brightness(105%) contrast(98%); }
.plyn .sceditor-container { border: solid 1px #fcaf17 !important; }
.plyn select { border: solid 1px #fcaf17; }
.plyn .actions a { color: #fcaf17; }
.plyn .paging a:hover, .plyn .pagingt a:hover { background-color: #fcaf17; }
.plyn .paging a.current, .plyn .pagingt a.current { background: #fcaf17; }
.plyn .tablebox { border-color: #fcaf17; }
.plyn .tablebox h3 { color: #fcaf17; }
.plyn .table { border-left: solid 7px #fcaf17; }
.plyn .tlist thead th { background-color: #fcaf17; }
.plyn .tlist .foot td { color: #fcaf17; }
.plyn .vyber .tlist thead th { background-color: #fff; color: #fcaf17; }
.plyn .tlist td.buttons a { color: #fcaf17; }
.plyn .tlist tr.selected td { background-color: #ffefcf; }
.plyn .detail h3 { color: #fcaf17; }
.plyn tr.header td, .plyn dt.header { color: #fcaf17; }
.plyn tr.headerbg td { background-color: #fcaf17; }
.plyn a.help, .plyn b.help, .plyn span.help { border-bottom: dotted 1px #fcaf17; }
.plyn .editform .fa-question-circle.help { color: #fcaf17; font-size: 20px; }
.plyn .ui-dialog { border: solid 2px #fcaf17 !important; }
.plyn .ui-dialog .ui-dialog-titlebar { background-color: #fcaf17; }
.plyn .ui-dialog-buttonset button,
.plyn .ui-dialog-buttonset button:active,
.plyn .ui-dialog-buttonset button:focus { border: solid 1px #fcaf17; }
.plyn .ui-dialog-buttonset button:hover { background-color: #fcaf17; }
.plyn .ui-tooltip, .plyn .tooltipster-sidetip .tooltipster-box { border-color: #fcaf17 !important; }
.plyn .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border { border-bottom-color: #fcaf17; }
.plyn .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border { border-left-color: #fcaf17; }
.plyn .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border { border-right-color: #fcaf17; }
.plyn .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border { border-top-color: #fcaf17; }

body.voda { background-image: url("../images/background-vd.png"); }
body.voda.minheader header { background: #2ba91f; }
.voda .app_menu_btn { color: #2ba91f; }
.voda .app_menu_top:hover .app_menu_btn { background-color: #d1edcf; }
.voda h1 { border-bottom: solid 2px #2ba91f; }
.voda .overlaybg { background-color: rgba(140,191,128,0.4) }
.voda header .icons a:hover { color: #2ba91f; }
.voda .sidebar .inner { border: solid 2px #2ba91f; }
.voda .sidebar a.close { color: #2ba91f; }
.voda .app_menu_main { width: 300px; }
.voda .app_menu_main h3 a:hover { color: #2ba91f; }
.voda .app_menu_main h3 span { color: #2ba91f; }
.voda .app_menu_main p a:hover { color: #2ba91f; background-image: url('../images/menu1v.png'); }
.voda .app_menu_main p a:last-of-type:hover { background-image: url('../images/menu3v.png'); }
.voda .app_menu_tabs { border-right: solid 3px #2ba91f; }
.voda .app_menu_tabs a { border: solid 1px #2ba91f; }
.voda .app_menu_tabs a:hover { background: #2ba91f; }
.voda .app_menu_tabs a.selected { background: #2ba91f; }
.voda .app_menu_actions a { border: solid 1px #2ba91f; }
.voda .app_menu_actions a:hover { background: #2ba91f; }
.voda .app_menu_actions a.selected { background: #2ba91f; }
.voda .app_menu_separator { color: #2ba91f; }
.voda button, .voda a.button { border: solid 1px #2ba91f; }
.voda button:hover, .voda a.button:hover { background: #2ba91f; }
.voda input[type=text], .voda input[type=number], .voda input[type=password], .voda textarea { border: solid 1px #2ba91f; }
.voda img.ui-datepicker-trigger { filter: invert(53%) sepia(25%) saturate(1742%) hue-rotate(70deg) brightness(92%) contrast(90%); }
.voda .sceditor-container { border: solid 1px #2ba91f !important; }
.voda select { border: solid 1px #2ba91f; }
.voda .actions a { color: #2ba91f; }
.voda .paging a:hover, .voda .pagingt a:hover { background-color: #2ba91f; }
.voda .paging a.current, .voda .pagingt a.current { background: #2ba91f; }
.voda .tablebox { border-color: #2ba91f; }
.voda .tablebox h3 { color: #2ba91f; }
.voda .table { border-left: solid 7px #2ba91f; }
.voda .tlist thead th { background-color: #2ba91f; }
.voda .tlist .foot td { color: #2ba91f; }
.voda .vyber .tlist thead th { background-color: #fff; color: #2ba91f; }
.voda .tlist td.buttons a { color: #2ba91f; }
.voda .tlist tr.selected td { background-color: #d1edcf; }
.voda .detail h3 { color: #2ba91f; }
.voda tr.header td, .voda dt.header { color: #2ba91f; }
.voda tr.headerbg td { background-color: #2ba91f; }
.voda a.help, .voda b.help, .voda span.help { border-bottom: dotted 1px #2ba91f; }
.voda .editform .fa-question-circle.help { color: #2ba91f; font-size: 20px; }
.voda .ui-dialog { border: solid 2px #2ba91f !important; }
.voda .ui-dialog .ui-dialog-titlebar { background-color: #2ba91f; }
.voda .ui-dialog-buttonset button,
.voda .ui-dialog-buttonset button:active,
.voda .ui-dialog-buttonset button:focus { border: solid 1px #2ba91f; }
.voda .ui-dialog-buttonset button:hover { background-color: #2ba91f; }
.voda .ui-tooltip, .voda .tooltipster-sidetip .tooltipster-box { border-color: #2ba91f !important; }
.voda .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border { border-bottom-color: #2ba91f; }
.voda .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border { border-left-color: #2ba91f; }
.voda .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border { border-right-color: #2ba91f; }
.voda .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border { border-top-color: #2ba91f; }

body.teplo { background-image: url("../images/background-teplo.png"); }
body.teplo.minheader header { background: #f14a4a; }
.teplo .app_menu_btn { color: #f14a4a; }
.teplo .app_menu_top:hover .app_menu_btn { background-color: #facfcf; }
.teplo h1 { border-bottom: solid 2px #f14a4a; }
.teplo .overlaybg { background-color: rgba(241,74,74,0.4) }
.teplo header .icons a:hover { color: #f14a4a; }
.teplo .sidebar .inner { border: solid 2px #f14a4a; }
.teplo .sidebar a.close { color: #f14a4a; }
.teplo .app_menu_main { width: 300px; }
.teplo .app_menu_main h3 a:hover { color: #f14a4a; }
.teplo .app_menu_main h3 span { color: #f14a4a; }
.teplo .app_menu_main p a:hover { color: #f14a4a; background-image: url('../images/menu1t.png'); }
.teplo .app_menu_main p a:last-of-type:hover { background-image: url('../images/menu3t.png'); }
.teplo .app_menu_tabs { border-right: solid 3px #f14a4a; }
.teplo .app_menu_tabs a { border: solid 1px #f14a4a; }
.teplo .app_menu_tabs a:hover { background: #f14a4a; }
.teplo .app_menu_tabs a.selected { background: #f14a4a; }
.teplo .app_menu_actions a { border: solid 1px #f14a4a; }
.teplo .app_menu_actions a:hover { background: #f14a4a; }
.teplo .app_menu_actions a.selected { background: #f14a4a; }
.teplo .app_menu_separator { color: #f14a4a; }
.teplo button, .teplo a.button { border: solid 1px #f14a4a; }
.teplo button:hover, .teplo a.button:hover { background: #f14a4a; }
.teplo input[type=text], .teplo input[type=number], .teplo input[type=password], .teplo textarea { border: solid 1px #f14a4a; }
.teplo img.ui-datepicker-trigger { filter: invert(53%) sepia(72%) saturate(3873%) hue-rotate(331deg) brightness(97%) contrast(96%); }
.teplo .sceditor-container { border: solid 1px #f14a4a !important; }
.teplo select { border: solid 1px #f14a4a; }
.teplo .actions a { color: #f14a4a; }
.teplo .paging a:hover, .teplo .pagingt a:hover { background-color: #f14a4a; }
.teplo .paging a.current, .teplo .pagingt a.current { background: #f14a4a; }
.teplo .tablebox { border-color: #f14a4a; }
.teplo .tablebox h3 { color: #f14a4a; }
.teplo .table { border-left: solid 7px #f14a4a; }
.teplo .tlist thead th { background-color: #f14a4a; }
.teplo .tlist .foot td { color: #f14a4a; }
.teplo .vyber .tlist thead th { background-color: #fff; color: #f14a4a; }
.teplo .tlist td.buttons a { color: #f14a4a; }
.teplo .tlist tr.selected td { background-color: #facfcf; }
.teplo .detail h3 { color: #f14a4a; }
.teplo tr.header td, .teplo dt.header { color: #f14a4a; }
.teplo tr.headerbg td { background-color: #f14a4a; }
.teplo a.help, .teplo b.help, .teplo span.help { border-bottom: dotted 1px #f14a4a; }
.teplo .editform .fa-question-circle.help { color: #f14a4a; font-size: 20px; }
.teplo .ui-dialog { border: solid 2px #f14a4a !important; }
.teplo .ui-dialog .ui-dialog-titlebar { background-color: #f14a4a; }
.teplo .ui-dialog-buttonset button,
.teplo .ui-dialog-buttonset button:active,
.teplo .ui-dialog-buttonset button:focus { border: solid 1px #f14a4a; }
.teplo .ui-dialog-buttonset button:hover { background-color: #f14a4a; }
.teplo .ui-tooltip, .teplo .tooltipster-sidetip .tooltipster-box { border-color: #f14a4a !important; }
.teplo .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border { border-bottom-color: #f14a4a; }
.teplo .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border { border-left-color: #f14a4a; }
.teplo .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border { border-right-color: #f14a4a; }
.teplo .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border { border-top-color: #f14a4a; }

button:disabled, button.disabled, a.button:disabled, a.button.disabled { border-color: #A9A9A9; color: #898989; }
button.disabled:hover, button:disabled:hover, a.button:disabled:hover, a.button.disabled:hover { background: #f7f7ef; color: #898989; cursor: not-allowed; }
input:disabled, input.disabled { border-color: #A9A9A9 !important; color: #898989; }

.minheader header .icons a:hover { color: #ffffff; }
body.minheader { background-image: none; }

.tablebox.gray { border-color: #898989; }
.tablebox.alarm { border-color: #f14a4a; }

.app_menu_actions a.disabled { color: #898989; border: solid 1px #898989; cursor: not-allowed; }
.app_menu_actions a.disabled:hover { background: #FFF; color: #686869 !important; }

input.input-validation-error, select.input-validation-error, textarea.input-validation-error { border-color: #FF6E2F !important; }
input[type=radio].input-validation-error::before { content: 'C'; color: #FF6E2F; font-size: 32px; line-height: 22px; }
.field-validation-error { font-size: 15px; color: #FF6E2F; }
img.ui-datepicker-trigger:hover { filter: none; }

body.home { background-color: #f4f2f3; background-position: 50% top; background-image: url("../images/background-home.png"); }
.home h1 { font-size: 5.5em; font-weight: 800; color: #fcaf17; line-height: 1em; border: 0; }
.home .content-left h1 { font-size: 3em; }
.home-left { float: left; width: 400px; padding-top: 50px; margin-left: 50px; }
.home-picture { text-align: right; float: none; overflow: hidden; }
.home-picture img { max-width: 80%; }
.home-section { margin-top: 50px; }
.home footer { color: #808080; }
.home-left .button { background-color: #fcaf17; color: #ffffff; font-weight: 600; font-size: 1.5em; padding: 10px 10px; min-width: 250px; margin-bottom: 3px; text-align: center; }
.home-left .button:hover { background-color: #ffffff; color: #266086; }
.home main { scrollbar-color: #808080 #f4f2f3 }

@font-face { font-family: 'icomoon'; src: url('../webfonts/icomoon.eot?zcd5ww'); src: url('../webfonts/icomoon.eot?zcd5ww#iefix') format('embedded-opentype'), url('../webfonts/icomoon.ttf?zcd5ww') format('truetype'), url('../webfonts/icomoon.woff?zcd5ww') format('woff'), url('fonts/icomoon.svg?zcd5ww#icomoon') format('svg'); font-weight: normal; font-style: normal; font-display: block; }

[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-zariadenia2:before { content: "\e90b"; }
.icon-upozornenie:before { content: "\e90a"; }
.icon-oznamenie:before { content: "\e90d"; }
.icon-teplo:before { content: "\e90f"; }
.icon-akademia:before { content: "\e910"; }
.icon-emisie:before { content: "\e911"; }
.icon-voda:before { content: "\e912"; }
.icon-spotreba_voda:before { content: "\e914"; }
.icon-spotreba_teplo:before { content: "\e917"; }
.icon-spotreba_emisie:before { content: "\e91a"; }
.icon-spotreba_plyn:before { content: "\e91b"; }
.icon-zariadenia:before { content: "\e91c"; }
.icon-grafy:before { content: "\e903"; }
.icon-funkcie:before { content: "\e904"; }
.icon-calcs:before { content: "\e905"; }
.icon-zmluvy:before { content: "\e906"; }
.icon-spotreba_elektrina:before { content: "\e907"; }
.icon-elektrina:before { content: "\e908"; }
.icon-plyn:before { content: "\e909"; }
.icon-power:before { content: "\e900"; }
.icon-user:before { content: "\e901"; }
.icon-help:before { content: "\e902"; }

.printonly { display: none; }
.hide-large { display: none; }
.hide-small { display: initial; }
.dont-break-out { overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }

header .search { float:right; padding: 6px; position:relative; }
header .search input { font-size: 15px; border: solid 1px #686869 !important; border-radius:5px 5px; width:160px; }
header .search button { font-size: 15px; border: 0; padding: 2px 4px; margin-left:-30px; border-radius:5px 5px; display:block; position:absolute; top:8px; left:170px; }

.fa-rotate-45 { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.fa-rotate--45 { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.fa-rotate-60 { -webkit-transform: rotate(60deg); -moz-transform: rotate(60deg); -ms-transform: rotate(60deg); -o-transform: rotate(60deg); transform: rotate(60deg); }
.fa-rotate--60 { -webkit-transform: rotate(-60deg); -moz-transform: rotate(-60deg); -ms-transform: rotate(-60deg); -o-transform: rotate(-60deg); transform: rotate(-60deg); }

@media print {
	header, nav, .noprint { display: none !important; }
	.printonly { display: initial }
	main { position: initial; overflow-y: visible; }
	body > h1 { position: initial; margin-top: 20px; padding-left: 45px; }
	footer { position: absolute; top: 0; left: 0; text-align: left; padding: 0; }
	footer .mode { padding: 0; float: none; }
	h2, h3 { page-break-after: avoid; }
	.tlist thead th { border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; }
	.tlist tbody td { border-right: 1px solid #CCC; }
	.tlist tfoot td { border-right: 1px solid #CCC; }
	.tlist tfoot th { border-right: 1px solid #CCC; }
	.tooltipster-base { display:none; }
}

@media (max-width: 1500px) {
	div.maskot { position: fixed; bottom: 40px; }
	.maskot img { width: 150px }
	nav { width: 400px; }
	nav div.flex { margin-right: 10px; }
	.app_menu_tabs { width: 180px; }
	.app_menu_actions { width: 180px; }
	main { left: 400px; }
	.appmsg { left: 410px; }
	body > h1 { left: 410px; }
}

@media (max-width: 1250px) {
	div.maskot { position: fixed; bottom: 30px; }
	.maskot img { width: 100px }
	nav, nav.condensed { width: 160px; padding: 5px; }
	nav .flex { display: block; margin: 0 !important; }
	.app_menu_tabs { margin: 0; padding: 0; width: initial; border-right: 0 !important; float: none; }
	.app_menu_tabs a { margin-top: 7px; }
	.app_menu_tabs br { display: none; }
	.app_menu_actions { margin: 0; padding: 10px 0 0 0; width: initial; float: none; }
	.app_menu_actions a { margin-top: 5px; }
	main, main.condensed { left: 170px; }
	.appmsg { left: 180px; }
	body > h1, h1.condensed { left: 180px; }
	.dsb_bottom_block { padding: 15px 100px 20px 120px; }

	.registracia nav { width: 400px; }
	.registracia main { left: 400px; }
	.registracia h1 { left: 410px; }
}

@media (max-width: 800px) {
	div.half, div.third, div.thir2 { float: none; width: initial; }
}

@media (max-width: 600px) {
	div.maskot { display: none; }
	nav, nav.condensed { width: 100%; padding: 5px 100px 0 10px; top: 50px; display: none; z-index: 1000; background-color: white; }
	nav .flex { display: block; margin: 0 !important; }
	.app_menu_tabs { margin: 0; padding: 0; width: initial; border-right: 0 !important; float: none; }
	.app_menu_tabs a { margin-top: 7px; }
	.app_menu_tabs br { display: none; }
	.app_menu_actions { margin: 0; padding: 10px 0 0 0; width: initial; float: none; }
	.app_menu_actions a { margin-top: 5px; }
	main, main.condensed, main.full { left: 0px; top: 90px; }
	.appmsg { position: initial; padding: 3px 10px; }
	header { padding: 10px 10px 3px 10px; margin-bottom: 10px; height: 45px; }
	header .app img { width: 40px; }
	header .menu { display: none; }
	header .menu a { display: block; }
	header .demo { float: left; font-size: 18px; padding: 10px; margin-left: 50px; }
	body > h1, h1.condensed { display: block; position: initial; padding-left: 10px; }
	.content-left { float: none; width: initial; padding: 10px; }
	.content-main { float: none; width: initial; padding: 0 10px; }
	.sidebar { min-width: 100%; max-width: 100%; }

	div.half, div.third, div.thir2 { float: none; width: initial; }

	.dsb_menu_block { text-align: center; padding: 10px; margin-top: 0px; }
	.dsb_menu_main { width: 100%; padding: 10px; vertical-align: top; }
	.dsb_menu_main h3 { display: block; float: left; width: 25%; padding-top: 30px; }
	.dsb_menu_ukazovatele { float: right; width: 70%; }
	.dsb_bottom_block { padding: 10px; }
	.dsb_bottom_panel { float: none; width: initial; margin-left: 0px; }

	.home h1 { font-size: 4em; }
	.home .content-left h1 { font-size: 2em; }
	.home-left { float: none; width: initial; padding-top: 0px; margin-left: 10px; }
	.home-left p { margin: 8px 20px; }
	.home-left .button { font-size: 1.5em; padding: 3px 10px; }
	.home-picture { text-align: center; margin-top: 20px; }
	.home-section { margin-top: 20px; }

	.registracia nav { width: 400px; }
	.registracia main { left: 0px; }
	.registracia h1 { left: 10px; }

	#headertime { display:none; }

	.hide-large { display: initial; }
	.hide-small, .headermenu { display: none; }
}