*{
	margin: 0;
	padding: 0;
	outline: 0;
	outline: none;
	appearance: none;
	border: 0;
	text-decoration: none;
	box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-moz-tap-highlight-color: rgba(0, 0, 0, 0);
}

:root{
	/* vh */
	--vh: 1vh;
	--bxvh: 0px;

	/* dropDown height */
	/* --dwvh: -28px; */

	/* background */
	--bg-color: #eef2f3;
	--bg-box-color: #fff;
	--bg-header-table-color: #e8ebec;
	--bg-header-footer-color: #fff;

  /* background actions */
    --bg-color-hover: rgba(144, 163, 178, 0.1);
    --bg-color-active: rgba(113, 203, 244, 0.2);

	/* color */
	--primary: #4D515A; 
	--black: #000;
	--black-rgb: 0, 0, 0;
	--white-rgb: 255, 255, 255;
	--box-shadow-color: 68, 68, 68;
	--silver: #888;
	--silver-light: #d9d9d9;
	--white: #fff;
	--green: #2FD573;
	--green-light: #C3F3D7;
	--blue: #71C9FF;
	--blue-light: #D7F0FF;
	--red: #FF4858;
	--red-light: #FFE0E3;
	--orange: #FFA503;
	--orange-light: #FFDB9B;
	--disabled: #aaa;
	--placeholder: #aaa;

	/* brema color */
	--brema-red: #e3051b;
	--brema-tyrkys: #71cbf4;
	--brema-yellow: #d3d800;
	--brema-blue: #0069b4;
	--brema-dark-blue: #1a3e70;
	--brema-green: #009e3d;
	--brema-silver: #90a3b2;
	--brema-orange: #f39313;
  --brema-violet: #ae1ee9;
  --brema-purple: #e91eb6;
  --brema-mediumaquamarine: #66cdaa;

	/* brema color rgba */
	--brema-red-rgb: 227, 5, 27;
	--brema-tyrkys-rgb: 113, 203, 244;
	--brema-yellow-rgb: 211, 216, 0;
	--brema-blue-rgb: 0, 105, 180;
	--brema-dark-blue-rgb: 26, 62, 112;
	--brema-green-rgb: 0, 158, 61;
	--brema-silver-rgb: 144, 163, 178;
	--brema-orange-rgb: 243, 147, 19;
  --brema-violet-rgb: 174, 30, 233;
  --brema-purple-rgb: 233, 30, 182;
  --brema-mediumaquamarine-rgb: 102, 205, 170;

	/* nav */
	--nav-blue: var(--brema-dark-blue);
}

.dark{
	/* background */
	--bg-color: #282B4C;
	--bg-box-color: #353767;
	--bg-header-table-color: #9b9dbd;
	--bg-header-footer-color: #2c2e5c;

	/* color */
	--primary	: #9b9dbd;
	--white: #eee;
	--silver-light: #6c6c6c;
	--box-shadow-color: 0, 0, 0;
	--brown: #bb6429;

	/* nav */
	--nav-blue: var(--primary);
}

*::-webkit-scrollbar{
  width: 8px;
	height: 8px;
  background: transparent;
}



.txt-blue{
	color: var(--brema-blue);
}

.txt-dark-blue{
	color: var(--brema-dark-blue);
}

.txt-red{
	color: var(--brema-red);
}

.txt-orange{
	color: var(--brema-orange);
}

.txt-blue{
	color: var(--brema-blue);
}



.txt-left{
  text-align: left !important;
}

.txt-center{
  text-align: center !important;
}

.txt-right{
  text-align: right !important;
}



.pdt-1{
  padding-top: 1px;
}

.pdt-2{
  padding-top: 2px;
}

.pdt-3{
  padding-top: 3px;
}

.pdt-4{
  padding-top: 4px;
}

.pdt-5{
  padding-top: 5px;
}

.pdt-6{
  padding-top: 6px;
}

.pdt-7{
  padding-top: 7px;
}

.pdt-8{
  padding-top: 8px;
}

.pdt-9{
  padding-top: 9px;
}

.pdt-10{
  padding-top: 10px;
}

.pdt-11{
  padding-top: 11px;
}

.pdt-12{
  padding-top: 12px;
}

.pdt-13{
  padding-top: 13px;
}

.pdt-14{
  padding-top: 14px;
}

.pdt-15{
  padding-top: 15px;
}

.pdt-16{
  padding-top: 16px;
}

.pdl-5{
  padding-left: 5px !important;
}

.pdr-5{
  padding-right: 5px !important;
}

.mgb-0{
  margin-bottom: 0px !important;
}

.pdl-0{
  padding-left: 0px !important;
}

.pdr-0{
  padding-right: 0px !important;
}

table.sort th[data-sort]::before{
  position: absolute;
  right: 8px;
  content: '\25C2 \25B8';
  transform: rotate(90deg);
}

table.sort th[data-sort][data-sort-by]{
  color: var(--brema-green);
}

table.sort th[data-sort][data-sort-by="asc"]::before{
  position: absolute;
  right: 8px;
  content: '\25B2';
  transform: rotate(0deg);
}

table.sort th[data-sort][data-sort-by="desc"]::before{
  position: absolute;
  right: 8px;
  content: '\25BC';
  transform: rotate(0deg);
}

table.sort th[data-sort]{
  user-select: none;
  cursor: pointer;
}

table.sort th[data-sort]:hover{
  color: var(--brema-orange);
}

aside ul::-webkit-scrollbar,
.box .body::-webkit-scrollbar,
.dropDown::-webkit-scrollbar{
  width: 6px;
	height: 6px;
  background: transparent;
}

.box .body::-webkit-scrollbar{
	background: var(--bg-color-hover);
}

*::-webkit-scrollbar-thumb{ 
  background-color: var(--brema-green);
  border-radius: 3px;
}

*::-webkit-scrollbar-thumb:hover {
  background-color: var(--brema-blue);
}

a[data-page]{
	cursor: pointer;
}

p{
	word-break: break-word;
}

.online{
	color: var(--brema-green);
}

.offline{
	color: var(--brema-red) !important;
}

/* Confirm box */
.confirm-box,
.val-box,
.image-box{
	position: fixed;
	width: 100vw;
	height: 100vh;
	top: 0px;
	background-color: rgba(var(--black-rgb), 0.5);
	z-index: 5000;
	backdrop-filter: blur(2px);
  animation: animation-show 0.15s alternate ease-in-out;
}

.image-box .image-box-close{
  position: absolute;
  width: 36px;
  height: 35px;
  top: 25px;
  right: 25px;
  border-radius: 100%;
  background-color: var(--bg-box-color);
  color: var(--brema-red);
  z-index: 5000;
  cursor: pointer;
  transition: all 0.3s;
}

.image-box .image-box-close:hover{
  filter: brightness(0.9);
  box-shadow: 0px 0px 10px 0px var(--brema-red);
}

.image-box .image-box-close i{
  font-size: 36px;
}

.image-box .image-gallery-container{
  display: flex;
  flex-direction: column;
}

.image-box .image-gallery-content{
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 0px;
}

.image-box .image-gallery-content .image-gallery-prew,
.image-box .image-gallery-content .image-gallery-next{
  position: absolute;
  width: 150px;
  height: 100%;
  top: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.image-box .image-gallery-content .image-gallery-prew{
  left: 0px;
}

.image-box .image-gallery-content .image-gallery-next{
  right: 0px;
}

.image-box .image-gallery-content .image-gallery-prew i,
.image-box .image-gallery-content .image-gallery-next i{
  font-size: 36px;
  transition: all 0.2s;
  scale: 0.8;
  opacity: 0.75;
}

.image-box .image-gallery-content .image-gallery-prew:not(.disabled):hover i,
.image-box .image-gallery-content .image-gallery-next:not(.disabled):hover i{
  scale: 1;
  opacity: 1;
}

.image-box .image-gallery-content .image-gallery-prew.disabled,
.image-box .image-gallery-content .image-gallery-next.disabled{
  opacity: 0.25;
  cursor: not-allowed;
}

.image-box .image-gallery-content img{
  height: calc(100vh - 235px);
  border-radius: 4px;
  transition: opacity 0.3s;
  box-shadow: 0px 0px 10px -1px;
}

.image-box .image-gallery-thumbs{
  display: flex;
  gap: 5px;
  justify-content: center;
  height: 60px;
}

.image-box .image-gallery-thumbs img{
  height: 100%;
  border-radius: 3px;
  opacity: 0.75;
  transition: all 0.2s;
  scale: 0.9;
  cursor: pointer;
  box-shadow: 0px 0px 5px -1px;
}

.image-box .image-gallery-thumbs img.active,
.image-box .image-gallery-thumbs img:hover{
  opacity: 1;
  scale: 1;
}

.confirm-box .box,
.val-box .box,
.image-box .box{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 30%;
	transform: translate(-50%, -50%);
	margin: 0;
}

.image-box .box{
  width: calc(100vw - 80px);
  height: calc(100vh - 80px);
}

.confirm-box .box .header,
.val-box .box .header,
.image-box .box:not(.no-footer) .header{
	text-align: center;
}

.confirm-box .box .header label,
.val-box .box .header label,
.image-box .box .header label{
	font-size: 16px !important;
  font-style: normal;
	font-weight: bold;
  color: var(--primary);
}

.confirm-box .box p,
.val-box .box p,
.image-box .box p{
	font-size: 13px;
	text-align: center;
	line-height: 18px;
	padding: 10px 0px 15px 0px;
}

.box .body > *:not(.timeline, img, .potvrd-podpis, .vymaz-podpis){
	width: calc(100% - 4px) !important;
}
/* Confirm box end */

/* Loader */
.loader-content{
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	border-radius: inherit;
	background-color: rgba(var(--black-rgb), 0.5);
	z-index: 4500;
  animation: animation-show 0.15s alternate ease-in-out;
}

body[data-backdrop="1"] .loader-content{
	backdrop-filter: blur(2px);
}

.loader{
  position: relative;
  display: inline-block;
  width: 150px;
  height: 150px;
  font-size: 25px;
  border-bottom: 1px solid;
  overflow: hidden;
  text-indent: 100%;
  -webkit-animation: 0.85s loader linear infinite;
  animation: 0.85s loader linear infinite;
  z-index: 100;
}

.loader-text{
	position: absolute;
  display: flex;
  font-size: 25px;
  overflow: hidden;
	align-items: center;
	justify-content: center;
}

.loader-text-position{
  position: absolute;
  font-size: 18px;
  color: var(--bg-header-footer-color);
  text-shadow: 1px 1px rgba(67, 67, 67, 0.5);
  font-weight: bold;
}

.loader-text-position.top{
  top: 72px;
}

.loader-text-position.bottom{
  bottom: 72px;
}

.loader,.loader:after{
  border-radius: 100%
}

.loader:after{
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.5
}

.loader-delayed{
  -webkit-animation-delay: .5s;
  animation-delay: .5s
}

.loader-small{
  width: 80px;
  height: 80px;
}

.loader-medium{
  width: 120px;
  height: 120px;
}

.loader-large{
  width: 150px;
  height: 150px;
}

.loader-xtralarge{
  width: 180px;
  height: 180px;
}

.loader-white{
  color: var(--white)
}

.loader-orange{
  color: var(--brema-orange)
}

.loader-blue{
  color: var(--brema-blue)
}

.loader-green{
  color: var(--brema-green)
}

.loader-red{
  color: var(--brema-red)
}
/* Loader end */

/* Inputs & Label & button */
label{
	margin-left: 12px;
	color: var(--silver);
	font-size: 12px;
	font-style: italic;
}

textarea,
div[contenteditable],
div.div-txt-arr{	
	width: 100%;
	min-height: 90px;
	border: 1px solid var(--silver-light);
	background-color: var(--bg-color);
	border-radius: 3px;
	margin: 3px 0px 10px 0px;
	padding: 5px 10px;
	color: var(--primary);
	resize: none;
}

input[type="text"],
input[type="password"],
input[type="number"],
input[type="search"],
input[type="date"],
input[type="datetime-local"],
select{
	width: 100%;
	height: 30px;
	border: 1px solid var(--silver-light);
	background-color: var(--bg-box-color);
	border-radius: 3px;
	box-shadow: 0px 0px 10px -5px rgba(var(--box-shadow-color), 0.25);
	padding: 0px 10px;
	color: var(--primary);
}

input[type="search"]:not(:placeholder-shown){
  border-color: var(--brema-green);
}

input[type="text"]::placeholder,
input[type="password"]::placeholder,
input[type="number"]::placeholder,
input[type="search"]::placeholder,
textarea::placeholder{
	color: var(--placeholder);
}

input:disabled,
select:disabled,
textarea:disabled,
div[contenteditable].disabled,
div.div-txt-arr.disabled{
	opacity: 0.65;
	cursor: not-allowed;
}

input.w50{
	width: 50%;
}

input[type="time"]{
	width: 80px;
	background-color: var(--bg-box-color);
}

input[type="time"]:disabled{
	color: var(--disabled);
}

input[type=time]::-webkit-datetime-edit-fields-wrapper{
  display: flex;
}

input[type=time]::-webkit-datetime-edit-text{
  padding: 5px 0px;
}

input[type=time]::-webkit-datetime-edit-hour-field,
input[type=time]::-webkit-datetime-edit-minute-field{
  background-color: var(--silver-light);
	border: 1.5px solid var(--brema-blue);
  border-radius: 15%;
  padding: 5px 2px;
}

input[type="time"]:disabled::-webkit-datetime-edit-hour-field,
input[type="time"]:disabled::-webkit-datetime-edit-minute-field{
	border: 1.5px solid var(--silver);
}

button.btn,
.accordion{
	width: 100%;
  padding: 4px 10px 4px 10px;
	background-color: var(--brema-blue);
	border: 1px solid rgba(var(--black-rgb), 0.3);
	border-radius: 4px;
	color: var(--white);
	text-align: center;
  cursor: pointer;
}

.accordion{
  background-color: var(--bg-header-table-color);
  padding: 0;
  margin-bottom: 5px;
  color: var(--primary);
}

.accordion h4{
  text-align: left;
  padding: 10px 10px 10px 30px;
}

.accordion h4::before{
  position: absolute;
  content: '\25BA';
  left: 18px;
}

.accordion.open h4::before{
  content: '\25BC';
}

.accordion .accordion-content{
  display: none;
  /* display: flex;
  flex-direction: column; */
  height: 0px;
  background-color: var(--bg-box-color);
  /* opacity: 0;
  visibility: hidden; */
}

.accordion .accordion-content > div{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
  padding: 5px;
  border-bottom: 1px solid transparent;
}

.accordion .accordion-content > div:not(:last-child).active{
  border-bottom-color: rgba(var(--black-rgb), 0.3);
}

.accordion .accordion-content > div label.checkbox{
  width: auto;
}

.accordion .accordion-content > div label strong{
  font-weight: 900;
}

.accordion.open .accordion-content{
  height: auto;
  display: flex;
  flex-direction: column;
  /* opacity: 1;
  visibility: visible; */
}

div[name="rekapitulace-zavad"]{
  display: flex;
  gap: 5px 10px;
  flex-wrap: wrap;
  align-content: flex-start;
}

.rekap-zavada{
  display: flex;
  align-items: center;
  column-gap: 5px;
  height: 24px;
}

.number-circle{
  display: flex;
  width: 3ch;
  align-items: center;  
  justify-content: center;
  aspect-ratio: 1 / 1;
  border-radius: 50%;  
  border: 2px solid var(--primary);
}



button.btn:not(:disabled):hover{
	filter: brightness(0.9);
}

button.btn:not(:disabled):active{
	filter: brightness(0.8);
}

button.btn:disabled{
	opacity: 0.5;
	cursor: not-allowed;
}

button.btn.dark-blue{
	background-color: var(--brema-dark-blue);
}

button.btn.orange{
	background-color: var(--brema-orange);
}

button.btn.silver{
	background-color: var(--brema-silver);
}

button.btn.silver-light{
	background-color: var(--bg-color);
  border-color: var(--silver-light);
  color: var(--primary);
}

button.btn.green{
	background-color: var(--brema-green);
}

button.btn.red{
	background-color: var(--brema-red);
}

button.btn.purple{
	background-color: var(--brema-purple);
}

button.btn.violet{
	background-color: var(--brema-violet);
}

button.btn.yellow{
	background-color: var(--brema-yellow);
}

button.btn.tyrkys{
	background-color: var(--brema-tyrkys);
}

.btn50{
	min-width: calc(50% - 5px) !important;
	width: auto !important;
}

.btnAuto{
	width: auto !important;
}

.addon{
  position: relative;
}

.addon.fingerprint{
  display: flex;
  height: 30px;
  margin-top: 10px;
}

.addon.fingerprint button{
  position: relative;
  flex: auto;
  margin-top: 0px;
  margin-right: 8px;
  border-radius: 3px !important;
}

.addon.fingerprint i{
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
}

.addon input{
  position: relative;
  padding-right: 40px;
}

.addon button{
  position: absolute;
  width: auto !important;
  height: calc(100% - 0px);
  right: 0px;
  top: 0px;
  border-radius: 0px 3px 3px 0px !important;
}




/* Inputs & Label end */

page[size="A4"] {
  background: white;
  width: 21cm;
  height: 29.7cm;
  display: block;
  margin: 40px auto;
  margin-bottom: 0.5cm;
  box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
}

/* Checkbox */
.checkbox {
	display: inline-block; 
	/* height: 28px;    
	line-height: 28px;  
	margin-right: 0px; 
	margin-left: 0px;     
	position: relative;
	vertical-align: middle;
	font-size: 14px; */
	user-select: none;	
}
.checkbox .checkbox-switch {
	position: relative;	
	display: inline-block;
	box-sizing: border-box;			
	width: 56px;	
	height: 28px;
	border: 1px solid rgba(var(--black-rgb), 0.15);
	border-radius: 25%/50%;	
	vertical-align: top;
	background-color: var(--silver-light);
	transition: 0.2s;
}
.checkbox .checkbox-switch:before {
	content: '';
	position: absolute;
	top: 1px;
	left: 1px;	
	display: inline-block;
	width: 24px;	
	height: 24px;
	border-radius: 50%;
	background-color: var(--white);
	box-shadow: 0 3px 5px rgba(var(--black-rgb), 0.3);
	transition: 0.15s;
}
.checkbox input[type=checkbox] {
	display: block;	
	width: 0;
	height: 0;	
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.checkbox input[type=checkbox]:not(:disabled):active + .checkbox-switch:before {
	box-shadow: inset 0 0 2px rgba(var(--black-rgb), 0.3);
}
.checkbox input[type=checkbox]:checked + .checkbox-switch {
	background: var(--brema-blue);
}
.checkbox input[type=checkbox]:checked + .checkbox-switch:before {
	transform:translateX(28px);
}
 
/* Hover */
.checkbox input[type="checkbox"]:not(:disabled) + .checkbox-switch {
	cursor: pointer;
}
 
/* Disabled */
.checkbox input[type=checkbox]:disabled + .checkbox-switch {
	opacity: 0.5;
}
.checkbox input[type=checkbox]:disabled + .checkbox-switch:before {
	background: var(--bg-box-color);
}

.checkbox input[type=checkbox]:disabled + .checkbox-switch:hover {
	cursor: not-allowed;
}

.checkbox.small .checkbox-switch{		
	width: 36px;	
	height: 18px;
}

.checkbox.small .checkbox-switch.right{
  position: absolute;
    right: 0px;
    top: 0px;
}

.checkbox.small .checkbox-switch:before{		
	width: 14px;	
	height: 14px;
}

.checkbox.small input[type=checkbox]:checked + .checkbox-switch:before {
	transform:translateX(18px);
}



/* vertical switch */
/* .vertical-switch{
	width: 100%;
	height: 25px;
	border: 1px solid var(--brema-silver);
  border-radius: 4px;
	margin: 6px 0px 6px 0px;
	user-select: none;
}

.vertical-switch[data-pocet-polozek="2"] > div{
  width: calc(100% / 2);
}

.vertical-switch[data-pocet-polozek="2"] > div:first-child{
  border-right: 1px solid var(--brema-silver);
}

.vertical-switch[data-pocet-polozek="3"] > div{
  width: calc(100% / 3);
}

.vertical-switch[data-pocet-polozek="3"] > div:nth-child(2){
  border-left: 1px solid var(--brema-silver);
  border-right: 1px solid var(--brema-silver);
}

.vertical-switch[data-pocet-polozek="4"] > div{
  width: calc(100% / 4);
}

.vertical-switch[data-pocet-polozek="4"] > div:nth-child(2){
  border-left: 1px solid var(--brema-silver);
  border-right: 1px solid var(--brema-silver);
}

.vertical-switch[data-pocet-polozek="4"] > div:nth-child(3){
  border-right: 1px solid var(--brema-silver);
}

.vertical-switch > div{
	height: 100%;
	float: left;
	text-align: center;
	line-height: 24px;
  cursor: pointer;
}

*/



.vertical-switch{
  flex-direction: row;
  display: flex;
	width: 100%;
	height: 25px;
	border: 1px solid var(--brema-silver);
  border-radius: 4px;
	margin: 6px 0px 6px 0px;
	user-select: none;
}

.vertical-switch > div{
  display: flex;
  flex: auto;
  align-items: center;
  justify-content: center;
	height: 100%;
  border-right: 1px solid var(--brema-silver);
  cursor: pointer;
}

.vertical-switch > div:last-child{
  border-right: 0px none;
}



.vertical-switch > div:not('.disabled'):hover{
  background-color: var(--bg-color-active);
}

.vertical-switch > div.active{
  background-color: var(--brema-blue);
  color: var(--white);
}

.vertical-switch > div.disabled{
  color: var(--brema-silver);
  cursor: none;
}
/* vertical switch end */

/* Dropdown */
.dropDownBtn {
  position: relative;
  min-width: 150px;
	height: 30px;
	border: 1px solid var(--silver-light);
	background-color: var(--bg-color);
	border-radius: 3px;
	box-shadow: 0px 0px 10px -5px rgba(var(--box-shadow-color), 0.25);
	padding: 0px 0 0px 8px;
	color: var(--primary);
  user-select: none;
}

.dropDownBtn[data-val="null"] span{
  color: var(--placeholder);
}

.dropDownBtn.h25{
  height: 25px;
}

.dropDownBtn span{
  display: block;
  width: calc(100% - 20px);
  padding-right: 26px;
  float: left;
  line-height: 28px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.dropDownBtn.h25 span{
  line-height: 22px;
}

.dropDownBtn i{
  width: 16px;
  line-height: 30px;
}

.dropDownBtn.h25 i{
  line-height: 24px;
}

.dropDownBtn.threeDott{
	min-width: unset;
}

.dropDownBtn.threeDott.show i{
	color: var(--brema-orange);
}

.dropDownBtn.threeDott.notBtn{
	border: unset;
	background-color: unset;
	border-radius: unset;
	box-shadow: unset;
}

.dropDownBtn.threeDott i{
  width: 10px;
	padding: 0px 20px 0px 10px;
}

.dropDownBtn.threeDott .dropDown{
  position: absolute !important;
  min-width: 150px;
	text-align: left;
	margin-top: -15px;
}

.dropDownBtn.threeDott .dropDown.last{
	bottom: 0px;
	/* top: var(--dwvh); */
}

.dropDownBtn.threeDott.right .dropDown{
  left: unset;
  right: calc(100% - 19px);
}

/* .dropDownBtn:not(.disabled):hover{
	filter: brightness(0.9);
}

.dropDownBtn:not(.disabled):active{
	filter: brightness(0.8);
} */

.dropDownBtn.disabled{
	opacity: 0.5;
	cursor: not-allowed;
}

.empty .dropDownBtn.disabled{
  opacity: 1;
}

.dropDownBtn .dropDown{
  position: fixed;
  max-height: 350px;
	margin-left: -9px;
	margin-top: -2px;
  border: 1px solid var(--silver-light);
  background-color: var(--bg-box-color);
  border-radius: 3px;
  box-shadow: 0px 0px 10px -5px rgba(var(--box-shadow-color), 0.25);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.15s;
  z-index: 1010;
	overflow-x: auto;
  font-style: normal;
}

.dropDownBtn.h25 .dropDown{
  top: 23px;
}

.dropDownBtn:not(.disabled).show .dropDown{
  visibility: visible;
  opacity: 1;
}

.dropDownBtn .dropDown .dropDown-item{
  position: relative;
  padding: 6px 8px;
  font-weight: normal;
}

.dropDownBtn .dropDown .dropDown-item.default{
  box-shadow: inset 2px 0px 0px 0px #1a3e70;
}


.dropDownBtn#drop-down-stav-zarizeni span.c-1{
  color: var(--brema-green);
}

.dropDownBtn#drop-down-stav-zarizeni span.c-2{
  color: var(--brema-red);
}


.dropDownBtn:not([data-default="true"]){
  border-color: var(--brema-green);
}




.dropDownBtn .dropDown .dropDown-item-divider{
  position: relative;
  height: 2px;
  padding: 4px;
}

.dropDownBtn .dropDown .dropDown-item-divider::before{
  content: "";
  position: absolute;
  width: calc(100% - 8px);
  height: 1px;
  background-color: var(--bg-header-table-color);
}

.dropDownBtn .dropDown .dropDown-item.sub.master{
  padding-left: 8px;
  font-weight: bold;
}

.dropDownBtn .dropDown .dropDown-item.sub{
  padding-left: 15px;
  background-color: var(--bg-color-hover);
}

.dropDownBtn .dropDown .dropDown-item.sub.master:not(.disabled):hover,
.dropDownBtn .dropDown .dropDown-item.sub:not(.disabled):hover{
  background-color: var(--bg-color-active);
}

.dropDownBtn .dropDown .dropDown-item.sub.master[data-click="false"]{
  cursor: not-allowed;
}

.dropDownBtn .dropDown .dropDown-item.sub.master[data-click="false"]:hover{
  background-color: var(--bg-color-hover);
}

.dropDownBtn .dropDown .dropDown-item.strong{
  font-weight: bold;
}

.dropDownBtn .dropDown .dropDown-item.disabled{
  font-weight: normal;
  opacity: 0.5;
	cursor: not-allowed;
}

.dropDownBtn .dropDown .dropDown-item:not(.disabled):hover{
  background-color: var(--bg-color-active);
}

.dropDownBtn:not(#drop-down-stav-zarizeni) .dropDown .dropDown-item:not(.disabled).selected{
  background-color: var(--bg-header-table-color);
	color: var(--brema-dark-blue);
}

.dropDownBtn#drop-down-stav-zarizeni .dropDown .dropDown-item:not(.disabled).selected{
  background-color: var(--bg-header-table-color);
}

.dropDownBtn .dropDown .dropDown-item:not(.disabled).selected::before{
  content: '\2713';
  position: absolute;
  width: 18px;
  height: 18px;
  right: 0px;
  top: 5px;
  color: var(--brema-green);
}
/* Dropdown end */

/* Filemanager */
.file-manager-doc{
  position: relative;
  max-height: calc(100vh - 121px);
  overflow-y: auto;
}

.filemanager{
  display: flex;
  flex-direction: column;
  font-size: 18px;
  cursor: pointer;
  row-gap: 6px;
}

.filemanager .foto.image-gallery img{
  width: 0px;
  height: 0px;
  display: none;
}

.filemanager .filemanager-breadcrumb{
  display: flex;
  flex-direction: row;
  gap: 5px;
  align-items: center;
  font-size: 14px;
  height: 30px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--bg-color);
}

/* .filemanager .filemanager-item.file a,
.filemanager .filemanager-breadcrumb span[data-folder]{
  color: var(--brema-orange);
} */

.filemanager .filemanager-breadcrumb span[data-folder]{
  font-weight: bold;
  font-style: italic;
  color: var(--brema-orange);
}

.filemanager .filemanager-item.file a,
.filemanager .filemanager-item.file.prim{
  color: var(--primary);
}

.filemanager .filemanager-item.file.c-pdf{
  color: brown;
}

.filemanager .filemanager-item.file.c-word{
  color: dodgerblue;
}

.filemanager .filemanager-item.file.c-excel{
  color: forestgreen;
}

.filemanager .filemanager-item.file.c-alt{
  color: var(--primary);
}

.filemanager .filemanager-item.file.c-image{
  color: lightskyblue;
}

.filemanager .filemanager-item{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  min-height: 30px;
  padding: 6px 0px;
  border-bottom: 1px solid var(--bg-color);
  word-break: break-word;
}

.filemanager .filemanager-item.folder{
  font-weight: bold;
}

.filemanager .filemanager-item.empty{
  flex-direction: column-reverse;
}

.filemanager .filemanager-item:last-child{
  border-bottom: 0px none;
}

.filemanager .filemanager-item.folder i{
  color: var(--brema-blue);
}

.filemanager .filemanager-item i{
  width: 20px;
}

.filemanager .filemanager-item span{
  color: var(--primary);
}
/* Filemanager end */

/* Checkbox end */

/* Notification */
.notification .notification-progress{
  position: absolute;
  width: 0px;
  height: 2px;
  bottom: 0px;
  left: 0px;
	border-radius: 8px;
}

/* info */
.notification.info{
	background-color: var(--blue-light);
	border-color: var(--blue);
	color: var(--blue);
	box-shadow: inset 10px 0px 0px var(--blue);
}

.notification.info .notification-progress{
	background-color: var(--blue);
}

/* warning */
.notification.warning{
	background-color: var(--orange-light);
	border-color: var(--orange);
	color: var(--orange);
	box-shadow: inset 10px 0px 0px var(--orange);
}

.notification.warning .notification-progress{
	background-color: var(--orange);
}

/* success */
.notification.success{
	background-color: var(--green-light);
	border-color: var(--green);
	color: var(--green);
	box-shadow: inset 10px 0px 0px var(--green);
}

.notification.success .notification-progress{
	background-color: var(--green);
}

/* error */
.notification.error{
	background-color: var(--red-light);
	border-color: var(--red);
	color: var(--red);
	box-shadow: inset 10px 0px 0px var(--red);
}

.notification.error .notification-progress{
	background-color: var(--red);
}
/* Notification end */

/**/
.hide{
	display: none !important;
}

.left{
	float: left;
}

.right{
	float: right;
}

.text-disabled{
	color: var(--disabled);
}
/**/

#brema-qr{
	display: flex;
	padding: 45px 5px;
	justify-content: center;
}

/* Keyframes */
@-webkit-keyframes loader{
  to{
    -webkit-transform:rotate(360deg) translate3d(0,0,0);
    transform:rotate(360deg) translate3d(0,0,0)
  }
}

@keyframes loader{
  to{
    -webkit-transform:rotate(360deg) translate3d(0,0,0);
    transform:rotate(360deg) translate3d(0,0,0)
  }
}

@keyframes animation-show{
  from    { opacity: 0; }
  to  { opacity: 1; }
}

@keyframes animation-show-height-open{
  from    { height: 0%; }
  to  { height: 100%; }
}

@keyframes animation-hide-height-open{
  from    { height: 100%; }
  to  { height: 0%; }
}
/* Keyframes end */