*{position:relative; margin:0; padding:0;}
html{min-width:375px;}
body{min-width:375px; font-family:Calibri,Sans-serif; color:#333333; background:#EEEEEE;}

a{color:#333333; text-decoration:none; transition:0.2s;}
a:hover{text-decoration:underline;}
a[href="/#hide"]{display:none !important;}

input, select{padding:5px 5px; margin:5px 0px; box-sizing: border-box;}
input:read-only, select:disabled{background: #eeeeee;}
textarea{padding:5px 5px; margin:5px 0px;}
button,.button{padding:5px 10px; margin:5px 0px; background:#18428E; color:#ffffff; border:none; cursor:pointer; transition:0.2s;}
button:hover,.button:hover,button.active,.button.active{background:#0E2855;}
button:disabled{cursor:auto;}
button.medium,.button.medium{font-size:1.2em; padding:7px 15px; line-height:1.2em;}
button.large,.button.large{font-size:1.4em; padding:10px 20px; line-height:1.4em;}
button.sticky,.button.sticky{position:sticky; z-index:5;}
button span.mobile,.button span.mobile{display:none;}
button.sticky.right,.button.sticky.right{right:5px; top:12px;}
button.success{background:#4caf50;}
button.delete, button.close{background:#c10707;}
button.delete:hover,button.close:hover{background:#8f0a0a;}
button.yellow{background:#ffd455; color:#333333;}
button.yellow:hover{background:#ffc107;}
button.top_save_button{top:0; margin-top:-5px;}

svg{width:100%; height:100%; max-width:30px; max-height:30px; text-align:center;}

.hidden{display:none !important;}
.hide{display:none;}
.mobile_only{display:none;}
.featherlight_only{display:none;}
.featherlight-content .featherlight_only{display:block;}

body>.topLine{width:100%; height:60px; display:flex; position:sticky; top:0; background:#ffffff; box-shadow:0px 0px 3px #333333; justify-content:center; z-index:1001;}
body>.topLine .icon{color:#999999;}
body>.topLine .icon:hover{color:#333333;}
body>.topLine .logo{width:90px; background:#0E2855; display:flex; align-items:center;justify-content:center;}
body>.topLine .notifyBox, body>.topLine .notifyBox .notifyButton, body>.topLine .notifyBox .notifyButton a{display:flex;}
body>.topLine .notifyBox{margin:0 20px;}
body>.topLine .notifyBox .notifyButton>a{align-items:center; text-decoration:none;}
body>.topLine .notifyBox .notifyButton .counters{display:flex; flex-direction:column;}
body>.topLine .notifyBox .notifyButton .counters span{padding:0 2px; text-align:center;}
body>.topLine .notifyBox .notifyButton .counters span.priority1, body>.topLine .notifyBox .notifyContent button.priority1{background:#ffc107; color:#333333; }
body>.topLine .notifyBox .notifyButton .counters span.priority2, body>.topLine .notifyBox .notifyContent button.priority2{background:#ed0000; color:#ffffff; font-weight:bold;}
body>.topLine .notifyBox .notifyContent{min-width:250px; max-height:calc(100vh - 90px); background:#ffffff; padding:5px; border-radius:5px; border:1px solid #18428E; position:absolute; top:50px; z-index:200; box-shadow:1px 1px 2px #333; overflow-x:auto; display:none;}
body>.topLine .notifyBox .notifyContent .buttons{position: sticky; top: 0; z-index:2; background:rgba(255,255,255,0.8);}
body>.topLine .notifyBox .notifyContent .dayHead{border-bottom:1px solid #999999; line-height:2px; margin:15px 0 10px;}
body>.topLine .notifyBox .notifyContent .dayHead span{padding:0 3px; margin:0 5px; background:#ffffff; font-weight:bold; font-size:14px;}
body>.topLine .notifyBox .notifyContent .line{border-bottom:1px solid #dddddd;}
body>.topLine .notifyBox .notifyContent .line a {display:block;padding:5px 5px;}
body>.topLine .notifyBox .notifyContent .line.bg_red{background:#fd9992;}
body>.topLine .notifyBox .notifyContent button{width:100%;}
body>.topLine .notifyBox .notifyContent button.active::after{content:''; position:absolute; left:calc(50% - 15px); top:100%; width:0; height:0; border-left:15px solid transparent; border-right:15px solid transparent; border-top:10px solid transparent; clear:both;}
body>.topLine .notifyBox .notifyContent button.priority1::after{border-top-color:#ffc107;}
body>.topLine .notifyBox .notifyContent button.priority2::after{border-top-color:#ed0000;}
body>.topLine .notifyBox .notifyContent .notifyCont{display:none;}
body>.topLine .notifyBox .notifyContent .notifyCont.active{display:block;}
body>.topLine .search{margin:auto;}
body>.topLine .search input{padding:5px 10px; margin:0; padding-right:40px; font-size:16px; line-height: 24px; box-sizing: border-box;}
body>.topLine .search button{background: transparent; border-left: 1px solid #cccccc; margin:2px; position:absolute; right:0; color:#333333;}
body>.topLine .search button svg{width:20px; height:20px;}

body>.topLine .userBox{display:flex; align-items:center; margin-right:10px;}
/*body>.topLine .userBox a{padding:5px; margin:5px; font-weight:bold;}*/

body>.topLine.pinned{top:0; background:rgba(255,255,255,0.9);}
/*body>.topLine.pinned .userBox{opacity:0;}*/

.userBox .user_icon{font-size: 1.1em;width: 30px;height: 30px; margin: 0 5px;background: #eee;border: 1px solid #999999;display: flex;justify-content: center;align-items: center;border-radius: 50%; cursor:pointer; z-index:6; overflow:hidden; user-select: none;}
.userBox .user_icon svg{margin:5px; color:#999999;}
.contextPopup{z-index:20;}
.contextPopup_content{display:none; position:absolute; right:0; top:10px; width:200px; flex-direction:column; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1); padding:5px; border:1px solid #999999; border-radius:5px 18px 5px 5px; z-index:5;}
.contextPopup_content.show{display:flex;}
.contextPopup_content a{text-decoration:none; color:#888888; background:transparent; transition:0.2s;}
.contextPopup_content a:hover{color:#333333; background:#ededed;}
.contextPopup_content .line{display:flex; align-items:center; justify-content:space-between; padding:5px; border-bottom:1px solid #eeeeee;}
.contextPopup_content .line.headline{margin-bottom:10px; font-weight:bold; border-bottom:0;}
.contextPopup_content .line:last-child{border-bottom:0;}
.contextPopup_content .line svg{max-height:22px;}

.contentCont{display:flex;}
.contentCont .leftLine{width:90px; min-height:100%; flex: 0 0 auto;  background:#18428E; color:#ffffff;}
.contentCont .menuBox{height:100%; min-height:calc(100vh - 60px); display:flex; flex-direction:column;}
.contentCont .menuBox ul{list-style:none;}
.contentCont .menuBox ul.mainMenu{position:sticky; top:60px;}
.contentCont .menuBox ul.bottomMenu{position:sticky; bottom:0; margin-top:auto;}
.contentCont .menuBox ul.bottomMenu li:last-child{border-bottom:0;}

.contentCont .menu{margin:10px 0 0;}
.contentCont .menu li{border-bottom:1px solid #0E2855;}
.contentCont .menu li.active{background:#0E2855;}
.contentCont .menu li a{padding:10px 5px; color:#ffffff; display:flex; flex-direction:column; align-items:center; opacity:0.7; transition:0.2s;}
.contentCont .menu li.active a, .contentCont .menu li a:hover{opacity:1;}

.contentCont .cont{max-width:100vw; min-width:375px; flex: 2 1 auto;}
.contentCont .cont .inner, .featherlight-inner .inner{margin:5px; padding:5px; border-radius:5px;}
.contentCont .cont .inner.white, .featherlight-inner .inner.white{margin:10px;background:#ffffff;border: 1px solid #ccc;}


ul.menu2{list-style: none; margin: 0 0 10px; display:inline-flex; font-size:20px;}
ul.menu2 li{background: #18428E; transition:0.2s;}
ul.menu2 li.active, ul.menu2 li:hover{background:#0E2855;}
ul.menu2 li a{display:block; color: #ffffff; padding: 5px 10px; text-decoration: none;}

.notify{position:absolute;}

table.dataTable{width:100%; max-width:100%; box-sizing: border-box; border: 1px solid #dddddd;}
table.dataTable th{background:#eeeeee; padding:5px;}
table.dataTable th input{width:150px; float:right;}
table.dataTable thead th, table.dataTable thead td{padding:5px 18px; max-width:25vw;}
table.dataTable tr{color:#333333;}
table.dataTable tr:hover,table.dataTable tr:hover td{background:#ffe73b !important; color:#333333 !important;}
table.dataTable tr:hover a{color:#333333 !important;}
/*table.dataTable tr:hover,table.dataTable tr:hover td{background:#0e2855 !important; color:#ffffff !important;}*/
/*table.dataTable tr:hover a{color:#ffffff !important;}*/
table.dataTable tr td{padding:2px 5px; position:relative;}
table.dataTable tr.red{background:#FFCCCC; color:#E20707;}
table.dataTable tr.bred{background:#FF2222; color:#ffffff;}
table.dataTable tr.green{background:#6edc60;}
table.dataTable tr.lightgreen{background:#b4f9ac;}
table.dataTable tr.limegreen{background:#b8ed51;}
table.dataTable tr.yellow, table.dataTable tr td.yellow{background:#F1EA96; color:#333333;}
table.dataTable tr.lightyellow{background:#ffffe0;}
table.dataTable tr.blue{background:#a7c0db;}
table.dataTable tr.grey{background:#cccccc;}
table.dataTable tr.black{background:#333333; color:#ffffff;}
table.dataTable tr.black a{color:#ffffff;}
table.dataTable tr.purple{background:#e785ff;}
table.dataTable tr.lightpurple{background:#cfa8ff;}
table.dataTable tr.greypurple{background:#b591b5;}
table.dataTable tr.bred{background:#f44336;}
table.dataTable tr.eshop_order td .tags{display:flex; flex-wrap:wrap; gap:5px; align-items:center; cursor:pointer;}
table.dataTable tr.eshop_order td .tags.opened{position:absolute; top:0px; left:0px; padding:3px; z-index:10; background:#00000066;}
table.dataTable tr.eshop_order td .tags .tag{border:1px solid #999999; border-radius:5px; background:#eee; padding:2px 3px;}
table.dataTable tr td.zakaznik{}
table.dataTable tr td.zakaznik .name_icon{float:right;}
table.dataTable tr td.zakaznik svg{max-width:16px; cursor:auto;}
table.dataTable svg{cursor:pointer; max-height:20px; margin:0 3px;}
table.dataTable button{margin:0;}
table.dataTable button svg{width:1rem;}
table.dataTable .child .icon:after{content:attr(data-title); padding-left:10px;}
table.dataTable .child svg{display:none;}
table.dataTable td>div.flex{justify-content: center;}
table.dataTable .transparent_val{color:rgba(0,0,0,0.1); background:transparent;}

.infoLine{display:flex; align-items:center; gap:5px;}
.infoLine .item{padding: 0 5px;border: 1px solid transparent; border-radius: 5px;}
.infoLine .info{background: #c9dcff; border-color:#18428e;}

.poptavka input,.poptavka textarea{margin:0;}
.poptavka .flex{align-items:flex-start;}
.poptavka .flex .form, .poptavka .flex .historie, .poptavka .flex .kalendar, .poptavka .flex .objednavka, .poptavka .flex .panelBox{background: #ffffff;border: 1px solid #ccc;border-radius: 5px;margin: 0 5px; padding: 5px 10px;}
.poptavka .flex .form{margin-left:0;}
.poptavka .flex .historie{max-height:540px;}
.poptavka .flex>div:first-child{margin-left:0;}
.poptavka .flex>div.historyCalendar{background:transparent; border:0; padding:0; margin:0; display:flex; flex-direction:row-reverse; align-items:flex-start; justify-content:start;}
.poptavka .flex>div.historyCalendar2{flex-direction:column;}
.poptavka .flex>div.historyCalendar>div{margin-bottom:10px;}
.poptavka .flex>div.historyCalendar>div:last-child{margin-bottom:0px;}
.poptavka .multi_tab{background:transparent; border:0; padding:0; margin:0;}
.poptavka .multi_tab ul.tab_menu{margin:0 10px; list-style:none; display:flex; gap:3px;}
.poptavka .multi_tab ul.tab_menu li{padding:3px 10px; background:#eeeeee; border:1px solid #999999; border-bottom:0px; border-radius:5px 5px 0 0; cursor:pointer;}
.poptavka .multi_tab ul.tab_menu li:hover{background:#dddddd;}
.poptavka .multi_tab ul.tab_menu li.active{background:#ffffff;}
.poptavka .multi_tab .tab{display:none;}
.poptavka .multi_tab .tab:nth-of-type(1){display:block;}
.poptavka .line{padding:5px 0;display:flex; justify-content:space-between; align-items:center;}
.poptavka .line.column{flex-direction:column; align-items:initial;}
.poptavka .line2{justify-content: normal;}

.poptavka .line input[type="text"]{width:100%;}
.poptavka .line input[name="psc"]{width:80px;}
.poptavka .line input[type="checkbox"],.panel .line input[type="checkbox"]{width:20px; height:20px; margin-right:5px;}
.poptavka .line select{padding:2px 5px; margin:0 auto;}
.poptavka .line .left{margin-right:auto;}
.poptavka .line .right{margin-left:auto;}
.poptavka .line .popt_source{font-size:small; padding:5px;}
.poptavka .line textarea{width:100%; padding:5px;}
.poptavka .line .copy_button{width:20px; height:20px; cursor:pointer; position:absolute; bottom:10px; right:10px;color:#bbbbbb;}
.poptavka .line .copy_button:hover{color:#333333;}
.poptavka .line .pscBox{flex-direction:column;}
.poptavka .line .pscBox button{margin:0; width:100%;}
.poptavka .line button.grey{background:#cccccc; cursor:default;}
.poptavka .line .terminSett, .panel .line .terminSett{display:none; position:absolute; border:1px solid #dddddd; background:#f3f3f3; color:#333333; padding:5px 10px; z-index:10; top:10px;}
.poptavka .line .servis_box{margin-right:5px;}
.poptavka .form{width:350px;}
.poptavka .form .spok input[type="radio"]{width:16px; height:16px; margin:5px 0;}
.poptavka .form input.dateInput{width:50%; margin-left:auto;}
.poptavka .form input[type="date"].dateInput {display: none;}
button.pripomenuti-delete{}

.poptavka .kalendar,.poptavka .objednavka,.poptavka .historie{width:250px;}
.poptavka .historie{overflow-x:auto;}
.poptavka  table{width:100%;}
.poptavka .kalendar table td,.poptavka .historie table td{padding:2px 3px;}
.poptavka .kalendar table{margin-bottom:10px;}
.poptavka .kalendar table td{text-align:center; cursor:pointer; border:1px solid transparent; border-radius: 3px;}
.poptavka .kalendar table td.weekend{color:#999999;}
.poptavka .kalendar table.calendar td.actual{border-color: #333333;}
.poptavka .kalendar table.calendar td.selected{border-color: #ff5722;}
.poptavka .objednavka h4{display:flex; align-items:baseline; justify-content:space-between;}
.poptavka .objednavka .produkty{border-top:1px solid #333333;border-bottom:1px solid #333333;}
.poptavka .objednavka .produkty .line{border-bottom:1px solid #999999;}
.poptavka .objednavka .produkty .line.flex{flex-wrap:wrap;}
.poptavka .objednavka .produkty .line.flex .nazev{flex:0 0 100%;}
.poptavka .panelBox{width:auto; max-width:320px; color:#333333;}
.poptavka .panelBox.deleted{border:1px solid red !important; background:#ff9a9a !important;}
.poptavka .panelBox .delBox{display:none;}
.poptavka .panelBox.deleted .delBox{display:flex;}
.poptavka .panelBox .terminLine{width: 100%; padding: 5px 10px; margin: 5px 0 0px -10px; display: block;display:flex; justify-content: space-between; box-sizing: content-box;} 
.poptavka .panelBox .switch-field,.poptavka .panelBox .select2{color:#333333;}
.poptavka .panelBox .line.multiselect-select2{display:none;}
.poptavka .buttonsLine{display:flex; /*position:sticky; bottom:0px;*/ /*background:rgba(237,237,237,0.4);*/}
.poptavka .buttonsLine button:not(:first-child){margin-left:20px;}

.buttonsPanel{position: absolute; top: -40px; padding: 0px 5px !important;display:flex; flex-direction:row;z-index: 5;}
.buttonsPanel button{margin-right:5px;}
.buttonsPanel button:last-child{margin-right:0;}
.buttonsPanel button.active::after{content:''; position:absolute; left:calc(50% - 11px); top:22px; width:0; height:0; border:12px solid transparent; border-top:12px solid #0E2855; clear:both;}

.poptavka .absoluteBox{max-height: calc(100% - 10px); display:block !important; position:absolute; top:0px; left:0px; background:#18428E; box-shadow: 1px 1px 10px #000; border:5px solid #18428E !important; border-radius:5px; overflow: scroll;}
.poptavka .absoluteBox.panelBox textarea[name="panel[text]"]{height:90px;}
.filterPanel .absoluteBox{max-width:calc(100vw - 65px); background:rgba(255,255,255,0.8);display:flex !important;position:absolute; top:0; right:50px; border:5px solid #18428E !important; z-index:7;}
.filterPanel .absoluteBox ul{flex-direction:column;}

.filterPanel{display:flex; padding:0 10px; justify-content:space-between;}
.filterPanel .leftSide,.filterPanel .rightSide{display:flex; flex-direction:column; justify-content: space-between;}
.filterPanel .leftSide{margin-right:auto;}
.filterPanel .leftSide.line{flex-direction:row;}
.filterPanel .rightSide{margin-left:auto;}
.filterPanel .rightSide.noHide{display:block;}
.filterPanel .rightSide.sticky{position:sticky; top:3px;}
.filterPanel ul{list-style:none; display:flex; margin:2px 0; margin-left:auto;}
.filterPanel .leftSide ul{margin-left:0; margin-right:auto;}
.filterPanel ul li{display:flex; align-items: center; justify-content:center; background:#18428E; color:#ffffff;}
.filterPanel ul li.hide{display:none;}
.filterPanel ul li a{display:block; height:100%;}
.filterPanel form,.filterPanel select{height:100%;}
.filterPanel form{background:#18428E; color:#ffffff; display:flex; align-items:center; margin-left:5px;}
.filterPanel input{padding:0; margin:0 2px; /*height:calc(100% - 4px);*/}
.filterPanel select{padding:0; margin:0 2px;}
.filterPanel button,.filterPanel .button{margin:0; display:flex; align-items:center;}
.filterPanel button.medium svg,.filterPanel .button.medium svg{max-height:22px;}
.filterPanel input[type=checkbox].hidden, .filterPanel input[type=radio].hidden{position: absolute;visibility: hidden;opacity: 0;}
.filterPanel input[type=checkbox]+label, .filterPanel input[type=radio]+label{width:100%; padding: 5px 10px; background: #18428E; color: #ffffff; border: none; cursor: pointer; transition: 0.2s; text-align:center; box-sizing:border-box;}
.filterPanel input[type=checkbox]:checked+label, .filterPanel input[type=radio]:checked+label,.filterPanel input[type=checkbox]+label:hover,.filterPanel input[type=radio]+label:hover{background: #0E2855;}
.filterPanel input[type=checkbox]:checked+label.red, .filterPanel input[type=radio]:checked+label.red,.filterPanel input[type=checkbox]+label.red:hover,.filterPanel input[type=radio]+label.red:hover{background: red;}
.filterPanel input[type=checkbox]:checked+label.green, .filterPanel input[type=radio]:checked+label.green,.filterPanel input[type=checkbox]+label.green:hover,.filterPanel input[type=radio]+label.green:hover{background: green;}
.filterPanel button[type=submit]{margin:2px 0; margin-left:4px; padding:10px; font-size:18px;}

.filterPanel.pinned .addButton{position:fixed; top:10px; right:10px; z-index:15;}
.filterPanel.pinned span{display:none;}
.filterPanel.pinned span.mobile{display:block;}

.panel{display:flex; align-items:flex-start; flex-wrap:wrap; padding:5px;}
.panel .insert{width:300px; margin:5px 5px; padding: 5px 10px; position: sticky; top: 70px;background: #ffffff; border: 1px solid #ccc; border-radius: 5px; z-index:5;}
.panel .line{display:flex; align-items:center; justify-content:space-between;}
.panel .line.column{flex-direction: column;align-items: initial;}
.panel .insert textarea, .panelBox textarea{width:calc(100% - 12px); height:120px; padding:5px;}
.panelBox2 textarea{height:90px;}
.panel .insert input.w100, .panelBox input.w100, .panel .insert select.w100, .panelBox select.w100{width:100%; box-sizing:border-box;}
.panel .insert div.flex{width:100%; align-items: center; justify-content: space-between;}
.panel .insert div.flex.column{width:100%; flex-direction:column;}
.panel .flex .terminSett{display:none; position:absolute; border:1px solid #dddddd; background:#f3f3f3; color:#333333; padding:5px 10px; z-index:10; top:10px;}
.panel .insert button{margin-right:5px;}
.panel .historie{width:300px; max-height:500px; overflow-x:auto; margin:5px 5px; padding: 0px 10px 5px; background: #ffffff; border: 1px solid #ccc; border-radius: 5px;}
.panel .historie h4{text-align:center; position:sticky; padding:5px 0; top:0; z-index:10; background:#ffffff; border-bottom:1px solid #cccccc;}
.panel .historie table{width: 100%; max-height:480px;}
.panel .historie table td{padding:1px 2px;}
.panel .notifyBox{margin:5px 5px 10px;}
.panel .notifyBox input[type="checkbox"]{width:15px; height:15px; margin-right:10px;}
.panel .print{width:100%; display:flex; flex-wrap:wrap; flex:2 0; margin:10px 0 0 5px;}
.panel .print .day{width:100%;}                                     
.panel .print .day>h4{width:100%; font-size:20px; font-weight:bold; border-bottom:2px solid #000000; line-height:2px; margin: 5px 0 10px;}
.panel .print .day>h4 span{padding:5px; background:#eeeeee; margin-left:20px;}
.panel .print .dayLine{width:100%; display:flex; flex-wrap:wrap; padding-bottom:20px;}
.panel .print .day:last-child .dayLine{padding-bottom:0;}
.panel .print .outerBox.selected .box{border:5px solid red;}
.panel .print .box{width:270px; padding:10px; margin:5px; color:#333333; border:1px solid #666666; white-space: break-spaces; display: flex; flex-direction: column; border-radius: 5px; justify-content: space-between; position:relative;}
.panel .print .box .name{font-size:20px;}
.panel .print .box>span::first-line{font-size: 18px; font-weight: bold;}
.panel .print .box .prodsLine{display: flex;align-items: flex-start;margin: 0 0 5px;justify-content: flex-start;flex-wrap: wrap;}
.panel .print .box .prodsLine .product{margin-right:5px; margin-top:5px; padding:2px 5px; background:#dddddd; color:#333333; border:1px solid #999999; font-weight:bold;}
.panel .print .box .prodsLine .product:last-child{margin-right:0;}
.panel .print .box .topLine{display:flex; justify-content:space-between;margin-bottom:10px;}
.panel .print .box .termin{text-align:right;}
.stars{display:flex; align-items:center;}
.stars .symbol{font-size:1.4em; line-height:1em;} 
.stars .fakturace_ico{width: 16px; height: 16px; font-size: 14px; font-weight: bold; margin: 0 5px; border: 1px solid #000000; border-radius: 50%; text-align: center; cursor: default;}
.stars .fakturace_ico.fa_ico_2{background:#000000; color:#ffffff;}
.stars .auto_ridic{display: flex; padding:5px; box-shadow:0px 0px 2px #ffffff; text-align: center; margin-left: auto; font-size: 0.8em; line-height: 10px; align-items: center;}
.stars .auto_ridic.r_mi{background:#0078ff; color:#ffffff;}
.stars .auto_ridic.r_pa{background:#00bcd4; color:#ffffff;}
.stars .auto_ridic.r_jm{background:#f51b1b; color:#ffffff;}
.stars .auto_ridic.r_fi{background:green; color:#ffffff;}
.stars .auto_ridic.r_ma{background:#9c27b0; color:#ffffff;}
.stars .auto_ridic.r_ja{background:#FFC107; color:#333333;}
.stars .auto_ridic.r_oh{background:#66CCA0; color:#ffffff;}
.stars .auto_ridic.r_ev{background:#f51b1b; color:#ffffff;}
.panel .print .box .terminLine{width:100%; padding:5px 10px; margin:5px 0 0px -10px; display:block; background:#dddddd;box-sizing: content-box;}
.panel .print .box .buttonLine{display:flex; flex-wrap:wrap; justify-content:space-between; align-items: center; margin-top:10px;}
.panel .print .box .buttonLine .status{margin-left: auto;}
.panel .print .box .buttonLine .vyrizuje{font-style:italic;}
.panel .print .box .buttonLine .vyrizuje span{font-weight:bold;}
.panel .print .box .buttonLine .trackingInputs{width:60%; background:rgb(0 0 0 / 75%); position:absolute; bottom:0px; right:0px; display:none; z-index: 2;}
.panel .print .box .buttonLine .trackingInputs .inner{padding:5px; display:flex; flex-wrap: nowrap;}
.panel .print .box .buttonLine .trackingInputs input{width:85%;}
.panel .print .box .buttonLine .trackingInputs input:first-child{margin-bottom:5px;}
.panel .print .box .buttonLine .trackingInputs div{margin:0;}
.panel .print .box .buttonLine .trackingInputs button{padding:5px; text-align:center; cursor:pointer;}
.panel .print .box .buttonLine .trackingInputs svg{margin:0;}
.panel .print .box .shown{width:20px; padding:0px 5px; color:#000000;}
.panel .print .box svg{max-width:20px; margin-right:5px; }
.panel .print .box .icons{padding:0 5px;}
.panel .print .box .icons svg{margin:0 5px; width:20px;}
.panel .print .box.blue .shown,.content .panel .print .box.black .shown{color:#ffffff;}
.panel .print .box.grey, .poptavka .panelBox.grey, .prehled .list .panelIdent.grey::before{border-color:#333333; background:#dddddd;}
.panel .print .box.yellow, .poptavka .panelBox.yellow, .prehled .list .panelIdent.yellow::before{border-color:#dc6600; background:#ffc107;}
.panel .print .box.blue, .poptavka .panelBox.blue, .prehled .list .panelIdent.blue::before{border-color:#2561a5; background:#2196f3; color:#ffffff;}
.panel .print .box.blue, .panel .print .box.blue a, .poptavka .panelBox.blue a{color:#ffffff;}
.panel .print .box.green, .poptavka .panelBox.green, .prehled .list .panelIdent.green::before{border-color:#4caf50; background:#a9de98;}
.panel .print .box.black, .poptavka .panelBox.black, .prehled .list .panelIdent.black::before{border-color:#000000; background:#333333; color:#ffffff;}
.panel .print .box.black, .panel .print .box.black a, .poptavka .panelBox.black a{color:#ffffff;}
.panel .print .box.purple, .poptavka .panelBox.purple, .prehled .list .panelIdent.purple::before{border-color:#673ab7; background:#ceb3ff;}
.panel .print .box.white, .poptavka .panelBox.white, .prehled .list .panelIdent.white::before{border-color:#333333; background:#ffffff;}

.panel .print .box.grey .terminLine, .poptavka .panelBox.grey .terminLine{background:#aaaaaa;}
.panel .print .box.yellow .terminLine, .poptavka .panelBox.yellow .terminLine{background:#dc6600;}
.panel .print .box.blue .terminLine, .poptavka .panelBox.blue .terminLine{background:#2561a5;}
.panel .print .box.green .terminLine, .poptavka .panelBox.green .terminLine{background:#4caf50;}
.panel .print .box.black .terminLine, .poptavka .panelBox.black .terminLine{background:#000000; color:#ffffff;}
.panel .print .box.purple .terminLine, .poptavka .panelBox.purple .terminLine{background:#673ab7;}
.panel .print .box button.green{background:#8bc34a;-webkit-box-shadow: inset 0px 0px 2px #4caf50;-moz-box-shadow:inset 0px 0px 2px #4caf50; box-shadow: inset 0px 0px 2px #4caf50;}
.panel .print .box button.yellow{background:#ff9800;-webkit-box-shadow: inset 0px 0px 2px #ff5722;-moz-box-shadow:inset 0px 0px 2px #ff5722; box-shadow: inset 0px 0px 2px #ff5722;}

.panel_historie{min-width:250px;background: #ffffff;border: 1px solid #ccc;border-radius: 5px;margin: 0 5px;}
.panel_historie h4{padding:5px;}
.panel_historie table{width:100%;}
.panel_historie table.strip-table>tbody>tr>td{padding:5px;}

.content.panel-fa.detail .form{min-width:300px; margin-right:20px;}
.content.panel-fa.detail .form .line h4{font-size:20px;}
.content.panel-fa.detail .form .line{margin-bottom:10px;}
.content.panel-fa.detail .form .line.pozn{border-top:1px solid #333333; margin-top:10px;}

.content.panel-fa.detail .historie .historie-box{max-height:300px; overflow:auto; margin-bottom:10px;}
.content.panel-fa.detail .historie{width:300px; font-size:14px;}
.content.panel-fa.detail .historie table{width:100%;}
.content.panel-fa.detail .historie table th{padding:3px; font-size:16px;}
.content.panel-fa.detail .historie .small{font-size:12px;}

.content .historie span{font-style: italic;}

#autocomplete-list{border:1px solid #d4d4d4; border-top:none; max-height:200px; overflow-y:auto; position:absolute; z-index:10; }
.autocomplete-item{padding:10px; cursor:pointer; background-color:#fff; border-bottom:1px solid #d4d4d4; }
.autocomplete-item b{font-size:1em;}
.autocomplete-item span{font-size:0.9em; color:#444444;}
.autocomplete-item:hover{background-color:#e9e9e9; }

.featherlight .form{margin-right:20px;} 
.historie-box .strip-table td>table{width:100%;}

.servis #mapa,.servis #map{width:100%; max-width:1000px; height:500px;}
.smap-suggest{position:absolute; top:30px;}

.splatky .flex{align-items:flex-start;}
.splatky .line{padding:5px 0; display:flex; align-items:center;}
.splatky .line span{padding:0 5px;}
.splatky .termin{width:20px; height:20px; border:1px solid #dddddd; text-align:center; cursor:default}
.splatky .termin.red{background:red; color:#ffffff;}
.splatky form .box{min-width:300px; margin:0 5px}
.splatky form .line{padding:3px 0;}
.splatky form.add input, .splatky form.add select, .splatky form.add textarea{width:100%; box-sizing:border-box;}
.splatky form .terminovka{padding:0 10px; border:1px solid #dddddd;}

.platby .paid_button button.paid{background:green}

.sklad{}
.sklad .filterPanel{align-items:center; position:sticky; top:0; z-index:10; background:#ffffff; border:1px solid #18428E;}
.sklad input[type="search"]{padding:5px;}
.sklad .print{padding-top:5px;}
.sklad .print .cat{width:100%;}                                     
.sklad .print .cat>h2{width:100%; display: flex; justify-content: center; align-items: center; text-align: center; font-size:20px; font-weight:bold; margin: 5px 0 10px; cursor:pointer;}
.sklad .print .cat>h2:before{content: ''; border-top: 2px solid #333333; margin: 0 10px 0 0; flex: 0 0 20px;}
.sklad .print .cat>h2:after {content: ''; border-top: 2px solid #333333; margin: 0 0 0 10px; flex: 1 0 20px;}
.sklad .print .catLine{width:100%; display:flex; flex-wrap:wrap; padding-bottom:20px;}
.sklad .print .cat:last-child .catLine{padding-bottom:0;}
.sklad .print .box{width:190px; padding:5px; margin:5px; background:#ffffff; border:1px solid #666666; white-space: break-spaces; display: flex; flex-direction: column; border-radius: 5px; align-items:center; justify-content: space-between; position:relative;text-align:center;}
.sklad .print .box h3{margin-bottom:5px;}
.sklad .print .box img{max-width:100px; max-height:100px;}
.sklad .print .box .line{display:flex; align-items:center; justify-content:center;}
.sklad .print .box .line.pocet input{max-width:35px;}
.sklad .print .box .overlay{width:100%; height:100%; display:none; top:0px; position:absolute; z-index:-1;  background:rgba(0,0,0,0.2);}
.sklad .print .box .overlay.green{background:rgba(76,175,80,0.6);}
.sklad .print .box .overlay.red{background:rgba(255,0,0,0.6);}
.sklad .print .box .overlay .inner{width:100%; height:100%; margin:0; padding:0; line-height: 0em; display:flex; align-items:center; justify-content:center; font-size:10em; color:#ffffff; text-shadow:3px 3px 2px #333333; cursor:pointer;}
.sklad .print .box:hover .overlay{display:block;}

.select2 button, .select2 .button{padding:3px 5px !important;} 
.select2 button span, .select2 .button span{display:block; line-height:12px;}


.overTableButtons{display:flex; align-items:center; justify-content:space-between;}

.combobox{width:100%; position:absolute; top:45px; z-index:100;}
.combobox ul{list-style:none; background:#ffffff; border:2px solid #555555; border-top:0;}
.combobox ul li{padding:5px 5px; cursor:pointer; border-top:1px solid #dddddd; background:#dddddd;}
.combobox ul li:first-child{border-top:0;}
.combobox ul li:hover{background:#18428E; color:#ffffff;}
.combobox ul li icon{font-size:0.8em; font-weight:bold; border:1px solid #333;}
input.medium{font-size:20px; padding:10px;}

.search{}
.search .inner{flex-wrap:wrap;}
.search2 .inner{display:flex; flex-wrap:wrap;}
.search .inner>div{padding:5px; margin:5px 10px; display:flex; flex-direction:column;}
.search .line{padding:5px 0; display:flex; justify-content:space-between; align-items:center;}
.search2 .panel{padding:0;}
.search2 .panel .print{margin:0;}
.search2 .panel .print .box{margin-left:0;}
.search .poptavkyBox{}
.search .poptavka-box{min-width:300px; padding:0px 5px; margin-bottom:5px; color:#333333; border:5px solid transparent;}
.search .poptavka-box.red{border-color:#eb6464; background:#FFCCCC; color:#E20707;}
.search .poptavka-box.bred{background:#FF2222; color:#ffffff;}
.search .poptavka-box.green{border-color:#4caf50; background:#bee9bf;}
.search .poptavka-box.lightgreen{border-color:#9acd9b; background:#f5fff4;}
.search .poptavka-box.yellow, .search .servisBox .yellow, table.dataTable tr td.yellow{background:#F1EA96 !important; color:#333333;}
.search .poptavka-box.orange, .search .servisBox .orange, table.dataTable tr td.orange{background:#ff5722 !important;}
.search .poptavka-box.lightyellow{border-color:#e1e113; background:#ffffe0;}
.search .poptavka-box.blue{border-color:#6fa5df; background:#d6e8fb;}
.search .poptavka-box.grey{border-color:#aaaaaa; background:#cccccc;}
.search .poptavka-box.black{background:#333333; color:#ffffff;}
.search .poptavka-box.black a{color:#ffffff;}
.search .poptavka-box.purple{border-color:#e785ff;; background:#f7d4ff;}
.search .servisBox{max-width:450px;}
.search .servisBox .servisLine{border-bottom:1px solid #666666; margin-bottom:5px;}
.search .servisBox .servisLine button{margin-left:10px;}
.search .servisBox .servisLine>div{padding:2px 0;}
.search .servisBox .servisLine>div:nth-child(even){ background: #dddddd; }
.search .servisBox .servisLine>div:nth-child(odd){ background: #ffffff; }


.prehled{}
.prehled table{width:100%;}
.prehled table tr td{padding:0 5px;}

.prehled table.list>tbody>tr>td:nth-child(1) tr>td:nth-child(1){width:300px;}
.prehled table.list>tbody>tr>td:nth-child(2){width:180px;}
.prehled table.list>tbody>tr>td:nth-child(2) tr>td:nth-child(1){width:70px;}
.prehled table.list>tbody>tr>td:nth-child(2) tr>td:nth-child(2){width:100px;}

/*
.prehled table.list tr td:nth-child(1){width:300px;}
.prehled table.list tr td:nth-last-child(1){width:100px;}
.prehled table.list tr td:nth-last-child(2){width:70px;} 
*/
.prehled form.flex{display:flex; align-items:center;}
.prehled .actual{border:1px solid #18428E !important;}
.prehled table tr:nth-child(even) {background-color: #f2f2f2;}
.prehled table .splatky_cena_line{font-size:0.6em;}
.prehled table tr.canceled td{text-decoration: line-through;}
.prehled table tr.termin_rozvoz, .prehled table tr.termin_rozvoz a{font-style: italic; color: #999999;}
table tr.azure td{background:#ffe4c4;}
table tr.halflightpurple>td{background:linear-gradient(#ffffff,#d8bfd8);} 
table tr.lightpurple td{background:#d8bfd8;} 
table tr.bred td{background:#f44336; color:#ffffff;}
table tr.bred td a{color:#ffffff;}
.prehled table .bold{font-weight:bold;}
.prehled table .light{font-weight: normal;}
.prehled .list .panelIdent{padding:1px 5px !important; color:#333333; font-weight:normal; background:transparent;}
.prehled .list .panelIdent::before{width:12px; height:12px; border: 1px solid transparent; border-radius:50%; display:inline-block; content:""; margin-right: 3px;}
.prehled .list .icon_box{float:right;}
.prehled .soucet{display:flex; justify-content:end; align-items:center;}
.prehled .soucet .buttons{margin-right:auto;padding:5px;}
.prehled .soucet .buttons svg{max-height:20px;}
.prehled .soucet span{padding-left:20px;}
.prehled .soucet .complete{padding:5px 10px; flex-basis: 170px;	flex-grow: 0;	flex-shrink: 0; font-size:1.4em; text-align:right; font-weight:bold;}
.prehled .soucet .complete .completeInCZK{text-decoration:overline;}
.prehled .soucet.weekly{min-width:420px;font-size:1.2em; font-weight:normal; justify-content: end; align-items: center;}
.prehled .soucet.weekly .podle_platby{flex-direction:column; font-size:0.9em;}
.prehled .soucet.weekly .complete{font-weight:bold;}


.dokumenty{background:#EEEEEE; padding:0 0 20px;}
.dokumenty .print_setup{display:flex; background:#fff0c5; margin:0 10px;}
.dokumenty .print_setup div{padding:0 5px;display:flex; align-items:center; border-right:1px solid #ff9800;}
.dokumenty .print_setup div:last-of-type{border-right:0;}
.dokumenty .print_setup input[type="number"]{width:40px; text-align:center;}
.dokumenty .search2{display:flex; align-items: flex-start;}
.dokumenty .panel .print .box{margin:0 10px;}
.dokumenty button.sticky{top:70px; margin-left:10px;}

.nabidka .gall-bar{width:180px; height:calc(80vh - 60px); position:sticky; float:left; top:60px;}
.nabidka .gall-bar .inner{height:100%;}
.nabidka .gall-bar img{max-width:100%; height:auto; margin-bottom:5px;}
.nabidka .gall-bar select{width: 100%; font-size: 12px;}

.print-document{width:695px; min-height:832px; background:#ffffff; margin:10px auto; padding:20px; position:relative; font-size:14px;}
.print-document .print-header{width:695px; position:fixed; top:0;}
.print-document .print-header img{max-height:65px; margin-top:5px; left:5px;}
.print-document .print-footer{width:695px; position:fixed; bottom:-15px; color:#333333; font-size:0.7em;}
.print-document .print-header,.print-document .print-footer{display:none; z-index:100;}
.print-document .empty_page{position:relative; width:100%; background:#ffffff; z-index:110;}
//.print-document .print-body{margin:100px 0 80px;}
.print-document table{width:100%;}
.print-document table td{vertical-align:top;}
.print-document .doplnovaci{line-height: 1.5em;}
.print-document div.doplnovaci{height:100%; border-bottom:1px dotted #333333; display:inline-block;}
.print-document div.inline-block{display:inline-block;}
.print-document .doplnovaci.nodecoration{line-height: unset;}
.print-document div.doplnovaci.nodecoration{border-bottom:none; width: auto;}
.print-document td.checkbox{width:30px; height:30px; border:2px solid #000000; text-align:center; font-weight:bold; font-size: 20px;}
.print-document .w50{width:50px;}
.print-document .w100{width:100px;}
.print-document .w200{width:200px;}
.print-document .w300{width:300px;}
.print-document .w100p{width:300px;}
.print-document .uppercase{text-transform: uppercase;}
.print-document .underline, .print-document .underline div{text-decoration: underline;}
.print-document ul{list-style-type:none; padding-top:10px;}
.print-document ul.circle{padding-top:0; list-style-type: circle; margin-left:20px;}
.print-document .styled-list ul{list-style-type:square; padding-top:0; margin-left:17px;}
.print-document ol{list-style-type: decimal;}
.print-document ol.upper-roman{list-style-type: upper-roman; text-align:center; font-weight:bold;}
.print-document ol.upper-roman ul{line-height:1em;}
.print-document ol.lower-alpha{list-style-type: lower-alpha;}
.print-document ol.upper-alpha{list-style-type: upper-alpha;}
.print-document ol li{padding:3px 0; line-height:1em;}
.print-document ol li:last-child{padding-bottom:0;}
.print-document li ol{margin-left:15px;}

.print-document .nabidka h3{margin-top:10px;}
.print-document .nabidka p{padding-bottom:10px; font-size:16px;}
.print-document .nabidka .attr_table{float:left;}
.print-document .nabidka .attr_table td:first-child{}
.print-document .nabidka .attr_table span{display:flex;}
.print-document .nabidka .attr_table span:after {border-bottom: 1px dotted black; content: ''; flex: 1;}
.print-document .gall{display:flex; align-items:center; margin-bottom:20px; flex-wrap:wrap; justify-content: space-around;}
.print-document .gall img{max-width:100%; height:auto;}
.print-document .razitko{width:210px; bottom:-5px;}

.print-document .header{font-size:1.2em;}

.print-document .ceny{text-align:right;}
.print-document .ceny .bold{font-weight:bold;}
.print-document .ceny .new_price{font-weight:bold; font-size:1.5em;}
.print-document .ceny .dph_note{font-size:0.8em; text-align:center;}
.print-document .ceny table{border-bottom:1px solid #333333;}
.print-document .vizitka{bottom:0; margin:0 auto;}
.print-document .vizitka td.logo{width:230px; vertical-align:middle; text-align:center;}
.print-document .vizitka td:nth-child(n+2){padding-left:0 !important;}
.print-document .vizitka h4{font-size:1.2em;}

.print-document .strike{text-decoration: line-through;}

.print-document hr.page-hr{width: calc(100% + 44px); height: 20px; background: #eeeeee; border: 0; left: -22px;}

.print-document .table-autowidth table, .print-document table.auto-width{width:auto;}
.print-document .table-autowidth table td:nth-child(n+2), .print-document table.auto-width td:nth-child(n+2){padding-left:10px;}
.print-document .small_font{font-size:0.9em;}
.print-document td.valign_middle{vertical-align:middle;}

.tdbold{font-weight:bold;}

.docsForm .line{display:flex; align-items:center;}
.docsForm .line.space-between{justify-content:space-between;}
.docsForm label{font-size:0.8em; font-weight:bold; display:flex;}
.docsForm input{width:100%; height:30px; margin-top:0px;}
.docsForm input[type="checkbox"]{width:16px; height:30px; margin-top:0px;}
.docsForm input[name="cena"]{width:80px;}
.docsForm label input[type="checkbox"]{width:15px; height:15px; margin:0; margin-right:3px;}
.docsForm select{height:30px; margin-top:0px;}
.docsForm .splatky{align-items:center;}
.docsForm .splatky input[name="pocet_splatek"]{width:50px;}
.docsForm .splatky input[name="splatka_castka"]{width:80px;}

.docsForm .svazani_box{padding:0 20px; text-align:center;}
.docsForm .svazani_box label{text-align:center;}

.docsForm .prislusenstvi_box{max-height:250px;overflow-x: auto;}
.docsForm .prislusenstvi_box .line{margin-right:5px;}


.docsForm .w50{width:50px;}
.docsForm .w100{width:100px;}
.docsForm .w200{width:200px;}
.docsForm .w300{width:300px;}

.dokumenty .tinyMceToolbar{max-width:695px; margin:0 auto; position:sticky;top:0px;z-index:1;}
.dokumenty .mail_button.waiting{display:flex; gap:10px; justify-content: center; align-items: center;}
.dokumenty .mail_button.waiting:before {content:''; height:20px; width:20px; display:block; background-image: url(/img/loading.gif); background-size:100%;}

.leaflet-popup-content .buttons{display:flex; justify-content:space-between; align-items:center;}
.leaflet-control-container{height:100%;}


.featherlight-content .mail_form{width: 90vw;max-width: 1200px;}
.featherlight-content .mail_form .flex{gap:20px;}
.featherlight-content .mail_form .flex div{flex:1 1 100%;}
.featherlight-content .mail_form .prilohy{margin:5px 0; display:flex; flex-wrap:wrap; gap:5px;}
.featherlight-content .mail_form .prilohy span{padding:3px 5px; border:1px solid #aaaaaa; border-radius:3px; background:#ffffff;}
.featherlight-content .mail_form label{display:block; font-size:0.8em; bottom:-5px;}
.featherlight-content .mail_form input{width:100%; min-width:300px;}
.featherlight-content .mail_form textarea{width:100%;}



.switch-field{display:flex;margin:10px 0px;overflow:hidden;flex-flow: row wrap;}
.switch-field.nomargin{margin:0;}
.switch-field input{position:absolute !important;clip:rect(0,0,0,0);height:1px;width:1px;border:0;overflow:hidden;}
.switch-field label{width:100%;font-size:16px;line-height:1;text-align:center;padding:8px 16px;align-items: center;justify-content: center; display: flex;box-sizing: border-box; flex:1; background: #fff;border:1px solid #18428e;transition:all 0.1s ease-in-out;}
.switch-field.mini label{padding:5px 5px;}
.switch-field.switch_count_4 label{flex-basis: 50%;}
.switch-field label:hover{cursor:pointer;}
.switch-field input:checked + label{background-color:#18428e;box-shadow:none; font-weight:bold; color:#ffffff;}
.switch-field input:checked + label::before{content:'✔'; padding-right:5px; transform: rotate(8deg);}
.switch-field input.fakturaceClass1 + label::before{content:'➔'; transform: rotate(0deg);}
.switch-field input.fakturaceClass2 + label{background-color:#4caf50;}
.switch-field input.fakturaceClass2 + label::before{content:'✔';  transform: rotate(8deg);}
.switch-field label:first-of-type{border-radius:4px 0 0 4px;}
.switch-field label:last-of-type{border-radius:0 4px 4px 0;}
.switch-field label:only-of-type{border-radius:4px;}

.switch-field.switch_count_4 label:nth-of-type(1){border-radius:4px 0 0 0;}
.switch-field.switch_count_4 label:nth-of-type(2){border-radius:0 4px 0 0;}
.switch-field.switch_count_4 label:nth-of-type(3){border-radius:0 0 0 4px;}
.switch-field.switch_count_4 label:nth-of-type(4){border-radius:0 0 4px 0;}

.switch-field.make_buttons_box button{padding: 3px 5px; display: flex;}
.switch-field.make_buttons_box svg{max-width:20px;max-height:20px;}

#confirm{display:none; background-color:#ffffff; border:1px solid #aaa; border-radius:5px; position:absolute; width:270px; right:0px; bottom:5px; padding:6px 8px 4px; box-sizing:border-box; text-align:center; z-index:9;}
#confirm .confirm_box{display:flex; flex-wrap:wrap; justify-content:space-around;}
#confirm button{display:inline-block; border-radius:5px; border:1px solid #aaa; padding:5px; text-align:center; width:80px; cursor:pointer;}
#confirm button.red{background:#FF2222; color:#ffffff;}
#confirm .message{width:100%; text-align:center;}

.datatable input,.datatable select{width:100%; box-sizing:border-box;} 

.spok2{width:100%; display:flex;flex-wrap: wrap;}
.spok2 label{min-width:calc(100% / 9); max-width:100%; text-align:center;}
.spok-color1{background:#09c509 !important; text-align:center; color:#333333;}
.spok-color2{background:#7fe633 !important; text-align:center; color:#333333;}
.spok-color3{background:#ffeb3b !important; text-align:center; color:#333333;}
.spok-color4{background:#ff9800 !important; text-align:center; color:#333333;}
.spok-color5{background:#c10d00 !important; text-align:center; color:#333333;}
.spok-color6{background:#ff6cc4 !important; text-align:center; color:#333333;}
.spok-color7{background:#00BCD4 !important; text-align:center; color:#333333;}
.spok-color8{background:#795548 !important; text-align:center; color:#ffffff;}

.stars_box{width:100%; display:flex;flex-wrap: wrap;}
.stars_box label{text-align: center; margin:0 5px;}
.stars_box label input{width:8px; height:8px; margin:0; position:absolute; top:10px; left:12px;}
.stars_box label .symbol{font-size: 38px;line-height: 28px; color:#ddd; text-shadow: 0px 0px 1px black;}
.stars_box label .symbol.glow{color:#ffc800;}

.mood_icon{width:20px; height:20px; display:flex; align-items:center; justify-content:center; margin-left:5px;  background:#ffffff; border-radius:50%;}
.mood_icon.bad_mood{color:#B80000;}
.mood_icon.neutral_mood{color:grey;}
.mood_icon.good_mood{color:green;}
.mood_icon svg{width:16px; margin-right:unset !important;}

.mood_box{display:flex; margin-left:auto; gap:5px;}
.mood_box input{display:none;}
.mood_box .symbol{display:flex; justify-content:center; align-items:center; cursor:pointer; color:#cccccc;}
.mood_box .symbol.glow.good_mood{color:green;}
.mood_box .symbol.glow.neutral_mood{color:orange;}
.mood_box .symbol.glow.bad_mood{color:#F44336;}
.mood_box .svg{max-width:16px;}

.w30p{width:30% !important;}
.w20p{width:20% !important;}
.w100p{width:100% !important;}

.red{color:red;}
.green{color:green;}
.yellow{color:yellow;}

.bold{font-weight:bold;}

table.strip-table>tbody>tr:nth-child(even) td { background: #f0f0f0; }
table.strip-table>tbody>tr:nth-child(odd)  td { background: #ffffff; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{margin:0;}

.featherlight .featherlight-content{max-width:100%; background: #eee; margin-bottom:0; border-bottom:10px solid transparent;}

.tox-tinymce--toolbar-sticky-on .tox-editor-header{top:60px !important;}

.loginCont{width:100vw; height:100vh; display:flex; align-items:center;justify-content:center;}
.loginCont h3{text-align:center;}
.loginCont form{padding:10px 20px; display:flex; flex-direction:column;}
.loginCont .line{display:flex; align-items:center; justify-content: center;}
.loginCont input[type="checkbox"]{width:16px; height:16px;}
.loginCont label{margin:0 5px;}
.loginCont button{flex: 1 1 auto; font-size:1.1em;}

.small{font-size:0.8em;}
.flex{display:flex;}
.flex.space-between{justify-content:space-between;}
.flex.h-center{align-items:center;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}

.text-center{text-align:center;}
.text-right{text-align:right;}
.text-left{text-align:left;}

.italic{font-style: italic;}

.featherlight{background: rgba(0,0,0,.8);}
.featherlight button.sticky.right.top_save_button{margin-top:-5px; top: -5px;}

.diagnostic{display:none; color:#999999; font-size:12px;}

.blue{padding:10px; background:#2561A5; color:#ffffff;}
.succes{padding:10px; border:1px solid #22761d; background:#39c531;}
.error{padding:10px; border:1px solid #8b1616; background:#e82525;}
.duplicity{color:orange;}

@supports (-webkit-touch-callout: none){
.ios_only{display:block;}
.ios_hide{display:none;}
}

_::-webkit-full-page-media, _:future, :root .safari_only {
.ios_only{display:block;}
.ios_hide{display:none;}
}

.ios_only:not(:root:root){display:block;}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
.ios_only{display:block;}
.ios_hide{display:none;}
}

@supports (-webkit-hyphens:none){
.ios_only{display:block;}
.ios_hide{display:none;}
}

@media (max-width: 1300px){
.poptavka .flex>div.historyCalendar{flex-direction:column; align-items:stretch;}
.poptavka .flex .historie{height:200px;}
}

@media (max-width: 1024px){
.filterPanel .rightSide{display:none;}
.prehled table.list>tbody>tr>td:nth-child(1) tr{display:flex; flex-direction:column;}
.prehled table.list>tbody>tr>td:nth-child(1) tr>td:nth-child(1){font-weight:bold;}
.poptavka .kalendar,.poptavka .objednavka, .poptavka .historie{width:auto; max-width:360px;}
.poptavka .panelBox, .poptavka .panel_historie{display:none;}
}

@media (max-width: 768px){ 
.mobile_only{display:block;}
button,.button{padding:5px 10px; font-size:1em;; line-height:1em;}
button.medium,.button.medium{font-size:1em; padding:5px 10px; line-height:1em;}
.filterPanel button.medium svg,.filterPanel .button.medium svg{max-height:16px;}
button.large,.button.large{font-size:1.2em; padding:7px 15px; line-height:1.2em;}
body>.topLine{height:40px;}
body>.topLine .logo{display:none;}
button.sticky.right, .button.sticky.right{top:2px;}
button span,.button span{display:none;}
button span.mobile,.button span.mobile{display:block;}
.contextPopup_content{width:180px; top:3px; right:4px;}
.contentCont{flex-wrap:wrap; padding-bottom:80px;}
.contentCont .leftLine{width:100%; height:70px; min-height:initial; flex:initial; position:fixed; bottom:0; z-index:20;}
.contentCont .menuBox{min-height:initial; flex-direction:row;}
.contentCont .menuBox .menu{width:100%; margin:0; justify-content:space-around;}
.contentCont .menuBox .menu li{display:flex;}
.contentCont .menuBox .menu li a{padding:10px;}
.contentCont .menuBox ul.mainMenu{display:flex; position:relative; top:unset;}

.panel .insert{position:relative; top:0; z-index:0;}
.splatky .flex{flex-direction:column-reverse; align-items: stretch;}
.splatky .overTableButtons h3{width:100%; text-align:center;}

.prehled .soucet{flex-wrap:wrap;}
.prehled .soucet.weekly{min-width: 100%;}
.prehled .soucet .complete{font-size:1.4em; flex-basis:100%;} 
.prehled table.list>tbody>tr>td:nth-child(2){width: 100px;}
.prehled table.list>tbody>tr>td:nth-child(2) tr{display:flex; flex-direction:column; align-items: end; text-align: right;}

.prehled table.list>tbody>tr>td{padding:0;}
.prehled table.list>tbody>tr>td:nth-child(1) tr>td:nth-child(1){width:auto;}
.prehled table.list>tbody>tr>td:nth-child(2) tr>td:nth-child(2){width:auto;}
.prehled .list .icon_box{width:100%; display:flex; justify-content:space-between;}
.prehled .list .panelIdent{padding:3px 0;}

}

@media (max-width: 638px){
.poptavka .historie, .poptavka .multi_tab, .poptavka .panelBox{max-width:calc(100vw - 140px); display:none;}
.poptavka .historie{min-width: 250px;height:auto; max-height:calc(100vh - 190px);}
}

@media (max-width: 425px){
body>.topLine .notifyBox{margin:0 5px;}
body>.topLine .search input{width:150px;}
.contentCont .cont .inner.white, .featherlight-inner .inner.white{margin:5px 0;}
.contentCont .leftLine{height:50px;}
.contentCont .menuBox .menu li a{padding:5px 10px;}
.contentCont{flex-wrap:wrap; padding-bottom:60px;}
.filterPanel{padding:0;}
.poptavka .flex>div.historyCalendar{order:5;}


.absoluteBox{min-width: 250px; max-width:calc(100% - 20px) !important;}

table.dataTable tbody th, table.dataTable tbody td{padding: 2px 5px;}
table.dataTable tbody th:last-child, table.dataTable tbody td:last-child{padding:0;}


}