@font-face {
  font-family: "Roboto";
  src: url(../../Font/roboto/Roboto-Regular.ttf) format(truetype);
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "Roboto";
  src: url(../../Font/roboto/Roboto-Italic.ttf) format(truetype);
  font-style: italic;
  font-weight: normal;
}
@font-face {
  font-family: "Roboto";
  src: url(../../Font/roboto/Roboto-Bold.ttf) format(truetype);
  font-style: normal;
  font-weight: bold;
}
@font-face {
  font-family: "Roboto";
  src: url(../../Font/roboto/Roboto-Ligth.ttf) format(truetype);
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: "Roboto";
  src: url(../../Font/roboto/Roboto-Medium.ttf) format(truetype);
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: "Roboto";
  src: url(../../Font/roboto/Roboto-MediumItalic.ttf) format(truetype);
  font-style: italic;
  font-weight: 500;
}
@font-face {
  font-family: "Roboto";
  src: url(../../Font/roboto/Roboto-BoldItalic.ttf) format(truetype);
  font-style: italic;
  font-weight: bold;
}
@font-face {
  font-family: "Roboto";
  src: url(../../Font/roboto/Roboto-LigthItalic.ttf) format(truetype);
  font-style: italic;
  font-weight: 300;
}



:root {
  --main-bg-color: #3F51B5;
  --main-txt-color: #3F51B5;
  --main-border-color: #3F51B5;
  --toolbar-line-height: 64px;
}
body{
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-perspective: unset!important;
	font-family: "Roboto",sans-serif;
}
body *{
	font-family: "Roboto",sans-serif;
}
body[data-sidebar_view="0"].no_scroll{
	height:100%;
	overflow:hidden!important;
}
body > .admin_menu_wrapper{
	position: unset!important;
    min-height: 0!important;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.custom_toolbar{
	display: none;
}
.iAlert{
	position: absolute;
	top:200px;
	background-color: lightyellow;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: rgba(0,0,0,.3) 1px 1px 3px;
	padding: 10px;
	color: #1d1d98;
	font-weight: bold;
	min-height: 60px !important;
	height: auto;
	min-width: 100px;
	margin: 20px auto; 
}
input[inputmode='numeric'], input [type='number']{ 
	font-size: 14pt;
	text-align: right;
	/*border: 1px solid gray !important; 
	border-radius: 5px;*/
	border-bottom: 1px solid #d2d2d2!important;
	border-radius: 0;
}
.RefreshButt{
	margin: 7px;
	height: 60%;
	display: block;
}
.infoButt{
	margin-left: 2px !important;
}
.CisDoplnky{	
	display: block;
	margin: 0px !important;
	border: 1px solid #c0c0c0 ;
	padding: 5px;
	background: #edeff4;
	min-height: 15px;
}
div#topreviewcommentscontent{
	width: 90% !important;
	text-decoration: none;
	margin-left: 30px !important;
}
div#topid {
	width: 30px !important;
}
div.popisnote {
	margin-left: 40px !important;
}
div#infonote {	margin-left: 40px !important;
}
.non_underline img{
margin-bottom: 12px;
}
/* s2r, autotable, textove classy */
/* ---------------------------------------------------------------------------------- texty */
.left{
	text-align: left;
	display:block;
	width: 100%;
}
.popUpComboBlank{
	font-size: 12px !important;
	border: solid 1px #B4B4B4;
	position: absolute;
	top: 0;
	visibility: hidden;
	margin: 0px;
	padding: 0;
	list-style: none;
	background: #fff;
	z-index: 10008;
	box-shadow: 0px 0px 3px 1px rgb(0 0 0 / 20%);
    border-radius: 4px;
}
.popUpComboBlank a{
	color: #101f36;
	display: block;
	padding: 0px;
	text-align: left;
	margin: 0px;
}
.popUpComboBlank li{
	padding: 0.75rem 1rem 0.75rem calc(1rem + 20px);
	border: 0;
	min-height: 32px;
	box-sizing: border-box;
	position: relative;
	background: none;
    font-size: 16px;
	font-weight: normal;
    color: #000;
	border-radius: 0!important;
	cursor: pointer;
}
.popUpComboBlank li:hover{
	background: rgba(0,0,0,0.1);
}
.popUpComboBlank li img{
	position: absolute;
	line-height: normal;
    margin-right: 0;
	height: 16px;
	width: 16px;
    top: 0.875rem;
    left: 0.5rem;
	z-index: +1;
}
/* ------------------------------------------  Vyrazny ------------------------------*/
.VyraznyB{
	color:#2a4b72;
	font-size: 10pt !important;
	font-weight:bold;
}
.VyraznyC, .VyraznyC a{
	color:#000000;
	font-size:11px;
	font-weight:bold;
}
.VyraznyBRED{
	color:#a52a2a;
	font-size: 10pt !important;
	font-weight:bold;
}
.VyraznyBBLUE{
	color:#0000ff;
	font-size: 11px;
	font-weight:bold;
}
.VyraznyBREDS{
	color:#a52a2a;
	font-size: 10pt !important;
	font-weight:bold;
	text-align:right;
}
.infoTblDark td a{
	color:#a52a2a;
	font-weight:bold;
}
.VyraznyBREDL, .VyraznyBGREENL. , .VyraznyBLUEL{
	font-size: 12pt !important;
}
.VyraznyBGREENL{
	color: green !important;
}
.VyraznyBBLUEL{
	color: blue !important;
}
a.VyraznyB{
	color:#2a4b72 !important;
}
a.VyraznyB, a.VyraznyBRED, a.VyraznyBREDS{
	text-decoration:underline;
	cursor: pointer;
}
.VyraznyB_R{
	color:#2a4b72;
	font-size: 12pt !important;
	font-weight:bold;
	text-align:right;
}
/* ------------------------------------------  Popis ------------------------------*/
.PopisMaly{
	color:black;
	font-size:10pt;
}
.PopisMini, A.PopisMini{
	color: black !important;
	font-size: 8pt !important;
}
.PopisMicro, A.PopisMicro{
	color:black !important;
	font-size:7pt !important;
}
/* ------------------------------------------  ine ------------------------------*/
.Cierny{
	color: black;
}
.Pozadie_red{
background-color: RED;
}
.CiernyMaly{
	font-size: 8pt;
	color: black;
	float: left;
	text-align: left;
	text-decoration: none;
}
.sivyMalyVpravo{
	font-size: 8pt;
	color: silver;
	float: right;
}
.vText{
	font-size: 10pt;
	float: right; 
	vertical-align: middle;
}
/* ------------------------------------- icony ---------------------------------*/
.i16-32, .i16x32{
	width: 32px;
	height: 32px;
	vertical-align: bottom;
}
.i24x24{
	width: 24px;
	height: 24px;
	vertical-align: middle;
}
.i16x32p5{
	width: 48px;
	height: 48px;
	vertical-align: bottom;
	padding-right: 5px;
	padding-left: 5px;
}
#autoPlace{
	margin: 5px;
	display: block;
}
.newTask{
	width: 94%;
	background-color: white;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: rgba(0,0,0,.3) 1px 1px 3px;
	margin: 10px;
	padding: 10px;
	color: #000;
	font-size: 12pt;
	display: table;
}
.UniBlock{
	width: calc(100% - 20px);
	background-color: white;
	margin: 10px;
	border-radius: 0;
	box-shadow: none;
	padding: 10px;
	color: #000;
	font-size: 12pt;
	display: table;
	box-sizing: border-box;
}
.firstCol{
	width: 40px;
	text-align: center;
}
div.stt{
	width: 200px;
	position: absolute !important;
	background: #f6f6f6 url('../../Images/System/bg_toolgantt.png') repeat-x;
	border: 1px solid #d2d7df;
	text-shadow: none;
	color: #84878c;
	height: 60px;
	font-weight: normal;
	z-index: 1100 !important;
	color: #84878c;
	overflow: hidden;
}
.stt a{
	font-weight: normal;
	text-shadow: none;
	margin-left: 5px;
}
.stt h2{
	margin: 0px;
	font-size: 12px;
	font-weight: bold;
	color: #84878c;
	display: block;
	background: #ecf0f2;
	width: 200px;
	padding: 5px;
}
.stt span{
	font-weight: normal;
	display: block;
	margin-left: 5px;
}
.UniBlock input, .newTask input{
	font-size: 24pt;
	padding: 3px;
	border: 1px solid black !important;
	height: 45px !important;
  line-height: 45px;
}
.DropDownRiadok{
	display: flex!important;
}
.DropDownRiadok .DataField {
height: 32px;
line-height: 32px;
margin-right: -44px;
}
.RoletaAKoder{
	margin:0 !important;
	margin-left:-32px !important;
	width:32px !important;
	height:32px !important;
	background-size:cover !important;
}
td.row_infotable2dform .DropDownRiadok input.DataField.odsunButon,td.row_infotable2dform .DropDownRiadok .DataFieldERR input.DataField.odsunButon,.UniBlock .DropDownRiadok input.DataField.odsunButon{margin-right: -82px;}
.defaultdropdowncoderimage:hover, .defaultdropdowncoderimage {
background: url(../../Images/System/iphone/24x24/new_data_grid.png) no-repeat !important;
background-size:32px 32px !important;
width: 32px !important;
height: 32px !important;
position: relative !important;
float: left;
padding: 0px;
margin: 0px;
}
.DefaultDropDownCoderImage{
	margin-left: 0!important;
	background: url(../../Images/System/iphone/24x24/new_data_grid.png) no-repeat;
}
.DefaultDropDown .DefaultDropDownImage{
	background: url(../../Images/System/iphone/24x24/arrow_bottom_icon.png) center center no-repeat;
	background-size: 12px!important;
}
.Row_infotable2Dark input{
	margin-bottom: 0!important;
	border-bottom: 1px solid transparent!important;
}
.Row_infotable2Dark input[type='text']{
	margin-right: 0;
}
.Row_infotable2Dark input[type='text']:focus{
	outline: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: var(--main-border-color)!important;
}
.DefaultDropDown .DefaultDropDownImage, .DefaultDropDown .DefaultDropDownImage:hover, .DefaultDropDown .DefaultDropDownCoderImage{
	height:33px!important;
	width:33px;
	background-size: 14px;
	box-sizing: border-box;
	position: relative;
	margin-right: 0px!important;
	margin-top: 0px!important;
	flex: 1 0 33px;
	background: url(../../Images/System/iphone/24x24/arrow_bottom_icon.png) center center no-repeat;
	border: 1px solid #8b98a1;
    background-color: #fff;
	background-size: 12px;
    margin-left: -1px;
}
/*.DefaultDropDown div > span:nth-child(1):nth-last-child(1), .DefaultDropDown div > span:nth-child(1):nth-last-child(1):hover{
	right:0 !important;
}
.DefaultDropDown div > span:nth-child(1):nth-last-child(2), .DefaultDropDown div > span:nth-child(1):nth-last-child(2):hover{
	right: 40px;
}*/
.defaultdropdownimage, .defaultdropdownimage:hover {      
	background: url(../../Images/System/big_coder.png) no-repeat !important;
	background-size:32px 32px;
	width: 32px;
	height: 32px;
	position: static;
	float: left;
	padding: 0px;
	margin: 0px;
}
.DefaultDropDownCoderImage, .DefaultDropDownImage, .DefaultDropDownImage:hover{
	
}
.newTask TD{
	font-size: 8pt;
	font-weight: bold;
}
.infotableDark select,.newTask select{
	font-size: 14pt;
	padding: 0px;
	border: 1px solid black !important;
	margin-bottom: 5px;
}
.sTime select{
	width: 60px;
	font-size: 10pt;
}
.UniButton{	
	display: -moz-inline-box;
	-moz-box-orient: vertical;
	display: inline-block;
	vertical-align: middle;
	margin: 0.7em 0.5em 0.7em 0;
	border-width: 1px;
	border-style: solid;
	font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size: 100%;
	line-height: 130%;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
	background-color: #EEE;
	background-repeat: repeat-x;
	color: #333;
	display: inline-block;
	text-decoration: none;
	margin: 1px;
	line-height: 17px;
	border: 1px solid silver;
	padding: 10px;
	position: relative;
	font-size: 11px;
	font-weight: bold;
	text-shadow: 1px 1px 0 white;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	background-image: url(Images/System/overlay-button.png);
}
.bHeader{
	float:left;
	display: table;
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	font-weight: bold;
	padding: 5px;
	padding-left: 25px;
	background-color: gray;
	background-image: url('../../Images/System/iPhone/ddMenu2.png');
	background-repeat: no-repeat;
	background-position: 5;
	color:white;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	box-sizing:border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.bublinaWhite{
	font-size: 12pt;    
	-webkit-border-radius: 5px;
    -webkit-box-shadow: rgba(0,0,0,.3) 0px 0px 1px;
	padding: 1px 3px 1px 5px;
	background:#f4f4f4;
	border:1px solid #b5b8c8;
	color:black;
	text-align:right;
	margin-top: 5px;
	margin-right: 5px;
	float: right;
}
.bublinaGray{
    font-size: 12pt !important;
    line-height: 13px !important;
    font-weight: bold;
    background: rgb(154,159,170);
    color: #fff;
    -webkit-border-radius: 11px;
    padding: 4px 10px 5px 10px;
    display: inline !important;
    width: auto;
    margin-top: 5px;
	margin-right: 5px;
	float: right;
}
/* ---------------------------------------------------------------------------------- riadky */
.RiadokBiely{
	border-top: solid 1px #99b5d2;
	padding: 12px;
	padding-top: 14px;
	padding-right: 2px;
	font-size: 12pt;
	color: #3b5998;
	background-color: white; 
}
.RiadokBiely .sel{
	color: #acacac;
	text-decoration: line-through
}
.schovajNaiPhone{
	display: none
}
.kalendarA, .kalA{
	display: block; 
	color: white; 
	text-decoration:none;
}
/* s2r, autotable, textove classy *** END *** */
/* ToDo! */
.todoAdd{
	background-color: white;
	border-bottom: solid 2px #99b5d2;
	padding: 2px;
}
.todoAdd a {
	color: black;
}
.addComment a{
	float: right
}
.chTypL{
	font-size: 12px !important;
	line-height: 45px;
	height: 45px;
	padding: 15px !important;
}
.todoAdd a.changeTyp{
	float:left; 
	display:block;
	margin: 5px;
	margin-left: 45px; 
	font-weight: bold;
	font-size: 14px;
	line-height: 25px;
	border: 1px solid white;
	padding: 5px;
	white-space: nowrap;
	text-decoration:none;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 0 3px #888;
}
.todoAdd a.changeTyp span{
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url('../../Images/System/iPhone/ddMenu.png') no-repeat center;
	border: 1px solid #CBD2D8;
	background-color: #CBD2D8;
	margin-left: 10px;
	-webkit-border-radius: 10px;
	float:right;
}
.todoAdd .addComment{
	text-align: right;
	padding: 1px;
	padding-right: 5px;
	padding-bottom: 2px;
}
.todoAdd .addBlock{
	background-color: #fff;
	text-align: right;
	padding-bottom: 5px;
}
.todoAdd .addBlock TEXTAREA{
	width: 85%;	
	float:left;
	height: 30px;
	font-size: 12pt;
	color: silver;
	border-color: 1px solid silver;
	margin: 2px;
	padding: 4px;
}
.todo .itemChck{
	border-top: solid 1px #99b5d2;
	border-right: double 3px #99b5d2;
	padding: 5px;
	width: 20px;
	background-color: white; 
}
/* ToDo! *** END *** */
/* info tbl */
.infoTbl, .infoTblS, .infoTblXls, .infoTblDark{
	width: 100%; 
	background-color: #fff;
	background-color: #FFF;
	border-collapse: collapse;
	border: 0px;
}
.infoTbl TH{
	padding: 3px 4px;
	border-bottom: silver 2px solid;
	color: #3b5b7c;
	font-weight: bold
}
.infoTbl TD{
	padding: 3px 4px;
	border-bottom: silver 1px dotted;
	color: #000;
}
.infoTbl TH.I, .infoTblXls TH.I, .infoTblDark TH.I { width: 25px; text-align: center; }
.infoTbl TH.D, .infoTblXls TH.D, .infoTblDark TH.D { width: 65px; text-align: right; }
.infoTbl TH.N, .infoTblXls TH.N, .infoTblDark TH.N { width: 55px; text-align: right; white-space: no-wrap }
.TBar_infotblDark{
	text-align:right;
}
.BBar_infotblDark{
	text-align:right;
}
/* Kalendar */
.KalendarHeader{
	text-align: center;
	font-weight: bold;
	text-shadow: 0px 1px 4px #fff;
	border-top: 1px solid #77787d;
	background-image: -webkit-gradient(linear, 00% 50%, 0% 100%, from(#f4f4f2), to(#cfced4)); 
	padding: 5px;
}
.KalendarHeader div{
	padding-top: 0px;
	color: #444;
}
.infoTblKalendar, .infoTblTKalendar, .infoTblDKalendar{
	width: 100%;
	background-color: blue;
	border-collapse: collapse;
	border: 0px;
	font-weight: normal;
}
.infoTblTKalendar, .infoTblDKalendar { background-color: white; }
/*s2r*/
.infotableMainKalendar .H_infotable{
	font-weight: bold;
	padding-top: 7px;
	padding-bottom: 5px;
	text-shadow: 0px 1px 1px #fff;
} 
.infotableMainKalendar .infoTbl TD{
	border: 0px;
	border-bottom: 1px  dotted silver;
	font-weight: normal;
}
.infotableMainKalendar .infoTbl TH{
	display: none;
}
/* s2r *** END*/
.infoTblKalendar A,.infoTblTKalendar A,.infoTblDKalendar A{
	text-decoration: none;
	display: block;
}
.infoTblTKalendar A.kalA{
	position: absolute;
	overflow: hidden;
	max-width: 34px;
	max-height: 40px; 
}
.infoTblKalendar TH, .infoTblKalendar TH A,.infoTblTKalendar TH, .infoTblTKalendar TH A, .infoTblDKalendar TH, .infoTblDKalendar TH A{
	background-color: #cfced4;
	font-size: 6pt;
	font-weight: bold;
	text-shadow: 0px 1px 1px #fff;
	padding: 2px;
	color: #2e3545;
	border: 0px;
}
.infoTblTKalendar TH, .infoTblDKalendar TH {
	border-bottom: 1px solid #aaa9ae;
}
.infoTblKalendar TD, .infoTblKalendar TD.sel,.infoTblKalendar TD A, .infoTblKalendar TD.sel A
{
	font-size: 14pt; 
	color: #364359;
	font-weight: bold;
	text-align: center;
}
.infoTblTKalendar TD, .infoTblTKalendar TD.sel,.infoTblTKalendar TD A, .infoTblTKalendar TD.sel A{
	font-size: 5pt; 
}
.infoTblDKalendar TD A, .infoTblDKalendar TD.sel A{
	font-size: 6pt; 
}
.infoTblKalendar TD, .infoTblKalendar TD.sel,.infoTblTKalendar TD, .infoTblTKalendar TD.sel,.infoTblDKalendar TD, .infoTblDKalendar TD.sel{
	border: 1px solid #aaa9ae;
	padding: 5px;
	text-shadow: 0px 1px 1px #fff;
	background-image: -webkit-gradient(linear, 00% 50%, 0% 100%, from(#e3e2e7), to(#d7d8dd));
	-webkit-box-shadow: inset -1px 1px 0px 0px #f1f1f3;
}
.infoTblTKalendar TD, .infoTblTKalendar TD.sel,.infoTblDKalendar TD, .infoTblDKalendar TD.sel{
	height: 20px;
	border: 1px solid #aaa9ae;
	background-image: -webkit-gradient(linear, 00% 50%, 0% 100%, from(#ffffff), to(#f7f7f7)); 
}
.infoTblKalendar TD.PrevMonth, .infoTblKalendar TD.NextMonth,.infoTblKalendar TD.PrevMonth A, .infoTblKalendar TD.NextMonth A{
	color: #a1a2a7;
	text-shadow: 0px 1px 1px #fff;
}
.infoTblKalendar TD.Sel, .infoTblKalendar TD.Sel A{
	color: white;
	text-shadow: 0px 1px 1px #000;
}
.infoTblKalendar TD.Sel{
	background-image: -webkit-gradient(linear, 00% 40%, 0% 100%, from(#6baff0), to(#0a6cd9)); 
	-webkit-box-shadow: 0 0 5px#888;
}
.infoTblKalendar TD.Today{
	background: #8398b6;
	-webkit-box-shadow: inset 0 0 10px 3px #324a6c;
}
.infoTblTKalendar TD.Today,.infoTblDKalendar TD.Today{
	background: #e9eace;
}
.infoTblTKalendar TD.Weekend,.infoTblDKalendar TD.Weekend {
	background: #d6e1d7;
}
.infoTblTKalendar TD.Vacation,.infoTblDKalendar TD.Vacation {
	background: #d6e1d7;
}
.infoTblTKalendar TD.Weekend	{ width:8% }
.infoTblKalendar TD.Task{
	-webkit-border-bottom-right-radius:1em;
	-webkit-box-shadow: 1px 1px 2px #888;
}
.KalWeeks, .KalWeeks a{
	font-size: 6pt !important;
	text-shadow: 0px 1px 1px #fff;
}
.KalWeeks{
	padding: 0px !important;
	border: 0px !important;
	border-bottom: 1px solid #cfced4 !important;
	text-shadow: 0px 1px 1px #fff;
	background: #cfced4 !important;
	-webkit-box-shadow: none !important;
}
/* Kalendar END*/
/* dark blue style */
.infoTblDark TH,.infoTblDarkHdr,.infoTblS TH,.infoTblSHdr{
	font-size: 11pt;
	padding: 2px 4px;
	height: 21px;
	text-align: center;
	border: solid 0px #c7d1df;
	color: #fff;
	font-weight: bold;
	background: var(--main-txt-color);
	border-bottom: solid 1px var(--main-txt-color);
	position: sticky;
    top: 64px;
}
.infoTblDark th span,.infoTblS th span, .infoTblNew th span{
	display:block;
	font-size:10px;
}
.infoTblDark TD,.infoTbl TD,.infoTblS TD{
	font-size: 8pt;
	padding: 2px;
	border: 0px;
	border-bottom: solid 1px #c7d1df;
}
.infoTblS TD { font-size: 8pt; }
.infoTblDark TD A,.infoTblS TD A{
	font-size: 8pt;
	overflow: hidden;
}
.infoTblS TD A{
	font-weight: bold;
}
TD.red{
  color: #ff0000;
}
.red TD{
  color: #ff0000;
}
TD.red2H, TD.red2VH, TD.green2H,TD.green2VH,TD.blue2H, TD.blue2VH{
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
TD.red2h, TD.red2, TD.red2f,TD.red2Vh, TD.red2V, TD.red2Vf{
  background-image: -webkit-gradient(linear, 50% 50%, 0% 50%, from(#8a0d0d), to(#ce2020)) !important;
  -webkit-box-shadow: none;
  border: 0px;
}
TD.green2h, TD.green2, TD.green2f,TD.green2VH, TD.green2V, TD.green2Vf{
  background-image: -webkit-gradient(linear, 50% 50%, 0% 50%, from(#008300), to(#003200)) !important; 
  -webkit-box-shadow: none;
  border: 0px;
}
TD.blue2h, TD.blue2, TD.blue2f,TD.blue2Vh, TD.blue2V, TD.blue2Vf{
  background-image: -webkit-gradient(linear, 50% 50%, 0% 50%, from(#1f1fca), to(#0d228a)) !important;
  -webkit-box-shadow: none;
  border: 0px;
}
TD.red2Vh, TD.red2V, TD.red2Vf,TD.green2VH, TD.green2V, TD.green2Vf,TD.blue2Vh, TD.blue2V, TD.blue2Vf{
  opacity:0.4;
  filter:alpha(opacity=40) ;
}
TD.red2h a, TD.red2 a, TD.red2f a, TD.green2h a, TD.green2 a, TD.green2f a,TD.blue2h a, TD.blue2 a, TD.blue2f a{
color: #fff;
text-shadow: 0px 1px 1px #000;
font-weight:bold !important;
}
TD.red2f, TD.red2Vf, TD.green2f, TD.green2Vf,TD.blue2f, TD.blue2Vf{
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
/* dark blue style END */
/* INFO TABLE Objednavky */
.actMenu{
	float:right; 
}
.actMenu img{
	padding:3px; 
	padding-left:10px;
}
.infotableHdrS, .infotableHdrObjednavky{
	display: none !important;
}
.H_infotableObjednavky{
	color: #4c566c; 
	padding: 3px; 
	padding-top: 12px;
	cursor:pointer;
	font-weight:bold;	
	margin: 6px;
	margin-bottom: 0px;
}
.H_infotableObjednavky img{
	margin-top: -10px;
}
.H_infotable2Objednavky{
	font-size: 12pt;
    -webkit-border-radius: 4px;
    -webkit-box-shadow: rgba(0,0,0,.3) 0px 0px 1px;
	padding-bottom: 0px;
	background:#f4f4f4;
	border:1px solid #b5b8c8;
	color: #C24641;
	text-align:right;
	font-weight:bold;	
}
.infotableObjednavky{
	width: 94%; 
	background-color: #fff;
	margin-left: 10px;
}
.infotableObjednavky {
	border: 0px;
	background-color: #fff;
}
.infotableMainObjednavky{
	width: 97%; 
	background: transparent;
	margin-left: 10px;
	margin-bottom: 5px;
}
table.infotableObjednavky{
    -webkit-border-radius: 5px;
    -webkit-box-shadow: rgba(0,0,0,.3) 1px 1px 3px;
}
.Row_infotableObjednavky{
	padding: 1px 1px 0 12px;
	border-bottom: 1px dotted #cbd2d8; 
	vertical-align:bottom;
	color:#2a4b72;
	font-weight:bold;
	font-size: 8pt;
	text-align: left;
	overflow: hidden;
}
.Row_infotable2Objednavky{
	font-size: 12pt;
    -webkit-border-radius: 4px;
    -webkit-box-shadow: rgba(0,0,0,.3) 0px 0px 1px;
	padding: 1px 3px 1px 5px;
	background:#f4f4f4;
	border:1px solid #b5b8c8;
	color:black;
	text-align:right;
	font-weight: bold;
}
.Row_infotable2Objednavky A{
	color:black;
}
/* INFO TABLE Objednavky *** END */
/* Zalozka4 a Zalozka4fb*/
SPAN.Zalozka4Sel, SPAN.Zalozka4{
	display: inline;
    border-width: 0 12px;
    padding: 5px;
    font-size: 11px;
    font-weight: bold;
	margin: 5px;
	margin-top: 0px;
	margin-right: 0px;
    text-align: center;
	vertical-align: middle;
}
SPAN.Zalozka4Sel{
	padding: 9px;
	color: #0000CC;
	background-image: -webkit-gradient(linear, 0% 50%, 0% 70%, from(#FFF), to(#d2d9e2)); 
	border: 1px solid gray;
	-webkit-border-radius: 4px;
	-webkit-box-shadow: rgba(0,0,0,.3) 0px 0px 2px;
}
SPAN.Zalozka4{
	padding: 9px;
	color: #000;
	background-color: #fff;
	border: 1px solid silver;
	-webkit-border-radius: 4px;
	-webkit-box-shadow: rgba(0,0,0,.3) 0px 0px 2px;
}
SPAN.Zalozka4 IMG, SPAN.Zalozka4Sel IMG{
	vertical-align: middle;
}
DIV.Zalozka4, DIV.Zalozka4fb{
	white-space: nowrap;
	min-height:40px;
	width:100%;
	padding:3px;
	padding-top: 5px;
  margin-top: 3px;
	border-bottom: 1px solid #C7D1DF;
	display: flex;
    box-sizing: border-box;
    overflow-x: auto;
}
TD.zalozka4Sel, TD.zalozka4, TD.Zalozka4Sel, TD.Zalozka4,TD.Zalozka4fbSel, TD.Zalozka4fb, TD.Zalozka5, TD.Zalozka5Sel, TD.zalozka5, TD.zalozka5Sel{
	white-space:nowrap;
	color: #ddd !important;
    padding: 8px;
	margin: 0px !important;
    text-align: center;
   font-size: 12px;
    font-weight: bold;
	overflow: hidden;
    box-sizing: border-box;
    text-overflow: ellipsis;
    width: 100%;
}
TD.Zalozka4Sel IMG, TD.Zalozka4 IMG,TD.Zalozka4fbSel IMG, TD.Zalozka4fb IMG, TD.Zalozka5 IMG, TD.zalozka5 IMG{
	padding: 0px;
	margin: 0px;
}
TD.Zalozka4Sel,TD.Zalozka4fbSel{
	color: #000 !important;
	background: white; 
	text-shadow: none;

}
DIV.Zalozka4 TABLE,DIV.Zalozka4fb TABLE, DIV.Zalozka4 a.Zalozka4, DIV.Zalozka4 a.Zalozka4Sel{
	flex: 1 1 0;
	float: left;
	cursor: pointer;
	margin: 2px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding: 0px !important;
	color: #000;
	background-color: #6d84a2;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#98a8bd), to(#6d84a2));
	background-image: -webkit-linear-gradient(top, #98a8bd, #6d84a2);
	background-image: -moz-linear-gradient(top, #98a8bd, #6d84a2);
	background-image: -ms-linear-gradient(top, #98a8bd, #6d84a2);
	background-image: -o-linear-gradient(top, #98a8bd, #6d84a2);
	background-image: linear-gradient(top, #98a8bd, #6d84a2);
	border: 1px solid #54657C;
	border-radius: .2em .2em 0 0;
	-moz-box-shadow: 0 0 1px 1px rgba(109,132,169,.8) inset, 0 0px 0 rgba(0,0,0,.3);
	-webkit-box-shadow: 0 0 1px 1px rgba(109,132,169,.8) inset, 0 0px 0 rgba(0,0,0,.3);
	box-shadow: 0 0 1px 1px rgba(109,132,169,.8) inset, 0 0px 0 rgba(0,0,0,.3);
	border-bottom: 0px;
	height: 32px;
  line-height: 32px;
	text-shadow:1px 1px 0px #002A61
	max-width: 300px;
    box-sizing: border-box;
}
DIV.Zalozka4 a.Zalozka4, DIV.Zalozka4 a.Zalozka4Sel{
padding: 0 10px !important;
font-weight: bold;
font-size: 16px;
}
DIV.Zalozka4 a.Zalozka4 img, DIV.Zalozka4 a.Zalozka4Sel img{
  margin: 8px 10px 8px 0;
}
DIV.Zalozka4 a.Zalozka4{color: white}
DIV.Zalozka4 a.Zalozka4Sel{
color:rgba(109,132,169,.8);
text-shadow: none;
background: white;
background-image: none;
}
TD.Zalozka4SelL, TD.Zalozka4SelR, TD.Zalozka4L, TD.Zalozka4R,TD.Zalozka4fbSelL, TD.Zalozka4fbSelR, TD.Zalozkafb4L, TD.Zalozkafb4R{
	border: none;
	padding: 0px;
	width: 0px;
}
/* Zalozka4 aZalozka4fb  ****** END ******* */
/* Zalozka5 */
DIV.Zalozka5{
	display: inline-block;
	white-space: nowrap;
	width:99%; 
	padding: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
}
TD.Zalozka5Sel, TD.Zalozka5{
	white-space:nowrap;
	color: #fff;
    padding: 7px;
	margin: 0px !important;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
}
TD.Zalozka5Sel IMG, TD.Zalozka5 IMG { padding: 0px; margin: 0px; }
TD.Zalozka5Sel{ 
	background-color: #fff;
	color: #54657c;
}
DIV.Zalozka5 TABLE{
	width: 18%;
	float: left;
	cursor: pointer;
	margin: 2px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding: 0px !important;
	color: #000;
	background-color: #6d84a2;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#98a8bd), to(#6d84a2));
	background-image: -webkit-linear-gradient(top, #98a8bd, #6d84a2);
	background-image: -moz-linear-gradient(top, #98a8bd, #6d84a2);
	background-image: -ms-linear-gradient(top, #98a8bd, #6d84a2);
	background-image: -o-linear-gradient(top, #98a8bd, #6d84a2);
	background-image: linear-gradient(top, #98a8bd, #6d84a2);
	border: 1px solid #54657C;
	-moz-border-radius: .2em;
	-webkit-border-radius: .2em;
	border-radius: .2em;
	-webkit-border-bottom-left-radius: 0em;
	border-bottom-left-radius: 0em;
	-webkit-border-bottom-right-radius: 0em;
	border-bottom-right-radius: 0em;
	-moz-box-shadow: 0 0 1px 1px rgba(109,132,169,.8) inset, 0 0px 0 rgba(0,0,0,.3);
	-webkit-box-shadow: 0 0 1px 1px rgba(109,132,169,.8) inset, 0 0px 0 rgba(0,0,0,.3);
	box-shadow: 0 0 1px 1px rgba(109,132,169,.8) inset, 0 0px 0 rgba(0,0,0,.3);
	border-bottom: 0px;
	display: inline-block;
	list-style-type: none;
	height: 32px;
	text-shadow:1px 1px 0px #002A61
}
TD.Zalozka5Sel{
	text-shadow: none;
}
TD.Zalozka5SelL, TD.Zalozka5SelR, TD.Zalozka5L, TD.Zalozka5R{ border: none; padding: 0px;	width: 0px; }
 /* ZalozkaCheckbox */
DIV.ZalozkaCheckbox{
	display: block;
	white-space: nowrap;
	width:100%;
	height: 35px;
	padding: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	background: white;
}
TD.ZalozkaCheckboxSel, TD.ZalozkaCheckbox{
	white-space:nowrap;
	color: #54657c;
    padding: 7px;
	margin: 0px !important;
    text-align: cleft;
    font-size: 11px;
    font-weight: bold;
	padding-left: 18px;
}
TD.ZalozkaCheckboxSel IMG, TD.ZalozkaCheckbox IMG { padding: 0px; margin: 0px; }
TD.ZalozkaCheckboxSel{ 
	background: transparent url('../../images/system/iphone/checkboxchecked.png') left no-repeat;
	color: #54657c;
}
DIV.ZalozkaCheckbox TABLE{
	width: 80px;
	float: left;
	cursor: pointer;
	margin: 2px;
	margin-left: 10px;
	margin-bottom: 0px;
	padding: 0px !important;
	color: #000;
	background: transparent url('../../images/system/iphone/checkboxempty.png') left no-repeat;
	display: inline-block;
	list-style-type: none;
	height: 32px;
}
TD.ZalozkaCheckboxSel{
	text-shadow: none;
 }
TD.ZalozkaCheckboxSelL, TD.ZalozkaCheckboxSelR, TD.ZalozkaCheckboxL, TD.ZalozkaCheckboxR{ border: none; padding: 0px;	width: 0px; }
.topheadip{
	height: 24px;
	background: #f0f0f0 url('../../images/system/bg_calend.jpg') repeat-x;
	border-bottom: 1px solid #a0a0a0;
}
.iZalozka{
	width: 14px;
	height: 14px;
	vertical-align: middle;
 }
/* Zalozka4 aZalozka4fb  ****** END ******* */
/* Zalozka8 */
DIV.Zalozka8{
	float:left;
	margin-top:5px;
	margin-left:5px;
	width:100%;
	display: block;
}
.Zalozka8 TABLE{
	width: 150px;
	height: 35px;
	white-space: nowrap;
	cursor: pointer;
	display: table-cell !important;
	float: left;
}
.Zalozka8 DIV, .Zalozka8Sel DIV{
	font: bold 11px Tahoma, Arial;
	text-align:left;
	padding :10px 10px 7px 0;
	margin:3px 5px 3px 0; 
	vertical-align: middle;
	background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.01, rgb(64,71,82)),
    color-stop(0.06, rgb(138,171,212)),
    color-stop(0.3, rgb(166,197,230)),
    color-stop(0.39, rgb(201,219,240)),
    color-stop(0.78, rgb(209,222,240)),
    color-stop(0.94, rgb(210,227,245)),
    color-stop(1, rgb(255,255,255))
	);
	border:solid;
	border-width:1px;
	border-radius: 6px;
	border-color:#48576a;
	width: auto;
	height: 19px;
	white-space: nowrap;
	cursor: pointer;
	display: block !important;
	float:left;
}
TD.Zalozka8, TD.Zalozka8Sel{
	font: bold 11px Tahoma, Arial;
	color: #a95705;
	border: 0px;
	text-align: center;
	vertical-align: middle;
	background-color: Transparent;
	background: url(../../Images/System/Tabs/orangeButt.png) repeat-x center center;
	padding-right :5px;
}
TD.Zalozka8L, TD.Zalozka8SelL{
	width: 7px;
	background-color: Transparent;
	background: url(../../Images/System/Tabs/orangeButtL.png) no-repeat right center;
	border: none;
}
TD.Zalozka8R, TD.Zalozka8SelR{
	width: 7px;
	background-color: Transparent;
	background: url(../../Images/System/Tabs/orangeButtR.png) no-repeat left center;
	border: none;
}
.Zalozka8Sel  { color: #ffffff; 
	background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.01, rgb(224,234,255)),
    color-stop(0.06, rgb(138,179,237)),
    color-stop(0.3, rgb(116,160,214)),
    color-stop(0.39, rgb(104,144,189)),
    color-stop(0.78, rgb(69,102,140)),
    color-stop(0.94, rgb(51,87,138)),
    color-stop(1, rgb(49,53,61))
)!important; }
TD.Zalozka8Sel { color: #ffeece; background: url(../../Images/System/Tabs/orangeButtSel.png) repeat-x center center; }
TD.Zalozka8SelL{	background: url(../../Images/System/Tabs/orangeButtSelL.png) no-repeat right center; }
TD.Zalozka8SelR{	background: url(../../Images/System/Tabs/orangeButtSelR.png) no-repeat left center; }
.Zalozka8 img{   
	width: 16px;
	height: 16px;
	display: block;
	margin: 0px 5px 0px 5px;
	float: left;
}
/* Zalozka8 ****** END ******* */
/*dark blue*/
.infotableMainDark{
	background: #fff; 
	text-align: left; 
	width:100%;
}
.infotableHdrDark /* !!!!!!!!!!!!!!! TERAZ DISPLAY NONE POTOM DORIESIT JS ako nadpis */{
	display: none;
	font-size: 10pt;
	padding: 2px 4px;
	height: 21px;
	vertical-align: bottom;
	border: solid 1px #c7d1df;
	color: white;
	font-weight: bold;
	background: #6490bb url(../../images/web/darkHeader.gif) top repeat-x
}
.H_infotableDark, .infoTblDarkLbl, .infotableHdr{
	text-align: left !important;
	color: #4c566c; 
	padding: 3px; 
	padding-top: 2px;
	cursor:pointer;
	font-weight:bold;	
	margin: 6px;
	margin-bottom: 0px;
}
.StickerHeader2{
	font-size: 14px!important; 
	text-align: left !important;
	color: white !important;
	cursor:pointer !important;
	font-weight:bold !important;	
	background: transparent !important;
	border: 0px !important;
	margin: 0 !important;
    padding: 0.5rem 0.75rem 0.25rem 0.75rem!important;
    border-bottom: 1px solid var(--main-bg-color)!important;
    background-color: var(--main-bg-color)!important;
}
.infoTblDarkLbl{
	padding: 15px !important;
	background-color: #CBD2D8;
}
.H_infotableDark img{
	margin-top: -10px;
}
.H_infotable2Dark{
	font-size: 12pt;
    -webkit-border-radius: 4px;
    -webkit-box-shadow: rgba(0,0,0,.3) 0px 0px 1px;
	padding-bottom: 0px;
	background:#f4f4f4;
	border:1px solid #b5b8c8;
	color: #C24641;
	text-align:right;
	font-weight:bold;	
}
.infotableDark{
	width: 97%; 
	background-color: #fff;
	margin-left: 5px;
}
table.infotableDark td{
	padding: 8px;
}
table.infotableDark td input[type='checkbox']{
	height: auto;
	vertical-align: middle;
}
table.infotableDark td textarea{
	box-sizing: border-box;
}
.infotableDark .dashboardBlank{
	border: 0px;
	background-color: #fff;
}
 .dashboard_ulohy, .dashboard, .dashboardBlank{
	padding:3px;
	margin:3px;
	width:100%;
	background-color: white;
	border: 1px solid #c3c3c3;
	-webkit-border-radius: 5px;
	width: 96%;
}
.infotableMainDark .infotableMainDarkDD{
	width: 97%; 
	background-color: #fff; 
	margin-left: 10px;
	margin-bottom: 5px;
}
table.infotableDark, table.infotableDarkDD{
    border-radius: 0;
    box-shadow: none;
}
.Row_infotableDark, .Row_infotableDarkDD{
	padding: 1px 1px 0 12px;
	border-bottom: 1px dotted #cbd2d8; 
	vertical-align:bottom;
	color:#2a4b72;
	font-weight:500;
	font-size: 8pt;
	text-align: right;
	overflow: hidden;
}
.Row_infotableDarkDD{
	text-align: left;
}
.Row_infotable2Dark{
	font-size: 10pt;
    -webkit-border-radius: 4px;
    -webkit-box-shadow: rgba(0,0,0,.3) 0px 0px 1px;
	padding: 1px 3px 1px 5px;
	background:#f4f4f4;
	border:1px solid #b5b8c8;
	color:black;
	text-align:right;
	
}
.Row_infotable2Dark A:visited,.Row_infotable2Dark A:link,.Row_infotable2Dark A:active,.Row_infotable2Dark A:hover{
	color: blue;
}
.Row_infotable2Dark input{
	font-size: 14pt;
	float: left;
	padding: 3px;
	width:90%
}
.radio-button {
	float: none !important;
	width:auto !important;
	margin-right:2px !important;
}
.DTZFRow .DataField .radio-button{
	height:inherit;
}
.Row_infotable2DARK select{
	padding: 0px;
	margin: 0px;
	margin-bottom: 5px;
	border: 0px;
	background: #F4F4F4;
}
.Row_infotableBtn{
	width: 32px;
	text-align:right;
	vertical-align:bottom;
}
.Row_infotable2Blue{
	font-size: 10pt;
	padding: 1px 3px 1px 5px;
	color:black;
	border-bottom: 1px dotted #cbd2d8; 
	text-align: left;
}
.Row_infotableBigRed{
	font-size: 16pt;
    -webkit-border-radius: 4px;
    -webkit-box-shadow: rgba(0,0,0,.3) 0px 0px 1px;
	padding-bottom: 0px;
	background:#f4f4f4;
	border:1px solid #b5b8c8;
	color: #C24641 !important;
	text-align:right;
	font-weight:bold;	
	white-space:nowrap;
}
/*** IPHONE BUTTONY ***/
TD.IPHONESelL{
	width: 4px;
	background-color: Transparent;
	background: url(../../Images/Tabs/zalIF_Lsel.gif) repeat-x center;
	border: none;
}
TD.IPHONESelR{
	width: 4px;
	background-color: Transparent;
	background: url(../../Images/Tabs/zalIF_Rsel.gif) repeat-x center;
	border: none;
}
TD.IPHONESel{
	font-weight: bold;
	font-size:12px;
	height: 27px;
	background-color: Transparent;
	background: url(../../Images/Tabs/zalIF_bgsel.gif) repeat-x center;
	border: none;
	text-align: center;
	vertical-align: middle;
	padding: 0px 10px;
	white-space: nowrap;
	cursor: pointer;
	color:White
}
TD.IPHONEL{
	width: 4px;
	background-color: Transparent;
	background: url(../../Images/Tabs/zalIF_Loff.gif) repeat-x center;
	border: none;
}
TD.IPHONER{
	width: 4px;
	background-color: Transparent;
	background: url(../../Images/Tabs/zalIF_Roff.gif) repeat-x center;
	border: none;
}
TD.IPHONE{
	font-weight: bold;
	font-size:12px;
	height: 27px;
	background-color: Transparent;
	background: url(../../Images/Tabs/zalIF_bgoff.gif) repeat-x center;
	border: none;
	text-align: center;
	vertical-align: middle;
	padding: 0px 10px;
	white-space: nowrap;
	cursor: pointer;
	color:#7b7b7b
}
/*** IPHONE BUTTONY *** END ***/
/*** ICONS ***/
.MenuIcons, .infotableMenu{
	background-color: white;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: rgba(0,0,0,.3) 1px 1px 3px;
	margin: 10px;
	color: #000;
	font-size: 7pt;
	display: table;
}
.MenuIconsTlacitkaSmall{
	background-color: trasparent;
	margin: 0px;
	margin-bottom: 0px;
	display: table;
	display: table;
	 width: 98%; 
	text-align: center;
}
.MenuIconsTlacitkaBlue{
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #2d3642;
    padding: 3px;
    height: 45px;
    background: url('../themes/kaso/img/toolbar.png') #6d84a2 repeat-x;
    position: relative;
}
.MenuIconsBezTextu{
	background-color: white;
	border-radius: 0;
	box-shadow: none;
	margin: 4px auto;
	display: table;
	width: calc(100% - 20px); 
	text-align: center;
	box-sizing: border-box;
}
.MenuIconsBezTextu a{
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
}
.MenuIconsBezTextu li a img{
	width: 32px;
	height: 32px;
}
.MenuIconsBezTextu li{
	display: table-cell;
	width: 56px;
		padding: 1px;
}
/* Ikonové52 */
.MenuIconTabs{
	background-color: white;
	margin: 0px;
	color: #000;
	font-size: 7pt;
	display: table;
	width: 100%;
	-webkit-border-radius: 0px;
}
/* End of Ikonové52 */
/* Ikonové32Full */
.MenuIcon10{
	background: white;
	margin-bottom: 0px;
	display: table;
	width: 100%; 
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0px;
	-webkit-border-radius: 0px;
}
.MenuIcon10 a{
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
	visibility: hidden;
	overflow: hidden;
	width: calc(100% - 16px);
	text-overflow: unset;
}
.MenuIcon10 li a img{
	width: 32px;
	height: 32px;
	visibility: visible;
}
.MenuIcon10 li{
	display: table-cell;
	width: 56px;
		padding: 1px;
}
.MenuIcon10 A, .MenuIcon10 A:link, .MenuIcon10 A:visited{
	font-size: 1px;
	padding: 5px;
	margin: 8px;
	margin-right: 7px;
	color: white;
}
ul.MenuIcon10 Li.arrow{
	margin-top: 0px !important;
}
ul.MenuIcon10 Li.arrow{
    background-image: none;
	float: left;
	padding: 0px;
	margin: 2px;
	margin-bottom: 0px;
	margin-top: 5px;
}
/* End of Ikonové32Full */
/* Nadpis */
.MenuIcon9{
	background: transparent;
	display: block;
	width: 100%; 
	text-align: left;
	padding: 0px;
	margin: 0px;
	-webkit-border-radius: 0px;
}
	.MenuIcon9 a{
		padding-left: 10px;
		padding-right: 0px;
		text-align: left;
	}
	.MenuIcon9 li{
		display: block;
		padding: 0px;
		padding-left: 10px;
	}
			.MenuIcon9 li a img{
				width: 24px;
				height: 24px;
				margin-left: 5px;
				display: none;
			}
	.MenuIcon9 A, .MenuIcon9 A:link, .MenuIcon9 A:visited{
		font-size: 14px;
		padding: 7px;
		padding-left: 5px;
		color: #3b5998;
	}
/* Nadpis ***END*** */
ul.MenuIcons Li.arrow a{
	overflow: hidden;
}
ul.MenuIcons li a{
	overflow: unset;
	height: auto!important;
	min-height: 70px;
	text-overflow: unset;
	background: none;
	white-space: unset;
    line-height: 1.3!important;
	cursor: pointer;
	border-radius: 0;
}
ul.MenuIcons li a:hover{
	height: auto;
	background: none;
}
ul.MenuIcons li a[disabled]{
	opacity: 0.5;
	cursor: no-drop;
	pointer-events: none;
	user-select: none;
}
ul.MenuIcons li, ul.MenuIcons li,ul.MenuIconsBezTextu, ul.MenuIconsBezTextu li,ul.MenuIconTabs, ul.MenuIconTabs li,ul.MenuIcon10, ul.MenuIcon10 li{
    border:0px !important;
}
ul.MenuIcons{
	box-shadow: none;
	border: 0;
	border-radius: 0;
	border-bottom: 1px solid #d2d2d2;
}
#CisDoplnky .fake_link_wrap{
	border-bottom: 1px solid #d2d2d2;
}
.MenuIcons A, .MenuIcons A:link, .MenuIcons A:visited, 
.infotableMenu A, .infotableMenu A:link, .infotableMenu A:visited,
.MenuIconsBezTextu A, .MenuIconsBezTextu A:link, .MenuIconsBezTextu A:visited,
.MenuIconTabs A, .MenuIconTabs A:link, .MenuIconTabs A:visited,
.MenuIcon10 A, .MenuIcon10 A:link, .MenuIcon10 A:visited,
.MenuIconsTlacitkaSmall A, .MenuIconsTlacitkaSmall A:link, .MenuIconsTlacitkaSmall A:visited,
.MenuIconsTlacitkaBlue A, .MenuIconsTlacitkaBlue A:link, .MenuIconsTlacitkaBlue A:visited{
	font-size: 8pt;
	float: left;
	display:inline-block;
	text-align: center;
	color:#000;
	text-decoration: none;
	border: 0px;
	padding: 0px;
	margin: 0px;
	margin-left: 8px;
	margin-right: 8px;
}
.MenuIconsTlacitkaSmall A, .MenuIconsTlacitkaSmall A:link, .MenuIconsTlacitkaSmall A:visited{
	font-size: 1pt !important;
	min-width: 16px;
    border-width: 0 12px;
	padding: 5px;
	margin: 3px;
	color: #fff;
	background-color: #fff;
	border: 1px solid silver;
	-webkit-border-radius: 4px;
	-webkit-box-shadow: rgba(0,0,0,.3) 0px 0px 2px;
}
.MenuIconsBezTextu A, .MenuIconsBezTextu A:link, .MenuIconsBezTextu A:visited{
	font-size: 1px;
	padding: 5px;
	margin: 8px;
	margin-right: 7px;
	color: white;
}
.MenuIconsTlacitkaBlue A, .MenuIconsTlacitkaBlue A:link, .MenuIconsTlacitkaBlue A:visited{
	font-size: 1px;
	color: #6e85a2;
	padding: 0px;
	margin: 4px;
	padding-left: 7px;
	padding-right: 7px 
}
.MenuIconsBezTextu IMG, .MenuIconsTlacitkaBlue IMG, .MenuIconsTlacitkaSmall IMG{
	display: block;
}
ul.MenuIconsTlacitkaSmall{
	border: 0;
	float: right;
    width: auto;
}
ul.MenuIconsTlacitkaSmall li{
	background-image: none;
	border: 0;
	padding: 0;
    float: left;
}
ul.MenuIconsTlacitkaSmall li > a{
	border: 1px solid #8b98a1!important;
    margin: 0 0 0 5px!important;
    padding: 0 10px!important;
    box-shadow: none!important;
    border-radius: 0!important;
    display: block!important;
    float: none!important;
    min-height: 35px;
    box-sizing: border-box;
    color: #000!important;
}
ul.MenuIconsTlacitkaSmall li a img{
	display: inline-block;
	vertical-align: middle;
	max-width: 16px;
	max-height: 16px;
	margin-right: 0.25rem;
}
ul.MenuIcons li.arrow a span.IconNewAlert{
	top: 0;
    right: 0;
    margin: 0;
}
.DFORMbuttons ul.MenuIconsTlacitkaSmall li a{
	font-size: 14px!important;/*povodne 11px!important*/
}
.MenuIcons A, .MenuIcons A:link, .MenuIcons A:visited, 
.MenuIconTabs A, .MenuIconTabs A:link, .MenuIconTabs A:visited, 
.infotableMenu A, .infotableMenu A:link, .infotableMenu A:visited{
	width: 55px;
	height: 70px;
	line-height: 10px !important;
}
ul.MenuIcons Li.arrow,
ul.MenuIconTabs Li.arrow,
ul.infotableMenu Li,
ul.MenuIconsBezTextu Li.arrow,
ul.bottomMenuIconsBezTextu Li.arrow{
    background-image: none;
	float: left;
	padding: 0px;
	margin: 2px;
	margin-bottom: 0px;
	margin-top: 5px;
}
ul.MenuIconsBezTextu Li.arrow{
	margin-top: 0px !important;
}
.MenuIcons A IMG,
.MenuIcons IMG,
.MenuIconTabs A IMG,
.MenuIconTabs IMG,
.infotableMenu A IMG,
.infotableMenu IMG{
    width: 44px;
    height: 44px;
    display: table;
	margin: 0 auto 4px auto;
}
.MenuIcons A:hover, .MenuIcons A:active,
.MenuIconTabs A:hover, .MenuIconTabs A:active,
.infotableMenu A:hover, .infotableMenu A:active{
	color: #001f4a;
	height: 70px;
	background: #fff;
	background-image: -webkit-gradient(linear, 0% 50%, 0% 70%, from(#FFF), to(#d2d9e2)); 
	-webkit-border-radius: 5px;
}
label{
    cursor: pointer;
}
/* hack na povodny */
ul.rounded{
	margin-top: 5px;
	margin-bottom: 5px;
}
ul.rounded Li.arrow small.counter{
	margin-right: 25px !important;
	vertical-align: middle;
}
ul.rounded Li.arrow IMG{
	width: 24px;
	height: 24px;
	margin: 2px;
}
ul.rounded Li.arrow{
	font-size: 12px !important;
}
ul.rounded Li.arrow a{
	display: block
}
ul.MenuIconsBezTextu.TopBar{
    margin: 0;
    width: 100%;
    text-align: left;
    padding: 0 1rem;
    box-sizing: border-box;
}
ul.MenuIconsBezTextu.TopBar.top{
	position: sticky;
	box-shadow: 0px 3px 3px -3px #000;
    top: 64px;
}
ul.MenuIconsBezTextu.TopBar li.arrow{
    margin: 0;
    float: none;
    width: auto;
    display: inline-block;
}
ul.MenuIconsBezTextu.TopBar li a{
    margin: 0;
    display: flex;
    height: auto;
    min-height: 38px;
    font-size: 0;
    line-height: 1;
    float: none;
    padding: 0 1rem;
    align-items: center;
    justify-content: center;
	position: relative;
}

ul.MenuIconsBezTextu.TopBar li a span.IconNewAlert{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(0px, calc(-8px - 50%));
    font-size: 10px;
    font-weight: bold;
    background: var(--main-bg-color);
    margin: 0;
    box-shadow: none;
}
/* hack na povodny ***END*** */
/*** ICONS END ***/
/*** iFilter ***/
.iFilter{	
	padding: 3px;
	text-align: left;	
	padding-left: 5px;
	background: var(--main-bg-color)!important;
}
.iFilter:after{
	clear: both;
}
.iFilter input{
	background-color: #FFF !important;		
	padding: 0px !important;
	float: left;
}
.iFilter IMG, .iFilter INPUT, .iFilter .iFilterBtn{
	vertical-align: middle;
}
.iFilterBtn{
	margin-left: 0px !important;
}
.iFilterBtn1{
	background: url("../../Images/System/iphone/32x32/lupa.png") center center no-repeat;
	background-size: 20px 20px;
	background-color: #fff;
	width: 32px;
	height: 32px;
	float: left;
	margin-left: 0;
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-left: 0;
	border-top-right-radius: 0.2rem;
	border-bottom-right-radius: 0.2rem;
	cursor: pointer;
}
#xSField, .xSField{
	width: 70% !important; 
	border: 2px solid #c7d6f7 !important;
	height: 32px !important;
	margin-left: 5px !important;
}
.iFilter div.ftxButtHolder{
	float: left;
}
.i16-32.iFilterBtn{
	position: absolute;
	margin-top: 0px !important;
}
.ifilter .i16-32{
	margin-top: 0px;
}
.search_skladova img{
margin-top: -5px;
}
.DefaultDropDown img{
margin-top: 0px;
}
/*** iFilter *** END ***/
.MenuIcon6 li.arrow {
	padding: 3px 5px;
	display: inline-block;
	white-space: nowrap;
	background-color: #6d84a2;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#98a8bd), to(#6d84a2));
	background-image: -webkit-linear-gradient(top, #98a8bd, #6d84a2);
	background-image: -moz-linear-gradient(top, #98a8bd, #6d84a2);
	background-image: -ms-linear-gradient(top, #98a8bd, #6d84a2);
	background-image: -o-linear-gradient(top, #98a8bd, #6d84a2);
	background-image: linear-gradient(top, #98a8bd, #6d84a2);
	border: 1px solid #54657C;
	font: bold 1em/2em Arial, Helvetica;
	text-decoration: none;
	-moz-border-radius: .2em;
	-webkit-border-radius: .2em;
	border-radius: .2em;
	-moz-box-shadow: 0 0 1px 1px rgba(109,132,169,.8) inset, 0 1px 0 rgba(0,0,0,.3);
	-webkit-box-shadow: 0 0 1px 1px rgba(109,132,169,.8) inset, 0 1px 0 rgba(0,0,0,.3);
	box-shadow: 0 0 1px 1px rgba(109,132,169,.8) inset, 0 1px 0 rgba(0,0,0,.3);
	min-width: 60px;
	text-align: center;
	margin-left: -3px;
	list-style-type: none;
	display: inline-block;
}
ul.menuicon6 {
	padding:0;
	margin:0;
	white-space:nowrap;
	margin-left: 5px;
}
.iFilter{
height: 35px;
}
.MenuIcon6 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	}
.MenuIcon6 a img {
	width: 16px;
	}
ul.menuicon6 {
background: transparent;
border: 0px;
}
ul.menuicon6 li {
margin-top: 3px;
border: 0px;
}
/*** TODO ! ***/
.todoAdd{
	background-color: white;
	border-bottom: solid 2px #99b5d2;
	margin-bottom: 3px;
}
.addComment a{
	float: right
}
.todoAdd .addComment{
	text-align: right;
	padding: 1px;
	padding-right: 5px;
	padding-bottom: 2px;
}
.todoAdd .addBlock{
	background-color: #fff;
	text-align: right;
	padding-bottom: 5px;
}
.todoAdd .addBlock TEXTAREA{
	width: 85%;	
	float:left;
	height: 30px;
	font-size: 12pt;
	color: silver;
	border-color: 1px solid silver;
	margin: 2px;
	padding: 4px;
}
.todo{
	width: 100%;
	background-color: white; 
}
.todo .itemChck{
	border-top: solid 1px #99b5d2;
	border-right: double 3px #99b5d2;
	padding: 5px;
	width: 20px
}
.todo .item{
	border-top: solid 1px #99b5d2;
	padding: 12px;
	padding-top: 14px;
	padding-right: 2px;
	font-size: 12pt;
	color: #3b5998;
}
.todo TD A{
	font-weight: bold;
	width: 250px;
	height: 12px;
	overflow: hidden
}
.todo .sel {
	color: #acacac;
	text-decoration: line-through
}
.Moja1{}
.todo SPAN.datum {
	color: #808080; 
	font-size: 9px;
	float: right;
	width: 120px;
}	
.todo SPAN.drop {
	width: 32px;
	height: 32px;
	float: right;
}
/*** TODO !  *** END ***/
/*** RIGHT CLICK menu  ***/
body .anylinkcss{
	visibility: visible;
	border: 0px !important;
	background: transparent !important;
	position: absolute !important;
	width: auto !important;
	top: 5px;
	left: 5px;
	right: 5px !important;
	box-shadow: 0px 0px 3px 1px rgb(0 0 0 / 20%);
    border-radius: 4px;
	z-index: 99999;
}
body .anylinkcss ul, body .anylinkcss ul li{
	border-radius: 0;
}
.anylinkcss div.list, .anylinkcss div.list .list{
	border-radius: 4px;
}
body .anylinkcss ul.list{
	border-radius: 4px;
    min-width: 200px;
}
body .anylinkcss ul.list .menuPicture{
	line-height: normal;
    margin-right: 0;
    top: 0.875rem;
    left: 0.5rem;
}
body .anylinkcss ul.list .menuPicture img{
	margin-right: 0!important;
}
body .anylinkcss ul.list li{
	position: relative;
	border: 0;
	padding: 0;
    margin: 0;
    overflow: unset;
}
body .anylinkcss ul.list li[data-has_delimiter]{
	margin-top: 1px;
}
body .anylinkcss ul.list li[data-has_delimiter]:before, #floatingBtn .floatingMenuContent > ul:before{
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,-1px);
	height: 0;
	border-bottom: 1px dashed #a9a9a9;
	width: calc(100% - 1rem);
}
body .anylinkcss ul.list li:hover{
	background: rgba(0,0,0,0.1)!important;
}
body .anylinkcss ul li a{
	border: 0!important;
    line-height: normal;
    height: auto;
    min-height: 32px;
    margin: 0;
    padding: 0.875rem 1rem!important;
    height: auto;
    box-sizing: border-box;
}
body .anylinkcss ul.list .menuPicture + a {
    padding-left: calc(1rem + 20px)!important;
}
body .anylinkcss ul li a:hover{
	background-image: none!important;
	background-color: transparent!important;
}
.anylinkcss  IMG{
	width: 16px;
	height: 16px;
	vertical-align:middle
}
.anylinkcss A{
	font-size: 12pt  !important;
	color: black !important;
	padding-left: 40px !important;
	display: block !important;
	width: auto !important;
}
.anylinkcss A:hover{ 
	background-image: -webkit-gradient(linear, 0% 50%, 0% 20%, from(#fce085), to(#ffe8c9)) !important; 
}
.menuPicture{
	padding: 0px !important;
	margin-right: 5px;
    width: 16px !important;
}
/*** RIGHT CLICK menu *** END ***/
/**************************************************************************** FB Style  ***/
/********** base *********/
#CisDoplnky{
	margin: 0px;
	margin-left: 5px;
}
.CisDoplnky a{
	display: inline-block;
	text-align: center;
}
.CisDoplnky a, .CisDoplnky a:hover{
	color: darkblue !important;
	text-decoration: none;
}
.fbstyle TD{
        background-color: #fff;
        padding: 5px;
		padding-right: 0px;
        padding-bottom: 0px;
        font-size: 9px;
}
.fbstyle TD A{
       color: #3b5998;
       font-weight: bold;
}
.fbstyle TD.separ {
		font-size: 1pt; 
        background-color: white;
		border-bottom: 1px solid silver;
        height: 1px;
}
.fbstyle SPAN.datum {
        color: #808080; 
        font-size: 9px;
        width: 120px;
}
.fbstyle TD.Text{
        padding-top: 10px;
		padding-right: 5px;
        padding-bottom: 5px;
        color: black; 
        font-size: 9px;
}  
.fbstyle TD.Text DIV{
	font-size: 10pt;
}
.fbstyle TD.Text .masterImg{
    margin-right: 10px;
    margin-bottom: 10px;
    width: 100px;
    float: left;
    cursor: pointer;
}
.masterImg{
    margin-left: 3px !important;
    width: 25px;
}
.iFilter b{
   color: transparent;
}
.fbstyle SPAN.headId{
    white-space: nowrap;  
    font-weight: bold;
    font-size: 11px;
	padding-left: 5px;
}
.fbstyle SPAN.headId SPAN{
	height:24px;
	line-height:24px;
}
.fbstyle SPAN.headId img{
	float: left;
}
.fbstyle SPAN.headPredmet{
    color: #3b5998;
    font-size: 11pt;
    font-weight: bold;
    text-align: left;
	line-height: 16px;
	width: 100%;
	display: block;
	float:left
}
.autorfb a b{
font-size: 8px;
}
.fbstyle SPAN.headIco{
    float: right;
    width: 100px;    
	vertical-align: middle;
    text-align: right;
	padding-right: 5px;
}
.fbstyle SPAN.headIco IMG{
	vertical-align: middle;
	padding-left: 5px;
}
.fbstyle TD.foot{
    padding-bottom: 0px;  
	padding-right: 5px;
}
.fbstyle TD.foot a{
	font-size: 7pt;
}
.fbstyle TD.foot a b{
	font-size: 7pt;
	padding-right: 2px;
}
.fbstyle SPAN.objLinks, .fbstyle SPAN.objLinksStart, .fbstyle SPAN.objLinksEnd{
    float: right;
    text-align: right;
    border-left: 1px solid #bababa;
    padding-left: 10px;
    padding-right: 10px;
}
.fbstyle SPAN.objLinksStart{
    border-left: 0px;
}
.fbstyle SPAN.objLinksEnd{
    padding-right: 0px;
}
/********** base END *********/
/**** priloha ***/
    .priloha    {
        width: 100%;
        margin-bottom: 0px;
    }
    .priloha TD{
        background-color: #edeff4;
	    padding: 2px;
		font-size: 10pt;
    }
    .priloha .addButt{
        background-color: #edeff4;
    }
    .priloha IMG    {
	    border: none
    }
    .priloha TD.separ{
		background-color: #edeff4 !important;
		border-bottom: 1px solid silver;
        height: 1px;
    }
    .priloha TD.separTop{
    font-size: 22px;
    border: 0px;
    height: 36px;
	background: url('../../Images/System/iPhone/core/commSepar.png');
	background-position: left bottom;
	background-repeat: no-repeat;
    height: 36px;	
    }
    .addBlock    {
        text-align: right;
        background-color: #fff;
        padding-bottom: 10px;
   }
/**** priloha END ***/
/**** comment ***/
.commentArea{
    width: 100%;    
    height: 70px;
    color: silver;
    margin: 2px;
}
.comments{
        width: 90% !important;
        margin-bottom: 0px;
		border: 1px solid silver;
		margin-left: 35px !important;
}
.comments .IbRow0, .comments .IbRow1, .comments .IbRow2, .comments .IbRow3, .comments .IbRow4, .comments .IbRow5, .comments .IbRow6, .comments .IbRow7, .comments .IbRow8, .comments .IbRow9, .comments .IbRow10, .comments .IbRow11, .comments .IbRow12, .comments .IbRow13, .comments .IbRo14, .comments .IbRow15, .comments .IbRow16, .comments .IbRow17{
	height: 30px;
}
#TopReviewCommentsContent img{
	margin-right: 5px;
}
.comments TD{
        background-color: #edeff4;
        padding: 0px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 5px;
        font-size: 10pt;
}
.comments TD A{
       color: #3b5998;
       font-weight: bold;
}
.comments TD.separ{
        background-color: #edeff4 !important;
		border-bottom: 1px solid silver;
        height: 1px;
}
.comments TD.separTop{
    font-size: 22px;
    border-bottom: 0px solid silver;
    height: 36px;
	background: url('../../Images/System/iPhone/core/commSepar.png');
	background-position: left bottom;
	background-repeat: no-repeat;
    height: 1px;
}
.comments SPAN.datum {
        color: #808080; 
        font-size: 9px;
        float: right;
        width: 120px;
}        
.comments SPAN.drop {
        width: 10px;
        height: 9px;
        float: right;
}  
.comments TD.Text {
        padding-top: 1px;
        padding-left: 5px;
        padding-bottom: 5px;
        color: black; 
        font-size: 9pt;
}  
.comments .imgButt TD, .comments .imgButtOver TD{
    background-color: #637bad ;
    border: #29447e ;
    color: white !important;
    display:inline ;
    font-weight: bold ;
    padding: 2px !important;
    cursor: pointer ;
}
.addBlock{
    background-color: #fff;
    text-align: right;
    padding-bottom: 10px;
}
/**** comment END ***/
/*************************************************************************** FB Style  *** END ***/
/*** CHAT ***/
.chatFoto{
	float: left;
	width: 60px;
}
.SFoto, .sFoto, .sfoto{
	float: left;
	width: 60px
}
.IconNewAlertGastro{
	background-image: -webkit-gradient(linear, 0% 20%, 0% 70%, from(#4d4d4d), to(#000000)); 
	-webkit-border-radius: 15px;
	border: 3px solid white;
    width: 45px;
    height: 20px;
    font-size: 8pt;
    line-height: 20px;
    color: White;
	text-shadow: #000 1px 1px 1px;
    font-weight:bold;
    position:relative;
	display: block;
    top: -23px;
	left: 0px;
}
.IconNewAlert, .IconNewAlertRed,.IconNewAlertBlue, .IconNewAlertYellow, .IconNewAlertGreen, .IconNewAlertPink, .IconNewAlertBlack{
	background: #ff837a;
	background: -moz-linear-gradient(top,  #ff837a 0%, #cf0404 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff837a), color-stop(100%,#cf0404));
	background: -webkit-linear-gradient(top,  #ff837a 0%,#cf0404 100%);
	background: -o-linear-gradient(top,  #ff837a 0%,#cf0404 100%);
	background: -ms-linear-gradient(top,  #ff837a 0%,#cf0404 100%);
	background: linear-gradient(top,  #ff837a 0%,#cf0404 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff837a', endColorstr='#cf0404',GradientType=0 );
	-webkit-box-shadow: -3px 3px 4px 1px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: -3px 3px 4px 1px rgba(0, 0, 0, 0.7);
	box-shadow: -3px 3px 4px 1px rgba(0, 0, 0, 0.7);
	-webkit-border-radius: 15px;
	border: white solid 2px;
    height: 16px;
    font-size: 8pt;
    line-height: 16px;
    color: White;
	text-shadow: #000 1px 1px 1px;
    font-weight:bold;
    position:absolute;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: -30px;
	float: right;
}
.IconNewAlertBlue {  background: -webkit-linear-gradient(top, #c5deea 0%,#8abbd7 31%,#066dab 100%);}
.IconNewAlertYellow {  background: -webkit-linear-gradient(top, #f1e767 0%,#feb645 100%);}
.IconNewAlertGreen {  background: -webkit-linear-gradient(top, #c9de96 0%,#8ab66b 44%,#398235 100%);}
.IconNewAlertPink {  background: -webkit-linear-gradient(top, #ffa8d5 0%,#ff0084 100%);}
.IconNewAlertBlack {  background: -webkit-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%);}
.rounded .arrow .IconNewAlert, .rounded .arrow .IconNewAlertRed,.rounded .arrow .IconNewAlertBlue, .rounded .arrow .IconNewAlertYellow, .rounded .arrow .IconNewAlertGreen, .rounded .arrow .IconNewAlertPink, .rounded .arrow .IconNewAlertBlack{
	position: relative;
	margin-top: -23;
	margin-right: 25;
}
.IconNewAlertGreenS{
    background-image: url('../themes/kaso/img/number.png');
    background-position: center center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    font-size: 8pt;
    line-height: 20px;
    color: White;
	text-shadow: #000 1px 1px 1px;
    font-weight:bold;
    position:relative;
	display: block;
    top: -17px;
	left: 35px;
}
.ChatBubble1, .ChatBubble0{
    min-height: 65px; 
    margin: 10px;
    padding: 5px;
    background-color: White;
    -webkit-border-radius: 5px;
}
.ChatBubble0 IMG{
    float: left;
    margin: 5px;
    margin-right: 10px;
}
.ChatBubble1 IMG{
    float: right;
    margin: 5px;
    margin-left: 10px;
}
.ChatBubble1{
   background-image: -webkit-gradient(linear, 0% 20%, 0% 70%, from(#e7f1ff), to(#d1e5ff)); 
}
.ChatBubble0{
   background-image: -webkit-gradient(linear, 0% 20%, 0% 70%, from(#fff), to(#dedede)); 
}
.ChatBubble0 a, .ChatBubble1 a{
    text-decoration: none
}
.chatMeno{
	font-size: 10pt;
	color: #050607
}
.chatMeno span.chatRead{
	color: green;
}
.chatMeno b{
	font-size: 13pt;
	color: #4c566c;
}
.chatAddBox{
	background: white;
	-webkit-border-radius: 5px;
	padding: 8px;
	margin: 8px;
	width: 95%;
}
.chatAddBox #sTemaNazov{
	border-right: solid 1px #AAAAAA;
	padding-right:5px;
}
.chatAddBox #dfTema{
	width: 200px;
	border: solid 1px #AAAAAA;
	font-size: 12pt;
	padding: 3px;
}
.chatAddBox #Text{
	font-size: 12pt;
	width: 100%;
	border: solid 1px #AAAAAA;
}
.chatAddBox label{
	font-size: 10pt;
}
.chatAddBox .buttons{
	padding-top: 7px;
	height: 25px;
}
.chatAddBox .buttons .imgButt TD,.chatAddBox .buttons .imgButtOver TD{
	background-image: -webkit-gradient(linear, 0% 20%, 0% 70%, from(#e7f1ff), to(#d1e5ff)); 
    color: black !important;
    display:inline ;
    font-weight: bold ;
    padding: 2px !important;
    cursor: pointer ;
}
.chatAddBox .buttons TABLE.imgButt,.chatAddBox .buttons TABLE.imgButtOver {
	-webkit-border-radius: 5px;
	border: 1px solid #bad0ef ;
	margin: 2px !important;
	margin-left: 5px !important;
	float: right;
}
.comments .imgButt, .comments .imgButtOver{
	float: right;
	height: 25px;
}
.chatAddBox .buttons TABLE.redButt,.chatAddBox .buttons TABLE.redButtOver {
	-webkit-border-radius: 5px;
	border: 1px solid #bad0ef ;
	margin: 2px !important;
	margin-left: 5px !important;
	float: left;
}
.chatAddBox .buttons TABLE.redButt TD{
	color: white !important;
	background-image: -webkit-gradient(linear, 0% 20%, 0% 70%, from(red), to(darkred)); 
}
.chatAddBox .buttons TABLE.redButtOver TD{
	color: white !important;
	background-image: -webkit-gradient(linear, 0% 20%, 0% 70%, from(darkred), to(red)); 
}
/*** CHAT *** END ***/
/*** STROM ***/
.iTree{
	padding: 6px;
	text-align: left;
}
.iTree span{
	display: block;
	background-color: white;
	-webkit-border-radius: 5px;
	padding: 3px;
	margin: 3px;
}
.iTree img{	
	vertical-align: middle;
	padding-right: 10px;
}
.iTree A{
	display: inline-block;
	text-decoration: none;
	padding: 6px;
}
.iTree A:active, .iTree A:hover{
	color: blue;
}
/*** STROM *** END***/
/*** iSEARCH****/
.fInfo{
	padding: 3px;
}
.fInfo img{
	width: 16px;
}
.fInfo a, .fInfo a:hover, .fInfo a:active, .fInfo a:link, .fInfo a:visible {
	color: #1f7bd6;
}
ul.sToolbar {
	display: block;
    border-bottom: 1px solid #2d3642;
    padding: 0px!important;
	margin: 0px;
    background: url('../themes/kaso/img/toolbar.png') #6d84a2 repeat;
    -webkit-box-sizing: border-box;
	list-style-type: none;
}
ul.sToolbar li a{
	text-align: center;
	color: #ddd;
	line-height: 1.5;
	display: block;
    padding: 12px 5px 5px 5px;
    box-sizing: border-box;
    height: 100%;
    margin: 0;
}
ul.sToolbar li.active a{
	color: #fff;
	font-size: 16px;
    padding-top: 10px;
}
ul.sToolbar li{
	padding: 9px;
	font-size: 8px;
	display: inline-block;
}
ul.sToolbar li.sel{
		background: #c3e5c7;
		background-image: -webkit-gradient(linear, 0% 50%, 0% 70%, from(#a8bed8), to(#bccce0)); 
		border-radius: 5px;
	}
ul.sToolbar li.sel a{
		color: black;
	}
ul.sToolbar li.sel a span{
		position: absolute;
		margin-left: 36px;
		margin-top: -10px;
		display: block;
		width: 12px;
		height: 12px;
		BACKGROUND: url(../../Images/System/iphone/ok.png) no-repeat;
	}
ul.sToolbar li.arrow{
	background: transparent;
	padding: 0;
}
	ul.sToolbar li img{
		display:block;
	width: auto;
	max-width: 24px;
		margin:0px;
		padding:0px;
		padding-left: 15px;
		padding-right: 15px;
	}
	ul.sToolbar .separator,	ul.sToolbar .separ	{
		position: relative;
		border: 0px;
		border-left: 1px solid #2d3642;
		border-right: 1px solid silver;
		padding:0px;
		width: 1px !important;
		height: 20px;
		margin-bottom: 10px;
	}
/* Filter */
.canvas{
	font-size: 10pt;
	font-weight: bold;
	background: #fff;
	margin: 0px;
	padding: 2px;
	padding-right: 0px;
}
	.canvas div	{
		border: 0px solid green;
		display: block;
		width: 100%;
		max-height: 22px;
		padding: 0px;
		margin: 5px;
	}
	.canvas div img	{
		width: 24px;
	}
	.canvas div .DefaultDropDown	{
		border: 0px solid red;
		margin: 0px;
		margin-left: 5px;
		width: 85%;
		display: inline-block;
	}
	.canvas .DropDownRiadok	{
		display: inline-block;
		margin: 0px;
		padding: 0px;
	}
	.canvas div .DefaultDropDownList{
		margin-top: 25px !important;
		margin: 0px;
		height: 200px !important;
		max-height: 300px;
	}
	.DefaultDropDownList a{
    padding: 15px 1px 15px 1px !important;
		padding-top: 15px !important;
		padding-bottom: 15px !important;
	}
/* Filter ***END*** */
/* harmonika */
.TaskTreeLbl{    
    BACKGROUND: #d9e7f8;
	background-position: 97%;
	border-top: solid 2px #e4edf7;
    border-bottom: solid 1px #99bbe8;
	height: 30px;
	line-height: 30px;
    PADDING-right: 5px;
}
	.TaskTreeLbl H2	{    
		FONT-WEIGHT: bold;
		FONT-SIZE: 12pt;
		COLOR: #3b5b7c;
		PADDING: 0px 0px 0px 10px;
		margin: 0 15px 0 0;
		cursor: pointer;
		height: 30px;
		line-height: 30px;
	}
	.TaskTreeLbl H2 IMG	{    
		width: 12px;
		height: 12px;
		float:left;
		margin-top:10px;
		margin-right:6px;
	}
	.TaskTreeLbl DIV	{
		BACKGROUND: #d9e7f8 url(../../Images/System/extjs_plus.png) no-repeat;
		width: 15px;
		height: 15px;
		float:right;
		margin-top: 2px;
		cursor: pointer
	}
DIV.TaskTreeSct{
   PADDING: 5px 2px 5px 10px !important;
   BORDER: 0px;
   border-top:none;
   BACKGROUND-color: #FFFFFF; 
}
	DIV.TaskTreeSct A{
		color: #000;
		height: 16px;
		line-height: 16px;
		margin-bottom:5px;
		display: block;
		width: 99%;
	}
	DIV.TaskTreeSct A IMG{
		float:left;
		margin-right: 5px;
	}
.selHref, A.selHref, A.selHref:link, A.selHref:visited,A.selHref:hover,A.selHref:active{
	color: white;
	font-weight: bold;
	background-color: #99bbe8;
}
/* harmonika ***END*** */
/* datumova harmonika */
DIV.TaskTreeSctDatum{
   PADDING: 5px 2px 5px 10px !important;
   BORDER: 0px;
   border-top:none;
   BACKGROUND-color: #FFFFFF; 
   z-index: 100
}
DIV.TaskTreeSctDatum A{
	color: #000;
	height: 16px;
	line-height: 16px;
	margin-bottom:5px;
	display: inline-block;
	 width: 40%; 
}
DIV.TaskTreeSctDatum A IMG{
	float:left;
	margin-right: 5px;
}
.TaskTreeSctDatum INPUT{
	width: 105px;
}
/* datumova harmonika */
DIV.SctDatum{
	width: 94%;
	background-color: white;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: rgba(0,0,0,.3) 1px 1px 3px;
	margin: 10px;
	padding: 10px;
	color: #000;
	font-size: 12pt;
	display: table;
}
DIV.SctDatum A{
	color: #000;
	display: inline-block;
	width: 40%; 
	height: 24px;
	line-height: 32px;
	text-decoration: none;
	padding-bottom:20px;
}
DIV.SctDatum IMG{
	margin-right: 10px;
	float:left;
	vertical-align: bottom;
}
.SctDatum INPUT{
	margin-top: 5px;
	border: 1px solid black;
	font-size: 11pt;
	padding: 3px;
	width: 92px;
}
.SctDatum .reload{
	float: right;
	padding: 0px;
	margin: 0px;
}
/*** iSEARCH * END ***/
/*** bublina ***/
.bublina{
	position: absolute;
	background-image: -webkit-gradient(linear, 0% 50%, 0% 70%, from(#ebebeb), to(#dcdcdc)); 
	border: 1px solid #a4a4a4;
	padding: 5px;
	padding-bottom: 10px;
	border-radius: 5px;
	box-shadow: 0 0 10px 1px #acacac;
	font-size: 10pt;
	display: table !important;
	width: auto;
	height: auto;
	max-width: 250px;
	z-index: 999;
}
.bublina table{
	margin-bottom: 10px;
}
.bublina td{
	font-size: 10pt;
}
.bublina b{
	color: #0252d4;
	font-weight: bold;
}
.moreButt{
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	background-image: -webkit-gradient(linear, 0% 50%, 0% 70%, from(#669ae4), to(#236ed8)); 
	float: right; 
	border: 3px solid white;
	border-radius: 15px;
	width: 20px;
	height: 20px;
	line-height: 15px;
	text-align: center;
	 text-shadow: 2px 2px 3px #111;
	 text-decoration: none;
}
/*** bublina * end ***/
.dvariantli{
	width: 16px;
	display: block;
	float: left;
	padding: 3px;
	padding-top: 0px;
}
.dvariant{
	top:7px;
	left:auto;
	right: 4px;
	position: absolute;
}
.dlazdica td{
	border:0px;
	border-bottom: 2px groove #CBD2D8;
	padding: 3px;
	padding-left: 5px;
}
ul.dlazdica {
	padding: 2px;
	margin-top: 4px;
	margin-left: 0px;
	margin-right: 1px;
	margin-bottom: -2px;
	display:inline;
	width: 31%;
	float:left;
	min-height: 200px;
}
ul.dlazdica li{
	padding: 2px;
	margin: 0px;
	font-size: 10px;
	border: 0px;
	float:left;
}
.skl0{
	background: #fef1ee;
}
.skl1{
	background: #eeffe5;
}
.dlazkod{
	margin-left: -5px;
	text-decoration: none !important;
	font-size: 18px !important;
}
.dlazpopism{
	height: 35px !important;
}
ul.dlazdica img{
	width: 32px;
	height: 32px;
	display: block;
	float: right;
}
ul.dlazdica li img.tovImg,.tovImg{
	-webkit-border-radius: 5px;
	-webkit-box-shadow: rgba(0,0,0,.3) 0px 0px 3px;
	margin: 2px;
}
ul.dlazdica li img.tovImg{
	width: 90px;
	height: 90px;
}
.tovImg{
	width: 90px;
}
.tdpoc{
	width:32px;
	height:32px;
	font-size: 14px;
	text-decoration: none;
	text-align: center;
	color: green;
	display: block;
	float: right;
	line-height: 32px;
	color: white;
	border: 0px solid white;
	background-color: darkgreen;
	-webkit-border-radius: 25px;	
}
.cube .tdpoc{
	float: none;
}
.tdpoc.orange{
	background-color: orange;
	color: #fff!important;
}
.tdpoc.red{
	background-color: red;
	color: #fff!important;
}
.tditem{
	text-align:right;
	padding: 2px; 
	border: 0px solid gray;
	background-color: #d7d7d7;
	-webkit-border-radius: 5px;
}
.tditem input{
	width: 80px !important;
	font-size: 14px;
	padding: 2px;
	border: 1px solid gray;
	-webkit-border-radius: 5px;	
}
/*-------------------Cena DPH/BEZ-------------------------*/
.icenafield{
	font-size: 9pt !important;
    -webkit-border-radius: 4px;
    -webkit-box-shadow: rgba(0,0,0,.3) 0px 0px 1px;
	padding-bottom: 0px;
	background:#f4f4f4;
	border:1px solid #b5b8c8;
	color: #C24641 !important;
	text-align:right;
	font-weight:bold;	
	float:right;
}
.icenafield li{
	font-size:11px !important;
}
.icenafield SPAN{
	font-weight:bold;
	padding-left:2px;
	color:#a52a2a;
}
/*--------------------END---------------------------------*/
/*----------------------Pridaj ---------------------------*/ 
.iKusyDokl a{
	width: 35px;
	border-left: 10px solid transparent;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}
.iKusyDokl span{
	float:left;
	white-space: nowrap;
	display: block;
	font-size: 15px;
	color: green;
	text-align: center;
}
.iaddsektorEnhanc,.iaddsektorClose{
	position: relative;
	margin-top: 5px;
	margin-left: 4px;
	display: inline-block;
	float:right;
	font-weight: bold;
	text-align: center;
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: #000;
	border: 0px solid white;
	background-color: #fff;
	-webkit-border-radius: 5px;
}
.iaddsektorEnhanc{
	margin-left: -12px;
	background-color: blue;
}
.iaddsektor{	
	position: fixed;
	width:100%;
	height:calc(100% - 65px); 
	top: 65px!important;
	left: 0px;
	z-index: 99;
    overflow-y: auto;
}
.iaddsektorbody{
	line-height: 24px;
	border:0px;
	display: table;
	background-color: white;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: rgba(0,0,0,.9) 0px 0px 15px;
	padding: 7px;
	margin-top: -1px;
	width: 100%;
	height: 100%;
	box-sizing:border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.iaddsektor input{
	font-size: 14px;	
	width: 35px;
	vertical-align:middle;
}
.iaddsektor img{
	vertical-align:middle;
	margin-left:15px;
}
/*-------------------------END----------------------------*/
/* GANTT */
.KalendarHeader{
	padding: 0px;
}
.KalendarHeader img{
	margin:2px;
	padding-bottom: 0px;
	vertical-align: bottom;
}
.chganttdefv p {
margin-left: 17px;
margin-top: -14px;
margin-right: 5px;
}
.infotableHdrgantt{
	text-align: center;
	padding: 5px;
	font-size: 10px;
	background-image: -webkit-gradient(linear, 00% 50%, 0% 100%, from(#f4f4f2), to(#cfced4));
	line-height: 23px;
	height: 23px;
}
.infotableHdrgantt img{
	display: none;
}
table.infoTblgantt{
	width:100%;
	border: 0px;
	border-radius: 5px;
}
table.infoTblgantt th span{
	width: inherit;
	padding: 0px;
	overflow: hidden; 
	display: inline-block;
}
table.infoTblgantt a{
	font-weight: bold;
	color: #3B5998;
	padding: 3px;
}
table.infoTblgantt td{
	font-size: 10px;
	padding: 0px;
	padding-left: 0px;
	height: 18px;
}
table.infoTblgantt td,table.infoTblgantt th{
	background: white;
	border:0px;
	border-right: 1px dotted silver;
	border-bottom: 1px dotted silver;
	min-width: 20px;
}
table.infoTblgantt th{
	font-size: 7px;
	background: white;
	color: #3B5998;
	border-bottom: 3px double silver;
	min-height: 25px;
}
/* legenda */
.infoBgantt{
	background: url('../../Images/System/dr-red.png') no-repeat;
	height: 20px;
	color: white;
	font-size: 6px;
	text-shadow: 0px 0px 0px white;
	padding: 0px !important;
	line-height: 20px;
	text-align: center;
	min-width: 20px;
	cursor: pointer;
	display: none;
}
.infoBgantt a{
	color: white !important;
	text-decoration: none;
}
.gLegend{
	font-size: 12pt; 
	display: inline-table;
	padding: 10px;
	border: 1px solid silver;
	background-color: white;
	height: 35px;
	width: 100%;
}
.gLegend div{
	display: block;
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
	padding: 3px;
	padding-top: 5px;
}
.gLegend a{
	font-size: 10pt;
	color: black;
	height: 35px;
	line-height: 35px;
}
.gLegend .gLegendItem {
	border: 1px solid black;
	margin: 3px;
	margin-top: 0px;
	margin-right: 10px;
	padding: 0px;
	width: 15px;
	height: 15px;
	display:inline-block;
	float:left;
}
#glegendPopUp{
	position: absolute;
	width: 90%;
	margin: 0px;
	top: 10px;
	left: auto;
	right: auto;
	background: #fff;
	border-radius: 5px;
	-webkit-box-shadow: rgba(0,0,0,.6) 1px 1px 7px;
	z-index:999;
}
.close{
	float: right;
	font-size: 10pt;
	font-weight: bold;
	text-align:center;
	color: white;
	margin-top: -20px;
	margin-right: -20px;
	width:25px;
	height:25px;
	line-height:25px;
	border: 3px solid #fff;
	background: #9a0000;
	border-radius: 15px;
	-webkit-box-shadow: rgba(0,0,0,.6) 1px 1px 7px;
}
/* legenda *** END *** */
.GanttDef,.GanttDefX,.GanttDefV,.GanttDefVX{
	font-size: 9px;
	position:absolute !important;
	overflow:hidden; 
	display: block;
	padding: 0px;
	margin-top: 0px;
	font-weight: bold;
	color: white;
	cursor: pointer;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: rgba(0,0,0,.3) 1px 1px 7px;
}
.GanttDef, .GanttDefX{
	height: 16px;
	line-height: 16px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(0,0,0,.2);
	margin-top: 3px;
}
.GanttDefV, .GanttDefVX{
	min-width: 25px;
	color: #fef4e9;
}
.GanttDef div.chGanttDef, .GanttDefX div.chGanttDefX{
	height: 95%;
	padding: 0;
	margin: 0;
	color: inherit;
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	border: 1px solid rgb(0, 0, 0);
    border: 1px solid rgba(0, 0, 0, .2);
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.6)), color-stop(100%,rgba(255,255,255,0.1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.1) 100%);
	background: linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ffffff', endColorstr='#1affffff',GradientType=0 );
}
.GanttDefV div.chGanttDefV, .GanttDefVX div.chGanttDefVX{
	height: 100%;
	color: inherit;
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	border: 1px solid rgb(0, 0, 0);
    border: 1px solid rgba(0, 0, 0, .2);
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.6)), color-stop(100%,rgba(255,255,255,0.1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.1) 100%);
	background: linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ffffff', endColorstr='#1affffff',GradientType=0 );
}
.GanttDefX span, .GanttDefVX span,.GanttDef span, .GanttDefV span{
	padding-left: 0px;
}
.GanttDefX span a, .GanttDefVX span a,.GanttDef span a, .GanttDefV span a{
	position: absolute !important;
	color: inherit !important;
	z-index: 999;
	padding-left: 3px;
	margin-top: 3px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
}
.gSector{
	background-image: none;
	height:3px;
	margin-top: -3px;
}
.GanttHolder{
	cursor: pointer;
	position:absolute; 
	display: block;
}
.ganttBubble{
	position: absolute;
	z-index: 1002;
	font-size: 10px;
	border: 1px solid silver;
	background-color: white;
	padding: 3px;
	margin-left: 5px;
	margin-top: -25px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: rgba(0,0,0,.3) 1px 1px 7px;
}
table.infotblgantt td.WeekDay{	
	background-color: #FFFDD6;
}
table.infotblgantt td.Vacation{
	background-color: #e3ffe4;
}
table.infotblgantt td.Today{		
	background-color: #ecf2fb;
}
.infotableHdrgantt a{
	color: #3B5998;
	text-decoration: none;
}
.infotableHdrgantt a:hover{
	text-decoration: underline;
}
/* GANTT  *** END *** */
.DataFieldERR{
	background: red url(../../images/web/text-bg.png) repeat-x 0px 0px !important;
	color: white !important;
}
.DFORMmain select.DataFieldERR{
	height: 32px;
	padding: 0;
}
.DataFieldRO{
	color: silver !important;
	font-style:italic !important;
}
td.row_infotable2dform {
	padding: 1px 1px 1px 3px;
	background: white;
	border: 1px solid #B5B8C8;
	vertical-align: middle;
	color: #444444;
  margin: 0 10px 10px 10px;
}
table.infotableDFORM input[type="text"],table.infotableDFORM input[type="number"],table.infotableDFORM  select, table.infotableDFORM button, table.infotableDFORM textarea, table.infotableDFORM pre ,button{
	color: black;
	font-size: 14px;
	height: 35px;
	border: 0;
	background: white;
	padding-right: 15px;
	padding-left: 4px;
	margin-top: 4px;
	border-radius: 5px;
	-webkit-appearance: none;
	border-radius: 0;
	border-bottom: 1px solid #8b98a1;
	box-sizing: border-box;
}
table.infotableDFORM textarea{
	height: auto !important;
  box-sizing: border-box;
  display: block;
  resize: none;
  border: 1px solid #8b98a1;
}
table.infotableDFORM .DropDownRiadok input[type="text"],table.infotableDFORM .DropDownRiadok input[type="number"]{
	margin-bottom: 0;
	margin-top: 0;
}
table.infotableDFORM input[type="checkbox"], table.infotableDFORM input[type="radio"]{
	vertical-align: middle;
}
table.infotableDFORM tr{
padding: 10px;
}
button{
	/*float: right;*/
	border-bottom: 0;
}
button:disabled{
    opacity: 0.5;
}
table.infotableDFORM .DateTimeDiv{
	display: block;
	float: left;
}
table.infotableDFORM .DateTimeDiv option, table.infotableDFORM .DateTimeDiv select,table.infotableDFORM .sTime select{
	font-weight: bold;
	padding: 3px;
	text-align: right;
	/*background-image: -webkit-gradient(linear, 00% 50%, 0% 100%, from(#f4f4f2), to(#cfced4)); 
	border: 1px solid silver;
	border-radius: 3px;*/ 
  width: auto;  
  margin-top: 5px;
  margin-bottom: 5px;
  
	background: #fff;
    border: 0;
    border-bottom: 1px solid #8b98a1;
    border-radius: 0;
  
}
table.infotableDFORM  .defaultdropdowncoderimage, .UniBlock  .defaultdropdowncoderimage,table.infotableDFORM  .defaultdropdowncoderimage:hover, .UniBlock  .defaultdropdowncoderimage:hover{
	background: url(../../Images/System/iphone/24x24/data_grid.png) no-repeat;
  background-size:32px 32px;
	width: 30px;
	height: 32px !important;
	position: static;
	float: left;
	padding: 0px;
	margin: 0px;
  margin-left: 6px;
	margin-top: 5px;
	border-radius: 5px;
	border: solid 1px cornflowerblue;
}
table.infotableDFORM  .defaultdropdownimage, .UniBlock .defaultdropdownimage, table.infotableDFORM  .defaultdropdownimage:hover, .UniBlock  .defaultdropdownimage:hover{
	background: url(../../images/system/big_coder.png) no-repeat -1px -1px;
	width: 30px;
	height: 32px !important;
	position: static;
	float: left;
	padding: 0px;
	margin: 0px;
  margin-left: 6px;
	margin-top: 5px;
	border-radius: 5px;
	border: solid 1px cornflowerblue;
}
.DropDownRiadok .DefaultDropDownImage + .DefaultDropDownCoderImage {
	background: url(../../Images/System/iphone/24x24/data_grid.png) no-repeat center center;
	background-color: #fff;
}
.DefaultDropDown .DropDownRiadok > div{
	display: flex;
	align-items: flex-end;
}
.infotableDFORM .DefaultDropDown .DropDownRiadok > div > span{
	right: unset!important;
}
.rozvoznaLinkaButton{
	width:32px !important;
	height: 32px !important;
	margin-right: 2px !important;
}
td.Row_infotableDFORM {
	padding: 1px 1px 1px 12px;
	vertical-align: middle;
	color: #4c566c;
	text-align: left;
	font-size: 15px;
	font-weight: bold;
}
table.infotableDFORM{
	display: block;
	background: #fff!important;
}
table.infotableDFORM{
  display: table;
}
.h_infotabledform{
	color: #333;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold !important;
	text-shadow: 1px 1px 0 white;
	height: 25px;
	line-height: 23px;
	background-image: -webkit-gradient(linear, 00% 50%, 0% 100%, from(#f4f4f2), to(#cfced4)); 
	border: 1px solid gray;
  padding: 10px;
}
	.h_infotabledform  .item{
		
		margin-left: 10px;
		margin-right: 5px;
	}
.UniButton {
display: -moz-inline-box;
-moz-box-orient: vertical;
display: inline-block;
vertical-align: middle;
margin: 0.7em 0.5em 0.7em 0;
border-width: 1px;
border-style: solid;
font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
font-size: 14px;
line-height: 130%;
font-weight: bold;
text-decoration: none;
cursor: pointer;
background-color: #F4F4F4;
background-repeat: repeat-x;
color: #333;
display: inline-block;
text-decoration: none;
margin: 1px;
line-height: 17px;
border: 1px solid #B5B8C8;
padding: 5px 12px;
position: relative;
font-size: 11px;
font-weight: bold;
text-shadow: 1px 1px 0 white;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
background-image: url(http://www.swhdesign.freshdesk.com/images/overlay-button.png);
}
.search_skladova{
width: 98%;
background-color: white;
margin-left: 5px;
-webkit-border-radius: 5px;
-webkit-box-shadow: rgba(0,0,0,.3) 1px 1px 3px;
margin-top: 8px;
margin-bottom: 8px;
padding-top: 5px;
}
table.search_skladova input{
border: 1px solid #B5B8C8;
float: left;
-webkit-border-radius: 4px;
-webkit-box-shadow: rgba(0,0,0,.3) 0px 0px 1px;
}
span.defaultdropdown input{
width: 250px;
-webkit-border-radius: 4px;
-webkit-box-shadow: rgba(0,0,0,.3) 0px 0px 1px;
}
.add_sklad img{
	float: right;
	margin-top: -5px;
}
span.textspravy div{
	margin-top: 8px;
}
span.autorfb a{
	text-decoration: none;
	color: #888 !important;
	font-weight: normal !important;
}
div#detailfcb{
	margin-top: 2px !important;
}
span.headpredmetnew a{
text-decoration: none !important;
}
div#headpredmetdiv{
margin-top: -3px;
}
.faq_cislo{
	color: #3B5B7C;
}
.faq_predmet{
	color: #3B5B7C;
	text-decoration: underline;
}
.faq_predmet a{
	color: #3B5B7C;
	text-decoration: underline;
}
.imgButtOver.redButtOver, .imgButt.redButt{
	float: left !important;
}
.infotablemaindark a.infotabledark_pager{
	color: white;
	font-weight: bold;
	font-size: 16px;
	width: 100%;
	background: #7F93AD;
	text-decoration: none;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}
 a.infotabledark_pager{	
	background: #53647A;
	width: 100%;
	text-align: center;
	color: #7A8798;
	text-decoration: none;
	font-weight: bold;
	padding: 8px;
	padding-right: 20px;
	text-transform: uppercase;
	font-size: 20px;
	-moz-box-shadow: inset 0 5px 8px 0px #303946;
	-webkit-box-shadow: inset 0 5px 8px 0px #303946;
	box-shadow: inset 0 5px 8px 0px #303946;
	text-shadow: 0px 2px 3px #516277;
}
.headerMenu{
	top:7px;
	left:auto;
	right: 4px;
	position: absolute;
}
/* header na db nalepkach ktory skryvame na webe ale zobrazujeme v iBarise */
.dbHeader{
	color: #000;
	font-size: 18px;
	text-shadow: 0 1px rgba(255, 255, 255, .2)
}
	.dbHeader img	{
		float: left;
		margin-right: 5px
	}
/* header na db nalepkach ktory skryvame na webe ale zobrazujeme v iBarise **END** */
/* numercika klavesnica */
#keyNumHolder{
	position: absolute;
	background-image: -webkit-gradient(linear, 0% 50%, 0% 70%, from(#ebebeb), to(#dcdcdc)); 
	border: 1px solid #a4a4a4;
	padding: 5px;
	margin: 0px;
	border-radius: 5px;
	box-shadow: 0 0 10px 1px #acacac;
	font-size: 10pt;
	display: table !important;
	width: 100%;
	height: 100%;
	z-index: 999;
}
.numKeyD{
	display: block;
	height:auto;
}
.numKey{

	width: 100%;
	height: 100%;
}
	.numKey td	{
		font-size: 18px;
		font-weight: bold;
		border: 1px solid silver;
		cursor: pointer;
		padding: 10px;
		min-width: 50px;
		height: 80px;
		line-height: 60px;
		display: inline-block;
		text-align: center;
		background: #fff;
		width:25%;
		box-sizing:border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.numKey td:hover	{
		background: #F4F4F4;
	}
.numKey tr:last-child td{
	width:75%;
}
.numKey tr:last-child td:last-child{
	width:25%;
}	
.nums{
	background:  #F4F4F4;
	text-align:right;
}		
	.numKeyInput,.numKeyBxx,.numKeyS{
		width: 70% !important;
		padding: 5px !important;
		padding-right: 5px !important;
		font-size: 16px !important;
		height: 35px !important;
		text-align: right !important;
	}
	.numKeyInput { font-weight: bold !important; color: #000 !important; }
	.numKeyBxx{	width: 40px !important; }
	.numKeyS{	width: 20px !important; }
.swKey{
	margin-left: -35px;
	margin-right: 12px;
	cursor:pointer;
}	
/* numercika klavesnica *** END *** */
/* sort menu */
.iOrderS2R{
	float: right;
	display: inline-block;
	background: #fff;
	cursor: pointer;
	padding: 2px;
	margin: 4px;
	margin-top: -28px;
	margin-bottom: 0px;
	border: 1px solid silver;
	border-radius: 3px;
	position: relative;
	display: none!important;
}
	.iOrderS2R:hover	{
		background: #FFEDED;
	}
		.iOrderS2R .oPopis		{
			font-size: 10px;
			font-weight: bold;
			display: inline-block;
			margin-left: 5px;
			margin-top: 8px;
		}
		.iOrderS2R .oPopis a{
			padding: 2px 2px 0 2px;
			margin: 0 1px 0 1px;
		}
		.iOrderS2R .oPopis .up{
			background: url(../../Images/System/sortAsc.png) no-repeat;
			vertical-align: middle;
		}
		.iOrderS2R .oPopis .up.sel{
			background: url(../../Images/System/arrow_up_selected.png) no-repeat;
		}
		.iOrderS2R .oPopis .down{
			background: url(../../Images/System/sortDesc.png) no-repeat;
			vertical-align: middle;
		}
		.iOrderS2R .oPopis .down.sel{
			background: url(../../Images/System/arrow_down_selected.png) no-repeat;	
		}
		.iOrderS2R .oPopis .up img, .iOrderS2R .oPopis .down img{
			visibility: hidden;
		}			
			.iOrderS2R .oPopis img{
				margin-top: -5px;
			}
ul.sortmenu,ul.ftxmenu{
	border: 1px solid silver;
	position: absolute;
	background: #fff;
	margin-left: -50px;
	right: 0;
	margin-right: 0;
	z-index: +15;
}
ul.ftxmenu{
	margin-left: 0px;
}
	ul.sortmenu li,	ul.ftxmenu li{
		cursor: pointer;
		padding: 5px;
		white-space: nowrap;
	}
		ul.sortmenu li:hover,ul.ftxmenu li:hover{
			background: #FFEDED;
		}
		ul.sortmenu li.sel,	ul.ftxmenu li.sel{
			font-weight: bold;
		}
/* sort menu ***END*** */
tr#trcena td, tr#trMarza td{
			padding-top: 10px;
		}
tr#trcena td input, #trMarza td input{		
		background: #ffffd9;
		text-align: right;
		width: 95px;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-right: 3px;
		height: 45px;
		}
.inputEuro{
			background-repeat: no-repeat !important;
			background-position: right !important;
			box-sizing: border-box;
		}
.inputPerc{
			background-repeat: no-repeat !important;
			background-position: 80px !important;
			box-sizing: border-box;
		}
#trCena td, #trBalenie td, #trJCena td, #trMarza td{
			white-space: nowrap !important;
		}
#trZlavaHlavicka td{
			padding-top: 20px !important;
			padding-left: 20px;
			font-weight: bold;
			padding-bottom: 15px;
			font-size: 20px;
			text-transform: uppercase;
			color: rgb(119, 119, 119);
		}
#trCena td > span, #trBalenie td > span, #trJCena td > span, #trMarza td > span{
	position: relative;
}
#trCena td > span.euro:after, #trBalenie td > span.euro:after, #trJCena td > span.euro:after, #trMarza td > span.euro:after{
	content: "\20AC";
	position: absolute;
	right: 8px;
	top: 50%;
	transform: translateY(-50%);
	font: normal 12pt Helvetica;
	color: #777;
}
#trCena td .inputPerc, #trBalenie td .inputPerc, #trJCena td .inputPerc, #trMarza td .inputPerc,
#trCena td .inputEuro, #trBalenie td .inputEuro, #trJCena td .inputEuro, #trMarza td .inputEuro{
	padding-right: 25px!important;
}
#trCena td input[inputmode="numeric"],
#trCena td input[type="number"],
#trBalenie td input[inputmode="numeric"],
#trBalenie td input[type="number"],
#trJCena td input[inputmode="numeric"],
#trJCena td input[type="number"],
#trMarza td input[inputmode="numeric"],
#trMarza td input[type="number"]{
	padding-right: 20px;
}
#marza{
	padding-right: 20px!important;
}
.formCPi input[type="number"]::-webkit-inner-spin-button, .formCPi input[type="number"]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
#trCena td > span.perc:after, #trBalenie td > span.perc:after, #trJCena td > span.perc:after, #trMarza td > span.perc:after{
	content: "%";
	position: absolute;
	right: 8px;
	top: 50%;
	transform: translateY(-50%);
	font: normal 12pt Helvetica;
	color: #777;
}
.UniBlock input, .UniBlock textarea{
			border-radius: 5px;
		}
DIV.Alert{		
	background-color:Red;
	color:White;
	padding:10px;
	border-radius:10px;		
	font-weight:bold;
}
div.iLogin{
background: #beccda !important;
background: -moz-linear-gradient(top,  #beccda 0%, #53789d 87%, #093c71 87%, #05203c 100%) !important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#beccda), color-stop(87%,#53789d), color-stop(87%,#093c71), color-stop(100%,#05203c)) !important;
background: -webkit-linear-gradient(top,  #beccda 0%,#53789d 87%,#093c71 87%,#05203c 100%) !important;
background: -o-linear-gradient(top,  #beccda 0%,#53789d 87%,#093c71 87%,#05203c 100%) !important;
background: -ms-linear-gradient(top,  #beccda 0%,#53789d 87%,#093c71 87%,#05203c 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#beccda', endColorstr='#05203c',GradientType=0 ) !important;
background: linear-gradient(to bottom,  #beccda 0%,#53789d 87%,#093c71 87%,#05203c 100%) !important;
	background-size: cover;
	width: 100% !important;
	height: 100% !important;
	position: absolute;
}
div.ilogin .ihead{
font-size: 12px;
}
div.ilogin a{
	width: 100%;
	left: 0px;
}
.ilogin .isubmit{
	padding-top: 10px !important;
}
table.iLogin{
	position: absolute;
	top:50%;
	left: 50%;
	max-width: 50%;
	width: 500px!important;
	margin: 0;
	transform: translate(-50%,-50%);
}
table.ilogin tr td{
	color: white;
	font-weight: bold;
	font-family: Arial;
	font-size: 18px;
	padding: 10px;	
}
.iLogin input[type="text"],.iLogin input[type="password"]{
	height: 40px;
	padding: 5px !important;
	box-sizing: border-box;
}
.infotableDark_tbar{
	background: var(--main-bg-color);
	color: white;
	padding: 2px;	
	font-size: 12px;
	text-align: center
}
.infotableDark_tbar:after{
	display: block;
    content: "";
    clear: both;
}
.infotableDark_tbar .infoBox{
	margin-left: 5px;
	float: left;
}
.infotableDark_tbar .expPdf{
	float: right;
	margin-right: 5px;
	cursor: 	
}
.infotableDark_tbar .expXls{
	float: right;
	margin-right: 10px;
}
.expXls, .expPdf{
	display: none;
}
/* DTRZForm */
.h_infotableDTZF {
	color: #333;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold !important;
	text-shadow: 1px 1px 0 white;
	height: 42px;
	line-height: 42px;
	background-image: -webkit-gradient(linear, 00% 50%, 0% 100%, from(#f4f4f2), to(#cfced4));
}
.DTZFSector .infotableDTZF{
	background: #F4F4F4;
}
	.DTZFSector .DTZFRow>div{
		color: black;
		padding:  3px 5px;
		width: 100%;
    text-align: left;
		background: white;
		border-bottom: solid 1px white;
	}
	.DTZFSector .DTZFRow>div:first-child{
		text-align: justify;
		vertical-align: middle;
		font-size: 14px;
		border-bottom: solid 1px white;
    background: none;
    line-height: 42px;
	}
	.DTZFSector .DTZFRow>div .DropDownRiadok input{
		margin-right: -64px !important;
	}
	.DTZFSector .DTZFRow>div input.DataField{
		background: none;
		float: left;
		border-bottom: solid 1px gray;
		line-height: 42px;
		height: 42px;
    text-align: left !important;
	}
	.DTZFSector .DTZFRow>div input.DataFieldERR{
		background: none;
		float: left;
		line-height: 42px;
		height: 42px;
	}
	.DTZFSector .DTZFRow>div input.hasDatepicker{
		margin-right: 52px;
	}
	.DTZFSector .DTZFRow>div div.DF_Pozn{
		height: 42px;
		width: 37px;
		background: url("../../images/system/32x32/plus_iphone.png") no-repeat 5px 5px;
		float: right;
	}
	.DTZFSector .DTZFRow>div textarea{
		width: 100%;
		float: left;
	}
	.DTZFSector .DTZFRow>div textarea.DF_Pozn{
		margin: 1;
		min-height: 42px;
		font-size: 14px;
		resize: none;
		padding: 1px;
		border: solid 1px grey;		
		width: 100%;		
	}
	.DTZFSector .DTZFRow textarea.DF_PoznERR{
		height:inherit;
	}
	.DTZFSector .DTZFRow>div input.DataField[type="text"]~.DF_Pozn{
		position:absolute;
		right: 5px;
	}
	.DTZFSector .DTZFRow>div select{
		float: left;
		margin-right: 42px;
		height: 42px;
		line-height: 42px;
		font-size: 20px;
		width: 120px;	
	}
			.DTZFSector .DTZFRow>div span.DataField{
				border: 0;
				padding: 10px 5px;
				height: auto;
				background: none;
				float: left;		
			}
			`	.DTZFSector .DTZFRow>div span.DataField input{
					height: auto;
					padding: 1px;
					margin-right: 2px;
					font-size: 20px !important;
				}
				.DTZFSector .DTZFRow>div span.DataField label{					
					vertical-align:middle;
					margin-right: 5px;
					font-size: 20px !important;
				}
			.DTZFSector .DTZFRow>div span.DataFieldERR{
				border: 0;
				padding: 5px;
				height: auto;
				float: left;
				margin-right: 42px;		
			}
				.DTZFSector .DTZFRow>div span.DataFieldERR input{
					height: auto;
					padding: 1px;
					margin-right: 2px;
					font-size: 20px !important;
				}
				.DTZFSector .DTZFRow>div span.DataFieldERR label{					
					vertical-align:middle;
					margin-right: 5px;
					font-size: 20px !important;
				}
			.DTZFSector .DTZFRow>div div.UNKVerticalERR{
				height: auto;
				margin-right: 42px;
			}
				.DTZFSector .DTZFRow>div div.UNKVerticalERR ul li{
					padding: 0 5px
				}
					.DTZFSector .DTZFRow>div div.UNKVerticalERR ul li input{
						margin: 0px;
						margin-right: 2px;
						vertical-align:middle;
						font-size: 18px;
						height: auto;
					}
					.DTZFSector .DTZFRow>div div.UNKVerticalERR ul li label{
						font-weight: bold;
						color: white;
						vertical-align:middle;
						font-size: 18px;
					}
			.DTZFSector .DTZFRow>div div.UNKVertical{
				height: auto;
				margin-right: 42px;
			}
				.DTZFSector .DTZFRow>div div.UNKVertical ul li{
					padding: 0 5px
				}
					.DTZFSector .DTZFRow>div div.UNKVertical ul li input{
						margin: 0px;
						margin-right: 2px;
						vertical-align:middle;
						font-size: 18px !important;
						height: auto;
					}
					.DTZFSector .DTZFRow>div div.UNKVertical ul li label{
						font-weight: bold;
						vertical-align:middle;
						font-size: 18px !important;
					}
			.DTZFSector .DTZFRow>div div.UNKHorizontalERR{
				padding: 5px;
				margin-right: 42px;				
				background: red;
			}
				.DTZFSector .DTZFRow>div div.UNKHorizontalERR ul li{
					margin: 5px 5px 5px 0;					
					display: inline;					
				}
				
					.DTZFSector .DTZFRow>div div.UNKHorizontalERR ul li input{
						margin: 0px;
						margin-right: 2px;
						font-size: 18px !important;
						height: auto;
					}
					.DTZFSector .DTZFRow>div div.UNKHorizontalERR ul li label{
						font-weight: bold;
						color: white;
						vertical-align:middle;
						font-size: 18px !important;						
					}
			.DTZFSector .DTZFRow>div div.UNKHorizontal{
				padding: 5px;
				margin-right: 42px;
			}
				.DTZFSector .DTZFRow>div div.UNKHorizontal ul li{
					margin: 5px 5px 5px 0;
					display: inline;
				}
					.DTZFSector .DTZFRow>div div.UNKHorizontal ul li input{
						margin: 0px;
						margin-right: 2px;
						font-size: 18px;
						height: auto;
					}
					.DTZFSector .DTZFRow>div div.UNKHorizontal ul li label{
						font-weight: bold;
						vertical-align:middle;
						font-size: 18px;						
					}	
.DTZFSector .DTZFRow>div span.DataField .radio-button {
    display: none;
}
.DTZFSector .DTZFRow>div span.DataField .radio-button + label {
    padding-left: 24px;
    position: relative;
}
.DTZFSector .DTZFRow>div span.DataField .radio-button + label:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 4px;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 2px solid;
    border-color: var(--main-bg-color);
}
.DTZFSector .DTZFRow>div span.DataField .radio-button:checked + label:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 7px;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    background: var(--main-bg-color);
}
.DTZFSector .DTZFRow > div:first-child{
	padding-top: 24px;
    padding-bottom: 8px;
    line-height: normal;
}
.DTZFSector .DTZFRow > div div.DF_Pozn{
	background: var(--main-bg-color);
	position: relative;
	height: 32px;
	width: 32px;
	margin-top: 4px;
	border-radius: 4px;
	cursor: pointer;
}
.DTZFSector .DTZFRow > div div.DF_Pozn:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../../images/system/svg/plus_RED.svg) center center no-repeat;
	filter: brightness(0) invert(1);
	background-size: 16px;
}
.DTZFmain table{
	width: 100%;
}
/* new-form */
.H_infotableDFORM {
	margin-bottom:10px;
}
.DFORMContent {
	padding:0 10px 10px 10px;
}
td.DFORMContent{
	vertical-align: top;
}
#rpFormItems.DFORMSector, .DFORMContent > .DFORMSector > .sectionContent > .DFORMSector.DFORMVirtual, .DFORMContent > .DFORMSector > .sectionContent > .DFInlineSections > .DFORMSector.DFORMVirtual{
	padding-top: 0;
}
.DFORMContent div {
	box-sizing: border-box;
}
.DFORMRow {
	padding: 5px 10px 5px 0;
}
.DFORMRow > div,.DTZFRow > div {
	overflow: hidden;
	margin: 0;
	padding: 0;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box;     
	box-sizing: border-box;		
	vertical-align: middle;
}
.DateTimeDiv span.DateTimeSpan, .DateTimeDiv span.DateTimeSpanCal{
	display: inline-block;
	width: 32px;
    height: 32px;
    border: 1px solid #d2d2d2;
	background-size: 20px;
	margin-right: 0;
}
.ui-datepicker.mobile_device{
	width: auto!important;
	z-index: 10008!important;
}
.ui-datepicker.mobile_device.auto_size{
	width: 100vw !important;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{
	top: 50%;
    transform: translateY(-50%);
}
.ui-datepicker.mobile_device td a{
    width: 48px;
    box-sizing: border-box;
    height: 48px;
    font-size: 16px;
}
.ui-datepicker.mobile_device.auto_size td a{
	width: auto;
}
.DFORMRow .UNKVertical > ul, .DFORMRow .UNKVerticalERR > ul{
	margin-left: 0;
	margin-right: 0;
	border: 0;
}
.DFORMRow .UNKVertical > ul > li, .DFORMRow .UNKVerticalERR > ul > li{
	margin-left: 0;
	padding: 2px 0;
	color: #000;
}
.DFORMRow .UNKVerticalERR > ul > li{
	color: #fff;
}
.dformLabel
{
	color: #4c566c!important;
	font-size: 15px!important;
}

.DFORMRow > div.dformLabel{
	text-align: right;
}

.DFORMRow .UNKVertical li input[type="radio"], .DFORMRow .UNKVerticalERR li input[type="radio"]{
	vertical-align: middle;
	margin-right: 5px;
	margin-left: 5px;
}
.DFORMRow input.radio-button + label{
	margin-right: 10px;
    margin-top: 5px;
    display: inline-block;
    line-height: 20px;
    margin-left: 2px;
}
.DFORMRow .UNKVertical.dialer{
	width: 100%;
}
.DFORMRow .UNKVertical.dialer li{
	margin-bottom: 0.5rem;
	border: 0;
}
.DFORMRow .UNKVertical.dialer li input[type="radio"]{
	display: none;
}
.DFORMRow .UNKVertical.dialer li input[type="radio"] + label{
	display: block;
    margin: 0;
    padding: 0.75em 1rem;
    min-height: 48px;
    box-sizing: border-box;
    border: 1px solid #B4B4B4;
    border-radius: 4px;
    text-align: center;
	margin: 0 auto;
	max-width: 450px;
}
.DFORMRow .UNKVertical.dialer li input[type="radio"]:checked + label{
	background: var(--main-bg-color);
	color: #fff;
}
.DTZFRow > div {
	margin-bottom: 0;
}
.sectionWidthSwap .DFORMRow > div {
	width: 25%
}
.DFORMRow > div.rowSufix {
	width: auto;
	color: #5c5c5c;
	text-shadow: 0px 1px 0px #ffffff;
	display:inline-block;
}
.DFORMtopbuttons td,.DFORMbuttons td {
	padding: 10px;
}
.DFORMRow > div {
	font-size: 15px;
}

.DFORMRow > div:first-child,.DTZFRow > div:first-child {
	/*width: 25%; odstranene kvoli posuvaniu textu u dynaformu 10.06.2020*/
	float: left !important;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #000000;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 7px;
}
.DTZFRow > div:first-child {
	width: 50%;
}
.sectionWidthSwap .DFORMRow > div:first- {
	width: 75%;
}
.DFORMRow > div:first-child div.labelTitle,.DFORMTabs li div.labelTitle,.DTZFRow > div:first-child div.labelTitle {
	display: none;
	position: absolute;
	background: lightyellow;
	border: solid 1px #ececec;
	padding: 2px;
	margin-left: 10px;
	margin-top: -1px;
	max-width: 300px;
	white-space: pre-wrap;
}
.DFORMRow > div:first-child div.labelTitle div,.DTZFRow > div:first-child div.labelTitle div {
	padding: 2px;
}
.DFORMRow > div:first-child div.labelTitle div:before,.DTZFRow > div:first-child div.labelTitle div:before {
	content: "- "
}
.DFORMRow > div:hover div.labelTitle,.DFORMTabs li:hover div.labelTitle,.DTZFRow > div:hover div.labelTitle {
	display: block;
	z-index: +1;
}
.DFORMRow div:after,.DTZFRow > div:after {
	clear: both;
	content: "";
}
.DFInlineItems .DFORMRow{
	display: inline-block;
}
.DFInlineItems .DFORMRow > div{
	width: auto;
}
.DFInlineItems .DFORMRow > div:first-child{
	width: auto;
	padding-left: 0;
}
.DFORMRow div .DataField {
	background: white;
	font-size: 14px;
}
.DFORMRow div textarea.DataField{
	background-image: none;
}
.DFORMContent .DFORMRow div input[type='text'],.DFORMContent .DFORMRow div input[type='number'] {
	width: 100%;	
	height: 33px;
	margin: 0;
	padding-left: 4px;
	color: #000000 !important;
	font-size: 14px;
	box-sizing: border-box;
	position: relative;
	outline: none;
}
.DFORMContent .DFORMRow div input[type='number']::-webkit-outer-spin-button,.DFORMContent .DFORMRow div input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.DFORMContent .DFORMRow div input[type='number']{
  -moz-appearance: textfield;
}
.DFORMRow [class^="UNKHorizontal"] ul, .DFORMRow [class^="UNKvertical"] ul{
	border: 0;
}
.DFORMRow [class^="UNKHorizontal"] ul li{
	display: inline-block;
	padding-right: 10px;
	border: 0;
}
.DFORMRow [class^="UNKHorizontal"] ul li input, .DFORMRow [class^="UNKvertical"] ul li input{
	padding-right: 5px;
	vertical-align: middle;
	height: auto;
}
.DFORMRow [class^="UNKHorizontal"] ul li input + label, .DFORMRow [class^="UNKvertical"] ul li input + label{
	margin-left: 10px;
}
[class^="UNKHorizontal"], [class^="UNKvertical"] {
	border: solid 1px #b5b8c8;
	padding: 0 5px;
}
.UNKHorizontalERR,.UNKverticalERR {
	border: solid 1px red;
	padding: 0 5px;
}
[class^="UNKHorizontal"] label,[class^="UNKvertical"] label {
	color: #515151;
}
.UNKHorizontalERR li,.UNKverticalERR li {
	background: none;
	color: red;
	font-weight: bold;
}
.UNKHorizontal input,.UNKvertical input,.UNKHorizontalERR input,.UNKverticalERR input {
	margin-right: 5px;
}
.DFORMRow textarea {
	width: 100% ;
	margin: 0;
	padding: 5px;
	box-sizing: border-box;
	border: solid 1px #8b98a1;
	font-size: 12pt;
}
.DFORMRow div span.DataField {
	height: auto;
	background: none;
	border: 0;
}
.DFORMRow div span.DataField input {
	height: auto;
	margin-right: 2px;
	vertical-align: middle;
}
.DFORMSector {
	display: block;
	padding-top: 10px;
	background: #fff;
}
.DFInlineSections {
	overflow: hidden;
	float: left;
}
.DFInlineSections:after {
	content: "";
	clear: both;
}
.DFInlineSections > .DFORMSector {
	float: left;
	margin-top: 0;
	overflow:hidden;
}
.DFInlineSections > .DFORMSector:after {
	content: "";
	clear:both;
}
.DFInlineSections > .DFORMSector .DFORMRow > div:first-child {
	padding-left: 0;
}
.DFInlineSections > .DFORMSector:first-child .DFORMRow > div:first-child {
	padding-left: 10px;
}
.DFORMRow div input.hasTimepicker {
	display: inline;
	width: 40px !important;
}
.DFORMRow div input.hasDatepicker {
	display: inline;
	width: 70px !important;
}
.DFORMBottom {
	background: #e4e4e4; 
}
.DFORMRow button.ext_butt{
	border: 1px solid #d2d2d2;
	padding: 4px;
	float: none;
	min-width: 32px;
	height: 32px;
	box-sizing: border-box;
}
.DFORMRow button.ext_butt img{
	max-height: 100%;
	max-width: 100%;
}
.DFInlineItems .DFORMRow:first-child ~ .DFORMRow > div:first-child{
	padding: 0;
}
.DFInlineItems > .DFORMRow{
	vertical-align: top;
}
/*docasne*/
.DFORMContent:first-child {
		width: auto;
}
.DFORMContent .DFInlineSections+DFORMSector {
	margin-top: 0;
}
DIV.rowSufix {
	line-height:22px;
}
DIV.withSuffix {		
	margin-right:5px;
	display:inline-block;
}
.noneFloatDivs div,.noneFloatDivs div:first-child {
	float:none;
}
.DFORMRow.noneFloatDivs > div{
	float: none!important;
}
.DFORMRow.noneFloatDivs > div.dformLabel{
	text-align: left;
}
.DFORMContent .DFORMRow div input[type='text'].DataFieldERR,.DFORMContent .DFORMRow div .DataFieldERR input[type='number'] {
	color: white !important;
}
input, optgroup,select {
	height: 32px;
	padding: 0;
	margin: 0 2px 0 0;
	border: solid 1px #d2d2d2;
}
input[type="checkbox"]{
	height: auto;
}
.DFORMRow div input[readonly],.DFORMRow div input,.DFORMRow div select {
	border: 1px solid #d2d2d2;
	background-color: #ffffff;
	font-size:16px;
}
.DFORMnew .DFORMRow div input{
	border: 0;
	border: 1px solid #d2d2d2;
}
.DFORMnew .DFORMRow div input[readonly]{
	border:0!important;
	border-bottom: 1px solid #d2d2d2!important;
	border-radius: 0;
}
.DFORMnew textarea{
	border-color: #d2d2d2;
}
.DataFieldRO {
	font-style:normal !important;
	border:0;
	border-bottom: 1px solid #d2d2d2;
}
.defaultdropdownimage, .defaultdropdownimage:hover {
	background: url(../../Images/System/big_coder.png) no-repeat !important;
	height: 32px;
	width: 32px;
	position: absolute;
	right: 30px;
	margin: 0px;
}
.DFInlineItems .DFORMRow:first-child > div:first-child {
	padding-left: 10px;
}
.DefaultDropDownList {
	min-height: 150px;
	margin-top: 32px;
}
.DFORMRow.noneFloatDivs div:last-child {
	padding-left: 0 !important;
}
.DFORMRow.noneFloatDivs > div:not(.dformLabel){
	padding-left: 10px!important;
}
.h_infotabledform {
	height: 35px;
	line-height: 35px;
	font-size: 12px;
}
.DefaultDropDownList a {
	padding: 7px !important;
}
.populateMenu.iphone{
	background: #cbd2d8;
	border-bottom: 0;
	border-color: #fff;
	outline: none;
}
.populateMenu.iphone > ul{
	margin: 5px;
}
.populateMenu.iphone ul.rounded li{
	padding: 0;
	background-image: none;
}
.populateMenu.iphone ul.rounded li a{
	padding-left: 32px;
	position: relative;
	margin: 0;
	cursor: pointer;
}
.populateMenu.iphone ul.rounded li a img{
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
	height: 16px;
	margin: 0;
	left: 8px;
}
@media only screen and (max-width:480px) { 
	.DropDownRiadok {
		position: relative;
	}
	.DFORMRow {
		/*padding: 0 0 6px 0;*/
		padding: 5px 0;
	}
	/*.DFORMRow > div:first-child, .DTZFRow > div:first-child {
		padding: 10px 0 5px 0;
	}*/
	.defaultdropdownimage, .defaultdropdownimage:hover {}
	.DFInlineItems .DFORMRow:first-child > div:first-child {
		padding-left: 0;
	}
	.DefaultDropDownList{
		margin-top: 0;
	}
	.DFORMnew {
		width: 100% !important;
		margin: 0 auto;	
	}  
	.DFORMRow > div:first-child div.labelTitle, .DFORMTabs li div.labelTitle, .DTZFRow > div:first-child div.labelTitle {
	z-index: 888;
	}
	.DFORMtopbuttons td, .DFORMbuttons td {
		padding: 10px 0;
	}
	.DFInlineItems .DFORMRow:first-child > div:first-child {
		/*width: 10% !important;
		float: left !important;*/
	}
	.DFInlineItems > .DFORMRow{
		margin-right: 1rem;
	}
	.DFInlineItems > .DFORMRow:last-of-type{
		margin-right: 0;
	}
	/*.DFORMRow > div.dformLabel{
		text-align: left!important;
	}*/
	.DFORMnew .DFORMRow div input:focus{
		background-color: rgba(251,255,0,0.2);
	}
}
.dlazdice_wrapper{
	display: flex;
    flex-wrap: wrap;
	max-height: 700px;
    overflow-y: auto;
}
.dlazdice_wrapper .img_wrapp{
	text-align: center;
}
.dlazdice_wrapper .img_wrapp img{
	margin: 5px 0 10px 0;
}
.dlazdice_wrapper p{
	font-size: 11px;
}
.dlazdice_wrapper .dlazkod{
	margin-left: 0;
}
.dlazdice_wrapper .dlazdica{
	flex: 0 0 calc(25% - 4px);
    border-radius: 10px;
    padding: 8px 8px 4px 8px;
    box-sizing: border-box;
    border: 1px solid #B4B4B4;
    margin: 2px;
	display: flex;
    flex-direction: column;
}
.dlazdice_wrapper .top_wrapp p > span:last-of-type{
	float: right;
	line-height: 20px;
}
.dlazdice_wrapper .dlazdica .dlazpopis{
	margin: 8px 0;
	height: auto;
    overflow: hidden;
}
.dlazdice_wrapper .dlazdica .dlazpopis > p:first-of-type{
	color: #a52a2a;
	font-size: 10pt;
    margin-bottom: 6px;
    font-weight: bold;
}
.dlazdice_wrapper .dlazdica .center_wrapp{
	display: flex;
	margin-top: auto;
	flex-wrap: wrap;
}
.dlazdice_wrapper .dlazdica .center_wrapp .texty{
	position: relative;
	flex-grow: 1;
}
.dlazdice_wrapper .dlazdica .center_wrapp .texty .jednotka{
	font-size: 14px;
	font-weight: bold;
}
.dlazdice_wrapper .dlazdica .center_wrapp .texty .jednotka span{
	float: right;
}
.dlazdice_wrapper .dlazdica .center_wrapp .btn_ctrl{
	margin: 8px 0;
}
.dlazdice_wrapper .dlazdica .center_wrapp .btn_ctrl .cube{
	float: right;
}
.dlazdice_wrapper .center_wrapp .icenafield{
	margin: 0;
	padding: 2px;
	float: left;
	line-height: 26px;
}
.dlazdice_wrapper .center_wrapp .img_wrapp{
	height: 100px;
	width: 90px;
	position: relative;
	flex: 0 0 90px;
    padding: 2px;
    box-sizing: border-box;
}
.dlazdice_wrapper .center_wrapp .img_wrapp img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: 0;
	max-width: 100%;
	max-height: 100%;
}
.dlazdice_wrapper .icenafield{
	font-size: 18px!important;
}
.dual_screen .dlazdice_wrapper .dlazdica{
	flex: 0 0 calc(33.33% - 4px);
}
@media screen and (max-width: 1600px){
	.dual_screen .dlazdice_wrapper .dlazdica{
		flex: 0 0 calc(50% - 4px);
	}
}
@media screen and (max-width: 1200px){
	.dlazdice_wrapper .dlazdica{
		flex: 0 0 calc(33.33% - 4px);
	}
}
@media screen and (max-width: 1000px){
	.dual_screen .dlazdice_wrapper .dlazdica{
		flex: 0 0 calc(100% - 4px);
	}
}
@media screen and (max-width: 800px){
	.dlazdice_wrapper .dlazdica{
		flex: 0 0 calc(50% - 4px);
	}
	table.iLogin{
		width: 90%!important;
	}
}
@media screen and (max-width: 500px){
	.dlazdice_wrapper .dlazdica{
		flex: 0 0 calc(100% - 4px);
	}
}
/*dashboard zo shopina*/
.infotableMainNew{
	border-radius: 3px;
    background: #ffffff;
	border: 1px solid var(--main-border-color);
    border-top-width: 3px;
	margin: 10px 5px 10px 5px;
	width: calc(100% - 10px);
	box-sizing: border-box;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
.infotableHdrNew{
	display: flex;
    align-items: center;
	padding: 10px;
	font-size: 18px;
	color: var(--main-txt-color);
    cursor: auto!important;
    font-size: 20px;
    font-weight: bold;
}
.infotableHdrNew > div{
	flex-shrink: 0;
	margin-left: auto;
}
.infotableHdrNew > img{
	max-height: 12px;
	cursor: pointer;
}
.infotableHldrNew{
	padding: 5px 10px 5px 10px;
}
.infotableHldrNew tbody tr{
	border: 1px solid #dddddd;
    border-left: 0;
    border-right: 0;
}
.infotableHldrNew tbody tr:first-of-type{
	border-top: 0;
}
.infotableHldrNew tbody tr:last-of-type{
	border: 0;
}
.infotableHldrNew tbody td{
	padding: 10px 0;
    font-weight: bold;
	color: #444;
	font-size: 14px;
	padding-left: 10px;
}
.infotableHldrNew tbody td.Row_infotable2New{
	font-size: 18px;
	padding-right: 10px;
	text-align: right;
    color: var(--main-txt-color);
}
.infotableHldrNew tbody td.Row_infotable2New span.ludi, .infotableHldrNew tbody td.Row_infotable2New span.val2{
	font-size: 12px;
    color: #000;
    font-weight: normal;
}
.infotableHldrNew tbody td.Row_infotableBtn{
	width: 20px;
	padding-left: 0;
	vertical-align: middle;
}
.infotableHldrNew .H_infotableNew{
	font-size: 1rem;
	font-weight: bold;
}
td.Row_infotableBtn a{
	padding: 0;
    background: url(../../images/system/back.png) center center no-repeat;
	height: 24px;
    display: block;
    background-size: 16px;
}
.text2{
	text-align:right;
	font-weight:bold;
	color:#000000;
	font-size:14px;
}
.wrap_all_graph.dashboard{
	border-radius: 3px;
    background: #ffffff;
    border: 1px solid var(--main-border-color);
    border-top-width: 3px;
    margin: 10px 5px 10px 5px;
    width: calc(100% - 10px);
    box-sizing: border-box;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	padding-bottom: 10px;
}
.wrap_all_graph.dashboard .grap_wrapper h3{
	margin: 0;
    text-align: left;
    padding: 10px;
    color: var(--main-txt-color);
    cursor: auto!important;
    font-size: 20px;
    font-weight: bold;
    font-family: "Verdana";
}
button.hamburger_menu{
	float: none;
	position: relative;
    vertical-align: middle;
    margin: 0 0.5rem 0 0;
    padding: 0 0.5rem;
    background: transparent url(../../images/system/svg/list.svg) center center no-repeat;
	background-size: 24px;
	filter: invert(1);
	outline: none;
    height: 30px;
	width: 40px;
    text-align: center;
	z-index: 0;
}
.sideMenu_bg, .floatingMenu_bg{
	position: fixed;
	top: 0;
	bottom: 0;
	min-height: 100vh!important;
	height: 100%;
	width: 100%;
    background: rgba(0,0,0,0.5);
	display: none;
	overflow-x: hidden;
	z-index: 10008;
}
.sideMenu_bg{
	left: 0;
}
.ios_device .sideMenu_bg{
	height:100vh;
}
.floatingMenu_bg{
	position: fixed;
}
.sideMenu_bg.opened{
	display: block!important;
}
.floatingMenu_bg.opened{
	display: block;
}
.sideMenu_bg .header{
	background: var(--main-bg-color);
    color: #fff;
    padding: 1rem 1rem 0.25rem 1rem;
	position: relative;
	min-height: unset;
	height: auto;
	flex: 0 0 auto;
	box-sizing: border-box;
}
.sideMenu_bg .header + div{
	flex: 1 1;
}
.ios_device .sideMenu_bg .header + div{
	overflow-y:hidden!important;
}
.ios_device .sideMenu_bg .sideMenuList{
	height: -webkit-fill-available;
	overflow-y: scroll!important;
}
.sideMenu_bg .header .settings_btn{
	position: absolute;
	top: 2px;
	right: 2px;
	outline: none;
	height: 36px;
    width: 36px;
	padding: 0;
	background: none;
	display: block;
	border: 0;
}
.sideMenu_bg .header .settings_btn img{
	width: 24px;
	height: 24px;
}
.sideMenu_bg .header .modul_info{
	/*margin-bottom: 0.5rem;*/
	min-height: 48px;
}
.sideMenu_bg .header .modul_info:after{
	content: "";
	display: block;
	clear: both;
}
.sideMenu_bg .header .modul_info span{
	display: inline-block;
    line-height: 2;
}
.sideMenu_bg .header .modul_info span.modul_img{
	float: left;
    width: 40px;
    height: 40px;
	text-align: center;
    background: #fff;
    border-radius: 50%;
    margin-right: 14px;
	margin-top: 2px;
}
.sideMenu_bg .header .modul_info span.modul_img.img_style{
	background: none;
	border-radius: 0;
}
.sideMenu_bg .header .modul_info span.modul_img.img_style img{
	max-width: 100%;
	max-height: 100%;
}
.sideMenu_bg .header .modul_info .modul_name{
	font-weight: bold;
    font-size: 24px;
	color: #fff;
	min-height: 48px;
    width: calc(100% - 54px);
	line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	padding: 8px 0 0 0;
    box-sizing: border-box;
}
.sideMenu_bg .header #UserInfo{
	display: block!important;
}
.sideMenu_bg .header .favorit_star{
	position: absolute;
    bottom: 0;
    right: 0;
    width: 40px;
    padding: 8px;
    box-sizing: border-box;
	cursor: pointer;
}
.sideMenu_bg.is_swiping{
	display: block!important;
}
.sideMenu_bg .sideMenuContent .sideMenuList::-webkit-scrollbar {
	width: 4px;
}
.sideMenu_bg .sideMenuContent .sideMenuList::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 8px rgba(0,0,0,0.3);
}
.sideMenu_bg .sideMenuContent .sideMenuList::-webkit-scrollbar-thumb {
	background-color: darkgrey;
	border: 1px solid slategrey;
}
.sideMenu_bg .sideMenuContent{
	position: relative;
	height: 100%;
	background: #fff;
	border: 0;
	left: -280px;
	width: 280px;
	display: flex;
	flex-direction: column;
	box-shadow: 3px 1px 5px 0px rgba(0,0,0,0.15);
	-webkit-box-shadow: 3px 1px 5px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 3px 1px 5px 0px rgba(0,0,0,0.15);
}
.sideMenu_bg.animate_side .sideMenuContent{
	-webkit-transition: left .4s;
	transition: left 0.4s;
}
.sideMenu_bg .sideMenuContent.stop_animate{
	transition: none!important;
}
.sideMenu_bg .sideMenuContent .logoff, .sideMenu_bg .sideMenuContent .sideMenuLink{
	position: relative;
    left: unset;
    top: unset;
	max-width: 100%;
	box-sizing: border-box;
	text-shadow: none;
	border: 0;
	border-image: none;
	height: auto;
	min-height: 48px;
	line-height: 48px;
	display: block;
    color: #000;
    font-weight: normal;
    font-size: 15px;
    padding: 0 30px 0 48px;
	margin-top: 0.5rem;
}
.sideMenu_bg .sideMenuContent .sideMenuList .sidebar + .logoff{
	margin-bottom: 8px;
}
.sideMenu_bg .sideMenuList, .sideMenu_bg .side_submenu{
	padding: 0 0.5rem;
	max-height: 100%;/*calc(100% - 140px);*/
    overflow-y: auto;
	position: relative;
}
.sideMenu_bg .sideMenuList ul, .sideMenu_bg .side_submenu ul{
	margin: 0!important;
	display: block!important;
    box-shadow: none!important;
	border: 0;
	border-radius: 0;
    border-bottom: 1px dashed #a9a9a9;
	padding: 0.5rem 0;
	position: unset;
}
.sideMenu_bg .sideMenuList .submenu_harmonika{
	border-bottom: 1px dashed rgb(169, 169, 169);
}
.sideMenuList ul.sidebar > li:last-of-type > .submenu_harmonika{
	border: 0;
}
.sideMenu_bg .sideMenuList .submenu_harmonika > ul{
	margin-left: 2rem!important;
}
.sideMenu_bg .sideMenuList .submenu_harmonika > ul:last-of-type/*,.sideMenu_bg .sideMenuList .submenu_harmonika > ul:first-of-type ~ ul:last-of-type*/{
	border-bottom: 0
}
.sideMenu_bg .sideMenuList .submenu_harmonika > ul:first-of-type{
	padding-top: 0;
}
.sideMenuList ul.sidebar > li:last-of-type > .submenu_harmonika > ul:last-of-type{
	padding-bottom: 0;
}
.sideMenu_bg .sideMenuList ul li, .sideMenu_bg .side_submenu ul li{
	margin: 0!important;
	float: none!important;
	position: relative;
	font-size: 14px;
	border: 0;
    padding: 0;
	background-image: none;
}
.sideMenu_bg .sideMenuList .logout_harmonika{
	display: none;
	padding-left: 2rem;
}
.sideMenu_bg .sideMenuContent .logoff img.right_img_arrows{
	transition: 0.4s transform linear;
    transform-origin: 50%;
}
.sideMenu_bg .sideMenuContent .logoff.shown img.right_img_arrows{
	transform: translateY(-50%) rotate(90deg);
}
.sideMenu_bg .sideMenuList ul li a, .sideMenu_bg .side_submenu ul li a, .sideMenu_bg #UserInfo p, .sideMenu_bg .sideMenuList .logout_harmonika a{
	display: block;
	width: 100%!important;
	padding: 14px 30px 14px 48px!important;
    min-height: 48px!important;
	height: auto!important;
    line-height: 1.2!important;
    margin: 0!important;
    text-align: left;
    position: relative;
    float: none;
    box-sizing: border-box;
	font-weight: normal;
    font-size: 15px;
}
.sideMenu_bg .sideMenuList ul li a, .sideMenu_bg .side_submenu ul li a{
	padding: 15px 30px 15px 48px!important;
}
.sideMenu_bg .sideMenuList .logout_harmonika a{
	color: #000;
}
.sideMenu_bg .sideMenuList ul li small.counter{
	margin: 0;
    height: 24px;
    box-sizing: border-box;
    padding: 0 0.75rem;
	margin-right: 0!important;
    line-height: 24px!important;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 0px;
}
.sideMenu_bg #UserInfo p span{
	display: block;
}
.sideMenu_bg .sideMenuList ul li > span[class^="IconNewAlert"]{
	float: none;
    margin: 0;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
}
.sideMenu_bg .sideMenuList ul li a img, .sideMenu_bg .side_submenu ul li a img, .sideMenu_bg #UserInfo p img, .sideMenu_bg .sideMenuContent .logoff img, .sideMenu_bg .sideMenuContent .sideMenuLink img, .sideMenuList .logout_harmonika a img{
	width: 24px;
	height: 24px;
    box-sizing: border-box;
	margin: 0!important;
	display: block;
	position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.sideMenu_bg .sideMenuContent .sideMenuLink{
    border-top: 1px dashed #a9a9a9;
	border-radius: 0;
}
.sideMenu_bg .sideMenuContent .favorite_menu_items .sideMenuLink > img:first-of-type{
	width: 20px;
	height: 20px;
}
.sideMenu_bg .sideMenuContent .sidebar.empty .sideMenuLink{
	border-top: 0;
}
.sideMenu_bg .sideMenuContent .sideMenuLink img.right_img_arrows, .sideMenu_bg .sideMenuContent .logoff img.right_img_arrows{
	left: unset;
	right: 6px;
	width: 16px;
	height: 16px;
}
.sideMenu_bg #UserInfo p{
	height: auto!important;
	min-height: 32px!important;
    line-height: 1.2!important;
	color: #fff;
	padding-right: 10px!important;
	padding-top: 0!important;
	padding-bottom: 0!important;
}
.sideMenu_bg #UserInfo p img{
	width: 18px;
	height: 18px;
}
.sideMenu_bg #UserInfo p img ~ span{
	font-size: 16px;
	height: inherit;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	padding: 6px 0;
    box-sizing: border-box;
}
.sideMenu_bg .side_submenu{
	position: absolute;
    top: 140px;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: +10;
    box-sizing: border-box;
	overflow-y: auto;
}
.sideMenu_bg .side_submenu ul{
	width: 100%;
}
.sideMenu_bg .side_submenu ul li a:hover{
	background-image: none;
}
.sideMenu_bg .side_submenu .submenu_header{
	margin: 0;
    position: relative;
	padding: 0 30px 0 48px!important;
	height: 48px!important;
	line-height: 50px!important;
	font-weight: bold;
	border-bottom: 1px dashed #a9a9a9;
	font-size: 16px;
}
.sideMenu_bg .side_submenu .submenu_header img{
	height: 48px;
	width: 48px;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	padding: 16px;
	box-sizing: border-box;
	transform-origin: 50%;
    transform: rotate(180deg);
}
.sideMenu_bg a.arrow_background[data-sub_mode="4"]:after{
	content: "";
	background-image: url(../../images/system/menu/back.png);
	position: absolute;
	right: 6px;
	top: 50%;
	height: 16px;
	width: 16px;
	transform: translateY(-50%);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 16px;
}
.sideMenu_bg a.arrow_background[data-has_submenu]:after{
	transition: 0.4s transform linear;
	transform-origin: 50%;
}
.sideMenu_bg a.arrow_background.harmonika_open:after{
    transform: translateY(-50%) rotate(90deg);
}
.sideMenu_bg a.arrow_background ~ small{
	display: none!important;
}
#floatingBtnWrap{
	position: fixed;
    bottom: 1rem;
    right: 1rem;
    display: block;
    min-height: unset!important;
    width: auto;
    z-index: 990;
    left: unset;
	background: none;
	opacity: 1;
	-webkit-transition: opacity .4s;
	transition: opacity 0.4s;
}
[id^="iconMenu"] ul.floatingbutton{
	position: fixed;
    bottom: 1rem;
    right: 1rem;
    display: block;
    min-height: unset!important;
    width: auto;
    z-index: 990;
    left: unset;
	background: none;
	border: 0;
	margin: 0;
}
#floatingBtnWrap .floatingbutton{
	margin: 0;
    border: 0;
    background: none;
    border-radius: 0;
    padding: 0;
}
#floatingBtnWrap .floatingbutton li, [id^="iconMenu"] ul.floatingbutton li{
	padding: 0;
    background: none;
    background-image: none;
	border-top: 0;
}
#floatingBtnWrap .floatingbutton li{
	border: 0;
}
#floatingBtnWrap .floatingbutton li a, [id^="iconMenu"] ul.floatingbutton li a{
	width: 48px;
    padding: 0;
    color: transparent;
    overflow: hidden;
    height: 48px;
    position: relative;
    display: block;
    margin: 1rem 0 0 0;
}
#floatingBtnWrap .floatingbutton li:first-of-type a, [id^="iconMenu"] ul.floatingbutton li:first-of-type a{
	margin-top: 0;
}
#floatingBtnWrap .floatingbutton li a img, [id^="iconMenu"] ul.floatingbutton li a img{
	max-width: 100%;
    max-height: 100%;
    width: 100%;
}
#floatingBtnWrap .floatingbutton li a.buttonblack:before, [id^="iconMenu"] ul.floatingbutton li a.buttonblack:before,
#floatingBtnWrap .floatingbutton li a.buttonred:before, [id^="iconMenu"] ul.floatingbutton li a.buttonred:before,
#floatingBtnWrap .floatingbutton li a.buttonblue:before, [id^="iconMenu"] ul.floatingbutton li a.buttonblue:before,
#floatingBtnWrap .floatingbutton li a.buttonorange:before, [id^="iconMenu"] ul.floatingbutton li a.buttonorange:before,
#floatingBtnWrap .floatingbutton li a.buttongreen:before, [id^="iconMenu"] ul.floatingbutton li a.buttongreen:before{
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #000;
}
#floatingBtnWrap .floatingbutton li a.buttonred:before, [id^="iconMenu"] ul.floatingbutton li a.buttonred:before{
	background-color: #c41305;
}
#floatingBtnWrap .floatingbutton li a.buttonblue:before, [id^="iconMenu"] ul.floatingbutton li a.buttonblue:before{
	background-color: #0076ba;
}
#floatingBtnWrap .floatingbutton li a.buttonorange:before, [id^="iconMenu"] ul.floatingbutton li a.buttonorange:before{
	background-color: #ff9d33;
}
#floatingBtnWrap .floatingbutton li a.buttongreen:before, [id^="iconMenu"] ul.floatingbutton li a.buttongreen:before{
	background-color: #32943f;
}
#floatingBtnWrap .floatingbutton li a.buttonblack img, [id^="iconMenu"] ul.floatingbutton li a.buttonblack img,
#floatingBtnWrap .floatingbutton li a.buttonred img, [id^="iconMenu"] ul.floatingbutton li a.buttonred img,
#floatingBtnWrap .floatingbutton li a.buttonblue img, [id^="iconMenu"] ul.floatingbutton li a.buttonblue img,
#floatingBtnWrap .floatingbutton li a.buttonorange img, [id^="iconMenu"] ul.floatingbutton li a.buttonorange img,
#floatingBtnWrap .floatingbutton li a.buttongreen img, [id^="iconMenu"] ul.floatingbutton li a.buttongreen img,
#floatingBtnWrap .floatingbutton li a.buttonred img, [id^="iconMenu"] ul.floatingbutton li a.buttonred img{
	filter: invert(1);
	padding: 10px;
	box-sizing: border-box;
}
#floatingBtnWrap .floatingbutton li a img, [id^="iconMenu"] ul.floatingbutton li a img{
	max-width: 100%;
    max-height: 100%;
    width: 100%;
}
#floatingBtnWrap .floatingbutton li .counter, [id^="iconMenu"] ul.floatingbutton .counter{
	display: none!important;
}
#floatingBtnWrap .floatingbutton li[style='tbl_vodorovne']{
	display: block;
}
#floatingBtnWrap .floatingbutton li[style='tbl_vodorovne'] a{
	width: auto;
	color: #fff;
	padding-right: 10px;
	line-height: 48px;
	text-align: center;
}
#floatingBtnWrap .floatingbutton li[style='tbl_vodorovne_full'] a{
	width: auto;
	color: #fff;
	padding-right: 10px;
	line-height: 48px;
	text-align: center;
	margin: 1rem 0 0 0;
}
#floatingBtnWrap .floatingbutton li[style='tbl_vodorovne'] a:before{
	border-radius: 20px;
	z-index: -1;
}
#floatingBtnWrap .floatingbutton li[style='tbl_vodorovne_full'] a:before{
	border-radius: 20px;
	z-index: -1;
}
#floatingBtnWrap .floatingbutton li[style='tbl_vodorovne'] a img{
	width: 48px;
}
#floatingBtnWrap .floatingbutton li[style='tbl_vodorovne_full'] a img{
	width: 48px;
}
#floatingBtnWrap .floatingbutton li[style='tbl_vodorovne_full']:first-of-type {
    position: fixed;
    left: 1rem;
    bottom: 1rem;
}
#floatingBtnWrap .floatingbutton li[style='tbl_vodorovne_full']:nth-of-type(2) {
    position: fixed;
    left: 50%;
    bottom: 1rem;
    right: unset;
    transform: translateX(-50%);
}
#floatingBtnWrap .floatingbutton li[style='tbl_vodorovne_full']:last-of-type {
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    left: unset;
	transform: none;
}
.fake_floating_btn{
	position: fixed;
	bottom: 1rem;
	right: 1rem;
	width: 48px;
	height: 48px;
	border: 0;
	background:none;
	margin: 0;
	padding: 0;
}
.fake_floating_btn > span{
	display: none;
}
.fake_floating_btn > img{
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	filter: invert(1);
}
.fake_floating_btn:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000;
	border-radius: 50%;
}
#floatingBtn .floatingMenuContent{
	position: absolute;
    right: 1rem;
    bottom: 1rem;
    background: #fff;
    border-radius: 0;
    padding: 0;
	max-height: calc(100% - 2rem);
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transition: .4s;
    transition: all .4s
}
#floatingBtn .floatingMenuContent.top_{
	transform-origin: top right;
	bottom: unset;
	right: unset;
}
#floatingBtn .floatingMenuContent ul{
	width: 100%;
    background: none;
    margin: 0;
    padding: 0;
	border-radius: 0;
	box-shadow: none;
    list-style-type: none;
    flex-direction: column;
	position: relative;
}
#floatingBtn .floatingMenuContent > ul{
	margin-top: 1px;
}
#floatingBtn .floatingMenuContent > ul:first-of-type{
	margin-top: 0;
}
#floatingBtn .floatingMenuContent > ul:first-of-type:before{
	display: none;
}
#floatingBtn .floatingMenuContent ul li{
	height: auto;
    margin: 0;
    float: none;
	box-sizing: border-box;
	border-radius: 0;
	border: 0;
	border-bottom: 0;
	padding: 0;
}
#floatingBtn .floatingMenuContent ul li.arrow{
	background-image: none;
}
#floatingBtn .floatingMenuContent ul li:last-of-type{
	border: 0!important;
}
#floatingBtn .floatingMenuContent ul li a{
	margin: 0;
    width: auto;
    height: 100%;
    line-height: unset!important;
    display: flex;
    float: none;
    white-space: unset;
    overflow: unset;
    padding: 0.875rem 1rem 0.875rem calc(1rem + 24px + 0.5rem);
    align-items: center;
	font-size: 16px;
	font-weight: normal;
	border-radius: 0;
	background-image: none!important;
	min-height: auto;
}
#floatingBtn .floatingMenuContent ul li a img{
	display: inline;
    height: 24px;
    width: 24px;
    margin: 0;
	position: absolute;
    left: 1rem;
}
.toolbar .custom_toolbar{
	cursor: pointer;
	display: initial;
}
.toolbar .custom_toolbar > img{
	width: 28px;
    height: 28px;
    padding: 8px 5px 2px 5px;
    box-sizing: border-box;
    margin: 7px 1rem 7px 7px;
	display: none;
}
.toolbar .custom_toolbar > img:first-of-type, .toolbar .custom_toolbar > img.headerMenu{
	display: block;
}
.toolbar .custom_toolbar.filter_active > img:first-of-type{
	display: none;
}
.toolbar .custom_toolbar.filter_active > img:last-of-type{
	display: block;
}
[id$="BodyDetail"] > .toolbar > .custom_toolbar > img.headerMenu{
	position: unset;
    padding-top: 2px;
}
#dateFilter_toolbar{
	position: fixed;
    top: 0;
    right: 0;
	left: unset;
	overflow: hidden;
	height: 100vh;
    width: 100%;
	box-sizing: border-box;
	background: none;
	display: none;
	z-index: 100009;
    background: rgba(0,0,0,0.5);
}
#dateFilter_toolbar.bg_mode{
	display: block!important;
	background: none;
}
#dateFilter_toolbar.opened{
	display: block!important;
}
#dateFilter_toolbar .filter_wrap{
	padding: 0.5rem;
	background: #fff;
	border: 0;
    max-width: 380px;
	margin-left: auto;
	height: 100%;
    box-sizing: border-box;
	position: relative;
	right: -380px;
	transition: right 0.4s;
}
#dateFilter_toolbar .filter_date_overlay{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: none;
	z-index: +1;
}
#dateFilter_toolbar .filter_date_overlay.opened{
	display: block;
}
#dateFilter_toolbar .filter_date_overlay .filter_date_menu ul{
	position: absolute;
	display: block;
    max-width: 250px;
	min-width: 120px;
    margin: 0;
    border-radius: 2px;
	font-size: 14px;
    font-weight: 500;
	overflow-y: auto;
	visibility: hidden;
}
#dateFilter_toolbar .filter_date_overlay .filter_date_menu ul li{
	cursor: pointer;
	height: 54px;/*40px;*/
	padding: 1.125rem 1rem;/*0.75rem 1rem;*/
	box-sizing: border-box;
	color: #000;
	border: 0;
	font-size: 15px;
	white-space: nowrap;
}
#dateFilter_toolbar .filter_wrap .controls_w{
	display: flex;
	justify-content: space-around;
	padding-top: 0;
	border-bottom-style: solid;
	border-width: 1px;
	border-color: #929292;
	margin-bottom: 0.5rem;
}
#dateFilter_toolbar .filter_wrap .controls_w.bottom_side{
	border-bottom: 0;
	border-top: 1px solid #929292;
	margin-bottom: 0;
	margin-top: 0.5rem;
}
#dateFilter_toolbar .filter_wrap .middle_section{
	height: calc(100% - 88px);
	overflow-y: auto;
	padding-right: 0.125rem;
}
#dateFilter_toolbar .filter_wrap .controls_w button{
	float: unset;
	padding: 0.5rem 1rem;
	max-width: calc(50% - 10px);
	border: 0;
	margin: 0;
	border-radius: 4px;
	color: #000;
	letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 14px;
	outline: none;
}
#dateFilter_toolbar .filter_wrap .controls_w.bottom_side button{
	width: 100%;
	max-width: 100%;
}
#dateFilter_toolbar .filter_wrap .controls_w .separ{
	background: #929292;
    width: 1px;
    margin: 0.5rem 0;
}
#dateFilter_toolbar .filter_wrap .middle_section > div{
	padding: 0.5rem 0;
	margin-bottom: 0.5rem;
}
#dateFilter_toolbar .filter_wrap div.expandable_menu{
	border-bottom: 1px dashed #929292;
}
#dateFilter_toolbar .filter_wrap > div:last-of-type, #dateFilter_toolbar .filter_wrap .middle_section > div:last-of-type{
	margin-bottom: 0;
	border: 0;
}
#dateFilter_toolbar .filter_wrap .colset_wrap{
	display: none;
}
#dateFilter_toolbar .filter_wrap .colset_wrap .colset_content ul{
	margin: 0;
    border: 0;
    padding: 0;
    font-family: inherit;
    font-weight: normal;
    font-size: 14px;
}
#dateFilter_toolbar .filter_wrap .colset_wrap .colset_content ul li{
	padding: 0.5rem 0.5rem 0.5rem 12px;
	border-top: 0;
	position: relative;
}
#dateFilter_toolbar .filter_wrap .colset_wrap .colset_content ul li input[type="checkbox"]{
	height: 20px;
	vertical-align: middle;
	visibility: hidden;
}
#dateFilter_toolbar .filter_wrap .colset_wrap .colset_content ul li input[type="checkbox"] + label{
	margin-left: 0.5rem;
	vertical-align: middle;
	color: #000;
}
#dateFilter_toolbar .filter_wrap .colset_wrap .colset_content ul li input[type="checkbox"] + label:before{
	content: "";
	width: 16px;
	height: 16px;
	border: 1px solid #444;
	border-radius: 2px;
	position: absolute;
	left: 10px;
    top: 9px;
	background: #fff;
}
#dateFilter_toolbar .filter_wrap .colset_wrap .colset_content ul li input[type="checkbox"]:checked + label:before{
    background: var(--main-bg-color);
}
#dateFilter_toolbar .filter_wrap .colset_wrap .colset_content ul li input[type="checkbox"]:checked + label:after{
	content: "";
	width: 8px;
	height: 5px;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	position: absolute;
	left: 14px;
    top: 13px;
    transform: rotateZ(-45deg);
}
#dateFilter_toolbar .filter_wrap .textSearch_wrap{
	border: 0;
    margin-bottom: 0;
}
#dateFilter_toolbar .filter_wrap .textSearch_wrap label{
	position: relative;
}
#dateFilter_toolbar .filter_wrap .textSearch_wrap label img{
	position: absolute;
    width: 20px;
    height: 20px;
    top: 9px;
    left: 9px;
	z-index: +1;
}
#dateFilter_toolbar .filter_wrap .textSearch_wrap input{
	height: 38px;
    font-size: 15px;
    margin: 0;
    background: #fff;
    border: 1px solid #ddd;
    box-sizing: border-box;
    font-weight: normal;
    display: block;
	width: 100%;
    outline: none;
    padding: 0.25rem 0.25rem 0.25rem 38px;
    color: #000;
}
#dateFilter_toolbar .expandable_header{
	margin: 0;
	height: 38px;
    line-height: 38px;
	position: relative;
	padding-right: 32px;
	box-sizing: border-box;
	cursor: pointer;
}
#dateFilter_toolbar .expandable_header:after{
	content: "";
	display: none;
	height: 8px;
	width: 8px;
	border: 2px solid #7c7c7c;
    position: absolute;
    right: 0.5rem;
    top: calc(50% - 2px);
    transform: translateY(-50%) rotate(45deg);
    border-top: 0;
    border-left: 0;
	transition: transform 0.4s;
}
#dateFilter_toolbar .opened .expandable_header:after{
    transform: rotate(225deg);
}
#dateFilter_toolbar .expandable_content{
	display: block;
	overflow: hidden;
	transition: height 0.4s;
}
#dateFilter_toolbar .dateFilter_wrap .expandable_content > div{
	display: flex;
	margin-bottom: 0.25rem;
	margin-left: 6px;/*12px*/
}
#dateFilter_toolbar .expandable_content .header, #dateFilter_toolbar .order_wrap .header, #dateFilter_toolbar .dateFilter_wrap .expandable_content .header{
	font-size: 13px;
    font-weight: bold;
	margin-left: 0;
	margin-bottom: 0.25rem;
}
#dateFilter_toolbar .colset_wrap .expandable_content .header{
	position: relative;
	cursor: pointer;
}
#dateFilter_toolbar .colset_wrap .expandable_content .header:after{
	content: "";
	position: absolute;
	right: 0.25rem;
	top: 0.125rem;
	width: 8px;
	height: 8px;
	border-left: 2px solid #0f0f0f;
	border-bottom: 2px solid #0f0f0f;
	transform: rotateZ(-45deg);
	transform-origin: center;
	transition: transform 400ms linear;
}
#dateFilter_toolbar .colset_wrap .expandable_content .header.opened:after{
	transform: rotateZ(135deg);
}
#dateFilter_toolbar .dateFilter_wrap .expandable_content .header{
	align-items: center;
}
#dateFilter_toolbar .dateFilter_wrap .expandable_content .header > span{
	display: block;
	max-width: calc(100% - 30px);
}
#dateFilter_toolbar .dateFilter_wrap .expandable_content .header .future_toggler{
	margin: 0 0 0 auto;
	width: 20px;
	height: 20px;
	border: 0;
	padding: 0;
	background: url(../../Images/System/svg/future.svg) center center no-repeat;
	background-size: 20px;
	transform: scaleX(-1);
	outline: none;
	cursor: pointer;
}
#dateFilter_toolbar .dateFilter_wrap.isFuture .expandable_content .header .future_toggler{
	transform: scaleX(1);
}
#dateFilter_toolbar .dateFilter_wrap .dateFilter_custom .reload_btn{
	display: none;
}
#dateFilter_toolbar .dateFilter_item{
	flex: 1 1; 
	height: 30px;
	line-height: 30px;
	display: flex;
	margin-right: 10px;
}
#dateFilter_toolbar .dateFilter_wrap .dateFilter_item.next_variant{
	display: none;
}
#dateFilter_toolbar .dateFilter_wrap.isFuture .dateFilter_item.prev_variant{
	display: none;
}
#dateFilter_toolbar .dateFilter_wrap.isFuture .dateFilter_item.next_variant{
	display: flex;
}
#dateFilter_toolbar .dateFilter_item.active{
	background: var(--main-bg-color);
}
#dateFilter_toolbar .dateFilter_item a{
	display: block;
	line-height: inherit;
	flex-grow: 1;
	color: #000;
	font-size: 14px;
}
#dateFilter_toolbar .dateFilter_item a > span{
	display: inline-block;
    width: calc(100% - 50px)!important;/*calc(100% - 30px);*/
	padding-left: 5px;
}
#dateFilter_toolbar .dateFilter_item.active a{
	color: #fff;
}
#dateFilter_toolbar .dateFilter_item img, #dateFilter_toolbar .dateFilter_custom img{
	height: 30px!important;
	padding: 5px 15px 5px 10px;/*5px 0 5px 5px;*/
	box-sizing: border-box;
	cursor: pointer;
}
#dateFilter_toolbar .dateFilter_item img{
	position: relative;
	z-index: +1;
}
#dateFilter_toolbar .dateFilter_custom img{
	padding-right: 5px;
	margin-right: 10px;
	cursor: auto;
}
#dateFilter_toolbar .dateFilter_custom input{
	margin: 0;
	flex: 0 0 calc(100% - 48px);
	width: calc(100% - 48px);
	font-size: 14px;
    height: 30px;
    box-sizing: border-box;
	padding: 5px;
	outline: none;
}
#dateFilter_toolbar .dateFilter_custom .separ{
	flex: 0 0 10px;
}
#dateFilter_toolbar .dateFilter_custom > div{
	display: flex;
	flex: 0 0 calc(50% - 10px);
}
#dateFilter_toolbar .DropDownRiadok .DataField, #dateFilter_toolbar select{
	font-size: 14px;
	height: 33px;
}
#dateFilter_toolbar .ciselniky_wrap .DropDownRiadok .DataField{
	background: #fff;
    border: 1px solid #ddd;
	padding: 0.25rem;
    box-sizing: border-box;
    margin: 0;
	outline: none;
	color: #000;
}
#dateFilter_toolbar .ciselniky_wrap .DefaultDropDown{
	margin-bottom: 0.5rem;
	margin-left: 12px;
}
#dateFilter_toolbar .ciselniky_wrap .DefaultDropDown.hiddenDropDown{
	display: none!important;
}
#dateFilter_toolbar .ciselniky_wrap .DefaultDropDown .DefaultDropDownList{
	left: unset!important;
	margin-top: 2px;
}
#dateFilter_toolbar .ciselniky_wrap .DropDownRiadok .DataField ~ .DefaultDropDownImage{
	height: 32px!important;
}
#dateFilter_toolbar #select_order, #dateFilter_toolbar .harmonika_wrap select{
	width: 100%;
	margin-bottom: 0.5rem;
	padding: 0.25rem;
	border-color: #ddd;
	-webkit-appearance: none;
    -moz-appearance: none;
	background: transparent url(../../Images/System/iphone/24x24/arrow_bottom_icon.png) center center no-repeat;
	background-size: 12px;
    background-position: calc(100% - 9px) center;
	outline: none;
}
#dateFilter_toolbar #select_order option{
	color: #000;
	font-style: normal;
}
#dateFilter_toolbar #select_order.initial{
	font-style: italic;
	color: #6a6a6a;
}
#dateFilter_toolbar #select_order::-ms-expand{
	display: none;
}
#dateFilter_toolbar .order_wrap > .flex_box{
	display: flex;
}
#dateFilter_toolbar .order_wrap .select_wrapper, #dateFilter_toolbar .harmonika_wrap .select_wrapper{
	position: relative;
	flex-grow: 1;
	margin-left: 12px;
}
#dateFilter_toolbar .order_wrap .select_wrapper > label:before, #dateFilter_toolbar .harmonika_wrap .select_wrapper > label:before{
	content: "";
	position: absolute;
	top: 0;
	right: 32px;
	width: 0;
	height: 32px;
	border-left: 1px solid #8b98a1;
	box-sizing: border-box;
}
#dateFilter_toolbar .order_wrap .select_wrapper > label:after, #dateFilter_toolbar .harmonika_wrap .select_wrapper > label:after{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 33px;
	height: 0;
	border-top: 1px solid #8b98a1;
	box-sizing: border-box;
}
#dateFilter_toolbar .order_wrap .select_wrapper .only_border:before, #dateFilter_toolbar .harmonika_wrap .select_wrapper .only_border:before{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 32px;
	border-right: 1px solid #8b98a1;
	box-sizing: border-box;
}
#dateFilter_toolbar .order_wrap .select_wrapper .only_border:after, #dateFilter_toolbar .harmonika_wrap .select_wrapper .only_border:after{
	content: "";
	position: absolute;
	top: 32px;
	right: 0;
	width: 33px;
	height: 0;
	border-bottom: 1px solid #8b98a1;
	box-sizing: border-box;
}
#dateFilter_toolbar .smer_order{
	/*display: none;*/
	margin-left: 1rem;
}
#dateFilter_toolbar .smer_order > label{
	padding-right: 1rem;
	display: inline-block;
	height: 32px;
    width: 35px;
    padding: 5px 3px;
    box-sizing: border-box;
	position: relative;
}
#dateFilter_toolbar .smer_order > label input{
	vertical-align: middle;
	visibility: hidden;
	height:0;
	width: 0;
	margin: 0;
	padding: 0;
}
#dateFilter_toolbar .smer_order > label span{
	vertical-align: middle;
	font-size: 1rem;
	margin-left: 0.5rem;
}
#dateFilter_toolbar .smer_order > label:first-of-type{
	margin-right: 0.25rem;
}
#dateFilter_toolbar .smer_order > label img{
	width: 20px;
	height: 20px;
}
#dateFilter_toolbar .smer_order > label input:checked ~ img{
	filter: invert(1);
}
#dateFilter_toolbar .smer_order > label input ~ span.bg_cover{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: none;
	margin: 0;
	padding: 0;
	border: 0;
	display: none;
	border-radius: 4px;
}
#dateFilter_toolbar .smer_order > label input:checked ~ span.bg_cover{
	display: block;
	background: var(--main-bg-color);
}
#dateFilter_toolbar .harmonika_wrap .header{
	display: none;
}
#dateFilter_toolbar .harmonika_wrap .harmonika_content *{
	color: #000;
    font-size: 14px;
	font-weight: normal;
	outline: none;
}
#dateFilter_toolbar .harmonika_wrap .harmonika_content .select_wrapper > label{
	position: relative;
	display: block;
	margin-bottom: 0.5rem;
}
#dateFilter_toolbar .harmonika_wrap .harmonika_content select{
	margin: 0;
	height: 33px;
	width: 100%;
	border: 1px solid #ddd;
}
#dateFilter_toolbar .harmonika_wrap .harmonika_content .default_selectbox{
	position: absolute;
    color: #6a6a6a;
	top: 50%;
	left: 0.25rem;
	transform: translateY(-50%);
}
#ui-datepicker-div{
	min-height: unset!important;
}
table[class^="infoTbl"] tr.Sum{
	position: relative;
}
table[class^="infoTbl"] tr.Sum td:first-of-type:after{
	content: "";
    background: var(--main-bg-color);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0.2;
}
table[class^="infoTbl"] tr.Sum td:first-of-type:before{
	content: "";
    position: absolute;
	left: 20px;
    top: 50%;
    display: block;
    transform: translateY(-50%);
    background: url(../../images/system/svg/sum-sign.svg) center center no-repeat;
    background-size: contain;
    width: 18px;
    height: 18px;
    margin-right: 40px;
    vertical-align: middle;
    filter: var(--main-svg-color);
}
table[class^="infoTbl"] tr.Sum td:last-of-type:before{
	content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 2rem);
    height: 2px;
    background: var(--main-bg-color);
    z-index: +2;
}
table[class^="infoTbl"] tr:last-of-type.Sum td:last-of-type:before{
	content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 2rem);
    height: 2px;
    background: var(--main-bg-color);
    z-index: +2;
}
table[class^="infoTbl"] tr.Sum td{
	font-weight: bold;
    font-size: 14px;
	height: 40px;
	padding: 0.5rem 0;
    box-sizing: border-box;
	border: 0;
}
.google-visualization-tooltip-item-list, .google-visualization-tooltip-item{
	border: 0;
}
/*chartsonly*/
.chColChb div div{
	  float: left;
	  height: 15px;
	  width: 15px;
	  padding: 0;
	  margin-right: 4px;
	  border-radius: 2px;
	}
	.chColChb label{
	  float: left;;
	  margin-right: 8px; 
    font-weight: bold;
	}
	.chColChb div input:checked + label div{
		background-image: url(../../images/checkMark.png) !important;
    background-repeat: no-repeat !important;
    background-position: 1px 1px !important;
	}
  .b-graph__export_sub{
    position: absolute;
    list-style: 0;
    padding: 5px 10px;
    border: 1px solid rgb(238, 238, 238);
    box-shadow: rgba(0, 0, 0, 0.176471) 0px 6px 12px;
    background: white;
  }
  .b-graph__export_sub li:hover{
    background-color: #EBEBEB;
  }
  .b-graph__export_sub a{
    display: block;
    padding: 0;
    color: #428bca;
    text-decoration: none;
    cursor: pointer;
    text-align: right;
	margin: 0;
  }
/**/
	.b-graph-container {
		padding: 10px 0;
		background-color: #ffffff;
		border: solid 1px #f0f0f0;
		margin: 1px;
		border-radius: 5px;
		font-family: Arial;
	}
	.b-graph__title {
		padding: 10px 20px 10px 20px;
		border-bottom: solid 1px #f0f0f0;
		font-size: 22px;
		line-height: 22px;
		vertical-align: bottom;
		color: #8498bf;
	}
	.b-graph__title__sub {
		float: right;
		font-size: 14px;
		font-weight: normal;
    color: #9a9a9a;
	}
  .b-graph__Zal{
    padding: 10px;
		border-bottom: solid 1px #f0f0f0;
    margin-bottom: 10px;
    overflow: hidden;
  }
  .b-graph__Zal:after{
    content: "";
    clear: both;
  }
  .b-graph__legend{}
  .b-graph__legend table{
    font: 11px/20px Arial,Helvetica,Sans-Serif;
    background-color: #FFFFFF;
    -webkit-print-color-adjust: exact;
    background-repeat: repeat-x !important;
    line-height: 15px;
    padding: 1px;
    margin: 5px;
  }
  .b-graph__legend table th{
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    -webkit-print-color-adjust: exact;
    padding: 1px 5px 1px 5px;
    margin-right: 5px;
    border-bottom: solid #bbbbbb 1px;
    border-right: solid #bbbbbb 1px;
    white-space: nowrap;
    height: 20px;
  }
  .b-graph__legend table td{
    color: #111111;
    background: inherit;
    -webkit-print-color-adjust: exact;
    padding: 2px 1px 2px 1px;
    margin-right: 1px;
    height: 15px;
    border-bottom: solid #EEEEEE 1px;
    border-right: solid #EEEEEE 1px;
    white-space: nowrap;
  }
  .b-graph__legend table .parentArea td{
    font-weight: bold;
    text-decoration: none;
    border-bottom: none;
  }
	.b-graph__footer{
		border-top: solid 1px #f0f0f0;
		padding: 10px 10px 0 10px;
		margin-top: 10px;
	}
  .b-graph__footer input, .chDataRad input, .labelToButton input{
    display: none;
  }
  .b-graph__footer a.sel, .b-graph__footer a.sel:hover,.b-graph__Zal a.b-graph__ZalSel, .b-graph__Zal a.b-graph__ZalSel:hover{
      border: solid 1px #b6323a;
      background: #b6323a;
      color: white;
  }
  .b-graph__legend tr td:first-child, .b-graph__legend tr th:first-child{
    width: 10px;
  }
  .b-graph__legend tr:hover td{
    background: yellow;
  }
  .chartSetPanel>a{
  float: right;
  cursor: pointer;
}
.chartSetPanel {
    overflow: hidden;
    padding: 10px;
}
.chartSetPanel>a{
    font: 11px Arial;
    text-align: center;
    vertical-align: middle;
    float: right;
    cursor: pointer;
    height: 27px;
    line-height: 27px;
    color: black;
    margin: 0 0 0 0;
    margin-left: 4px;
    font-weight: bold;
    background: none;
    min-width: 28px;
    padding: 0 5px;
    text-shadow: none;
    border: solid 1px #dddddd;
    background: #f4f4f4;  
}
.chartSetPanel>a img{
    width: 16px;
    margin-top: 0;
}
/***/
.google-visualization-tooltip-item-list, .google-visualization-tooltip-item{
	border: 0;
}
.current .toolbar, .currentView .toolbar, #home > .toolbar{
	background: var(--main-bg-color)!important;
}
.noselect {
  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.mail_template{
	border: solid 1px #ccc;	
	border-bottom: 0;
	border-left: 6px solid transparent;
	background-color: #fff;
}
.mail_template .row_{
	padding: 0 0.75rem 0.4rem 1.25rem;
    box-sizing: border-box;
    display: flex;
    align-items: baseline;
	border: 0;
	position: relative;
	min-height: 26px;
}
.mail_template .row_:first-of-type{
	padding-top: 0.75rem;
}
.mail_template:last-of-type{
	border-bottom: 1px solid #ccc;
}
.mail_template h2{
	margin: 0;
	font-size: 16px;
	color: #000;
	height: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mail_template h2 a{
	color: var(--main-txt-color);
}
.mail_template .row_ > div{
    color: #000;
	font-size: 10px;
}
.mail_template .row_ .text_right{
	margin-left: auto;
}
.mail_template .row_ > div *{
	color: inherit;
	font-size: inherit;
}
.mail_template .row_ > div a{
	color: var(--main-txt-color)!important;
    font-weight: bold;
}
.mail_template .row_ .fixed_column{
	flex: 0 0 70px;
	text-align: right;
    font-size: 11px;
	height: 100%;
}
.mail_template .row_ .fixed_column.static{
	position: absolute;
    right: 0.75rem;
    height: calc(100% - 0.4rem);
	display: flex;
    align-items: flex-end;
	width: 70px;
    justify-content: flex-end;
}
.mail_template .row_ .fixed_column img{
	width: 16px;
	height: 16px;
	filter: invert(.5);
}
.mail_template .row_ div.mail_message{
	margin: 0;
	word-break: break-word;
	font-size: 12px;
	max-height: 60px;
    overflow: hidden;
	flex: 0 0 calc(100% - 70px);
}
.mail_template.ICON_RIGHT, .mail_template.ICON_LEFT{
	position: relative;
}
.mail_template.ICON_RIGHT .fixed_icon, .mail_template.ICON_LEFT .fixed_icon{
	width: 60px;
}
.mail_template.ICON_RIGHT .absolute_icon, .mail_template.ICON_LEFT .absolute_icon{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	width: 50px;
}
.mail_template.ICON_RIGHT .absolute_icon{
	right: 12px;
}
.mail_template.ICON_LEFT .absolute_icon{
	left: 12px;
}
.mail_template.ICON_RIGHT .absolute_icon img, .mail_template.ICON_LEFT .absolute_icon img{
	max-width: 48px;
	max-height: 48px;
	display: block;
    margin: 0 auto;
}
.mail_template.ICON_RIGHT .absolute_icon p, .mail_template.ICON_LEFT .absolute_icon p{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-size: 12px;
}
/************     blue            ***********/
.mail_template.ExtJsBgBlueRow{
	border-left-color: #256d82;
}
.mail_template.ExtJsBgLightBlueRow{
	border-left-color: #CEECF5;
}
.mail_template.ExtJsBgDarkBlueRow{
	border-left-color: #58D3F7;
}
/************     green            ***********/
.mail_template.ExtJsBgGreenRow{
	border-left-color: #1eac41;
}
.mail_template.ExtJsBgLightGreenRow{
	border-left-color: #CEF6D8;
}
.mail_template.ExtJsBgDarkGreenRow{
	border-left-color: #58FA82;
}
/************     gray           ***********/
.mail_template.ExtJsBgGrayRow{
	border-left-color: #a3a0a0;
}
.mail_template.ExtJsBgLightGrayRow{
	border-left-color: #E6E6E6;
}
.mail_template.ExtJsBgDarkGrayRow{
	border-left-color: #BDBDBD;
}
/************     red           ***********/
.mail_template.ExtJsBgRedRow{
	border-left-color: #fe460c;
}
.mail_template.ExtJsBgLightRedRow{
	border-left-color: #F8E0E0;
}
.mail_template.ExtJsBgDarkRedRow{
	border-left-color: #F5A9A9;
}
/************ orange *************/
.mail_template.ExtJsBgOrangeRow{
	border-left-color: #ff9800;
}
/************     yellow           ***********/
.mail_template.ExtJsBgYellowRow{
	border-left-color: #ffeb3b;
}
.mail_template.ExtJsBgLightYellowRow{
	border-left-color: #F5F6CE;
}
.mail_template.ExtJsBgDarkYellowRow{
	border-left-color: #F3F781;
}
.map_zobraz_trasu{
	padding: 2px 5px 1px 5px;
	border-radius: 2px;
    background: white;
	cursor: pointer;
    text-align: left;
	border: 1px solid #bbbbbb;
	-webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
	box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
}
.map_zobraz_trasu label{
	line-height: 14px;
	font-weight: bold;
	font-family: Roboto, Arial, sans-serif;
	font-size: 11px;
}
.map_zobraz_trasu input{
	vertical-align: text-bottom;
	height: auto !important; 
}
.fc-view-container .fc-list-view .fc-scroller{
	height: auto!important;
}
.fc-view-container .fc-list-empty{
	padding: 1rem 0;
}
.fc-month-view .fc-row .fc-content-skeleton thead td.fc-week-number > span{
	position: absolute;
	top: 50%;
	left: 2px;
	width: 20px;
	text-align: center;
	transform: translateY(-50%);
	font-weight: 500;
}
.kalendar_wrapper .fixed_btn_activity{
	position: fixed;
	bottom: 0.5rem;
	right: 0.5rem;
	width: 48px;
	height: 48px;
	background: url("../../images/system/menu/action/plus-circle.svg") center center no-repeat;
	border: 0;
	outline: none;
	padding: 0;
    background-size: contain;
}
.md_head.toolbar{
	height: 64px!important;
	padding: 0 16px!important;
	box-sizing: content-box;
	position: sticky;
    top: 0;
    z-index: 10008;
	box-sizing: border-box;
}
.md_head.toolbar .left_buttons, .md_head.toolbar .right_buttons, [id$="BodyDetail"] .toolbar .right_buttons{
	height: inherit;
	display: flex;
}
.md_head.toolbar .left_buttons > *, .md_head.toolbar .right_buttons > *{
	margin-right: 0;
	height: inherit;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}
.md_head button.hamburger_menu{
	height: inherit;
}
.md_head .backBaris{
	padding: 0;
	height: inherit;
    width: 30px;
}
.md_head.toolbar > h1{
	height: inherit!important;
    display: flex;
    align-items: center;
}
.md_head.toolbar > h1 > *{
	display: block;
    flex: 1 1;
    height: inherit;
	/*line-height: 3.5;var(--toolbar-line-height)*/
	padding: 18px 0;
	box-sizing: border-box;
}
.md_head.toolbar > h1 > a{
	display: initial;
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
}
.md_head.toolbar > h1, .md_head.toolbar > h1 *{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.toolbar > h1 span.dual_hdr{
    line-height: normal;
    display: block;
	height: 64px;
    padding: 0.75rem 0 0 0;
    box-sizing: border-box;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
[id$="BodyDetail"] > .toolbar > h1 span.dual_hdr{
	height: auto;
	min-height: 64px;
}
.md_head.toolbar > h1 span.dual_hdr{
	padding: 1rem 0 0.75rem 0;
}
.toolbar > h1 span.dual_hdr small{
	height: auto;
    line-height: normal;
    flex: 0 0 100%;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	font-weight: normal;
	font-style: italic;
	opacity: 0.8;
	display: block;
}
.md_head.toolbar .custom_toolbar > img, .md_head.toolbar > .right_buttons > img.headerMenu, [id$="BodyDetail"] .toolbar .right_buttons .custom_toolbar img{
	width: 40px;
    height: inherit;
    padding: 22px 10px;
	margin: 0;
	position: unset;
	box-sizing: border-box;
}
[id$="BodyDetail"] .toolbar .right_buttons .custom_toolbar > img.headerMenu{
	position: unset;
}
[id$="BodyDetail"] .toolbar .right_buttons .custom_toolbar a{
	display: block;
}
.md_head.toolbar .right_buttons .RefreshButt{
	box-sizing: border-box;
    margin: 0;
    width: 40px;
    padding: 20px 10px;
}
.md_head .right_buttons .slideup{
	justify-content: center;
}
.md_head .right_buttons .slideup{
	margin-right: 20px;
}
.md_head .right_buttons .calendar_controls{
	height: inherit;
}
.md_head .right_buttons .calendar_controls img{
	width: 24px;
	height: 24px;
}
.md_head .right_buttons .calendar_controls button{
	background: none;
	width: 40px;
	height: inherit;
	padding: 0;
	position: relative;
	outline: none;
}
.md_head .right_buttons .calendar_controls button.active{
	display: block;
}
.md_head .right_buttons .calendar_controls button.selected img{
	filter: brightness(0) invert(1);
	position: relative;
	z-index: 1;
	width: 32px;
	height: 32px;
}
.md_head .right_buttons .calendar_controls .calendar_view, .md_head .right_buttons .calendar_controls .list_view{
	display: none;
}
.ZalozkaCheckbox{
	display: flex;
    align-items: center;
}
.ZalozkaCheckbox > b{
	display: inline-block;
    height: inherit;
}
.ZalozkaCheckbox > b a.ZalozkaCheckbox{
	background-position-y: calc(50% - 2px);
	height: inherit;
    display: inline-block;
    margin: 0 0.5rem;
    line-height: 35px;
}
.ZalozkaCheckbox > b a.ZalozkaCheckbox:first-of-type{
	margin-left: 0;
}
.fc-toolbar .fc-right, .fc-toolbar .fc-left .fc-today-button{
	visibility: hidden;
    width: 0;
    float: none;
    position: absolute;
    height: 0;
	margin: 0;
    padding: 0;
    border: 0;
}
.fc-toolbar .fc-left{
	float: none;
}
.fc-toolbar .fc-left:after {
    content: "";
    display: block;
    clear: both;
}
.fc-toolbar .fc-left .fc-button-group{
	float: none;
    display: flex;
    justify-content: space-between;
	align-items: center;
	padding: 0 1rem;
    box-sizing: border-box;
}
.fc-toolbar .fc-left button.fc-state-default{
    background: var(--main-bg-color);
    color: #fff;
    height: 40px;
    width: 40px;
    margin: 0;
	outline: none;
}
.fc table{
	font-size: 0.95em;
}
.kalendar_wrapper{
	padding-bottom: 2rem;
}
.kalendar_wrapper .fc-event-container .special_event_month{
	pointer-events: none;
	margin-left: 2px;
    background: #4578ab;
    color: #fff;
    padding: 4px 8px;
    border-radius: 8px;
    width: calc(100% - 4px);
    display: block;
    box-sizing: border-box;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
}
.kalendar_wrapper .month_vypis table{
	width: 100%;
}
.kalendar_wrapper .month_vypis thead td{
	background: #eee;
	border: 0;
	padding: 8px 14px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	font-size: 0.95em;
	font-weight: bold;
	color: #000;
}
.kalendar_wrapper .month_vypis tbody tr{
	cursor: pointer;
}
.kalendar_wrapper .month_vypis tbody td{
	background: #fff;
	border: 0;
	padding: 8px 14px;
	border-bottom: 1px solid #ddd;
	color: #000;
}
.kalendar_wrapper .month_vypis tbody td:first-of-type{
	padding-left: 14px;
	white-space: nowrap;
    width: 1px;
}
.kalendar_wrapper .month_vypis tbody td:nth-of-type(2){
	padding-right: 0;
	white-space: nowrap;
    width: 1px;
}
.kalendar_wrapper .month_vypis tbody td:last-of-type{
	padding-right: 14px;
}
.kalendar_wrapper .month_vypis tbody td a{
	color: #000;
}
.kalendar_wrapper .month_vypis tbody td img{
	max-width: 16px;
    margin-right: 10px;
	vertical-align: text-top;
}
.kalendar_wrapper .month_vypis thead td span{
	float: right;
}
.DFORMnew .DFORMbuttons td.DFORMButt{
	text-align: right;
}
.DFORMnew .DFORMbuttons td.DFORMButt > button.ext_butt{
	float: none;
    text-align: center;
    padding: 0 10px;
    min-width: 35px;
    margin-left: 5px;
	border: 1px solid #8b98a1;
	font-size: 11px;
}
.DFORMnew .DFORMbuttons td.DFORMButt > button.ext_butt > img{
	max-height: 20px;
	max-width: 20px;
}
.DFORMnew .DFORMbuttons td.DFORMButt > button.ext_butt img ~ span{
	margin-left: 5px;
	font-weight: bold;
}
.DFORMnew .H_infotableDFORM{
	color: #4c566c!important;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
	margin-top: 0.75rem;
    margin-bottom: 0.25rem;
}
.H_infotableDark{
    /*padding: 0;
	margin: calc(10px + 0.75rem) 10px 0.25rem 10px;*/
	padding: calc(10px + 0.75rem) 10px 0.25rem 10px;
	margin: 0;
    font-size: 16px;
}
table.infotableDark tr td.Row_infotableDark:first-of-type{
	border-bottom: 0;
	font-weight: normal;
}
span.collapser.diff:after{
	background-image: url(../../images/system/menu/detail/arrow_down.svg);
	filter: invert(0.4);
}
span.collapser.diff.minus:after{
	transform: rotate(0);
}
span.collapser.diff.plus:after{
	transform: rotate(-180deg);
}
.DFORMnew .H_infotableDFORM img.item{
	margin-right: 4px;
}
div.gpspicker:after{
	clear: both;
}
div.gpspicker > input[class^="DataField"]{
	width: calc(100% - 32px)!important;
}
div.gpspicker > input ~ button{
	width: 30px;
	height: 33px;
	border: 1px solid #7F9DB9;
	border-radius: 0;
	margin-left: 2px;
	background: #fff url(../../images/system/map.png) center center no-repeat;
	background-size: 16px;
	vertical-align: top;
}
.gmap_wrapper{
	/*min-height: 95vh;*/
	min-height: unset!important;
	max-height: unset!important;
	max-width: unset!important;
	height: 100vh;
	padding-top: 74px!important;
}
.gmap_wrapper > #map_canvas{
	/*min-height: calc(95vh - 20px);*/
	min-height: unset;
	max-height: unset!important;
}
.admin_bar{
	position: unset;
    width: 100%;
    height: 40px;
    background: #fff;
	display: flex;
}
.admin_bar button{
	float: none;
	width: 40px;
	flex: 0 0 40px;
	height: 100%;
	text-align: center;
	padding: 0 5px;
	position: relative;
	outline: none;
	margin: 0;
	border: 0;
}
.admin_bar button.active:after{
	content: "";
	display: block;
	position: absolute;
	top: 5px;
	bottom: 5px;
	left: 5px;
	right: 5px;
	background: #3F51B5;
	border-radius: 4px;
}
.admin_bar button.active img{
	filter: invert(1);
	position: relative;
	z-index: +1;
}
.admin_bar button img{
	width: 20px;
	height: 20px;
}
.admin_bar .akt_okruh{
	flex-grow: 1;
	height: 100%;
	padding: 0 1rem;
	display: flex;
	align-items: center;
}
.admin_bar .akt_okruh button{
	flex: 0 0 auto;
    width: auto;
    padding: 0 1rem;
	border: 0;
}
.admin_bar .akt_okruh .params_info{
	flex-grow: 1;
	display: none;
	user-select:all;
}

.params_info INPUT
{
	width:100%;
	user-select:all;
	padding:2px;
	height:20px;
}

.admin_bar .quick_action {
	
	font-weight:bold;
	font-size:20px;
	border-left:solid 1px black;
}
.admin_bar .quick_action:hover {	
	background-color: var(--main-bg-color);
	color:white;
}
.admin_bar .quick_action:hover img{
	filter: invert(1);
}
body > div:not(#Okruhy):not(#sideMenu):not(#floatingBtn):not(#floatingBtnWrap):not(#dateFilter_toolbar):not(#leftPanelObject),
#Okruhy .tabbMini,
#sideMenu .sideMenuContent,
#floatingBtn .floatingMenuContent,
#floatingBtnWrap .floatingbutton,
#dateFilter_toolbar .filter_wrap{
	zoom: var(--main-zoom,1);
}
#Okruhy{
	min-height: auto!important;
	float: none;
	width: auto;
	top: 40px;
	left: 1rem;
	background: var(--main-bg-color);
	border: solid 1px #fff;
	z-index: 99999;
	position: fixed;/*absolute*/
	max-height: calc(100% - 80px);
    overflow-y: auto;
}
#Okruhy:before, .anylinkcss div.list:before{
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
}
#Okruhy .tabbMini .OkruhoveMenu{
	padding: 0.875rem 3rem 0.875rem 1rem;
	display: flex;
    align-items: center;
}
#Okruhy .tabbMini .OkruhoveMenu img{
	width: 24px;
	max-height: 24px;
	margin-right: 1rem;
}
#Okruhy .tabbMini .OkruhoveMenu span{
	color: #fff;
    font-weight: bold;
    font-size: 18px;
}
#Okruhy .Sel.OkruhoveMenu{
	display: none!important;
}
.DFORMmain{
	background: #fff;
}
#nahlad_prilohy{
	position: fixed!important;
	top: 0!important;
	left: 0!important;
	right: 0!important;
	bottom: 0!important;
	background: rgba(0,0,0,0.5)!important;
	z-index: 99999!important;
}
[id$="BodyDetail"]{
	background: #fff;
}
[id$="BodyDetail"] > .toolbar > h1{
	padding-left: 20px;
	cursor: pointer;
}
[id$="BodyDetail"] > .toolbar > h1:before{
	content: "";
	width: 20px;
	height: 20px;
	background: url("../../Images/System/iphone/32x32/arrow_left.png") center center no-repeat;
	border: 0;
	position: absolute;
    display: block;
    transform: translate(8px, -50%);
    top: 50%;
	left: 0;
}
[id$="BodyDetail"]._sticky{
	position: sticky;
    top: 64px;
    max-height: 100vh;
    overflow-y: auto;
}
[id$="BodyDetail"]._sticky > .toolbar{
	top: 0;
}
.logout_btn_wrapper{
	text-align: center;
	margin-bottom: 0;
}
.logout_btn_wrapper .redButton, .logout_btn_wrapper .grayButton{
	display: inline-block;
	width: calc(50% - 20px);
	margin: 0 10px;
	max-width: 250px;
	margin-bottom: 8px;
	box-sizing:border-box;
}
/*MenuIconTabs*/
ul.MenuIconTabs{
	display: flex;
    align-items: center;
	background: #fff;
    padding: 1rem 0.5rem;
    box-sizing: border-box;
	overflow-x: auto;
}
ul.MenuIconTabs li.arrow {
    margin: 0 0.5rem 0 0!important;
	border: 1px solid var(--main-bg-color)!important;
    border-radius: 4px;
    flex: 1 1;
    text-align: center;
	box-sizing: border-box;
}
ul.MenuIconTabs li.arrow a{
	font-size: 14px;
    color: var(--main-bg-color);
}
ul.MenuIconTabs li.arrow:first-of-type:before, ul.MenuIconTabs li.arrow.active + li:before, ul.MenuIconTabs li.arrow:hover + li:before{
	display: none;
}
ul.MenuIconTabs li.arrow > * {
    width: 100%;
    text-align: center;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	height: 40px;
	line-height: 40px!important;
	color: #fff;
	font-family: verdana,sans-serif;
	transition: 0.2s font-size ease-out;
	padding: 0 1.5rem;
	box-sizing: border-box;
}
ul.MenuIconTabs li.arrow a img {
    display: inline-block;
	margin: 0 5px;
	height: auto;
    width: 16px;
	filter: invert(1);
	display: none;
}
ul.MenuIconTabs li.arrow a:hover, ul.MenuIconTabs li.arrow.active a{
	background-image: none;
	border-radius: 0;
	background-color: var(--main-bg-color);
	color: #fff;
}
.autoOpenLayout{
	display: flex;
	flex-wrap: wrap;
}
.autoOpenLayout > div{
	display: block;
	flex: 1 1;
}
.udalostCRMSheduler{
	width: 100%!important;
	background: #fff;
	padding: 10px;
    border-collapse: separate;
    border-spacing: 0;
}
.udalostCRMSheduler td{
	font-size: 14px;
	font-weight: 500;
}
.udalostCRMSheduler input{
	background: none;
    border: none;
    outline: none;
	color: #000;
}
.udalostCRMSheduler input[type="text"]{
	height: 25px;
	border-bottom: 1px solid #8b98a1;
	background: none;
	margin: 0 4px 5px 4px;
	color: #000;
}
.udalostCRMSheduler input[readonly]{
	border-bottom: 0;
}
.udalostCRMSheduler input[type="radio"],.udalostCRMSheduler input[type="checkbox"]{
	vertical-align: middle;
	margin: 0 4px;
}
.udalostCRMSheduler #component> div{
	margin-bottom: 0.5rem;
}
.udalostCRMSheduler div[id*="_ts_panEdit"]{
	width: 100%!important;
}
.udalostCRMSheduler #component div[id*="_ts_"] {
    display: inline-block;
	margin-left: 80px;
}
.udalostCRMSheduler #component div[id*="_ts_weeks"]{
	margin-left: 0.5rem;
}
.udalostCRMSheduler #component div[id*="_ts_days"],.udalostCRMSheduler #component div[id*="_ts_inDay"]{
	display: block;
}
.udalostCRMSheduler #component div[id*="_ts_"] br{
    display: none;
}
.udalostCRMSheduler input:disabled, .udalostCRMSheduler select:disabled{
	opacity: 0.5;
}
.udalostCRMSheduler .scheduler > div:nth-of-type(2){
	height: auto!important;
	overflow: auto!important;
	max-height: 290px;
}
.udalostCRMSheduler tbody tr:last-of-type button{
	border: 1px solid #8b98a1;
	float: none;
	padding: 0 10px;
    margin-top: 10px;
}
.udalostCRMSheduler tbody tr:last-of-type button img{
	margin-right: 5px;
}
.step_controller{
	display: flex;
	align-items: center;
	background: #cbd2d8;
}
.step_controller > div{
	flex: 1 1;
	text-align: center;
	padding: 0.5rem 0;
	font-weight: bold;
}
.step_controller .previous, .step_controller .next{
	flex: 0 0 48px;
	box-sizing: border-box;
}
.step_controller .previous{
	padding-left: 1rem;
	text-align: left;
}
.step_controller .next{
	padding-right: 1rem;
	text-align: right;
}
.step_controller .previous img{
	transform: rotate(180deg);
}
.step_controller > div img{
	height: 16px;
	cursor: pointer;
	padding: 4px;
}
.infoTblDark .checkbox_todo{
	position: relative;
	padding-left: calc(20px + 1rem);
}
.infoTblDark .checkbox_todo *{
	word-break: break-word;
	text-indent: unset;
}
.infoTblDark .checkbox_todo .icon{
	position: absolute;
	left: 2px;
	width: 20px;
	height: 20px;
	padding: 3	px;
	border: 2px solid #929292;
	border-radius: 2px;
	margin: 0;
	box-sizing: border-box;
	cursor: pointer;
}
#voice_command_menu{
	display: none!important;
}
.baris_modal .baris_modal_wrap > .footer .flex_wrap{
	display: flex;
    width: 100%;
}
.baris_modal .baris_modal_wrap > .footer .flex_wrap > button{
	padding: 0 0.75rem;
}
.baris_modal .baris_modal_wrap > .footer .flex_wrap > button.colored{
	background:var(--main-bg-color);
	color:#fff;
}
.switch.switch-outline .switch-slider{
	height: 22px;
}
.switch.switch-outline .switch-slider:before{
	width: 20px;
}
/*sablonove cssko*/
.ibaris_design a{
	color: var(--main-bg-color);
}
.ibaris_design .color{
	color: var(--main-bg-color)!important;
}
.ibaris_design .color *{
	color: var(--main-bg-color);
}
.ibaris_design .red, .ibaris_design_container .toggableItem .red, .template_wrap .red, table.infoTblDark .red{
	color: #f00!important;
}
.ibaris_design .red *, .ibaris_design_container .toggableItem .red *, .template_wrap .red *{
	color: #f00;
}
.ibaris_design .ired, .ibaris_design_container .toggableItem .ired, .template_wrap .ired, table.infoTblDark .ired,
.ibaris_design .ired *, .ibaris_design_container .toggableItem .ired *, .template_wrap .ired *{
	color: #fff!important;
	background: #f00!important;
}
.ibaris_design .black, .ibaris_design_container .toggableItem .black, .template_wrap .black, table.infoTblDark .black{
	color: #000!important;
}
.ibaris_design .black *, .ibaris_design_container .toggableItem .black *, .template_wrap .black *{
	color: #000;
}
.ibaris_design .iblack, .ibaris_design_container .toggableItem .iblack, .template_wrap .iblack, table.infoTblDark .iblack,
.ibaris_design .iblack *, .ibaris_design_container .toggableItem .iblack *, .template_wrap .iblack *{
	color: #fff!important;
	background: #000!important;
}
.ibaris_design .green, .ibaris_design_container .toggableItem .green, .template_wrap .green, table.infoTblDark .green{
	color: #2E7D32!important;
}
.ibaris_design .green *, .ibaris_design_container .toggableItem .green *, .template_wrap .green *{
	color: #2E7D32;
}
.ibaris_design .igreen, .ibaris_design_container .toggableItem .igreen, .template_wrap .igreen, table.infoTblDark .igreen,
.ibaris_design .igreen *, .ibaris_design_container .toggableItem .igreen *, .template_wrap .igreen *{
	color: #fff!important;
	background: #2E7D32!important;
}
.ibaris_design .white, .ibaris_design .white *, .ibaris_design_container .toggableItem .white *, .template_wrap .white *, table.infoTblDark .white{
	color: #fff;
}
.ibaris_design .blue, .ibaris_design .blue *, .ibaris_design_container .toggableItem .blue *, .template_wrap .blue *, table.infoTblDark .blue{
	color: #0277BD;
}
.ibaris_design .iblue, .ibaris_design_container .toggableItem .iblue, .template_wrap .iblue, table.infoTblDark .iblue,
.ibaris_design .iblue *, .ibaris_design_container .toggableItem .iblue *, .template_wrap .iblue *{
	color: #fff!important;
	background: #0277BD!important;
}
.ibaris_design .orange, .ibaris_design .orange *, .ibaris_design_container .toggableItem .orange *, .template_wrap .orange *, table.infoTblDark .orange{
	color: #FF9D33;
}
.ibaris_design .iorange, .ibaris_design_container .toggableItem .iorange, .template_wrap .iorange, table.infoTblDark .iorange,
.ibaris_design .iorange *, .ibaris_design_container .toggableItem .iorange *, .template_wrap .iorange *{
	color: #fff!important;
	background: #FF9D33!important;
}
.ibaris_design .purple, .ibaris_design .purple *, .ibaris_design_container .toggableItem .purple *, .template_wrap .purple *, table.infoTblDark .purple{
	color: #880e4f;
}
.ibaris_design .ipurple, .ibaris_design_container .toggableItem .ipurple, .template_wrap .ipurple, table.infoTblDark .ipurple,
.ibaris_design .ipurple *, .ibaris_design_container .toggableItem .ipurple *, .template_wrap .ipurple *{
	color: #fff!important;
	background: #880e4f!important;
}
.ibaris_design .ired, .ibaris_design_container .toggableItem .ired, .template_wrap .ired, table.infoTblDark .ired,
.ibaris_design .iblack, .ibaris_design_container .toggableItem .iblack, .template_wrap .iblack, table.infoTblDark .iblack,
.ibaris_design .igreen, .ibaris_design_container .toggableItem .igreen, .template_wrap .igreen, table.infoTblDark .igreen,
.ibaris_design .iblue, .ibaris_design_container .toggableItem .iblue, .template_wrap .iblue, table.infoTblDark .iblue,
.ibaris_design .iorange, .ibaris_design_container .toggableItem .iorange, .template_wrap .iorange, table.infoTblDark .iorange,
.ibaris_design .ipurple, .ibaris_design_container .toggableItem .ipurple, .template_wrap .ipurple, table.infoTblDark .ipurple{
	border-radius: 4px;
	padding: 0.125rem;
	vertical-align: top;
}
.ibaris_design .t_left{
	margin-right: auto;
	text-align: left;
}
.ibaris_design .t_right{
	margin-left: auto;
	text-align: right;
}
table.infoTblDark .t_left{
	text-align: left;
}
table.infoTblDark .t_right{
	text-align: right;
}
table.infoTblDark .t_center{
	text-align: center;
}
.ibaris_design .t_8, .ibaris_design_container .toggableItem .t_8, .template_wrap .t_8, table.infoTblDark .t_8{
	font-size: 8px;
}
.ibaris_design .t_10, .ibaris_design_container .toggableItem .t_10, .template_wrap .t_10, table.infoTblDark .t_10{
	font-size: 10px;
}
.ibaris_design .t_12, .ibaris_design_container .toggableItem .t_12, .template_wrap .t_12, table.infoTblDark .t_12{
	font-size: 12px;
}
.ibaris_design .t_14, .ibaris_design_container .toggableItem .t_14, .template_wrap .t_14, table.infoTblDark .t_14{
	font-size: 14px;
}
.ibaris_design .t_16, .ibaris_design_container .toggableItem .t_16, .template_wrap .t_16, table.infoTblDark .t_16{
	font-size: 16px;
}
.ibaris_design .t_18, .ibaris_design_container .toggableItem .t_18, .template_wrap .t_18, table.infoTblDark .t_18{
	font-size: 18px;
}
.ibaris_design .t_20, .ibaris_design_container .toggableItem .t_20, .template_wrap .t_20, table.infoTblDark .t_20{
	font-size: 20px;
}
.ibaris_design .t_22, .ibaris_design_container .toggableItem .t_22, .template_wrap .t_22, table.infoTblDark .t_22{
	font-size: 22px;
}
.ibaris_design .t_24, .ibaris_design_container .toggableItem .t_24, .template_wrap .t_24, table.infoTblDark .t_24{
	font-size: 24px;
}
.ibaris_design .t_26, .ibaris_design_container .toggableItem .t_26, .template_wrap .t_26, table.infoTblDark .t_26{
	font-size: 26px;
}
.ibaris_design .t_28, .ibaris_design_container .toggableItem .t_28, .template_wrap .t_28, table.infoTblDark .t_28{
	font-size: 28px;
}
.ibaris_design .t_30, .ibaris_design_container .toggableItem .t_30, .template_wrap .t_30, table.infoTblDark .t_30{
	font-size: 30px;
}
.ibaris_design .t_32, .ibaris_design_container .toggableItem .t_32, .template_wrap .t_32, table.infoTblDark .t_32{
	font-size: 32px;
}
.ibaris_design .t_34, .ibaris_design_container .toggableItem .t_34, .template_wrap .t_34, table.infoTblDark .t_34{
	font-size: 34px;
}
.ibaris_design .t_36, .ibaris_design_container .toggableItem .t_36, .template_wrap .t_36, table.infoTblDark .t_36{
	font-size: 36px;
}
.ibaris_design_container .t_b, .template_wrap .t_b, table.infoTblDark .t_b{
	font-weight: bold!important;
}
.ibaris_design_container .t_n, .template_wrap .t_n, table.infoTblDark .t_n{
	font-weight: normal!important;
	font-style: normal!important;
}
.ibaris_design_container .t_i, .template_wrap .t_i, table.infoTblDark .t_i{
	font-style: italic!important;
}
/*****************/
.lcChart.dashboard{
	padding: 10px!important;
	margin: 10px 5px 10px 5px;
	border-radius: 3px;
    background: #ffffff;
    border: 1px solid var(--main-border-color);
    border-top-width: 3px;
    box-sizing: border-box;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	width: calc(100% - 10px);
}
.baris_graf_wrapper.dashboard{
	margin: 10px 5px 10px 5px;
    border-radius: 3px;
    background: #ffffff;
    border: 1px solid var(--main-border-color);
    border-top-width: 3px;
    box-sizing: border-box;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    padding: 0 10px 10px 10px!important;
	width: calc(100% - 10px);
}
.baris_graf_wrapper.dashboard > div:first-of-type{
	padding-top: 10px;
}
.lcChart{
	padding: 0.5rem 1rem!important;
}
.lcChart .caption{
	color: var(--main-txt-color)!important;
    font-size: 20px!important;
    font-weight: bold!important;
	padding: 0 40px 0 0!important;
	text-align: left!important;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: normal!important;
}
.lcChart .datatable thead tr{
	background: #fff;
    border-bottom: 3px solid var(--main-bg-color);
}
.lcChart > .controls{
	font-size: 14px;
}
.lcChart > .controls select{
	background: #fff;
}
.lcChart > .topBar{
	right: 10px!important;
}
.lcChart .datatable{
	font-size: 14px;
}
.lcChart .datatable thead th{
	font-weight: 500;
	line-height: 1.1;
}
.baris_graf_wrapper{
	padding: 0.5rem 1rem!important;
}
.gauge_chart_wrapper{
	background: #fff;
	font-size: 14px;
}
.gauge_chart_wrapper .ChartName{
	margin-bottom: 10px;
}
.gauge_chart_wrapper.dashboard, .clock.dashboard{
	margin: 10px 5px 10px 5px;
    border-radius: 3px;
    background: #ffffff;
    border: 1px solid var(--main-border-color);
    border-top-width: 3px;
    box-sizing: border-box;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    padding: 10px;
	width: calc(100% - 10px);
}
.gauge_chart_wrapper.dashboard .ChartName{
	color: var(--main-txt-color);
    font-size: 20px;
    font-weight: bold;
    text-align: left;
}
.clock.dashboard{
    width: calc(100% - 10px);
}
.clock.dashboard.bad_time > p.bad_text{
	margin-bottom: 0;
}
.clock.dashboard h5{
    padding: 0 0 10px 0;
	margin: 0;
    font-size: 18px;
    color: var(--main-txt-color);
    cursor: auto!important;
    font-size: 20px;
    font-weight: bold;
}
/*template sablona*/
.template_wrap{
	background: #fcfcfc;
	padding: 0.5rem;
}
.template_wrap *{
	color: #000;
	text-align: center;
	background: none;
	font-size: 14px;
}
.template_wrap .t_left, .template_wrap .t_left *{
	text-align: left;
}
.template_wrap .t_right, .template_wrap .t_right *{
	text-align: right;
}
.template_wrap > div{
	border: 1px solid #dadada;
	border-radius: 4px;
	margin: 0 auto;
	margin-bottom: 1rem;    
	padding: 0.25rem;
	background: #fff;
}
.template_wrap .flex_div{
	display: flex;
}
.template_wrap .flex_div > *{
	flex: 1 1;
}
.template_wrap h3{
	font-size: 20px;
}
.template_wrap p{
	margin: 0.125rem 0;
	padding: 0 0.5rem;
}
.template_wrap .auto_width{
	flex: 0 0 auto;
}
.template_wrap img{
	max-width: 100%;
	max-height: 100%;
}
.template_wrap button{
	padding: 0;
	float: none;
	height: 45px;
	width: 45px;
}
.MenuIcons li.active a, .MenuIcons li a.active_item{
	color: var(--main-bg-color);
}
.MenuIcons li.active a img, .MenuIcons li a.active_item img, img.color{
	filter: var(--main-svg-color);
}
/******************/
#tmp_window.modal_view > .header{
	height: 64px;
	padding: 0 1rem;
	display: flex;
	background: var(--main-bg-color)!important;
	position: relative;
}
#tmp_window.modal_view > .header .url{
	position: absolute;
    bottom: 0.2rem;
    left: calc(1rem + 50px);
    color: #fff;
}
#tmp_window.modal_view > .header .closeButton{
	height: 100%;
	width: 30px;
	flex: 0 0 30px;
	display: inline-block;
	background-image: url(../../Images/System/iphone/32x32/arrow_left.png);
    background-repeat: no-repeat;
    background-position: left center;
}
#tmp_window.modal_view > .header h1{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	flex: 1 1;
	max-width: calc(100% - 30px);
	font-size: 20px;
	padding: 0 20px;
	margin: 0;
    line-height: var(--toolbar-line-height);
}
#tmp_window.modal_view > iframe{
	height: calc(100% - 64px)!important;
	overflow-y: auto;
	width: 100%;
}
.infotableDark_pager, .infotableNew_pager{
	background: var(--main-bg-color);
    padding: 0.5rem 2rem;
    font-size: 18px;
    color: #fff;
    margin: 0.5rem;
    border-radius: 2px;
    box-sizing: border-box;
    display: block;	
}
#about.current ~ #floatingBtnWrap, #logoff.current ~ #floatingBtnWrap, #info.current ~ #floatingBtnWrap, #about[style*="display: block"] ~ #floatingBtnWrap, #info[style*="display: block"] ~ #floatingBtnWrap, #about[style*="display:block"] ~ #floatingBtnWrap, #info[style*="display:block"] ~ #floatingBtnWrap{
    display: none!important;
}
.clear_float:after, .currentView:after{
	content: "";
	display: block;
	clear: both;
}
.ZalozkaWrap .ZalozkaButtony{
	padding: 10px;
}
.infotableHdrNew + .ZalozkaWrap .ZalozkaButtony{
	padding-top: 0;
}
.ZalozkaWrap .ZalozkaButtony > .ZalozkaButtony, .ZalozkaWrap .ZalozkaButtony > div, .ZalozkaWrap .ZalozkaButtony > .ZalozkaButtonySel{
	padding: 0.5rem 1rem;
	background: #fff;
	font-size: 14px;
	margin-right: 0.5rem;
	display: inline-block;
	border: 1px solid var(--main-bg-color);
}
.ZalozkaWrap .ZalozkaButtony > div{
	cursor: pointer;
}
.ZalozkaWrap .ZalozkaButtony img{
	max-width: 16px;
	max-height: 16px;
}
.ZalozkaWrap .ZalozkaButtony > *:last-of-type{
	margin-right: 0;
}
.ZalozkaWrap .ZalozkaButtony > .ZalozkaButtony{
	color: var(--main-bg-color);
}
.ZalozkaWrap .ZalozkaButtony > .ZalozkaButtonySel{
	background: var(--main-bg-color);
	color: #fff;
}
.ZalozkaWrap .ZalozkaButtony[class*="ikony"] {
    padding: 5px 10px;
    background: #fff;
    text-align: right;
	font-size: 0;
}
.ZalozkaWrap .ZalozkaButtony.ikony_text span, .ZalozkaWrap .ZalozkaButtony.ikony_text2 span{
	font-size: 12px;
	font-weight: 500;
	vertical-align: middle;
    margin-left: 6px;
	color: #888;
}
.ZalozkaWrap .ZalozkaButtony.ikony_text > div img, .ZalozkaWrap .ZalozkaButtony.ikony_text2 > div img{
	vertical-align: middle;
}
.ZalozkaWrap .ZalozkaButtony.ikony_text2 span{
	font-size: 0;
}
.ZalozkaWrap .ZalozkaButtony.ikony_text .ZalozkaButtonySel span, .ZalozkaWrap .ZalozkaButtony.ikony_text2 .ZalozkaButtonySel span{
	color: var(--main-txt-color);
	font-weight: bold;
}
.ZalozkaWrap .ZalozkaButtony.ikony_text2 .ZalozkaButtonySel span{
	font-size: 12px;
}
.ZalozkaWrap .ZalozkaButtony[class*="ikony"] > div, .ZalozkaWrap .ZalozkaButtony[class*="ikony"] > .ZalozkaButtony{
    border: 0;
    padding: 0.25rem 0.5rem;
	cursor: pointer;
	font-size: inherit;
}
.ZalozkaWrap .ZalozkaButtony[class*="ikony"] > div img, .ZalozkaWrap .ZalozkaButtony[class*="ikony"] > .ZalozkaButtony img{
	height: 24px;
    width: 24px;
}
.ZalozkaWrap .ZalozkaButtony[class*="ikony"] > .ZalozkaButtonySel{
	background: none;
}
.ZalozkaWrap .ZalozkaButtony[class*="ikony"] > .ZalozkaButtonySel img{
	filter: brightness(0) var(--main-svg-color);
}
.toolbar .right_buttons .expander{
	display: none;
	width: 40px;
	padding: 0;
	height: 100%;
	background: transparent url(../../images/system/svg/expand.svg) center center no-repeat;
	background-size: 20px;
	filter: invert(1);
}
[data-circle_number]{
	position: relative;
}
[data-circle_number]:after{
	content: attr(data-circle_number);
	position: absolute;
	min-width: 36px;
    padding: 0.5rem 0.25rem;
    box-sizing: border-box;
    height: 100%;
    line-height: normal;
    text-align: center;
    background: #0093d3;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    border-radius: 36px;
	white-space: nowrap;
}
[data-circle_number="0"]:after{
	display: none;
}
[data-circle_number] > img{
	opacity: 0;
	z-index: +1;
	position: relative;
}
[data-circle_number="0"] > img{
	opacity: 1;
}
/***menu bottom******/
div[data-has_bottom_menu]{
	padding-bottom: 56px;
}
.MenuIconsBottom{
	position: fixed;
    bottom: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    border-radius: 0;
    background: var(--main-bg-color);
    height: 56px;
    overflow: hidden;
    border: 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
	z-index: +10;
}
.MenuIconsBottom *{
	padding: 0;
	margin: 0;
	color: #fff;
	box-sizing: border-box;
}
.MenuIconsBottom li{
	padding: 8px 12px;
	background: none!important;
	flex: 1 1;
    border: 0;
	height: 100%;
	max-width: 168px;
}
.MenuIconsBottom li, .MenuIconsBottom li a{
	color: #fff;
	font-size: 12px;
	text-align: center;
    line-height: 1.2;
    height: auto;
    font-weight: normal;
}
.MenuIconsBottom li a{
    display: block;
}
.MenuIconsBottom li img{
	width: 24px;
    max-height: 24px;
    display: block;
    margin: 0 auto;
	filter: invert(1);
}
/*********************/
#sideMenu .header .switch input[type="checkbox"]:checked ~ .switch-slider{
	background: #fff;
}
#sideMenu .header .switch input[type="checkbox"]:checked ~ .switch-slider:before{
	background: var(--main-bg-color);
}
.ftxSearchMode{
    position: relative;
	width: 30px;
    overflow: hidden;
	background: #fff;
	border-radius: 0.2rem;
	cursor: pointer;
	margin-top: 0;
}
.ftxSearchMode select{
	opacity: 0;
	border: 0;
    position: relative;
    margin-left: -1px;
}
.ftxSearchMode:after{
	content: attr(data-search_mode);
    position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 12px;
	font-weight: bold;
	pointer-events: none;
	display: none;
}
table.infoTblDark .tdpoc.red{
	color: #fff!important;
}
.standard_btn{
	float: none;
	min-width: 35px;
	padding: 8px 16px;
	background: #fff;
	text-align: center;
	border: 1px solid #8b98a1;
	border-radius: 0;
    font-weight: bold;
    font-size: 11px;
}
.sideMenu_bg .sideMenuList ul li small.counter, #floatingBtn ul li .counter{
	display: none!important;
}


.ksu_platidla DIV.dformLabel,.ksu_platidlaERR DIV.dformLabel
{	
	width:150px !important;
	text-align:right !important;
}

.ksu_platidla DIV.total,DIV.rozdiel,DIV.vydavok
{
	font-weight:bold;	
}

.ksu_platidla INPUT.DataField,.ksu_platidlaERR INPUT.DataField
{	
	width:80px !important;
	text-align:right;		
    margin-left: 5px !important;
}

.ksu_platidla SPAN,.ksu_platidlaERR SPAN
{
	margin-left:5px;
	margin-right:5px;
}

.ksu_platidla BUTTON
{
	margin-left:5px;
	border: 1px solid #8b98a1;
}

.ksu_platidlaERR
{
	border: solid 1px red;
}
.infoTblEnvNew{
	border: 1px solid var(--main-border-color);
    border-top-width: 3px;
    border-radius: 3px;
	background: #fff;
	padding: 5px 10px;
	margin: 5px;
    width: calc(100% - 10px);
	box-sizing: border-box;
}
.infoTblEnvNew table.infoTblNew{
	width: 100%;
}
.infoTblEnvNew table.infoTblNew, .infoTblEnvNew table.infoTblNew tbody, .infoTblEnvNew table.infoTblNew tr, .infoTblEnvNew table.infoTblNew th, .infoTblEnvNew table.infoTblNew td{
	border: 0;
}
.infoTblEnvNew table.infoTblNew tr{
	border-bottom: 1px solid #ddd;
}
.infoTblEnvNew table.infoTblNew tr:last-child{
	border-bottom: 0;
}
.infoTblEnvNew table.infoTblNew th, .infoTblEnvNew table.infoTblNew td{
	padding: 10px 5px;
	font-size: 14px;
	font-weight: 500;
	color: #444;
}
.infoTblEnvNew table.infoTblNew th{
	color: var(--main-txt-color);
    font-size: 16px;
    font-weight: bold;
	text-align: left;
	border-bottom: 1px solid;
	text-align: center;
}
#system_message{
	box-sizing: border-box;
    width: 100%;
    text-align: center;
    padding: 0.5rem 1rem;
	margin: 0;
	font-size: 14px;
	font-weight: 500;
	position: sticky;
    top: 64px;
    background: #fff;
    box-shadow: 0px 1px 10px 1px #000000;
    z-index: 10007;
}
#bottom_sheet_menu{
	position: fixed;
	top: 0;
	left: 0;
	min-height: auto!important;
	height: 100vh;
	width: 100vw;
	z-index: 10008;
	background: rgba(0,0,0,0.5);
	display: none;
}
#bottom_sheet_menu.opened{
	display: block;
}
#bottom_sheet_menu .bsm_content{
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%,0);
	max-height: 50vh;
	max-width: 400px;
	background: #fff;
	border: 1px solid #ddd;
	border-bottom: 0;
	box-sizing: border-box;
	width: 100%;
	border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    overflow-y: auto;
}
#bottom_sheet_menu.opened .bsm_content{
	transition: all 0.4s ease-in;
}
#bottom_sheet_menu .bsm_content ul{
	padding: 0;
	margin: 0;
	border: 0;
}
#bottom_sheet_menu .bsm_content ul li{
	border: 0;
	height: 56px;
	display: flex;
	align-items: center;
	color: #2b2b2b;
	font-weight: 500;
	padding: 10px 16px;
	box-sizing: border-box;
}
#bottom_sheet_menu .bsm_content ul li p{
	flex: 1 1;
	margin: 0;
}
#bottom_sheet_menu .bsm_content ul li p > span:first-of-type{
	display: block;
}
#bottom_sheet_menu .bsm_content ul li span[data-call_type]:after{
	content: "";
	height: 12px;
	padding-left: 12px;
	display: inline-block;
	background: url(../../images/system/svg/close.svg) 0 center no-repeat;
	background-size: 12px;
	filter: invert(10%) sepia(93%) saturate(5859%) hue-rotate(359deg) brightness(105%) contrast(99%);/*#e30606*/
	width: 0;
	margin: 0;
}
#bottom_sheet_menu .bsm_content ul li span[data-call_type='1']:after{
	background-image: url(../../images/system/24x24/diagonal-arrow.png);
	background-size: 8px;
	filter: invert(49%) sepia(74%) saturate(1848%) hue-rotate(82deg) brightness(88%) contrast(109%);/*#08ad08*/
	transform: scaleX(-1);
}
#bottom_sheet_menu .bsm_content ul li span[data-call_type='2']:after{
	background-image: url(../../images/system/24x24/diagonal-arrow.png);
	background-size: 8px;
	filter: invert(49%) sepia(74%) saturate(1848%) hue-rotate(82deg) brightness(88%) contrast(109%);/*#08ad08*/
}
#bottom_sheet_menu .bsm_content ul li span[data-call_type='3']:after{
	background-image: url(../../images/system/24x24/missed-call.png);
	background-size: 12px;
	filter: invert(10%) sepia(93%) saturate(5859%) hue-rotate(359deg) brightness(105%) contrast(99%);/*#e30606*/
}
#bottom_sheet_menu .bsm_content ul li span[data-call_type], #bottom_sheet_menu .bsm_content ul li span.time_{
	vertical-align: middle;
}
#bottom_sheet_menu .bsm_content ul li span.time_{
	font-size: 14px;
	color: #888;
	margin-left: 5px;
}
#bottom_sheet_menu .bsm_content ul li img{
	flex: 0 0 48px;
	max-width: 48px;
    max-height: 48px;
    padding: 14px;
    box-sizing: border-box;
}
#bottom_sheet_menu .bsm_content .file_choose_w{
	padding: 1rem 1rem 2rem 1rem;
}
#bottom_sheet_menu .bsm_content .file_choose_w p{
	margin: 0;
	font-weight: 500;
}
#bottom_sheet_menu .bsm_content .file_choose_w p.file_choose_header{
	margin-bottom: 1rem;
	font-size: 14px;
    font-weight: 500;
    color: #888;
}
#bottom_sheet_menu .bsm_content .file_choose_w p span{
	display: inline-block;
	text-align: center;
	margin-right: 1rem;
	padding: 0.5rem 0;
}
#bottom_sheet_menu .bsm_content .file_choose_w p span img{
	display: block;
	max-height: 24px;
	max-width: 24px;
	margin: 0 auto 0.5rem auto;
    filter: var(--main-svg-color);
}
.md_select{
	display: inline-block;
    vertical-align: top;
    position: relative;
    background: #fff;
    border-bottom: 1px solid #000;
    cursor: pointer;
}
.md_select > span{
	position: absolute;
    display: block;
    text-align: left;
    padding-left: 8px;
    color: #888;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.md_select > select{
	height: auto!important;
    border: 0;
    background: none;
    outline: none;
    padding-top: 16px;
    position: relative;
    z-index: +1;
    cursor: pointer;
}
[data-rel="toolpanel"]{
	position: sticky;
	top: 64px;
	z-index: +8;
}
.DFORMRow span[data-sablona_selector]{
	display: block;
	position: relative;
	font-size: 12px;
}
.DFORMRow span[data-sablona_selector] select{
	border: 0;
    border-bottom: 1px solid #d2d2d2;
	font-size: inherit;
	font-weight: bold;
    color: var(--main-txt-color);
	outline: none;
}
.wrap_all_graph.fullscreen{
	z-index: 10008!important;
}
/*upload prilohy ios*/
#global_upload_prilohy{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 10008;
}
#global_upload_prilohy.opened{
	display: block;
}
#global_upload_prilohy .all_wrap {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-y: auto;
}
#global_upload_prilohy .header {
    height: 64px;
    flex: 0 0 64px;
    box-sizing: border-box;
    padding: 0 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
#global_upload_prilohy .header {
    font-size: 1.145rem;
    font-weight: bold;
}
#global_upload_prilohy .content {
    flex-grow: 1;
    max-height: calc(100% - 114px);
    overflow-y: auto;
    padding: 0 1rem 1rem 1rem;
}
#global_upload_prilohy .content .tab {
    display: none;
    height: 100%;
}
#global_upload_prilohy .content .tab.active {
    display: flex;
    flex-direction: column;
}
#global_upload_prilohy .search_label {
    display: flex;
    flex-direction: column;
    align-items: center;
}
#global_upload_prilohy .search_label .search_wrapper {
    width: 100%;
    max-width: 450px;
    position: relative;
}
#global_upload_prilohy .search_wrapper > p:first-of-type {
    margin: 0 0 0.25rem 0;
    font-size: 0.875rem;
}
#global_upload_prilohy .search_btn_wrap {
    width: 100%;
    max-width: 450px;
    text-align: center;
    display: flex;
    justify-content: space-between;
}
#global_upload_prilohy .search_btn_wrap button {
    min-height: 38px;
    background: #fff;
    border: 1px solid #929292;
    border-radius: 4px;
    padding: 0.5rem 0.25rem;
    width: calc(50% - 10px);
    font-size: 0.75rem;
    font-weight: 500;
}
#global_upload_prilohy .search_label input {
    width: 100%;
    display: block;
    height: 38px;
    line-height: 38px;
    padding: 0.25rem 5rem 0.25rem 1rem;
    box-sizing: border-box;
    outline: none;
    margin-bottom: 1rem;
    border: 1px solid #929292;
}
#global_upload_prilohy .search_wrapper > button {
    height: 38px;
    width: 42px;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0;
    position: absolute;
    right: 0;
    top: 18px;
    background: transparent;
}
#global_upload_prilohy .search_wrapper .close_svg {
    display: none;
    right: 42px;
}
#global_upload_prilohy .search_wrapper img {
    width: 20px;
    height: 20px;
}
#global_upload_prilohy .search_wrapper .close_svg img {
    width: 16px;
    height: 16px;
    filter: invert(12%) sepia(94%) saturate(5530%) hue-rotate(2deg) brightness(111%) contrast(124%);
}
#global_upload_prilohy .priloha_title {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 1.1rem;
    text-align: center;
    flex: 0 0 auto;
}
#global_upload_prilohy .typy_priloh {
    padding: 1.25rem 0 0 0;
    margin: 0 0 1rem 0;
    flex-grow: 1;
    overflow-y: auto;
	position: relative;
}
#global_upload_prilohy .typy_priloh:before {
    content: "Pr\00EDloha bude nahran\00E1  ako:";
    position: absolute;
    font-weight: bold;
	top: 0;
	left: 0;
}
#global_upload_prilohy .typy_priloh label {
    display: flex;
    width: 100%;
    min-height: 38px;
    line-height: 1.2;
    align-items: center;
}
#global_upload_prilohy .typy_priloh label input {
    margin: 0 0.5rem;
}
#global_upload_prilohy .typy_priloh label > span {
    font-weight: 500;
}
#global_upload_prilohy .controls_wrap {
    flex: 0 0 48px;
}
#global_upload_prilohy .buttons_wrap {
    display: flex;
}
#global_upload_prilohy .buttons_wrap > button {
    height: 48px;
    width: 48px;
	padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: 1px solid #929292;
    border-radius: 4px;
    margin-left: 1rem;
    position: relative;
}
#global_upload_prilohy .buttons_wrap > button:first-of-type {
    margin-left: auto;
}
#global_upload_prilohy .buttons_wrap > button img {
    width: 24px;
    height: 24px;
}
#global_upload_prilohy .buttons_wrap > button.gallery_pics [data-global_upload_prilohy_count]:after {
    content: attr(data-global_upload_prilohy_count);
    position: absolute;
    top: 0;
    right: 0;
    min-width: 20px;
    height: 20px;
    line-height: 1;
    border-radius: 20px;
    font-weight: bold;
    background: #04668C;
    color: #fff;
    text-align: center;
    padding: 0 0.25rem;
    box-sizing: border-box;
    transform: translate(50%,-50%);
    display: flex;
    align-items: center;
    justify-content: center;
}
#global_upload_prilohy .buttons_wrap > button.small_plus:before, #global_upload_prilohy .buttons_wrap > button.small_plus:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    background: #fff;
    transform: translate(50%,-50%);
}
#global_upload_prilohy .buttons_wrap > button.small_plus:after {
    background: transparent url(../../images/system/ios/plus-bold.svg) center center no-repeat;
    filter: invert(26%) sepia(99%) saturate(760%) hue-rotate(162deg) brightness(96%) contrast(97%);
    background-size: 14px;
}
#global_upload_prilohy #poznamka_input {
    margin-top: 1rem;
    width: 100%;
    padding: 6px;
    box-sizing: border-box;
    height: 90px;
    flex: 0 0 90px;
    resize: none;
    overflow-y: auto;
}
#global_upload_prilohy .fixed_gallery {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: none;
}
#global_upload_prilohy .fixed_gallery.shown {
    display: block;
}
#global_upload_prilohy .fixed_gallery > div {
    display: grid;
    grid-template-columns: repeat(auto-fit, 140px);
    background: #fff;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 1rem;
    width: calc(100vw - 2rem);
    height: calc(100vh - 2rem);
    grid-gap: 1rem;
    align-content: start;
    justify-content: start;
    padding-bottom: calc(48px + 1rem);
    box-sizing: border-box;
    overflow-y: auto;
}
#global_upload_prilohy .fixed_gallery > div .gal_img {
    width: 100%;
    height: 140px;
    border: 1px solid #ddd;
    border-radius: 2px;
    box-sizing: border-box;
    position: relative;
    background-size: cover;
}
#global_upload_prilohy .fixed_gallery > div .gal_img button {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 32px;
    background: rgba(255,255,255,0.5) url(../../images/system/ios/delete.svg) center center no-repeat;
    background-size: 18px;
    border: 0;
    filter: invert(1);
}
#global_upload_prilohy .fixed_gallery > .wrap {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    right: 1rem;
    height: calc(48px + 1rem);
    background: #fff;
    text-align: right;
    margin: 0;
    padding: 0.5rem 1rem 0 1rem;
    box-sizing: border-box;
}
#global_upload_prilohy .fixed_gallery > .wrap button {
    padding: 0 1rem;
    height: 48px;
    font-weight: 500;
    border: 0;
    background: none;
    font-size: 1.1rem;
}
#global_upload_prilohy .footer{
	display: flex;
    height: 50px;
    flex: 0 0 50px;
    justify-content: space-evenly;
    align-items: center;
    border-top: 1px solid #929292;
    box-sizing: border-box;
}
#global_upload_prilohy .footer > button{
    height: 100%;
    background: none;
    border: 0;
    outline: none;
    flex: 1 1;
    font-size: 1.1rem;
    font-weight: 500;
}
#global_upload_prilohy .footer > * {
    display: none;
}
#global_upload_prilohy .footer > button:first-child {
    display: block;
}
#global_upload_prilohy .all_wrap.priloha_tab .footer > *, #global_upload_prilohy .all_wrap.priloha_tab_one .footer > * {
    display: block;
}
#shorSideMenu ~ div{
	padding-left: 56px;
}
#shorSideMenu {
    position: fixed;
    top: 64px;
    left: 0px;
    z-index: 100;
    background: #fff;
    height: calc(100% - 64px);
    overflow-y: auto;
    border-right: 1px solid #a0a0a0;
}
#shorSideMenu ul {
    margin: 0;
    border: 0;
    border-radius: 0;
    font-size: 0;
    padding: 0;
}
#shorSideMenu ul li {
    background: none;
    border: 0;
    padding: 0;
    display: block;
    border-radius: 0;
    position: relative;
}
#shorSideMenu ul li:after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 1px;
    background: #a0a0a0;
    width: calc(100% - 24px);
    left: 50%;
    transform: translateX(-50%);
}
#shorSideMenu ul li a {
    border-radius: 0;
    width: 56px;
    height: 56px;
    box-sizing: border-box;
    display: flex;
    line-height: initial;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
}
#shorSideMenu ul li a img {
    margin: 0;
    width: 24px;
    height: 24px;
}
/*************************/
.DFORMbuttons.DFORMButt{
	text-align: right;
}
.DFORMbuttons.DFORMButt button{
	border: 1px solid #B5B8C8;
}
.DFORMbuttons.DFORMButt button img{
	width: 100%;
    max-width: 16px;
    margin-right: 0.25rem;
}
body input, body textarea {
    -webkit-user-select: inherit;
}
input.inputsqlchanger{
	padding: 2px 4px;
    box-sizing: border-box;
	outline: none;
}
body[data-sidebar_view="2"] > div.current{
	padding-left: 280px;
}
body[data-sidebar_view="2"] .sideMenu_bg{
	display:block!important;
	width: auto!important;
}
body[data-sidebar_view="2"] .sideMenu_bg .sideMenuContent{
	left: 0!important;
	transition: none;
}
body[data-sidebar_view="2"] .md_head .hamburger_menu{
	display: none!important;
}
body[data-sidebar_view="1"] .md_head.toolbar{
	margin-left: calc((-1) * var(--side_menu_width,64px));
}
body[data-sidebar_view="1"] .sideMenu_bg.animate_side .sideMenuContent{
	transition: none;
}
body[data-sidebar_view="1"] > div.current{
	padding-left: var(--side_menu_width,64px);
}
/*body[data-sidebar_view="1"] .sideMenu_bg:not(.opened) .sideMenuList{
	padding: 0;
}*/
body[data-sidebar_view="1"] .sideMenu_bg:not(.opened) .sideMenuContent{
	width:auto;
}
body[data-sidebar_view="1"] .sideMenu_bg:not(.opened){
	display:block!important;
	width: auto!important;
	min-height: var(--sidemenu_max_height)!important;
    max-height: var(--sidemenu_max_height);
    width: auto;
    bottom: 0;
    top: unset;
}
body[data-sidebar_view="1"] .sideMenu_bg:not(.opened) .sideMenuContent{
	left: 0!important;
	transition: none;
}
body[data-sidebar_view="1"] .sideMenu_bg:not(.opened) .sideMenuContent .header{
	display: none;
}
body[data-sidebar_view="1"] .sideMenu_bg:not(.opened) .sideMenuList ul li a, body[data-sidebar_view="1"] .sideMenu_bg:not(.opened) .side_submenu ul li a{
	min-height: 32px!important;
    width: 0!important;
    padding-right: 0!important;
    padding-top: 8px!important;
    padding-bottom: 8px!important;
}
body[data-sidebar_view="1"] .sideMenu_bg:not(.opened) .sideMenuList ul li a:after, body[data-sidebar_view="1"] .sideMenu_bg:not(.opened) .sideMenuList ul li > span[class^="IconNewAlert"]{
	display: none;
}
body[data-sidebar_view="1"] .sideMenu_bg:not(.opened) .sideMenuContent .logoff{
	width: 0;
	padding-right: 0;
}
body[data-sidebar_view="1"] .sideMenu_bg:not(.opened) .sideMenuContent .sideMenuLink img.right_img_arrows{
	display: none;
}
body[data-sidebar_view="1"] .sideMenu_bg:not(.opened) .sideMenuList{
	padding: 0;
}
.sector_tab_hidden,
.sector_item_hidden{
	display: none!important;
}
.align_left{
	margin-right: auto!important;
}
.align_right{
	margin-left: auto!important;
}
.allowWrap{
	flex-wrap: wrap;
}
li.separator{
	width: 0!important;
	height: 0!important;
	padding: 0!important;
}
.ui-dialog input, .ui-dialog select, .ui-dialog textarea{
	margin: 0;
}
.ui-dialog textarea{
	resize: none;
	width: 100%;
	box-sizing: border-box;
	outline: none;
}
.user_select_enabled{
	user-select: auto!important;
}
.nodatasector{
	text-align: center; 
	padding: 10px; 
	background-color: white; 
}
.DFORMbuttons ul.MenuIconsTlacitkaSmall ~ button {
	margin-top: 0;
	border-color: #8b98a1;
	padding: 0 10px;
}
body.mobile_400px{
	background: #000;
}
body.mobile_400px > div{
	max-width: 400px!important;
	margin: 0 auto;
	left: 50%;
	transform: translateX(-50%);
}
body.mobile_400px #floatingBtnWrap{
	right: calc(50% - 200px + 1em);
	transform: translateX(0%);
}
@media (max-width: 768px){
	.DFORMnew .DFORMbuttons td.DFORMButt > button.ext_butt{
		height: auto;
		padding: 8px 10px;
	}
	.DFORMnew .DFORMbuttons td.DFORMButt > button.ext_butt > img{
		max-height: 32px;
		max-width: 32px;
	}
	.autoOpenLayout > div{
		flex: 0 0 50%;
	}
	.udalostCRMSheduler tbody tr:nth-of-type(2) td{
		width: 100%;
		display: block;
	}
	.udalostCRMSheduler tbody tr:nth-of-type(2) td > div{
		height: auto!important;
		width: 100%!important;
		margin-bottom: 1rem;
	}
	.MenuIconsBottom li a span{
		display: none;
	}
}
@media only screen and (max-height: 730px){
	.numKey td{
		height: 65px;
		line-height: 45px;
	}
}
@media (min-width: 577px){
	#CisDoplnky .fake_link_wrap{
		margin-top: 1.5rem;
		display: flex;
		column-gap: 0.75rem;
		background-color: white;
	}
	#CisDoplnky .fake_link_wrap .fake_link_mode{
		border: 0!important;
		background-image: none!important;
		padding-right: 0.5rem!important;
	}
}
@media (max-width: 576px){
	#dateFilter_toolbar .dateFilter_wrap{
		max-width: 100%;
	}
	#dateFilter_toolbar .dateFilter_item{
		height: 38px;
		line-height: 38px;
	}
	#dateFilter_toolbar .dateFilter_item img, #dateFilter_toolbar .dateFilter_custom img{
		height: 38px;
	}
	#dateFilter_toolbar .dateFilter_item a > span{
		width: calc(100% - 38px);
	}
	#dateFilter_toolbar .dateFilter_custom input{
		flex: 0 0 calc(100% - 38px);
		width: calc(100% - 38px);
		height: 38px;
	}
	#dateFilter_toolbar .filter_wrap{
		max-width: 100%;
	}
	#dateFilter_toolbar.bg_mode .filter_wrap{
		display: none;
	}
	.fc-view-container .fc-list-view .fc-list-item-time{
		font-size: 14px;
	}
	.fc-view-container .fc-list-view .fc-list-item-marker{
		display: none;
	}
	.fc-view-container .fc-list-view td, .fc-view-container .fc-list-view td a{
		font-size: 14px;
	}
	.logout_btn_wrapper .redButton, .logout_btn_wrapper .grayButton{
		display: block;
		width: calc(100% - 20px);
		max-width: unset;
	}
	.autoOpenLayout > div{
		flex: 0 0 100%;
	}
	.dynamicButtons{
		float: none!important;
		display: flex;
		flex-direction: column;
		row-gap: 1rem;
	}
}
@media (max-width: 419px){
	.toolbar .right_buttons .expander{
		display: block;
	}
	.toolbar .right_buttons .expander ~ .custom_toolbar{
		display: none;
	}
	.toolbar .right_buttons .expander ~ .custom_toolbar:last-child, .toolbar .right_buttons .expander ~ .custom_toolbar[data-always_visible], .toolbar .right_buttons .expander.expanded ~ .custom_toolbar{
		display: flex;
	}
}
@media (min-width: 575px){
	ul.MenuIconTabs li.arrow{
		max-width: 250px;
	}
}