@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;600;900&display=swap');

body,html {font-size:13px;}

body, body *, input, textarea, button, a, strong, b, u, i, ul, li, ol, table, tr, td, h1, h2, h3, h4, h5, h6, span, p, article, div, * { box-sizing:border-box;font-family: 'Raleway', sans-serif; line-height:1.25; }
@media (max-width: 1080px) {body, body *, input, textarea, button, a, strong, b, u, i, ul, li, ol, table, tr, td, h1, h2, h3, h4, h5, h6, span, p, article, div, * {  } }
body {width:100%;height:100%;border:0;margin:0;padding:0;background:#ffffff;overflow-x:hidden;}
html {width:100%;height:100%;}
h1 {font-size: 24px;margin: 0px 0 0px;padding: 0px;text-transform: uppercase;}
h2,h3 {font-size:22px;margin:0;padding:0px;}
a img {border:0;}
a, input, textarea, button, select, a img {outline:0;}
a {text-decoration:none;}
.fill {clear:both;}
iframe {width:100%;min-height:320px;float:left;display:block;border:0;}
.hide {display:none !important;}
table {width:100%;}
tr:nth-child(odd) { background:#ffffff;}                
td {margin:0;padding:6px 8px;}
ul {list-style:none;margin:0;padding:0;}
li{margin:0;padding:0;}


.fl {float:left;}
.fr {float:right;}

.chyba {color:red;border: 1px solid red;background: #e9d1d1;width:100%; padding: 12px; margin: 0 0 7px; border-radius: 5px;}
.cr {color:red;}
.uspech {color:green;border: 1px solid green;background: #f0ff9d;width:100%; padding: 12px;margin: 0 0 7px; border-radius: 5px;}
.cg {color:green;}


.tc {text-align:center;}
.tr {text-align:right;}
.tj {text-align:justify;}

/* LOADINGS */

.loading-bar {position:absolute;top:0px;left:0px;z-index:3;width: 100%;border:1px solid #ffffff;}
.loading-bar > .bar {float:left;background:#6db64a;border-right:1px solid #dddddd;padding-right:3px;text-align:right;color:#ffffff;line-height:9px;float:left;margin: 0px 2px;width:auto;}
.file-auto-form {position:relative;float:left;border-bottom:1px solid #dddddd;padding:15px;background:#ffffff;width:100%;}
.file-auto-form.w10 {width:100%;}
.loading-bar.w10 {width:100%;}
/* MAPS */

.Map {  width: 100%; max-width: 1280px; margin: 0;padding: 12px;}
.map-box > .head {width:100%;padding:0px;border-bottom:1px solid #d8d8d8;}
.map-box > * {float:left;}

/* FLEX AND TABLE */

.table {display:table;width:100%;}
.table-row {display:table-row;position:relative;}
.table-row:after {content:'';width:100%;position:absolute;left:0px;bottom:0px;height:7px;box-shadow:inset 0px -5px 12px -10px #000000;}

.table-cell {display: table-cell;vertical-align: middle;padding: 0px;border-right: 1px solid #dddddd;border-bottom: 1px solid #e5e5e5;}
.table-cell:nth-last-child(1) {border-right:0;}
.table-cell button {margin-right: 7px;}

.table-cell.user > div:nth-child(1) {font-weight:bold;}
.table-cell.user > div:nth-child(2) {padding-left:28px;}
.table-cell.user > div:nth-child(3) {color:#727272;}
.top-menu .table-cell.user > div:nth-child(2) {padding-left:0;}


.table-row:hover .table-cell, .table-row:focus .table-cell {background-color:#eeeeee;}
.table-row:hover .table-cell:hover, .table-row:hover .table-cell:focus {background-color:#f5f5f5;}

.kal-filtr-button img {width: 43px;padding: 9px;height: 43px;border-radius: 15px;background: #f1f1f1;}
.kal-filtr-button {margin-right:8px;}
.KalPanel .radio-row {border-radius:15px;margin-right:8px;}


.table-settings {display:flex;flex-flow:column;width:100%;border-bottom:1px solid #cccccc;background:#ffffff;}
.table-settings > .table-set-row {display:flex;flex-flow:row;overflow: hidden;padding:9px 0px}
.table-settings > .table-settings-wrap {display:none;flex-wrap:wrap;border-top:1px solid #dddddd;padding-left:32px;}
.table-settings.active > .table-settings-wrap {display:flex;}
.table-set-cell {padding: 4px;}

.table-set-row .table-set-cell * {display:flex;flex-direction:column;justify-content:center;}
.table-set-row .table-set-cell {display:flex;flex-direction:column;justify-content:center;}

.table-settings > .table-settings-wrap > div {border-right:1px solid #dddddd;padding:7px;flex: 1 1 160px;max-width:160px;}
.table-settings > .table-settings-wrap > div:nth-last-child(1) {border-right:0px;}
.table-settings > .table-settings-wrap > div a {color:#000000;padding:7px;display:flex;border-bottom:1px solid #dddddd;}
.Seznam .table-settings > .table-settings-wrap > div:nth-child(2) {padding:0px;}
.table-settings > .table-settings-wrap > div a.timing {color:#000000;padding:7px;display:flex;flex-flow:column;border:0;}

.table-settings > .table-set-row > a.threedots {width:32px;display:flex;background: transparent url(../../im/3dots.svg) no-repeat center center / 5px;}
.table-settings.active > .table-set-row > a.threedots {background: transparent url(../../im/close.svg) no-repeat center center / 15px;} 

.table-set-cell.n {position:relative;flex: 1 1 160px;max-width: inherit;}
.table-set-cell.n a {background: transparent url(../../im/folder.svg) no-repeat 0px center / 44px;padding-left: 55px; font-weight: 900;color: #000000;position: static;}
.table-set-cell.n a small {font-weight:normal;}
.table-set-cell.zak {font-size:20px;font-weight:900;padding:8px;min-width: 46px;align-items: center;}

.table-set-cell.ad {position:relative;flex: 1 1 160px;max-width:160px;min-height:32px;}
.table-set-cell.ad  > * {color:gray;}
.table-set-cell.ad a {position:static;background: transparent url(../../im/tag.svg) no-repeat 0px 4px / 26px;padding-left:28px;width:100%;padding-top:4px;height: 32px;line-height:1.2;}

.table-set-cell.timing_button {}
.table-set-cell.timing_button > a {padding-left:28px;height:32px;display:flex;}
.table-set-cell.timing_button > a.green {background: url(../../im/time-green.svg) no-repeat center center / 24px;}
.table-set-cell.timing_button > a.gray {background: url(../../im/time-gray.svg) no-repeat center center / 24px;}
.table-set-cell.timing_button > a.orange {background: url(../../im/time-orange.svg) no-repeat center center / 24px;}
.table-set-cell.timing_button > a.red {background: url(../../im/time-red.svg) no-repeat center center / 24px;}



.table-head.head-fixed {position:relative;top:0;left:0;z-index:100;}
.table-head .table-cell, .table-head .table-cell * {color:#ffffff;background:#787f83;font-weight: 900;border: 0px;font-size: 90%;text-transform: uppercase;}
.table-head:hover .table-cell, .table-head:hover .table-cell, .table-head:focus .table-cell,.table-head:hover .table-cell:hover, .table-head:hover .table-cell:focus {background-color:#787f83;}

.layer .table-cell {padding:6px;}

.jpg-thumb-a {position: absolute;left: 0;width: 48px;height: 48px;overflow: hidden;}
.jpg-thumb {position: absolute;left: 0;right:0;bottom:0;top:0;max-width: 48px;max-height: 48px;margin:auto;}

@media (max-width: 640px) { 
.table-set-cell.ad a {}
.table-set-cell.n a {font-weight:bold;}

.table-set-cell.n, .table-set-cell.ad, .table-settings > .table-settings-wrap > div {flex: 1 1 140px;max-width:140px;}

}


@media (max-width: 480px) { 
    .table-set-cell.n, .table-set-cell.ad, .table-settings > .table-settings-wrap > div {flex: 1 1 100%;max-width:100%;}
}


w0 {width:0;}

.w1 {width:4px;}
.w2 {width:8px;}
.w3 {width:12px;}
.w4 {width:16px;}
.w5 {width:20px;}
.w6 {width:24px;}
.w7 {width:28px;}
.w8 {width:32px;}
.w9 {width:36px;}
.w10 {width:40px;}
.w11 {width:44px;}
.w12 {width:48px;}

.w-1 {width:10%;}
.w-2 {width:20%;}
.w-3 {width:30%;}
.w-4 {width:40%;}
.w-5 {width:50%;}
.w-6 {width:60%;}
.w-7 {width:70%;}
.w-8 {width:80%;}
.w-9 {width:90%;}
.w-10 {width:100%;}
.wauto {width:auto;}

.m1b {margin-bottom:4px;}
.m2b {margin-bottom:8px;}
.m3b {margin-bottom:12px;}
.m4b {margin-bottom:16px;}
.m5b {margin-bottom:20px;}
.m6b {margin-bottom:24px;}
.m7b {margin-bottom:28px;}
.m8b {margin-bottom:32px;}
.m9b {margin-bottom:36px;}
.m10b {margin-bottom:40px;}
.m11b {margin-bottom:44px;}
.m12b {margin-bottom:48px;}



/* PADDINGS */
.p1 {padding:1px;}
.p2 {padding:2px;}
.p3 {padding:3px;}
.p4 {padding:4px;}
.p5 {padding:5px;}
.p6 {padding:6px;}
.p7 {padding:7px;}
.p8 {padding:8px;}
.p9 {padding:9px;}
.p10 {padding:10px;}
.p11 {padding:14px;}
.p12 {padding:18px;}
.p13 {padding:22px;}
.p14 {padding:24px;}
.p1t {padding-top:1px;}
.p2t {padding-top:2px;}
.p3t {padding-top:3px;}
.p4t {padding-top:4px;}
.p5t {padding-top:5px;}
.p6t {padding-top:6px;}
.p7t {padding-top:7px;}
.p8t {padding-top:8px;}
.p9t {padding-top:9px;}
.p10t {padding-top:10px;}
.p11t {padding-top:14px;}
.p12t {padding-top:18px;}
.p13t {padding-top:22px;}
.p14t {padding-top:24px;}
.p1l {padding-left:1px;}
.p2l {padding-left:2px;}
.p3l {padding-left:3px;}
.p4l {padding-left:4px;}
.p5l {padding-left:5px;}
.p6l {padding-left:6px;}
.p7l {padding-left:7px;}
.p8l {padding-left:8px;}
.p9l {padding-left:9px;}
.p10l {padding-left:10px;}
.p11l {padding-left:14px;}
.p12l {padding-left:18px;}
.p13l {padding-left:22px;}
.p14l {padding-left:24px;}
.p1r {padding-right:1px;}
.p2r {padding-right:2px;}
.p3r {padding-right:3px;}
.p4r {padding-right:4px;}
.p5r {padding-right:5px;}
.p6r {padding-right:6px;}
.p7r {padding-right:7px;}
.p8r {padding-right:8px;}
.p9r {padding-right:9px;}
.p10r {padding-right:10px;}
.p11r {padding-right:14px;}
.p12r {padding-right:18px;}
.p13r {padding-right:22px;}
.p14r {padding-right:24px;}
.p1b {padding-bottom:1px;}
.p2b {padding-bottom:2px;}
.p3b {padding-bottom:3px;}
.p4b {padding-bottom:4px;}
.p5b {padding-bottom:5px;}
.p6b {padding-bottom:6px;}
.p7b {padding-bottom:7px;}
.p8b {padding-bottom:8px;}
.p9b {padding-bottom:9px;}
.p10b {padding-bottom:10px;}
.p11b {padding-bottom:14px;}
.p12b {padding-bottom:18px;}
.p13b {padding-bottom:22px;}
.p14b {padding-bottom:24px;}
.p0 {padding:0;}


.fs150 {font-size: 100%;line-height: 125%;}

/* FOLDER FILE FO */

.folder-item {max-width:160px;text-align:center;position:relative;flex:1 1 160px;margin-bottom:32px;}
.folder-item:before {display:block;content:'';padding-top:100%;background: transparent url(../../im/folder.svg) no-repeat center center / 67%;}
.folder-item.file:before {background-size:50%;background-image:url(../../im/filetype.svg);background-position:center center;}
.folder-item.folder:before {}
.folder-item.form:before {background-size:50%;background-image:url(../../im/form.svg);}
.folder-item.user:before {background-size:80%;background-image:url(../../im/externiste.svg);}
.folder-item.archiv:before {background-size:80%;background-image:url(../../im/archiv.svg);}
.folder-item > a {display:block;padding-top:100%;position:absolute;top:0;left:0;width:100%;color:#000000;}
.folder-item > a > span {position: absolute;top: 55%;left: 0px;right: 0px;margin: 0px auto;z-index: 10;width: auto;display: block;max-width: 50%;padding: 7px;font-size: 17px;font-weight: 300;text-transform: uppercase;letter-spacing: 0.05em;box-shadow: 0px 2px 4px -4px #000000;text-shadow: 0px 2px 0px #000000;}

.flex-table {display:flex;flex-flow:column;}

.folder-table-item {width:100%;position:relative;display:flex;flex-wrap:wrap;transition: all 300ms linear;background:#ffffff;border-bottom:1px solid #dddddd;}
.folder-table-item:hover {background:#f1f1f1;}
.folder-table-item > .item-head > * {display: flex;min-height: 48px;padding: 11px 2px;box-sizing: border-box;align-items:center;}
.folder-table-item.folder > * {display:flex;min-height:48px;padding:20px 7px;box-sizing:border-box;}
.folder-table-item > .item-head {width:100%;position:relative;display:flex;flex-wrap:wrap;transition: all 300ms linear;background:#ffffff;border-bottom:1px solid #dddddd;}
.folder-table-item > a {color:#646464;display:flex;min-height:48px;padding:20px 7px;box-sizing:border-box;width:100%;}
.folder-table-item > a > span {position: absolute;top: 26px;left: 16px;right: 0px;margin: 0;z-index: 10;width: auto;display: block;max-width: 26px;padding: 1px;font-size: 8px;font-weight: 300;text-transform: uppercase;letter-spacing: 0.05em;box-shadow: 0px 2px 4px -4px #000000;text-shadow: 0px 2px 0px #000000;text-align: center;}
.folder-table-item > *:nth-child(1) {background: transparent url(../../im/folder.svg) no-repeat 12px center / 38px;padding-left:64px;}
.folder-table-item.file > *:nth-child(1) {background-image:url(../../im/filetype.svg);background-size: 29px; background-position: 16px 8px;}
.folder-table-item.file > .with-thumb:nth-child(1) {background:transparent;}


.folder-table-item.folder > *:nth-child(1) {}
.folder-table-item.form > *:nth-child(1) {}


.folder-table-item > .item-head > .name {flex: 1 1 144px}
.folder-table-item > .item-head > .name > *, .folder-table-item > .item-head > .time > *  {flex: 1 1 100%; align-items:center;display:flex;min-width: 84px;}
.folder-table-item > .item-head > .name > strong > span { position: absolute;left: 16px;top: 28px; min-width: 24px;text-align: center;line-height: 9px;padding: 2px 0px 3px;box-shadow: 1px 1px 1px 0px #000000;box-shadow: 1px 1px 1px 0px #000000c7;}

.folder-table-item > .with-thumb > .name > strong > span {display:none;}

.folder-table-item > .item-head > .time  {flex: 1 1 100px;}
.folder-table-item > .item-head > .who {flex: 1 1 100px;}
.folder-table-item > .item-head > .menu {flex: 1 1 300px;flex-flow:row;gap: 0px;padding:0px;}
.folder-table-item > .item-head > .menu a, .folder-table-item > .item-head > .menu > span {display:flex;color:#000000;font-weight:bold;padding: 30px 6px 6px;border-left:1px solid #d8d8d8;text-align:center;}
.folder-table-item > .item-head > .menu a:hover {background-color:#dddddd;}
.folder-table-item > .item-head > .menu > span {padding-top: 30px;}

.ico-verze {background: transparent url(../../im/verze.svg) no-repeat center 8px / 20px;}
.ico-download {background: transparent url(../../im/download.svg) no-repeat center 8px / 20px;}
.ico-work {background: transparent url(../../im/work.svg) no-repeat center 8px / 20px;}
.ico-work-end {background: transparent url(../../im/work-end.svg) no-repeat center 8px / 20px;}
.ico-archiv {background: transparent url(../../im/archiv.svg) no-repeat center 8px / 20px;}
.ico-kos {background: transparent url(../../im/kos.svg) no-repeat center 8px / 20px;}

.folder-table-item > .item-head > .menu a.ico-kos {color:red;}
.folder-table-item > .item-head > .menu a.ico-archiv {color:#ff6633;}

.folder-table-item > .item-head > .menu span.wo {color:red;}

.folder-table-item > .item-wrap {flex: 1 1 100%;padding:0px;min-height: 0;}
.folder-table-item > .item-wrap > div {padding:0;}

.folder-table-item > .item-head {}

.prepare-form .file-auto-form {width:100%;padding-top:24px;}
.prepare-form .loading-bar {width:100%;}
.prepare-form strong.name {padding-top:6px;}

.fo-group {width: 100%;display: flex;flex-wrap: wrap;gap: 4px;justify-content: flex-start;align-content: flex-start;align-items: flex-start;margin: 0px 0px 7px;}
.fo-group > h3 {flex: 1 1 100%;width:auto;margin:12px 0px 0px;}
.fo-group > div {flex: 1 1 160px;width:auto;max-width:100%;}
.fo-group > div.w-5 {flex: 1 1 50%;}
.fo-group > div.w-10 {flex: 1 1 100%;width:auto;max-width:100%;}

.submit,button {margin-right:2px;}

.fo-group > div.inputdiv-text,
.fo-group > div.inputdiv-datepicker,
.fo-group > div.inputdiv-hours,
.fo-group > div.inputdiv-minutes,
.fo-group > div.inputdiv-textarea,
.fo-group > div.inputdiv-select,
.fo-group > div.inputdiv-radio,
.fo-group > div.inputdiv-checkbox,
.fo-group > div.inputdiv-doubletext,
.fo-group > div.inputdiv-password,
.fo-group > div.inputdiv-color {flex-flow:column;}

.fo-group > div.inputdiv-text label,
.fo-group > div.inputdiv-datepicker label,
.fo-group > div.inputdiv-hours label,
.fo-group > div.inputdiv-minutes label,
.fo-group > div.inputdiv-textarea label,
.fo-group > div.inputdiv-select label,
.fo-group > div.inputdiv-radio label,
.fo-group > div.inputdiv-checkbox label,
.fo-group > div.inputdiv-doubletext label,
.fo-group > div.inputdiv-password label,
.fo-group > div.inputdiv-color label {position: absolute;padding: 0px;margin: 0;z-index: 20;top: 3px;color: #000000; pointer-events: none;line-height: 12px;color: #969696;font-weight: normal;}

.fo-group > div.micro {flex: 1 1 48px;}
.fo-group > div.mini {flex: 1 1 60px;}
.fo-group > div.longer {flex: 1 1 90px;}
.fo-group > div.normal {flex: 1 1 200px;}
.fo-group > div.bigger {flex: 1 1 320px;}
.fo-group > div.big {flex: 1 1 640px;}
.fo-group > div.text {flex: 1 1 800px;}
.fo-group > div.wide {flex: 1 1 1280px;}
.fo-group > div.text {flex: 1 1 100%;}

.fo-group > div.inputdiv-text > div,
.fo-group > div.inputdiv-datepicker > div,
.fo-group > div.inputdiv-hours > div,
.fo-group > div.inputdiv-minutes > div,
.fo-group > div.inputdiv-textarea > div,
.fo-group > div.inputdiv-select > div,
.fo-group > div.inputdiv-radio > div,
.fo-group > div.inputdiv-checkbox > div,
.fo-group > div.inputdiv-doubletext > div,
.fo-group > div.inputdiv-password > div,
.fo-group > div.inputdiv-color > div {width:100%;color: #000000;border-radius: 6px;margin-top: 18px;padding: 5px 9px 5px;background-color: #eeeeee;border: 0;min-height:26px;}


.group .submit, .group button {background-color:#000000;margin-top:12px;}
.active .group-data {padding-left: 48px;}

.b1b {border-bottom: 1px solid #d8d8d8;}

/* PADDINGS */
.p1 {padding:12px;}
.p2 {padding:14px;}
.p3 {padding:21px;}
.p4 {padding:28px;}

.p1t {padding-top:7px;}
.p2t {padding-top:14px;}
.p3t {padding-top:21px;}
.p4t {padding-top:28px;}

.p1l {padding-left:7px;}
.p2l {padding-left:14px;}
.p3l {padding-left:21px;}
.p4l {padding-left:28px;}

.p1b {padding-bottom:7px;}
.p2b {padding-bottom:14px;}
.p3b {padding-bottom:21px;}
.p4b {padding-bottom:28px;}

.p0 {padding:0;}

.mw {padding-left:45px;padding-right:45px;width:100%}
@media (max-width: 1280px) { .mw {padding-left:32px;padding-right:32px;} }
@media (max-width: 960px) { .mw {padding-left:21px;padding-right:21px;} }
@media (max-width: 800px) { .mw {padding-left:14px;padding-right:14px;} }
@media (max-width: 600px) { .mw {padding-left:7px;padding-right:7px;} }

/* FORMS */

.ui-widget-content {background-color:#ffffff;}

table {width:100%;}

.gps-div > label {left:4px;top:-6px;display:none;}

form {position:relative;}
.ui-datepicker {width:auto;padding:14px;}
.ui-icon-circle-triangle-e {background-position: -48px -191px;}
.ui-icon-circle-triangle-w {background-position: -80px -191px;}
.ui-datepicker .ui-datepicker-header {min-width:288px;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {padding:9px;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {color:#000000;}
.ui-corner-all {border-radius:0;}
.ui-widget-header {border: 0;background: white;color: #33cc66;}
.ui-datepicker {z-index: 99999 !important;}
.ui-widget-content {border: 1px solid #d8d8d8;}
input[type='text'], textarea, button, select, .submit {width:100%;width:calc(100% - 4px);border:1px solid #bbbbbb;}
input[type='text'], textarea, select {padding:4px;}
button, .submit {padding:9px 13px;text-transform: uppercase;background: #33cc66;border-radius: 25px; display: inline-block;cursor: pointer;color: #ffffff;font-weight: bold;text-decoration: none;width: auto;border: 0;}

.submit.red {background-color: #ffffff;color: red; border: 1px solid #ffd8d8;}


.flex { display: flex; flex-wrap: wrap; gap: 4px;}
.flex-menu { flex: 1 1 240px; display:flex; flex-wrap: wrap; flex-direction: row; position: relative; }
.flex-menu > div, .flex-menu li { flex: 1 1 80px;display:flex; }
.flex-big {flex: 1 1 1100px; display:flex; flex-wrap: wrap; flex-direction: row; position: relative; }

.flex-center {align-items:center;justify-content:start;}
.flex-item-center {align-self:center;align-items:center;justify-content:center;}
.flex-item-center.UsersTable {width:100%;border:0px;}
.flex-center > * {align-self:start;}
.flex-center > .submit, .flex-center > button {align-self:stretch;}

.flex-item {display:flex;flex-wrap: wrap;}
.flex-item.w-10 {flex: 1 1 100%;}

.flex-start {justify-content:flex-start;}
.flex-end {justify-content:flex-end;}

.flex-w-1 {flex:1 1 10%;}
.flex-w-2 {flex:1 1 20%;}
.flex-w-3 {flex:1 1 30%;}
.flex-w-4 {flex:1 1 40%;}
.flex-w-5 {flex:1 1 50%;}
.flex-w-6 {flex:1 1 60%;}
.flex-w-7 {flex:1 1 70%;}
.flex-w-8 {flex:1 1 80%;}
.flex-w-9 {flex:1 1 90%;}
.flex-w-10 {flex:1 1 100%;}

.flex-1 {flex:1 1 24px;}
.flex-2 {flex:1 1 48px;}
.flex-3 {flex:1 1 64px;}
.flex-4 {flex:1 1 88px;}
.flex-5 {flex:1 1 112px;}
.flex-6 {flex:1 1 136px;}
.flex-7 {flex:1 1 160px;}
.flex-8 {flex:1 1 184px;}
.flex-9 {flex:1 1 212px;}
.flex-10 {flex:1 1 236px;}
.flex-11 {flex:1 1 260px;}
.flex-12 {flex:1 1 284px;}
.flex-13 {flex:1 1 308px;}
.flex-14 {flex:1 1 332px;}

input[type='color'] {padding:0;border:0;}

.drop-files, .drop-file {min-height: 72px;display: flex;cursor: pointer;background-color: transparent;border-radius: 12px;border: 2px dashed #dadada;background-color:#ffffff;margin:0 0px 12px}
.drop-files > span, .drop-file > span  {color:#1c8ec8;text-transform: uppercase;font-weight:bold;letter-spacing:0.05em;background: transparent url(../../im/upload.svg) no-repeat left 8px / 26px; padding: 15px 15px 15px 35px;}
.dragging .drop-files, .dragging .drop-file  { background:transparent;color:#1c8ec8; }
.drop-files:hover, .drop-file:hover {border: 2px dashed #1c8ec8;}
.uploader {padding: 0px;width:100%;}
.uploader input[type="file"] {opacity:0;position:absolute;width:1px;height:1px;}



.uploader.w10, .uploader > .w10 {width:100%;}

.label {position:relative;}
.label input[type="radio"] + span, .label input[type="checkbox"] + span { text-align: left; color: #3a2d22; display: block; float: left; position: relative; z-index: 101; padding: 2px 0px 2px 27px; cursor: pointer; margin: 0px 0px 0px;  font-weight: 400; box-sizing: border-box; width: 100%; }
.label input[type="radio"] + span + div, .label input[type="checkbox"] + span + div {color: #6a6a6a;text-align:right;float:right;width:100%;}
.label input[type="radio"]:checked + span, .label input[type="checkbox"]:checked + span { color: #3a2d22; }
.label input[type="radio"]:checked + span + div, .label input[type="checkbox"]:checked + span + div {color: #1c8ec8;}
.label input[type="radio"] + span:before, .label input[type="checkbox"] + span:before { content: ''; width: 16px; height: 16px; border: 1px solid #3a2d22; border-radius: 18px; display: block; float: left; position: absolute; left: 0px; top: 0px; z-index: 221; }
.label input[type="radio"] + span:after, .label input[type="checkbox"] + span:after { transition: all 200ms linear; content: ''; width: 0; height: 0; background: #ffffff; border-radius: 24px; position: absolute; left: 5px; top: 5px; z-index: 222; display: block; margin: 0; }
.label input[type="radio"]:checked + span:before, .label input[type="checkbox"]:checked + span:before { border: 1px solid #5faf39; background: #5faf39; }
.label input[type="radio"]:checked + span:after, .label input[type="checkbox"]:checked + span:after { background: #5faf39 url(../im/system/ico-ok-w.svg) no-repeat center center / 18px; border: 0; width: 18px; top: 0px; left: 0px; height: 18px; }
.label input[type="radio"], .label input[type="checkbox"] { opacity: 0; width: 100%; height: 100%; min-height: 16px; overflow: hidden; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1001;cursor:pointer;margin:0; }


.input-checkbox-item > label {position:relative;overflow:hidden;cursor:pointer;}
.input-checkbox-item > label > input[type="checkbox"] {opacity:0;position:absolute;}
.input-checkbox-item > label > span {position:relative;padding:4px 12px 4px 23px;float:left;}
.input-checkbox-item > label > input[type="checkbox"] + span:before {content:'';position:absolute;top:0;bottom:0;left:0;margin:auto 0;width:20px;height:20px;background: transparent url(../../im/check.svg) no-repeat -20px center / 40px ;}
.input-checkbox-item > label > input[type="checkbox"]:checked + span:before {background-position:0px center;}

.input-radio-item > label {position:relative;overflow:hidden;cursor:pointer;}
.input-radio-item > label > input[type="radio"] {opacity:0;position:absolute;}
.input-radio-item > label > span {position:relative;padding:4px 4px 4px 24px;float:left;}
.input-radio-item > label > input[type="radio"] + span:before {content:'';position:absolute;top:0;bottom:0;left:0;margin:auto 0;width:20px;height:20px;background: transparent url(../../im/radio.svg) no-repeat -20px center / 40px ;}
.input-radio-item > label > input[type="radio"]:checked + span:before {background-position:0px center;}

.input-text, .input-textarea, .input-select, .input-datepicker, .input-emptydatepicker, .input-checkbox-item, .input-color, .input-password  {position:relative;padding:0;width:auto;display:block;margin-bottom:0px;}
.input-text > label, .input-textarea > label, .input-datepicker > label, .input-emptydatepicker > label, .input-password > label, .input-select > label, .input-color > label, .input-password > label {position: absolute;line-height: 12px;padding: 0px;margin: 0;position: absolute;z-index: 20;top: 3px;color: #000000;font-weight: 800;pointer-events: none;}
.input-text > input, .input-textarea > textarea, .input-datepicker > input, .input-emptydatepicker > input, .input-password > input, .input-select > select, .input-color > input, .input-password > input {padding-top:32px;color:#808080;border-radius:0px;}

.input-text.pozor {min-width: 250px;}

.kal-usa-form .input-checkbox-item {min-width:170px;float:left;}
.kal-usa-form .longer label {width:100%;font-weight:bold;float:left;}

.input-color > input {min-height:28px;padding:0;}

.input-text > .input-doubletext-item {padding: 4px 7px 4px;width: auto;border: 0;display: flex;min-width:280px;background: #eeeeee;margin-top: 4px;border-radius: 4px;}

.input-text > .input-doubletext-item > div {width:50%;position:relative;}
.input-text > .input-doubletext-item > div:before {position:absolute;right:10px;top:0;bottom:0;content:'/';font-size:26px;margin:auto 0px;}
.input-text > .input-doubletext-item > div:nth-last-child(1):before {display:none;}
.input-text > .input-doubletext-item > div > input {border:0;padding: 15px 0px 0px;background-color:transparent;}
.input-text > .input-doubletext-item > div > span {position:absolute;left:1px;top:-1px;bottom:0;font-weight:bold;}



.flex-item .input-text, .flex-item .input-textarea, .flex-item .input-select, .flex-item .input-datepicker, .flex-item .input-emptydatepicker .flex-item .input-password {width:100%;}







.group {padding: 0px 0px 7px;margin-bottom: 0px;background: #ffffff;width:100%;position:relative;border-bottom: 1px solid #dddddd;}
.group-item {border-top:1px solid #dddddd;}
form.group-item {border:0;padding-left: 39px;}
.group-item * {font-weight:800;}
.group-item > .flex-item > .submit {display:none;margin-top:15px;}
.group-item .active-parents {position: absolute;left: 0;top: 0;width: 100%;height: 100%; z-index: 150;padding:16px 6px;}


.fo-val-item {padding:2px 2px 0px 24px;border:0px;flex:1 1 100%;position:relative;}

.fo-val-item:before {top:0;left:4px;position:absolute;display:block;content:'';width:20px;height:100%;border-left:1px dashed #a0a0a0;}
.fo-val-item:after {top:0;left:4px;position:absolute;display:block;content:'';width:20px;height:32px;border-bottom:1px dashed #a0a0a0;border-radius:0px 0px 0px 12px;}
.fo-val-item:nth-last-child(1):before {display:none}
.fo-val-item:nth-last-child(1):after {border-left:1px dashed #a0a0a0;}


.fo-val-item > flex-item {flex:1 1 100%;}
.fo-item {padding:2px 2px 0px 24px;border-radius:0px;display:none;}

.fo-item {position:relative;}
.fo-item:before {top:0;left:0;position:absolute;display:block;content:'';width:20px;height:100%;border-left:1px dashed #a0a0a0;}
.fo-item:after {top:0;left:0;position:absolute;display:block;content:'';width:20px;height:32px;border-bottom:1px dashed #a0a0a0;border-radius:0px 0px 0px 12px;}
.fo-item:nth-last-child(1):before {display:none}
.fo-item:nth-last-child(1):after {border-left:1px dashed #a0a0a0;}


.group-data > .fo-item > *:nth-child(1):before {top: 25px;left: -6px;width: 12px;height: 12px;border-radius: 12px; background: #ffffff;position: absolute;display: block;content: '';z-index: 99;border: 1px dashed #a0a0a0;}

.group-data > .fo-item {padding-bottom:2px;}

.group-data > .fo-item > .flex-item:nth-child(1) > div > input,
.group-item > .flex-item:nth-child(2) > div > input{font-weight:900;}

.group.active {padding: 12px;margin-bottom: 21px;border: 1px solid #dddddd;border-radius: 8px;box-shadow: 0px 0px 11px -6px #000000;}
.group .uspech {margin-top:7px;}

.active .fo-item {display:flex;}
.active .group-item > .flex-item > .submit {display:flex;margin-left:4px;}
.active .group-item .active-parents {background: transparent url(../../im/close.svg) no-repeat 2px 3px / 24px; width: 32px; height: 32px;}
.active .group-item .active-parents img {opacity:0;}


@media (max-width: 960px) { .check-wrap, .kal-users {min-width:100%;width:100%;} }
@media (max-width: 800px) { }
@media (max-width: 600px) { .check-wrap, .kal-users {min-width:100%;width:100%;} }

.pages-wrap {width:100%;display:flex;flex-wrap:wrap;}
.pages-wrap a, .pages-wrap > div {outline: 1px solid #dddddd;color: #000000;line-height: 14px;padding: 7px;flex: 1 1 28px;height: 28px;text-align: center;align-self: center;justify-content: center;display: flex;flex-wrap: wrap;}
.pages-wrap > div {}
.pages-wrap a.active {outline:1px solid #000000;position:relative;z-index:10;}

/* INLINE FORM */

.label-inline .fo-item {border:0px;border-bottom:12px solid #eeeeee;padding:0;transition: all 200ms linear;}
.label-inline .fo-item > .flex-item {}
.label-inline .fo-item > .flex {padding:5px 7px 7px;}
.label-inline .input-text > label, .label-inline .input-select > label {}
.no-labels .input-text > label, .no-labels .input-select > label {display:none;}
.label-inline .input-text > input, .label-inline .input-select > select, .label-inline .input-text > input, .label-inline .input-select > select {min-width:128px;}
.label-inline .submit, .label-inline button {}

.radio-row > label {font-weight:bold;margin-top: 0px;width: auto;float: left;}
.radio-row > .input-radio-item {width: auto;float: left;padding: 8px;border: 1px solid #cccccc;border-left: 0;}
.radio-row > .input-radio-item:nth-child(2) {border-left: 1px solid #cccccc;border-radius:32px 0px 0px 32px;}
.radio-row > .input-radio-item:nth-last-child(1) {border-radius:0px 32px 32px 0px;;}
.radio-row > .input-radio-item label {width: auto;float: left;}
.radio-row > .input-radio-item input {}
.radio-row > .input-radio-item span {}

.radio-rowX > .input-radio-item > label > input[type="radio"] + span:before {background:transparent;display:none;}

.label-inline .bigbutton {    padding: 14px; margin: 0px auto;font-size: 18px;font-weight: 800;letter-spacing: -0.02em;background: #5faf39;position: fixed;bottom: 0;right:0px;left:0px;border-radius: 3px 3px 0px 0px;}

.label-inline .fo-item:hover {}
.label-inline .fo-item:focus, .label-inline .fo-item:focus-within {}

/* ico form typ */
.ico-typ {background:transparent url(../../im/text.svg) no-repeat 49px 23px / 24px;}
.label-inline .fo-item.ico-typ {padding-left:76px;}
.fo-val-item.ico-typ {padding-left:24px;background-image:url(../../im/option.svg); background-size:20px;}
.fo-val-item.ico-typ > .flex-item {}



.ico-typ-1, .ico-typ-2, .ico-typ-3, .ico-typ-10 {background-image:url(../../im/option.svg); background-size:20px;}
.group-in {padding:7px 0px 0px 0px;gap:0;}
.group-in > .submit, group-in > button {margin:0px 0px 7px 0px;}

.group-up {padding:0;gap:0;border-top:1px solid #cccccc;width:100%;display:none;}
.active .group-up {display:block;}

/* icos */
.ico-plus {background-image: url(../../im/plus-w.svg);background-repeat: no-repeat;background-position: 2px center; background-size: 24px;padding-left:28px;}
.ico-tag { background: #ffffff url(../../im/tagbig.svg) no-repeat 4px center / 20px; padding-left:27px;}
.ico-house { background: #ffffff url(../../im/house.svg) no-repeat 4px center / 32px; padding-left:36px;font-size:24px;font-weight:800;width:78px;}
.i-plus > button {position:relative;padding-left:26px;}
.i-plus > button:before {pointer-events:none; transition:all 200ms linear;content:'';position:absolute;width:24px;height:100%;top:0;left:0;bottom:0;margin:auto 0px;background: transparent url(../../im/plus-w.svg) no-repeat center center / 24px;}
.active.i-plus > button:before {transform: rotate(45deg);}
.active.i-plus > button {background:#000000;border-color:#000000;}

.state {min-width: 100px;}



.Detail .table-cell {border:0;}
.Detail .table-cell.ico-house {background:#f1f1f1;text-align:center;padding:0;width:100%;line-height:16px;padding:12px;}
.Detail .table-cell.ico-house:before {content:'';width:32px;height:16px;margin-right:8px;display:inline-block;background: transparent url(../../im/house.svg) no-repeat 4px center / 32px;}


/* OWN */

.Bread {position:relative;padding:0;display:flex;justify-content: start;align-items: start;gap:0px;flex-wrap:wrap;}
.Bread > .fr {align-self: center;flex:1 1 200px;}
.Bread .single-menu-item {position: relative;background: transparent url(../../im/folder.svg) no-repeat 4px 5px / 20px;padding: 10px 18px 9px 29px;color: #808080;}
.Bread .single-menu-item:before {content: ''; position: absolute;width: 12px;height: auto;top: 9px;right: 1px;bottom: 9px;margin: auto 0px;background: transparent url(../../im/bread.svg) no-repeat right 5px center / 155px;}
.Bread .single-menu-item.folder-end {font-weight:bold;background: transparent url(../../im/reload.svg) no-repeat 0px 5px / 24px;}
.Bread .single-menu-item.folder-end:before {display:none;} 
.Bread > .button-show {display:flex;justify-content: center;align-items: center;}
.Bread .submit, .Bread button {display:flex;margin: 0px 0px;line-height:1;}

.show-type-menu > a:nth-child(1) {padding:7px 7px 7px 7px;color:#808080;line-height:1;text-transform:uppercase;border-radius:3px;}
.show-type-menu > a:nth-child(2) {padding:7px 7px 7px 7px;margin-left:7px;color:#808080;line-height:1;text-transform:uppercase;border-radius:3px;}

.day-nadpis {font-size:18px;font-weight: 800;padding: 15px 0px 0px;border-top: 1px solid #dddddd;}

.day-wrap {display:table-row;border:1px solid #d8d8d8;border-right:0px;}
.day-wrap.today > * {background-color:#ffebca;}
.day-wrap .hour-wrap {display:table-cell;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;background-color:#ffffff;width: 8.8888%;}
.day-wrap .hour-item-wrap > * {display:inline-block;width:auto;}
.day-wrap .hour-wrap .name {text-transform: uppercase;color: #ffffff;padding: 8px 4px 8px 3px;text-align: center;font-weight:900;}
.day-wrap .hour-item-wrap > a {color: #606060;background: #ddd;padding: 4px;text-transform: uppercase;line-height: 11px;}
.day-wrap .hour-item-wrap {box-shadow:inset -10px -10px 10px -17px #000000;background:#f3f3f3;padding:7px;}

.day-wrap .hour-wrap .time {padding-left:0px;}

.day-wrap:hover {background:#eeeeee;border:1px solid #727272;}
.day-wrap:hover .hour-wrap {background:transparent;}
.day-wrap .hour-item-wrap:hover {background:transparent;outline:1px dotted #404040;}

.kal-usa-form, .kal-zak-form {padding: 14px; border-bottom: 1px solid #dddddd; margin-bottom: 14px;}
.kal-usa-form {border-top: 1px solid #dddddd;}
.kal-zak-form button {margin-top:3px;}

div.Kalendar > .kalendar-infinity { display:block;width:100%;}
div.Kalendar > .kalendar-infinity > div {display:flex;width:100%;flex-direction: row; padding: 2px 0px }
div.Kalendar > .kalendar-infinity > div > div {display: block; flex-grow:1;border-bottom:1px solid #ddd;vertical-align: middle;height:22px;overflow:hidden;padding:0px;text-align:center;width:8.8888%}

div.Kalendar > .kalendar-infinity > div.table {display:table;}
div.Kalendar > .kalendar-infinity > div.table > div.table-row {display:table-row;vertical-align:top;text-align:left;}
div.Kalendar > .kalendar-infinity > div.table > div.table-row > div.table-cell {display:table-cell;border-bottom:1px solid #cccccc;vertical-align:top;text-align:left;}

div.Kalendar > .kalendar-infinity > div.table > div.table-head {}
div.Kalendar > .kalendar-infinity > div.table > div.table-head > div.table-cell {font-weight: 900;text-transform: uppercase;border: 0px;border-right: 1px solid #dddddd;padding: 10px 5px;border-bottom: 1px solid #dddddd;}

div.Kalendar > .kalendar-infinity > div.table.html-month {padding:0px;table-layout:fixed;width:100%;border-left: 24px solid #ffffff;}
div.Kalendar > .kalendar-infinity > div.table.html-month .table-cell {position:relative;width:calc(100% / 7);}
div.Kalendar > .kalendar-infinity > div.table.html-month .table-cell-wrap {position:relative;min-height: 136px;min-height: 14.3vh;display:flex;flex-direction: column;}
div.Kalendar > .kalendar-infinity > div.table.html-month .table-cell-wrap > * {display:flex;}

div.Kalendar > .kalendar-infinity > div.table.html-month .table-cell-wrap > .ico-plus {position:absolute;top:4px;right:4px;background-position: center center;background-image: url(../../im/plus.svg);background-color:#ffffff;width:48px;height:24px;border-radius:5px;border:1px solid #cccccc;}
div.Kalendar > .kalendar-infinity > div.table.html-month .table-cell-wrap > .ico-plus:hover {border:1px solid #303030;}

div.Kalendar > .kalendar-infinity > div.table.html-month .table-cell-wrap > .kal-num {order:1;    font-size: 200%;padding:1px 8px;}
div.Kalendar > .kalendar-infinity > div.table.html-month .tyden {position:absolute;display:block;right:100%;top:0px;width:32px;text-align:right;padding:2px 8px;font-size:69%;color:gray;}
.today .kal-num {background:#1ac6f7;color:#ffffff;}
div.Kalendar > .kalendar-infinity > div.table.html-month .kal-num {font-size:150%;color:#424242;}
div.Kalendar > .kalendar-infinity > div.table.html-month .kal-num.today {background:#1ac6f7;color:#ffffff;width:30px;border-radius:5px;justify-content:center;}

.day-kal {}
.day-kal .hour-wrap {height:13px;border-right:1px solid #d8d8d8;border-bottom:0;background-color:#ffffff;width: 8.8888%;position:relative;}
.day-kal .hour-wrap .name {background: #ffffff;height: 21px;position: absolute;top: -5px;left: 3px;bottom: 3px;width: 21px;padding: 4px 0px;text-align: center;border-radius: 100%;box-shadow: inset 0px -2px 6px -4px #000000;box-shadow: inset 0px -2px 6px -4px #000000, 0px 2px 6px -4px #000000;}
.day-kal .hour-wrap > a {min-width:24px;position:absolute;top:0px;bottom:0px;background-color:#bbbbbb;left:-1px;right:-1px;border:1px solid #ffffff;border-left:0;border-right:0px}
.day-kal .hour-wrap > a > span {opacity:0;}

.day-kal .hour-wrap.first > a, .day-kal .hour-wrap:nth-child(1) > a {border-left:1px solid #000000;border-radius:3px 0px 0px 3px;border-left:1px solid #00000030;} 
.day-kal .hour-wrap.last > a, .day-kal .hour-wrap:nth-last-child(1) > a {border-right:1px solid #000000;border-radius:0px 3px 3px 0px;border-right:1px solid #00000030;} 

.day-kal .hour-wrap > a, .kal-line > a,  .kal-line > a * {color:#ffffff;padding:2px;border-radius:0px;}

.kal-line {position:relative;}
.kal-line > a {display:block;float:left;box-sizing:border-box;width:100%;margin-bottom:1px;border:0;transition:all 100ms linear;font-size:80%;z-index:200;position:relative;max-height: 17px;overflow: hidden;}
.kal-line > a.hover, .kal-line > a:hover {background: #303030;box-shadow: 0px 2px 2px -4px #000000;}
.kal-line > a > span {opacity: 0;position: absolute;top: 0px;bottom: 0px;left: -1px;right: -1px;}

.kal-line > a.over-get-title:hover {}
.kal-line > a.over-get-title.loading-ico:hover  {background: #303030 url(../../im/loading-w.svg) no-repeat right center / 18px;}

.kal-line > a > * {pointer-events:none;}

.day-kal .hour-wrap.hour-gr-0 > a, .kal-line-0 > a {background-color:#aa0070;}
.day-kal .hour-wrap.hour-gr-1 > a, .kal-line-1 > a  {background-color:#679002;}
.day-kal .hour-wrap.hour-gr-2 > a, .kal-line-2 > a  {background-color:#306090;}
.day-kal .hour-wrap.hour-gr-2 > a * {}
.day-kal .hour-wrap.hour-gr-3 > a, .kal-line-3 > a  {background-color:#00aaaa;}
.day-kal .hour-wrap.hour-gr-4 > a, .kal-line-4 > a  {background-color:#009fd5;}
.day-kal .hour-wrap.hour-gr-5 > a, .kal-line-5 > a  {background-color:#ff8000;}
.day-kal .hour-wrap.hour-gr-6 > a, .kal-line-6 > a  {background-color:#f94b4b;}

.day-kal .hour-wrap > a {overflow:hidden;}
.day-kal .hour-wrap > a strong,
.day-kal .hour-wrap > a b {float:left;color:#000000;}
.day-kal .hour-wrap > a b {position:absolute;left:24px;top:0px;width:auto;}

.day-kal .hour-wrap > a:hover, .day-kal .hour-wrap > a.hover {overflow:unset;z-index:9999;opacity:1;background:#6e6e6e;} 
.day-kal .hour-wrap > a:hover b, .day-kal .hour-wrap > a.hover b {overflow:unset;height:auto;min-width:160px;padding:4px;background-color:#ffffff;box-shadow: 0px 2px 6px -4px #000000;} 
.day-kal .hour-wrap > a:hover {border:1px solid #ffffff;}
.day-kal .hour-wrap > a.loading-ico:hover {background: #6e6e6e url(../../im/loading-w.svg) no-repeat right center / 18px;}

.day-kal .hour-wrap > a.is-clone {width:100%;height:21px;opacity:0;overflow:hidden;padding:0;margin:0px;float:left;position:absolute;z-index:100;}
.kal-line > a.is-clone {width: 100%;height: 1px;opacity: 1;overflow: hidden;padding: 0;margin: 0px;float: left;position: absolute;background: red;height: 17px;z-index: 100;}

.relative-scroll {position:relative;z-index:100;}
.relative-scroll.active {box-shadow:0px 4px 4px -4px #000000;}
.relative-scroll-left {position:relative;z-index:100;font-weight:bold;background:transparent;}
.relative-scroll > .table-cell {font-weight:normal;}
.relative-scroll-left.active {}
.ox {overflow-x:auto;}


/* BUTTON SHOW */

.button-show {position: relative; width: auto;display: inline-block;min-width:117px;}
.button-show-wrap {display:none;}
.active > .button-show-wrap, .table-cell .active > .button-show-wrap  {display:block;position:absolute;top:100%;background:#ffffff;z-index:99;min-width: 160px;border: 0px;}


.active.fixed-right .button-show-wrap {right:0;left:auto;min-width:240px;}

.table-cell .button-show-wrap  {display:none;}

.button-show-wrap form {padding: 12px;border: 1px solid #dddddd;border-radius: 5px;box-shadow: 0px 0px 16px -10px #000000;}

/* layer */

.layer-close {cursor:pointer;}
.layer-close.fixed {background: #000000;background:#000000b0;position: fixed;z-index: 8900;width: 100%;height: 100%;top: 0;left: 0px;margin: 0;transition: all 300ms linear;opacity: 0;overflow: auto;display: none;}
.layer-close.fixed.active {display:block;opacity:1;}

.layer-close.button {width:28px;height:28px;background: transparent url(../../im/menu-b.svg) no-repeat -9px -52px / 45px;position:absolute;right:10px;top:10px;}


.layer {background: #ffffff;position: fixed;z-index: 90000;border: 1px solid #000000;box-shadow: 0px 0px 66px -30px #000000;width: auto;height: 90%;max-height: 1280px;top: 0;bottom: 0;left: 0;right: 0;margin: auto 20px;transition: all 300ms linear;opacity: 0;overflow: auto;display: none;}
.layer.active {display:block;opacity:1;}

.layer .uspech, .layer .chyba {padding:14px;}
.layer-head { color: #000000;background:#33cc66;font-size: 150%; padding: 15px; font-weight: 900;}



.layer-image {max-height:100%;height:100%;width:100%;margin:0px;background:#000000;}
.layer-image .layer-head {padding:9px;background:transparent;color:#ffffff;font-size:11px;}
.layer-image .layer-close.button {width: 100%;height: 32px; background: transparent url(../../im/menu.svg) no-repeat right -28px / 28px;position: absolute;right: 0px;top: 0px;z-index:200;}
.layer-image .layer-head:hover {background-color:#313131;}
.layer-image .jpg-nahled {position:absolute;top:0;bottom:0;left:0;right:0px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:transparent;}
.layer-image .jpg-nahled img {display:flex;align-self:center;max-width:100%;max-height:100%;max-height:calc(100% - 64px);}

.table .table-cell a {color:#303030;}
.table .table-cell a.cr {color: red;}
.table .table-cell.ico-tag a {color: #000000;}

.table .table-cell.user a {color: #000000;display:flex;}

/* boxes */

.box-24 {width:24px;height:24px;border-radius:24px;}
.box-240 {width:240px;height:240px;}

/* LAYOUT AND MENU */

.panel {display: flex;justify-content: center;background:#000000 url(../../im/logo-w.svg) no-repeat 12px 10px / 131px;color:#ffffff;width:100%;padding:0px 42px 0px 42px;}
.panel * {color:#ffffff;}
.left-menu, .left-menu-wrap {height:100vh;overflow:auto;overflow-x:hidden;}
.left-menu {width:300px;}
.left-menu-wrap {width:calc(100% - 300px);}

.ifo-wo-wrap {border-bottom: 1px solid #dddddd;border-top: 1px solid #dddddd;padding:12px;} 

.top-menu {width:100%;}
.top-menu-wrap {width:100%;min-height:50vh;}

.bgs {background:#f2f2f2;}
.bgw {background:#ffffff;}

.b1s {border:1px solid #d8d8d8;}

.top-menu {z-index:1000;padding:0;width: 100%;margin: 0px 0px 0px;background: #ffffff;display: flex;}
.top-menu a {color:#000000;float:left;padding:14px;}
.top-menu a.active {position:relative;top:1px;z-index:99;background:#eeeeee;border-left:1px solid #dddddd;border-right:1px solid #dddddd;border-top:1px solid #dddddd;} 
.top-menu > .flex a.submit {color:#ffffff;float:none;display:flex;align-self: center;margin-right: 7px;padding: 12px 24px;margin-bottom: 7px;}
.top-menu > .flex a.submit.ico-plus {padding-left:28px;}


.panel a.active {position:relative;z-index:99;color: #ffffff;} 

.us-menu a {margin-right: 7px; border-right:1px solid #dddddd;display:inline-block;padding: 7px;}
.us-menu a:nth-last-child(1) {border:0px;}


.user-box {float: right;background: #000000 url(../../im/user.svg) no-repeat 2px center / 37px;padding: 7px 8px 9px 41px;}
.user-box .name {text-transform:uppercase;}
.user-box .logout {text-transform:uppercase;padding:2px 6px 0px;background-color:#ffffff;color:#000000;border-radius:12px;}


/* maps */

.map-tag {background:transparent url(../../im/tagbig.svg) no-repeat 10px center / 64px;width:100%;padding:14px 7px 14px 80px;border-bottom:1px solid #dddddd;border-right:1px solid #dddddd;}
.map-tag:hover {background-color:#f1f1f1;}
.map-tag:nth-last-child(1) {border-bottom:0px;}
.map-tag .title {font-weight:800;}
.map-tag .address {margin-bottom:7px;}
.map-tag .gps {margin-bottom:7px;}
.map-tag .gps .lon, .map-tag .gps .lat {width:auto;display:inline-block;margin-right: 4px;}
.map-tag a {border: 2px solid #1c94c4;border-radius: 6px; margin: 0px 4px 4px 0px;color: #15698b;padding: 3px 6px;display: inline-block;background: #ffffff; text-transform: uppercase;font-weight: bold;line-height: 1;}
.map-tag .cr {border-color:red;color:red;}
.layer .table-cell.user > * {display:none;}
.layer .table-cell.user > div:nth-child(1) {display:block;}
.map-box .table-cell button {margin-bottom: 1px;margin-top: 1px;text-align: left;}
.map-box .table-cell .i-plus button {padding-left:22px;}
.map-box {margin-bottom: 21px;background-color: #ffffff;float: left;width: 100%; border: 1px solid #ddd;overflow: hidden;border-radius: 7px;position:relative;}
.map-box .map {position: absolute; left: 50%;bottom: 0px;top: 39px;}
.layer .map-box {border:0;margin:0px;}
.layer .map-box .map iframe {border:0; position:absolute;width:50%;right:0;top:117px;height:80%;height:calc(100% - 117px);}
.map-box .map iframe {height:100%;}
.map-box .table-cell {padding-right: 0;padding-bottom: 2px;padding-top: 2px;border-right: 0;border-bottom: 0;}
.map-box .table-cell:nth-last-child(1) {text-align: right;}

.map-box .table-cell > form {max-width:180px;width:auto;float:left;}

.TopWrap { padding: 0px;height: calc(100vh - 128px); }
.Folder > form {padding: 0px;}
.WrapFolder {min-height: calc(100vh - 100px);}
.LoginWrap {height:100vh;}



.show-type-menu > a.active, .show-type-menu > a.active:nth-child(1), .show-type-menu > a.active:nth-child(2) {background-color: #f2f2f2;margin: 0px 0px 0px 6px;border: 1px solid #dddddd;}


.close-wrap {float:left;padding:15px;background:#ffffff;width:100%;margin: 0px;}
.close-wrap .close-this-wrap {color: #ffffff;background-color: #000000;border-radius: 2px;border: 0;float: left;width: 100%;padding: 7px 32px 7px 7px;position: relative;z-index: 999;font-size: 16px;}
.close-wrap .close-this-wrap:after {content:'';display:block;position:absolute;right:0px;top:0px;width:32px;height:32px;background:transparent url(../../im/close-w.svg) no-repeat center center / 16px; }
.close-wrap .close-wrap-contain {float:left;width:100%;margin:0px 0px 0px;position:relative;z-index:998;}
.close-wrap .close-wrap-layer {left:0;top:0;height:100%;width:100%;margin:0px;position:fixed;z-index:500;background:transparent;background:#00000055;}
.close-wrap .close-wrap-layer.close-this-wrap:after {display:none;}


.pozor > label > b {color:red;text-transform:uppercase;margin-right:8px;}
.pozor > input {border:1px solid red;color:red;}

a.timing {width:137px;float:left;margin:0;width:100%;}
a.timing > span {width:100%;float:left;margin:0;color:#000000;}
a.timing > span > b {}
a.timing > span.pozor {color:red;}
a.timing > span > .co {color:orange;}
a.timing > span.time-was {color:silver;}
/* layout 2 */

.panel {position:fixed;top:0;left:0;height:100%;width:250px;justify-content: start;flex-flow:column;padding:64px 0 0 0;}
    .panel a {width:100%;display:flex;}
    .user-box .logout {border:0;}
    .user-box {border-bottom: 0px;}
.top-menu {position:fixed;top:0;left:250px;height:100%;width:250px;overflow:auto;overflow-x:hidden;flex-flow: column;justify-content:start;align-items:start;z-index:300;padding:15px;}
.top-menu > * {display:block;float:left;width:100%;}
.top-menu .label-inline .input-text > label, .top-menu .label-inline .input-select > label {width:100%;flex:1 1 100%;}
.top-menu input, .top-menu textarea, .top-menu select {border-bottom:1px solid #cccccc;}
.top-menu button, .top-menu .submit {width:100%;margin-top:7px;}
.top-menu-wrap {position:fixed;top:0;left:500px;height:100%;width:auto;width:calc(100% - 500px);overflow:auto;overflow-x:hidden;padding:15px;background-color:#dddddd;}
.table-row:after {height: 1px;box-shadow: inset 0px 0px 0px 0px #000000;}
.kal-users > * {width:100%;display:block;float:left;box-sizing:border-box;}
.kal-users {padding: 0px;}
.kal-users > label {font-weight:bold;padding:7px 0px;}

.top-menu > form {padding: 0px;}
.top-menu > form > * {width:100%;}

/* layout 2 END */
.zak-state-color-0 .input-select > select,.zak-state-color-1 .input-select > select,.zak-state-color-2 .input-select > select,.zak-state-color-3 .input-select > select {padding:2px;border:0;border-radius:3px;}
.zak-state-color-0 .input-select > select *,.zak-state-color-1 .input-select > select *,.zak-state-color-2 .input-select > select * ,.zak-state-color-3 .input-select > select * {color:#ffffff;} 
.zak-state-color-0 .input-select > select {background-color:#33cc66;color:#ffffff;border:3px solid #33cc66;}
.zak-state-color-1 .input-select > select {color:red;border:3px solid red;}
.zak-state-color-2 .input-select > select {color:orange;border:3px solid orange;}
.zak-state-color-3 .input-select > select {color:green;border:3px solid green;}


.kal-map {min-height:320px;}

.top-menu .table {display:block;float:left;box-sizing:border-box;width:100%;border:0;margin-top:0px;}
.top-menu .table-row {display:block;float:left;box-sizing:border-box;width:100%;}
.top-menu .table-cell {display:block;float:left;box-sizing:border-box;width:100%;}
.top-menu .table-cell.state {text-align:left;font-weight:900;}
.top-menu .table-cell.state .chyba,
.top-menu .table-cell.state .uspech,
.top-menu .table-cell.state table,
.top-menu .table-cell.state .chyba *,
.top-menu .table-cell.state .uspech *,
.top-menu .table-cell.state table * {font-weight:initial;}
.top-menu .table-cell.state table a {float:none;}
.top-menu a.timing, .top-menu a {display:block;float:left;box-sizing:border-box;width:100%;padding:0;}
.top-menu a {padding: 8px 0px;}


.kal-info {padding-top:0px;}
.kal-info h3 {display:none;}
.kal-div-info {float:left;}
.kal-map {float:left;padding:14px;}

.from-gps {height:320px;}

.Kalendar {padding: 0px;float:left;}

.RespoMenu {position:fixed;top:0;left:0;width:100%;padding:0px 15px;z-index:10100;background:#000000;color:#ffffff;display:none;}
.respo-button {float:left;height:45px;padding:15px 30px 15px 39px;color:#ffffff;background:transparent url(../../im/menu.svg) no-repeat -9px 0px / 45px;line-height: 16px;font-size: 90%;font-weight: 800;}
.respo-button.ico-settings {background-image:url(../../im/menu-settings.svg);float:right;padding-right:0px;}
.respo-button.active {background-position: -9px -45px;}

.zak-select {margin: 0px 0px 0px; padding: 16px 0px;}
.zak-select a:nth-child(1) {color: #33b1cc; } 
.zak-select > strong, .zak-select > a > strong,
.zak-select > span, .zak-select > a > span {padding: 9px;float:left;}

.submit,button {line-height:1;}

.ico-pripravar {background: #303030 url(../../im/user.svg) no-repeat left center / 20px;padding:4px 4px 4px 28px;border-radius:3px;color:#ffffff;margin-top:5px;}
.ico-pripravar * {color:#ffffff;}

.Detail .ico-pripravar {margin:8px 0px;width:100%;float:left;}

/* layout column */

    .Wrap {display:block;float:left;width:100%;}
    .panel {position: relative;top: 0;left: 0;height: auto;width: 100%;padding: 0px 0px 0px 160px;display: block;float: left;z-index:200;}
    .top-menu {border:0;position: relative;top: 0;left: 0;height: auto;width: 250px;overflow: unset;z-index: 100;padding: 0px 0px;float: right;display: block;}
  
    .top-menu.Filtr {padding:12px;}
    .top-menu.Filtr > * {width:100%;float:left;}
    .top-menu.Filtr  .check-wrap > *, .top-menu.Filtr  .role-check > * {width:100%;float:left;}
    .top-menu.Filtr  .check-wrap > label, .top-menu.Filtr  .role-check > label {font-weight:bold;padding-top:12px;}
    .top-menu.Filtr .input-checkbox-item {width:100%;float:left;}
    
    .Detail {padding:12px;}
   .Detail .input-select > select {margin:0px 0px 12px;width:100%;}
   .top-menu.Bread {width:100%;display:flex;flex-direction:row;}
    
   .top-menu.Detail a {background-color:#ffffff;}
   
    .top-menu.Bread, .KalPanel { background: #000000; padding: 4px 11px 6px; background: linear-gradient(121deg, rgba(61,61,61,1) 0%, rgba(0,0,0,1) 45%, rgba(0,0,0,1) 100%);}
    .top-menu.Bread  > form > * {width:auto;}
    .top-menu.Bread  > form {flex-direction:row;display:flex;}
    .top-menu.Bread  > form label, .KalPanel .input-select > label, .KalPanel .input-text > label, .KalPanel .input-datepicker > label {color:#ffffff;font-size:11px;text-transform:uppercase;}
    .top-menu.Bread > form > button,  .KalPanel button {padding: 7px 8px;margin-top: 15px;line-height: 13px;}
    .panel-button-wrap button, .panel-button-wrap .submit { padding-top: 6px;padding-bottom: 6px; margin-top: 12px;}
    
    .input-text.ico-search > input, input.ico-search {background-image: url(../../im/search.svg);background-size: 24px;background-repeat:no-repeat;background-position: left center;padding-left:28px;}
    
    
    .top-menu a {text-transform:uppercase;font-weight: 900;border:0;padding-left: 4px;background: #f3f3f3;}
    .top-menu a.active {position: relative;top: 1px;z-index: 99;background: #ffffff;border:0;}
    
    .top-menu a.top-menu-a {padding:8px;border-bottom:1px solid #cccccc;}
    
    .radio-row > .input-radio-item {background:#eeeeee;}
    
    
    .top-menu-wrap {border-right:1px solid #dddddd;position: relative;top: 0;left: 0;min-height: 100vh;width: auto;width: calc(100% - 250px);overflow: hidden;overflow-x: hidden;padding:0px;background-color: #ffffff;float: left;display: block;}
    .top-menu-wrap.w10 {width:100%;padding:0px;}
    .panel > a {float:left;display:inline-block;width:auto;color:#727272;text-transform:uppercase;font-weight:800;padding:18px 12px 12px;}
    .panel a.submit {}
    .group-item input, .group-item textarea, .group-item select {font-weight:normal;}

    .panel-color-1 {background: rgb(193,193,193);background: linear-gradient(0deg, rgb(235 235 235) 0%, rgba(240,240,240,1) 3%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 37%, rgba(255,255,255,1) 86%, rgba(240,240,240,1) 97%, rgb(255 255 255) 100%);}
    
    .ZakPanel {position: relative;padding: 0;display: block;float: left;width: 100%;box-shadow:0px 3px 5px -5px #000000;z-index:250;}
    .ZakPanel > .fr {align-self: center;flex:1 1 200px;}
    .ZakPanel .single-menu-item {position: relative;background: transparent url(../../im/folder_border.svg) no-repeat 4px center / 20px; padding: 10px 23px 9px 29px;color: #808080;float:left;}
    .ZakPanel .single-menu-item:before {content: ''; position: absolute; width: 29px;height: auto;top: 0px;right: 1px;bottom: 0px;margin: auto 0px;background: transparent url(../../im/bread.svg) no-repeat right 5px center / 48px;}
    .ZakPanel .single-menu-item.folder-end {font-weight:bold;background: transparent url(../../im/reload.svg) no-repeat 0px 5px / 24px;}
    .ZakPanel .single-menu-item.folder-end:before {display:none;} 
    .ZakPanel > .button-show {display:flex;justify-content: center;align-items: center;}
    .ZakPanel .submit, .ZakPanel button {display:flex;margin: 0px 0px;line-height:1;}
    
    .top-menu .table-cell.state {margin: 0;padding: 0;}
    .top-menu .table-cell {}
    .top-menu .table-cell.user, .top-menu .table-cell.user * {font-size:18px;} 
    .top-menu .table-cell.user {padding-top:8px;}
    
.Detail .table-cell.user, .Detail .table-cell.user * {text-align:center;}
.Detail .table-cell.user {background: #f1f1f1;padding-bottom:12px;}
.top-menu .table-cell.user * small {font-size:12px;}
    
    .folder-table-item > *:nth-child(1) {background-size:32px;}
    
    .folder-item.terminy:before {background-image: url(../../im/terminy.svg);}
    .folder-item.mista:before {background-image: url(../../im/tagbig.svg);}
    .folder-item.zak-kalendar:before {background-image: url(../../im/zak-kalendar.svg);}
    .folder-item.externiste:before {background-image: url(../../im/externiste.svg);}
    .folder-item.kontakty:before {background-image: url(../../im/kontakty.svg);}
    .folder-item.tisk:before {background-image: url(../../im/print.svg);}
    
    .folder-table-item.terminy > *:nth-child(1) {background-image: url(../../im/terminy.svg);}
    .folder-table-item.mista > *:nth-child(1) {background-image: url(../../im/tagbig.svg);}
    .folder-table-item.zak-kalendar > *:nth-child(1) {background-image: url(../../im/zak-kalendar.svg);}
    .folder-table-item.externiste > *:nth-child(1) {background-image: url(../../im/externiste.svg);}
    .folder-table-item.kontakty > *:nth-child(1) {background-image: url(../../im/kontakty.svg);}
    .folder-table-item.tisk > *:nth-child(1) {background-image: url(../../im/print.svg);}
    
    .folder-table-item.form > *:nth-child(1) {background-image: url(../../im/form.svg);background-size:28px;}
    .Folder {gap:0;padding: 0px;}
    
    .folder-table-item.folder > *:nth-child(1) {width:100%;}
    
    .table-row:hover .table-cell:hover, .table-row:hover .table-cell:focus, .table-row:hover .table-cell, .table-row:focus .table-cell { background-color: #ffffff;}
    .top-menu > form {border-radius: 3px;}
    
    .input-text > label, .input-textarea > label, .input-datepicker > label, .input-emptydatepicker > label, .input-password > label, .input-select > label, .input-color > label, .input-password > label {line-height: 12px;color: #969696;font-weight: normal;}
    .input-text > input, .input-textarea > textarea, .input-datepicker > input, .input-emptydatepicker > input, .input-password > input, .input-select > select, .input-color > input, .input-password > input {color: #000000;border-radius: 6px;margin-top: 16px;padding: 5px 9px 5px; background-color: #eeeeee; border: 0;}
    .input-select > select {padding-top:3px;padding-bottom:5px;}
     .input-text > input:hover, .input-textarea > textarea:hover, .input-datepicker > input:hover, .input-emptydatepicker > input:hover, .input-password > input:hover, .input-select > select:hover, .input-color > input:hover, .input-password > input:hover {  background-color: #dddddd;}
     .input-text > input:focus, .input-textarea > textarea:focus, .input-datepicker > input:focus, .input-emptydatepicker > input:focus, .input-password > input:focus, .input-select > select:focus, .input-color > input:focus, .input-password > input:focus {  background-color: #cccccc;}
    
     .fo-detail  {border: 1px solid #dddddd;padding-bottom: 12px;border-right: 0;}
     .fo-detail, .fo-menu {border-top:1px solid #dddddd;}
     
     .label-hide .input-text > label, .label-hide .input-textarea > label, .label-hide .input-datepicker > label, .label-hide .input-emptydatepicker > label, .label-hide .input-password > label, .label-hide .input-select > label, .label-hide .input-color > label, .label-hide .input-password > label {display:none;}

     .label-hide .input-text:hover > label, .label-hide .input-textarea:hover  > label, .label-hide .input-datepicker:hover > label, .label-hide .input-emptydatepicker:hover > label, .label-hide .input-password:hover > label, .label-hide .input-select:hover > label, .label-hide .input-color:hover > label, .label-hide .input-password:hover > label {display:block;}
     
     
/*
    .input-text > input[value=''], .input-datepicker > input[value=''], .input-emptydatepicker > input[value=''], .input-password > input[value=''] {background-color:#eb8f00;color:#ffffff;}

    */
    
    
    .fs4 {font-size: 150%;}
    
    .KalPanel {float:left;padding: 8px;border-bottom: 1px solid #dddddd;}
    .KalPanel .submit, .KalPanel button {}    
    /* print */

    
    
    .print-menu {border-top:1px solid #dddddd;background:#f1f1f1;float:left;} 
    .print-menu  a {float:left;font-weight:900;color:#000000;padding: 6px;background:#dddddd;margin-right:2px;}
    .print-menu a.print-all {padding: 7px 19px 7px 31px;background: #33cc66 url(../../im/print.svg) no-repeat 1px center / 26px;color: #ffffff;}
    .print-menu  a.active {background:#ffffff;position:relative;top:1px;}
    
    .tisk-left .cg {color:#5faf39;}
    .tisk-left h2 {margin-bottom: 12px;padding-right: 24px;}
    .tisk-left .box {min-height:20%;}
    .tisk-left .box img {margin-right:8px;}
    .tisk-left .box:nth-child(4) {margin-top:64px;}
    .tisk-left .box > span, .tisk-left .box > div {line-height:24px;font-size:16px;margin-left:0px}
    
    .tisk-left .tisk-ico-sn {background: transparent url(../../im/tisk-sn.svg) no-repeat 5px center / 20px ;color:#5faf39;}
    .tisk-left .tisk-ico-tel {background: transparent url(../../im/tisk-tel.svg) no-repeat 5px center / 20px ;}
    .tisk-left .tisk-ico-em {background: transparent url(../../im/tisk-em.svg) no-repeat 5px center / 20px ;}
    
    .tisk-right {padding-left:65px;position:relative;background:transparent url(../../im/a4-line-once.svg) no-repeat 14px 0px / 13px 3084px;}
    /* .tisk-right:before {content:'';display:block;position:absolute;top:0px;width:10px;bottom:0px;left:20px;background:#5faf39;z-index:10;} */
    .tisk-right * {text-align:left;}
    .tisk-right h1 {color:#5faf39;text-transform:uppercase;}

    .tisk-right img.tisk-gr-logo {float:right;height:32px;}
    
    .tisk-item {position:relative;} 
    .tisk-item .tisk-num {z-index:100;color:#ffffff;background-color:#5faf39;position:absolute;top: -26px;left: -66px;width:48px;height:48px;border-radius:24px;line-height:1;font-size:28px;line-height:48px;text-align:center;font-weight:900;}  
    .tisk-item h2 {padding-top:0px;margin-top:0px;}
    .tisk-item .tisk-popis {padding: 0px 0px 2px;}
    
    .tisk-usx {padding: 0px 0px 0px;}
    .tisk-usx .tisk-ico-sn {background: transparent url(../../im/tisk-sn.svg) no-repeat 5px center / 20px ;}
    .tisk-usx .tisk-ico-tel {background: transparent url(../../im/tisk-tel.svg) no-repeat 5px center / 20px ;}
    .tisk-usx .tisk-ico-em {background: transparent url(../../im/tisk-em.svg) no-repeat 5px center / 20px ;}
    .tisk-usx > div > span {background: #f4f4f4;padding: 4px 0px;margin: 0;float: left;width: 100%;text-align: center;font-weight: normal;letter-spacing: -0.03em;}
    .tisk-usx > div {margin-bottom:5px;}
    .tisk-usx > div:nth-last-child(1) {margin-bottom:0px;}
    .tisk-left .tisk-ico-sn, .tisk-left .tisk-ico-tel, .tisk-left .tisk-ico-em, .tisk-right h1, .tisk-item h2, .tisk-item .tisk-popis, .tisk-usx .tisk-ico-sn, .tisk-usx .tisk-ico-tel, .tisk-usx .tisk-ico-em {padding-left: 32px;}  
    
    .ZakPanel > .p1 {float:left;}
    
    @media print {
        .page {page-break-before: always;}
        @page { size: 2480px 3508px; margin: 0;}
    }
        
    .print-wrap {display:none;}
    body.is-printing, body.is-printing * {font-size:36px;}
    body.is-printing .tisk-usx > div > span {font-size:100%;}
    body.is-printing .tisk-right {padding-left: 4%;min-height:3208px;}
    body.is-printing .tisk-item .tisk-num {top: 0px;left: -8%;width: 100px;height: 100px;border-radius: 50%;font-size: 200%;line-height: 100px;text-align:center;display:block;box-sizing:border-box;padding:0px;}

    
    body.is-printing .tisk-item .tisk-num.num-down {top:16%;padding: 0;text-align: center;}
    body.is-printing .tisk-right img.tisk-gr-logo {float:right;height:100px;margin-top:-50px;padding-bottom:25px;}
    
    body.is-printing .tisk-left .tisk-ico-sn, body.is-printing .tisk-left .tisk-ico-tel, body.is-printing .tisk-left .tisk-ico-em, body.is-printing .tisk-right h1, body.is-printing .tisk-item h2, body.is-printing .tisk-item .tisk-popis, body.is-printing .tisk-usx .tisk-ico-sn, body.is-printing .tisk-usx .tisk-ico-tel, body.is-printing .tisk-usx .tisk-ico-em {padding-left:5%;}  
    body.is-printing .tisk-usx .tisk-ico-sn, body.is-printing .tisk-usx .tisk-ico-tel, body.is-printing .tisk-usx .tisk-ico-em, body.is-printing .tisk-left .tisk-ico-sn {margin-bottom:20px;margin-top: 12px;background-size: 6% ;background-position-x: 3%;}
    
    body.is-printing .tisk-left .tisk-ico-sn {padding-left: 11%;}
    
    body.is-printing .tisk-left .box:nth-child(4) > h2 {margin-top:26px;}
    body.is-printing .tisk-left > h2:nth-child(2) {margin-top:10%;}
    body.is-printing .tisk-left  h2.margin-h2 {margin-top:100px;}
    
    body.is-printing .tisk-right  h2.margin-h2 {margin-top:10%;}
    
    body.is-printing .tisk-left .box > span {font-size:100%;line-height:175%;}
    body.is-printing .tisk-left .box > div {font-size:100%;line-height:125%;}
    body.is-printing .tisk-left .box {min-height:466px;}
    body.is-printing .tisk-left img.w6 {width:10%;}
    body.is-printing .tisk-left img.w12 {width: 14%;margin-right: 9%; margin-bottom: 12px;}
    
    body.is-printing > * {display:none;}
    body.is-printing > .print-wrap {display:block;width: 2480px;float:left; }
    body.is-printing > .print-wrap > * {display:block;float:left;margin:0;padding:0px;width: 100%;box-sizing:border-box;}
    body.is-printing > .print-wrap > img {box-sizing:border-box;padding:0px;width: 100%;}
    body.is-printing > .print-wrap .page {margin: 0;padding:3% 3%;box-sizing:border-box;background: #ffffff url(../../im/a4.png) repeat-y 0px 0px / 97%;}
    .print-wrap h1 {font-size:180%;margin-bottom:1%;margin-top:2%;}
    .print-wrap h2 {font-size:120%;margin-top:-1%;}
    .print-wrap .tisk-item .tisk-popis {font-size:80%;}
    .print-wrap .tisk-item .tisk-popis b {font-size:100%;}
    .print-wrap .is-empty {display:none !important;}
    
    /* table group */
    
    .table-group {float: left; border-top: 0; padding: 4px 0px 0px;}
    .table-group:nth-child(odd) {background:#f4f4f4;}
    .table-group .table-cols {float:left;}
    .table-group > * {width:auto;float:left;}
    .table-group h3 {padding-right:20px;width:15%;}
    .table-group h3.col-left {}
    .table-group div.col-right {width:85%;}
    .table-group .tisk-row {width: auto;float: left;padding-right: 12px;margin: 0 0 2px 2px;padding: 5px 8px;}
    .table-group .tisk-col {float:left;display:block;}
    .table-group strong.tisk-col {padding-right:4px;font-weight:400;}
   
    .table-group .tisk-col > div {background:#ffffff;border-radius:12px;margin-left:4px;padding-left:4px;padding-right:4px;} 
    .table-group .tisk-col span.cred {color:red;}
    
    .table-group h3 {font-size:100%;padding:6px;}
    body.is-printing .table-group, body.is-printing .table-group *, body.is-printing .table-group h3 { font-size: 28px; }
    
    /* table group end */
    
    /* ;size: 2480px 3508px;  */

    .fo-menu {border-right: 1px solid #dddddd;}
    .fo-menu a {font-weight:normal;color:#727272;padding:5px 8px;border-bottom:1px solid #cccccc;background:#f3f3f3;}
    .fo-menu a.active {font-weight:800;color:#000000;background:#ffffff;position:relative;left:1px;}
    .fo-detail .fo-group h3 {padding:12px;margin:0px;}
    .fo-detail .fo-group > div {padding:12px;border-bottom:1px solid #dddddd;border-right:1px solid #dddddd;}
    .fo-detail .fo-group > div.input-select > label {left: 12px;}
    .fo-detail .fo-group > div.input-checkbox {display:flex;width:100%;flex:1 1 100%;flex-wrap:wrap;border-bottom:1px solid #dddddd;}
    .fo-detail .fo-group > div.input-checkbox > label {display:flex;flex:1 1 100%;}
    .fo-detail .fo-group > div.input-checkbox > .input-checkbox-item {display:flex;flex:1 1 160px;}

    
    .WrapFolder h1 {padding:12px;margin:0px;}
    
    form.kal-filtr { width:100%; float:right; }
    
    .kal-filtr-more {width:100%;background:transparent;padding: 12px;height:0;display:none;flex-wrap:wrap;display:none;animation-name: goup;animation-duration: 300ms;}
    .kal-filtr-more > div {flex: 1 1 160px;}
    .kal-filtr-more.active {animation-name: godown;animation-duration: 300ms;display:flex;height:max-content;overflow:auto;}
    
    .kal-filtr-more .input-checkbox-item  * {color:#ffffff;}
    .kal-filtr-more label {color:#ffffff;}
    
    .kal-filtr-more .input-checkbox-item > label > input[type="checkbox"] + span:before {background-image:url(../../im/check-w.svg);}
    
    
    .kal-filtr-button.active {background: #f1f1f1 url(../../im/close.svg) no-repeat center center / 28px;border-radius:15px;}
    .kal-filtr-button.active img {opacity:0;}
    
    @keyframes godown {
        0%   {display:flex;height:0;}
        25% {height: 20vh;}
        100% {height: max-content;overflow:auto;}
    }
    
    @keyframes goup {
        0%   {display:flex;overflow:hidden;height:auto;}
        75% {height: 20vh;}
        100% {height: 0;display:none;}
    }

    
    .title-x {pointer-events:none;background:red;overflow:hidden;max-height:50%;position:fixed;top:100%;left:0;z-index:9999;min-width:300px;width:50%;transition:bottom 100ms ease-in;padding:12px 0px;margin: 0;}
    .title-x.active {bottom:0px;}
    .title-x.active .title-text {box-shadow: 20px 20px 20px -32px #000000;}

    
    .title-x.t-top {background: transparent url(../../im/up.svg) no-repeat 12px top / 23px;}
    .title-x.t-bottom {background: transparent url(../../im/down.svg) no-repeat 12px bottom / 23px; }
    .title-x.t-left {background-position-x:12px;}
    .title-x.t-right {background-position-x:right;}
    
    .title-text {background:#ffffff;border-radius:5px;border:1px solid #000000;float:left;}
   
    .title-x .fo-group {gap:0px;}
    .title-x .fo-group > div {border:0px;border-top:1px solid #cccccc;border-left:1px solid #dddddd;padding: 5px 7px 2px;flex:1 1 72px;}
    .title-x .fo-group > div.inputdiv-textarea {flex: 1 1 100%;}
    .title-x .fo-group > div.normal {flex: 1 1 30%;}
    .title-x .fo-group > div.big {flex: 1 1 60%;}
    .title-x .fo-group > div.inputdiv-hours > div *, .title-x .fo-group > div.inputdiv-minutes > div *, .title-x .fo-group > div.inputdiv-datepicker > div *, .title-x .fo-group > div:nth-child(1) {font-weight:900;font-size:125%;}
    .title-x .fo-group > div > div {padding:0px;}
    
    .usa-div {width:auto;float:left;border-radius: 6px;margin: 1px 1px 1px 0px;padding: 5px 9px 5px;color:#ffffff;background: #303030 url(../../im/user.svg) no-repeat left center / 20px;padding-left:24px;border: 0;}
    
    body.loading:before {background: #ffffff url(../../im/loading.svg) no-repeat center center / 32px;background-color:#ffffff66;content:'';display:block;position:fixed;width:100%;height:100%;left:0;top:0;z-index:999999;}
    
/* layout column END */

.button-show img {width:20px;}
.show-type-menu {}
.show-type-menu a {} 
.show-type-menu a img {width:20px;} 


.relative-scroll.active {z-index: 9999;}

div.Kalendar > .kalendar-infinity > div.kal-nav {display:block;}
.kal-nav {border-bottom:1px solid #dddddd;padding:0px;text-align:center;width:100%;float:left;}
.kal-nav * {display:inline-block;line-height:12px;padding:12px;}
.kal-nav .prev {font-size:125%;color:#727272;border-right:1px solid #dddddd;float:left;padding-left:24px;background: transparent url(../../im/ar-prev.svg) no-repeat left center / 20px;}
.kal-nav .mid {text-align:center;}
.kal-nav .next {font-size:125%;color:#727272;border-left:1px solid #dddddd;float:right;padding-right:24px;background: transparent url(../../im/ar-next.svg) no-repeat right center / 20px;}

.folder-table-item.ico-1000-wrap > *:nth-child(1), .ico-1000-wrap.form:before {background-image: url(../../im/ico-1000.svg);}


@media (max-width: 1200px) { 
    .RespoMenu {display:block;} 
    .top-menu, .panel, .top-menu-wrap {padding-top:45px;padding-bottom:60px;transition:all 150ms linear;padding: 45px 8px 60px;}
    .top-menu {right:-300px;left:auto;z-index:9888;position:fixed;overflow: auto;overflow-x: hidden;height: auto;bottom: 0;} 
    .top-menu.Bread {right:auto;position:relative;margin: 45px 0px 0px;}
    .panel {left:-300px;z-index:9988;position: fixed;width: 280px;padding: 64px 12px 12px;} 
    .top-menu-wrap {width:100%;margin:0;left:0;right:0;overflow-x:auto;z-index:120;padding:8px;margin-top:0px;}
    .respo-m-t {margin-top:48px;}
    .WrapFolder {margin-top:0px;}
    .top-menu.active {right:0px;box-shadow: 0px 1px 10px -2px #0000004a;} 
    .panel.active {left:0px;}
    .Bread > .fr {align-self: center;align-items: center;justify-content: flex-end;display: flex;}
    .layer {width:100%;max-width:100%;padding:0px;height:calc(100% - 45px);top:45px;border:0px;}
    .active > .button-show-wrap, .table-cell .active > .button-show-wrap {min-width:160px;box-shadow: 0px 1px 10px -2px #0000004a;}
    .layer-close.button {right: 11px;top: 8px;}

    
    .day-wrap .hour-wrap {width:90px;}
    div.Kalendar > .kalendar-infinity > div > div {width:90px;}
    .day-kal .hour-wrap {width:90px;}
    .relative-scroll.active {margin-top:45px;}
    div.Kalendar > .kalendar-infinity {display: block; width: auto;float: left;}
    
    .layer-close.fixed {left:0;}
    .layer {left:0;margin:0;}
    
    
    .user-box {width: 100%;}
    .panel a {width:100%;padding:0px 0px 12px;}
    .user-box .logout {width:auto;}
    
    
    .ZakPanel {margin-top:44px;}
    
    .KalPanel {margin-top:48px;}
    
    
}

@media (max-width: 900px) { 
    div.Kalendar > .kalendar-infinity > div {width:1280px;}
    div.Kalendar > .kalendar-infinity > div.day-nadpis {width:100%;}
    .folder-table-item > .item-head > * {min-height: 13px;padding: 4px 2px 0px;}
    
}

@media (max-width: 680px) { 
    .Bread, .Bread > *, .Bread > .fr {justify-content:start;align-items:center;}
    .map-box > * {width:100%;}
    .map-box .table-cell.blu-un {width:100%;}
    .layer .map-box .map iframe {position:static;width:100%;min-height:320px;}
    
    .Kalendar.table {width: 100%;}
    .Kalendar .table-row {display: flex;position: relative;justify-content: stretch;align-items: center;flex-wrap: wrap;}
    .Kalendar .table-row {flex-wrap:nowrap;}
    .Kalendar .table-row > * {min-height:32px;display:flex;justify-content: stretch;align-items: center;}
    
    .map-tag {background: transparent url(../../im/tagbig.svg) no-repeat 4px 6px / 20px;width: 100%;padding: 7px 7px 7px 27px;}
    a.timing { width: 100%;}
    a.timing > span {width:50%;}
    
    .active.fixed-right .button-show-wrap {right: initial;left: 0;top: auto;position: fixed;}

    .kal-info {width:100%;}
    .kal-div-info {width:100%;}
    .kal-map {width:100%;} 
    
    .Log, .Log > .table {width:100%;display:flex;flex-flow:column;}
    .Log > .table > .table-row { display:flex;width:100%; flex-wrap: wrap; } 
    .Log > .table > .table-row > .table-cell { display: flex; flex-wrap: wrap; align-content:center; }
    .Log > .table > .table-row > .table-cell:nth-child(1),
    .Log > .table > .table-row > .table-cell:nth-child(2),
    .Log > .table > .table-row > .table-cell:nth-child(3) { display:none; }
    .Log > .table > .table-row:hover, .Log > .table > .table-row:focus {background:#eeeeee;}
    .Log > .table > .table-row:hover > .table-cell {}
    .Log > .table > .table-row:hover > .table-cell:nth-child(1),
    .Log > .table > .table-row:hover > .table-cell:nth-child(2),
    .Log > .table > .table-row:hover > .table-cell:nth-child(3) { display:flex; width: 80px; }
    
    .Log > .table > .table-row > .table-cell:nth-last-child(1),
    .Log > .table > .table-row > .table-cell:nth-last-child(2),
    .Log > .table > .table-row > .table-cell:nth-child(4),
    .Log > .table > .table-row > .table-cell:nth-child(5)    { width:70px; }
    .Log > .table > .table-row > .table-cell:nth-last-child(3) { width:160px;order:0; }    

}

@media (max-width: 540px) {
        .folder-item {flex: 1 1 100px;margin-bottom:24px;}
        .show-type-menu {}
        .show-type-menu a {} 
}

@media (max-width: 420px) {

}




/* scrollbar **/

/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: auto;
    scrollbar-color: #3b3b3b #ffffff;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 12px;
  }

  *::-webkit-scrollbar-track {
    background: #ffffff00;border: 0px solid #ffffff;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #3b3b3b99;
    border-radius: 16px;
    border: 0px solid #ffffff;
  }