@charset "UTF-8";
/*TODO: zrusit a prepsat */
.dx-viewport {
  user-select: none;
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

#ZobrazHlaseniTextHlaseni {
  text-align-last: center;
}

#ZobrazHlaseniKontejnerProTlacitka {
  margin-top: 15px;
  margin-bottom: 10px;
  text-align-last: center;
}

#ZobrazHlaseniBtnOk {
  width: 100px;
}

#ZobrazHlaseniBtnAno {
  width: 80px;
  margin-right: 24px;
}

#ZobrazHlaseniBtnNe {
  width: 80px;
}

.TlacitkoVNovemTabControlu {
  display: inline-block;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 10px;
  padding-right: 10px;
  cursor: pointer;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-width: thin;
  border-color: rgb(124, 151, 177);
  overflow: hidden;
  white-space: nowrap;
}

.NovyTabControlZahlavi {
  display: flex;
}

.NovyTabControlLevyDiv {
  border-bottom-style: solid;
  border-bottom-width: thin;
  border-bottom-color: rgb(124, 151, 177);
  width: 4px;
}

.NovyTabControlPravyDiv {
  flex-grow: 1;
  border-bottom-style: solid;
  border-bottom-width: thin;
  border-bottom-color: rgb(124, 151, 177);
}

.IkonaVNovemTabControlu {
  width: 16px;
  height: 16px;
  vertical-align: bottom;
  padding-right: 8px;
}

.BtnZavritVNovemTabControlu {
  width: 16px;
  height: 16px;
  margin-left: 6px;
  vertical-align: bottom;
  border-radius: 12px;
  padding: 1px;
}

.ModryButton {
  background-color: rgb(55, 115, 174);
  color: white;
}

.ModryButton > .dx-button-content > .dx-icon {
  color: white;
}

.ModryButton.dx-state-focused {
  background-color: rgb(55, 115, 174);
}

.ModryButton.dx-state-active {
  background-color: rgb(113, 162, 210);
  /*background-color: rgba(38,81,123,1);*/
  color: black;
}

.ModryButton.dx-state-hover {
  /*background-color: rgba(80,140,200,1);*/
  background-color: rgb(38, 81, 123);
}

.SvetleModryButton {
  background-color: aliceblue;
}

.SvetleModryButton.dx-state-focused {
  background-color: aliceblue;
}

.SvetleModryButton.dx-state-active {
  background-color: rgb(55, 115, 174);
  color: white;
}

.SvetleModryButton.dx-state-hover {
  background-color: rgb(113, 162, 210);
  color: white;
}

.NovyGroupBox {
  border-color: rgb(124, 151, 177);
  border-style: solid;
  border-width: thin;
  border-radius: 2px;
}

.CiselnikyGroupBoxDetailu {
  /*background-color: rgb(240, 248, 255);*/
  margin-top: 1px;
  margin-bottom: 2px;
}

.ZahlaviGroupBoxu {
  background-color: rgb(196, 216, 236);
  padding: 3px 5px 3px 5px;
  border-bottom-style: solid;
  border-bottom-width: thin;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-color: rgb(124, 151, 177);
}

.VnitrekGroupBoxu {
  padding: 8px;
}

#lbVerzeAplikace {
  position: absolute;
  right: 20px;
  bottom: 10px;
}

.NekonecnyProgressBar {
  height: 4px;
  background-color: rgba(5, 114, 206, 0.2);
  width: 100%;
  overflow: hidden;
}

.VnitrekNekonecnehoProgressBaru {
  width: 100%;
  height: 100%;
  background-color: rgb(5, 114, 206);
  animation: NekonecnaAnimace 1s infinite linear;
  transform-origin: 0% 50%;
}

@keyframes NekonecnaAnimace {
  0% {
    transform: translateX(0) scaleX(0);
  }
  40% {
    transform: translateX(0) scaleX(0.4);
  }
  100% {
    transform: translateX(100%) scaleX(0.5);
  }
}
.GridHistorieZmen {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
}

.LbIDAktualnihoZaznamu {
  position: fixed;
  bottom: 6px;
  margin-left: 6px;
  user-select: text;
  cursor: text;
}

/* Override Devexpressovych barev
.dx-texteditor.dx-state-readonly {
    background-color: aliceblue;
}

.dx-checkbox.dx-state-readonly .dx-checkbox-icon {
    background-color: aliceblue;
    border-color: #ddd;
    border-style: dashed;
}

.dx-checkbox.dx-state-hover .dx-checkbox-icon {
    border-color: rgba(51,122,183,.4);
}

.dx-checkbox-indeterminate .dx-checkbox-icon::before {
    background-color: #337ab740;
}
*/
.dx-scrollable-scroll-content {
  /*background-color: rgba(191,191,191,.7);*/
  background-color: rgba(51, 122, 183, 0.4);
}

.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll-content {
  background-color: rgb(55, 115, 174);
}

.WebovaMapaCmbTypMapy {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 160px;
  height: 30px;
  background-color: blueviolet;
}

.MapovyVyrez {
  position: absolute;
  right: 10px;
  height: 30px;
  /*width: 150px;*/
  background-color: #E1ECFA;
}

.MapaToolbarTlacitko {
  margin-right: 5px;
  height: 34px;
}

.MapaToolbarTlacitko > div > .dx-icon {
  width: 24px;
  height: 24px;
}

.MapaToolbarTlacitko > div > div > div > div > .dx-icon {
  width: 24px;
  height: 24px;
}

.SchovatMisto {
  position: absolute;
  top: 10px;
  height: 30px;
  background-color: #E1ECFA;
}

.dx-texteditor.dx-editor-outlined,
.dx-checkbox-icon,
.dx-radiobutton-icon:before {
  border: 1px solid #94ADCC;
}

.dx-texteditor.dx-state-readonly,
.dx-checkbox.dx-state-readonly .dx-checkbox-icon,
.dx-radiogroup.dx-state-readonly .dx-radiobutton-icon::before {
  border-style: dashed;
  border-color: rgba(148, 173, 204, 0.5647058824);
}

.dx-checkbox-indeterminate .dx-checkbox-icon::before {
  background-color: rgba(51, 122, 183, 0.2509803922);
}

.dx-item.dx-state-hover:not(.dx-radiobutton),
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover,
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected.dx-state-hover:not(.dx-state-focused) {
  background-color: rgb(38, 81, 123);
  color: white;
}

.dx-item.dx-state-hover > .dx-item-content > img {
  filter: invert(1) contrast(10);
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected {
  background-color: rgb(55, 115, 174);
  color: white;
}

.dx-menu-base .dx-icon-mala-vpravo-dole {
  padding-top: 6px;
  padding-left: 6px;
}

.ProgressCekani {
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100px;
  height: 100px;
  margin: auto;
  background-color: rgba(196, 216, 236, 0.2);
  border: solid #c4d8ec;
  border-radius: 50%;
  border-top-color: #3773ae;
  border-width: 10px;
  /*ohraniceni borderu pomoci stinu vnitrni + venkovni*/
  box-shadow: inset 0 0 5px 1px #3773ae, inset 0 0 0 1px #3773ae, 0 0 5px 1px #3773ae, 0 0 0 1px #3773ae;
  /*animace toceni*/
  animation: ProgressCekaniRotace 1s ease infinite;
  /*animace skryti / zobrazeni*/
  transition: all 1s ease-in;
  visibility: hidden;
  opacity: 0;
  z-index: 9999;
}

.ZobrazenyProgress {
  transition: all 2s ease-in;
  visibility: visible;
  opacity: 1;
}

.ProgressProcenta {
  position: center;
  width: 100%;
  background-color: lightgray;
}

.ProgressBarProcenta {
  width: 0%;
  height: 30px;
  background-color: #6691C4;
  text-align: center;
  line-height: 30px;
  color: white;
}

@keyframes ProgressCekaniRotace {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#OdkazyNaStazeniKlienta {
  position: absolute;
  right: 10px;
  bottom: 10px;
}

.IkonaStazeniG2G3Vlevo {
  width: 16px;
  height: 16px;
  margin-right: 10px;
  vertical-align: middle;
}

.OdkazNaStazeniKlienta {
  margin-right: 10px;
  margin-bottom: 10px;
  vertical-align: top;
}

.IkonaStazeniG2G3Vpravo {
  width: 16px;
  height: 16px;
  margin-left: 10px;
  vertical-align: middle;
}

#MezeraMeziOdkazyNaStazeniKlienta {
  margin-bottom: 10px;
}

/*** Grid header ***/
.grid-header {
  display: flex;
  flex-direction: row;
}

.grid-header .NovyGridEdHledanyText {
  flex: 1 1 auto;
}

.grid-header .grid-header-menu {
  flex: 0 0 auto;
}

.grid-header .info-pocet-polozek {
  display: flex;
  align-items: center;
  padding: 0px 2px;
}

.grid-header-menu .dx-menu-item .dx-menu-item-popout-container {
  display: none !important;
}

.grid-header-menu.dx-menu .dx-menu-item-has-icon.dx-menu-item-has-submenu .dx-icon {
  margin: 0 !important;
}

html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.btn {
  display: block;
  padding: 5px 15px;
}

.h-100 {
  height: 100%;
}

.w-100 {
  width: 100%;
}

.img-fluid {
  width: 100%;
  height: auto;
}

.d-none {
  display: none !important;
}

.position-relative {
  position: relative;
}

.d-block {
  display: block;
}

.font-bold {
  font-weight: bold;
}

.flex {
  display: flex;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-inline {
  display: inline-flex;
}

.flex-direction-column {
  flex-direction: column;
}

.flex-fill {
  flex: 1;
  min-height: 0;
}

.align-items-start {
  align-items: start;
}

.align-items-center {
  align-items: center;
}

.align-self-start {
  align-self: flex-start;
}

.justify-content-center {
  justify-content: center;
}

.justify-space-between {
  justify-content: space-between;
}

.mt-0 {
  margin-top: 0;
}

.mt-1 {
  margin-top: 0.5rem;
}

.mt-2 {
  margin-top: 0.75rem;
}

.mt-3 {
  margin-top: 1rem;
}

.mt-4 {
  margin-top: 1.25rem;
}

.mt-5 {
  margin-top: 1.5rem;
}

.mt-auto {
  margin-top: auto;
}

.mb-0 {
  margin-bottom: 0;
}

.mb-1 {
  margin-bottom: 0.5rem;
}

.mb-2 {
  margin-bottom: 0.75rem;
}

.mb-3 {
  margin-bottom: 1rem;
}

.mb-4 {
  margin-bottom: 1.25rem;
}

.mb-5 {
  margin-bottom: 1.5rem;
}

.ms-0 {
  margin-left: 0;
}

.ms-1 {
  margin-left: 0.5rem;
}

.ms-2 {
  margin-left: 0.75rem;
}

.ms-3 {
  margin-left: 1rem;
}

.ms-4 {
  margin-left: 1.25rem;
}

.ms-5 {
  margin-left: 1.5rem;
}

.ms-auto {
  margin-left: auto;
}

.me-0 {
  margin-right: 0;
}

.me-1 {
  margin-right: 0.5rem;
}

.me-2 {
  margin-right: 0.75rem;
}

.me-3 {
  margin-right: 1rem;
}

.me-4 {
  margin-right: 1.25rem;
}

.me-5 {
  margin-right: 1.5rem;
}

.me-auto {
  margin-right: auto;
}

.p-0 {
  padding: 0;
}

.p-1 {
  padding: 0.5rem;
}

.p-2 {
  padding: 0.75rem;
}

.p-3 {
  padding: 1rem;
}

.p-4 {
  padding: 1.25rem;
}

.p-5 {
  padding: 1.5rem;
}

.pl-0 {
  padding-left: 0;
}

.pl-1 {
  padding-left: 0.5rem;
}

.pl-2 {
  padding-left: 0.75rem;
}

.pl-3 {
  padding-left: 1rem;
}

.pl-4 {
  padding-left: 1.25rem;
}

.pl-5 {
  padding-left: 1.5rem;
}

.pr-0 {
  padding-right: 0;
}

.pr-1 {
  padding-right: 0.5rem;
}

.pr-2 {
  padding-right: 0.75rem;
}

.pr-3 {
  padding-right: 1rem;
}

.pr-4 {
  padding-right: 1.25rem;
}

.pr-5 {
  padding-right: 1.5rem;
}

.gap-0 {
  gap: 0;
}

.gap-1 {
  gap: 0.5rem;
}

.gap-2 {
  gap: 0.75rem;
}

.gap-3 {
  gap: 1rem;
}

.gap-4 {
  gap: 1.25rem;
}

.gap-5 {
  gap: 1.5rem;
}

.radek {
  display: flex;
  flex-wrap: nowrap;
}

.sloupec-10 {
  flex: 0 1 10%;
  /*max-width: 10%;*/
}

.sloupec-20 {
  flex: 0 1 20%;
  /*max-width: 20%;*/
}

.sloupec-30 {
  flex: 0 1 30%;
  /*max-width: 30%;*/
}

.sloupec-40 {
  flex: 0 1 40%;
  /*max-width: 40%;*/
}

.sloupec-50 {
  flex: 0 1 50%;
  /*max-width: 50%;*/
}

.sloupec-60 {
  flex: 0 1 60%;
  max-width: 60%;
}

.sloupec-70 {
  flex: 0 1 70%;
  max-width: 70%;
}

.sloupec-80 {
  flex: 0 1 80%;
  max-width: 80%;
}

.sloupec-100 {
  flex: 0 1 100%;
  max-width: 100%;
}

.sloupec-auto {
  flex: 1 0 auto;
  max-width: 100%;
}

.panel {
  position: relative;
  height: 100%;
  padding: 10px;
  box-sizing: border-box;
}

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

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

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

.white-space-pre-wrap {
  white-space: pre-wrap;
}

/*** Form ***/
.form {
  padding: 5px;
}

.form-row {
  display: flex;
  align-items: center;
}

.form-label {
  display: inline-flex;
  width: 220px;
}

.form-input {
  display: inline-flex;
  min-width: 300px;
}

.form-input.textarea {
  min-height: 80px;
}

.form-input.-checkbox {
  min-width: auto;
}

.dx-dropdowneditor-input-wrapper, .dx-colorbox-input-container {
  width: 100%;
}

/*** /Form ***/
.box {
  display: inline-flex;
  flex-direction: column;
  position: relative;
  width: auto;
  box-sizing: border-box;
  overflow: visible;
}

.box .box-header {
  background-color: #f0f8fe;
  padding: 5px;
}

.box .box-body {
  padding: 5px;
}

.box .box-body.box-auto-height {
  flex: 1 1 auto;
  min-height: 0;
}

.box.box-border {
  border-width: 1px;
  border-style: solid;
  border-color: #ccc;
}

.box.box-flex {
  display: flex;
}

.box .box-w-100 {
  flex: 0 1 100%;
}

/*** Dot flashing ***/
.dot-flashing {
  display: inline-block;
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #fff;
  color: #fff;
  animation: dot-flashing 1s infinite linear alternate;
  animation-delay: 0.5s;
}

.dot-flashing::before, .dot-flashing::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
}

.dot-flashing::before {
  left: -15px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #fff;
  color: #fff;
  animation: dot-flashing 1s infinite alternate;
  animation-delay: 0s;
}

.dot-flashing::after {
  left: 15px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #fff;
  color: #fff;
  animation: dot-flashing 1s infinite alternate;
  animation-delay: 1s;
}

@keyframes dot-flashing {
  0% {
    background-color: #fff;
  }
  50%, 100% {
    background-color: rgba(255, 255, 255, 0.3);
  }
}
/*** Dot flashing ***/
.export-excel-stahuji {
  height: 100%;
  display: flex;
  padding-right: 25px;
  align-items: center;
  justify-content: center;
}

.export-excel-stahuji .dot-flashing {
  margin-left: 25px;
}

/*** Novinky ***/
.novinky-tlacitko {
  padding: 0 0 3px 3px !important;
}

.novinky-tlacitko .pocet-novinek {
  /*position: absolute;
  top: 0;
  right: 0;*/
  padding: 1px 5px;
  border-radius: 50%;
  background: red;
  color: white;
  font-size: 10px;
}

.novinky-tlacitko .pocet-novinek.nezobrazovat {
  /*display: none;*/
  visibility: hidden;
}

.tlacitko-rychle-volby {
  padding: 0 0 3px 3px !important;
}

/*** Zmena hesla ***/
#ZmenaHeslaPopUpBox .form-label {
  width: 105px;
}

#ZmenaHeslaPopUpBox .form-input {
  min-width: 275px;
}

.alert-box {
  padding: 10px 12px;
  font-size: 13px;
}

.alert-box.-warning-box {
  background-color: #fff3cd;
  border: 1px solid #ffeeba;
  color: #856404;
}

.dx-popup-content {
  position: relative;
}

.overflow-y-scroll {
  overflow-y: scroll;
  overflow-x: hidden;
}

.dx-button.dx-button-active {
  background-color: #ebebeb;
  border-color: #ddd;
}

#OknoPrihlaseni {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -290px;
  margin-top: -200px;
  width: 580px;
  height: 400px;
  background-color: #CFDDEE;
  border-style: solid;
  border-width: thin;
  border-color: #859EBF;
  border-radius: 2px;
}

#OknoPrihlaseniBanner {
  width: 568px;
  height: 163px;
}

#OknoPrihlaseniOvladaciPrvky {
  visibility: hidden;
}

/*.OknoPrihlaseniLb {
    padding-left: 138px;
    min-width: 100px;
}

.OknoPrihlaseniEd {
    min-width: 200px;
    height: 32px;
    margin-bottom: 6px;
}*/
.OknoPrihlaseniLb {
  width: 186px;
  height: 32px;
  line-height: 32px;
  vertical-align: middle;
  text-align: right;
}

.OknoPrihlaseniEd {
  min-width: 200px;
  height: 32px;
  margin-bottom: 6px;
  left: 210px;
  width: 200px;
  height: 32px;
}

.OknoPrihlaseniEd {
  min-width: 200px;
  height: 32px;
  margin-bottom: 6px;
}

#OknoPrihlaseniLbFirma {
  position: absolute;
  top: 200px;
}

#OknoPrihlaseniEdFirma {
  position: absolute;
  top: 200px;
}

#OknoPrihlaseniLbJmeno {
  position: absolute;
  top: 245px;
}

#OknoPrihlaseniEdJmeno {
  position: absolute;
  top: 245px;
}

#OknoPrihlaseniLbHeslo {
  position: absolute;
  top: 290px;
}

#OknoPrihlaseniEdHeslo {
  position: absolute;
  top: 290px;
}

#OknoPrihlaseniEdZapamatovat {
  position: absolute;
  top: 320px;
}

#btnPrihlasit {
  position: absolute;
  top: 350px;
  left: 215px;
  width: 190px;
  height: 32px;
  visibility: hidden;
}

.edLoginAHeslo {
  display: inline-block;
  width: 70%;
  margin-bottom: 10px;
}

.lbLoginAHeslo {
  display: inline-block;
  width: 60px;
  vertical-align: middle;
  margin-left: 20px;
}

#lbLadiciVypisProPrihlasovani {
  position: absolute;
  bottom: 10px;
  left: 10px;
}

#OknoPrihlaseniNekonecnyProgressBar {
  position: absolute;
  visibility: hidden;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: 6px;
}

#OknoPrihlaseniLokalizace {
  position: absolute;
  visibility: hidden;
  left: 86px;
  top: 151px;
}

.OknoPrihlasovaniVlajkaOkraj {
  display: inline-block;
  width: 39px;
  height: 27px;
  padding-left: 3px;
  padding-top: 3px;
  border-radius: 4px;
}

.OknoPrihlasovaniVlajka {
  background-color: #CFDDEE;
  width: 36px;
  height: 24px;
}

#OknoPrihlaseniLokalizace > *:hover {
  cursor: pointer;
}

/*TODO: /zrusit a prepsat */
#HlavniOkno {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 4px;
  background-color: aliceblue;
}

#HlavniOknoProSplitter {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: aliceblue;
}

#HlavniOknoVlevo {
  min-width: 350px;
}

#HlavniOknoZahlavi {
  display: flex;
  padding: 4px;
  background-color: aliceblue;
  min-width: 290px;
  justify-content: space-between;
  align-items: center;
}

#HlavniOknoZalozkyObjektovehoPanelu {
  position: absolute;
  top: 70px;
  /*width: 400px;*/
  right: 4px;
  bottom: 112px;
  left: 8px;
}

#HlavniOknoDatumovyFiltr {
  position: absolute;
  height: 104px;
  left: 0px;
  min-width: 340px;
  bottom: 4px;
  padding: 4px;
  margin-top: 4px;
}

#HlavniOknoTabControl {
  position: absolute;
  top: 38px;
  left: 0px;
  right: 4px;
  bottom: 4px;
  background-color: aliceblue;
  margin-top: 2px;
}

#HlavniOknoImgNazevAplikace {
  height: 30px;
  margin-top: 4px;
  margin-left: 6px;
  margin-right: 26px;
  align-self: flex-start;
}

#HlavniOknoVpravoHeader {
  display: flex;
  margin-top: 4px;
}

#HlavniOknoLbPrihlasenyUzivatel {
  display: flex;
  justify-content: end;
  white-space: nowrap;
  padding-right: 10px;
  color: #17497D;
  max-height: 36px;
  margin-left: auto;
}

#PrihlasenyUzivatelInfo {
  text-align: left;
  font-size: 12px;
}

.dx-context-menu .dx-submenu {
  border: solid #94ADCC 1px;
}

.dx-context-menu-container-border {
  border: solid white 1px;
  border-radius: 4px;
}

.dx-menu .dx-menu-item-expanded {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

#HlavniOknoMenu {
  display: inline-block;
  height: 32px;
}

#HlavniOknoMenu .dx-menu-item-wrapper {
  margin: 0px 4px;
  border: solid #94ADCC 1px;
  border-radius: 4px;
}

#HlavniOknoMenu .dx-menu-item-content {
  padding: 6px;
}

.SkrytyDummyEdit {
  position: absolute;
  left: -10px;
  width: 0px;
  min-width: 0px;
  border: inherit;
}

.ZalozkaHlavnihoOkna {
  position: absolute;
  left: 0px;
  top: 68px;
  right: 0px;
  bottom: 0px;
  background-color: white;
  border-left-style: solid;
  border-left-width: thin;
  border-left-color: rgb(124, 151, 177);
}

.DtFiltrPrvek {
  width: 240px;
  height: 22px;
  margin-top: 4px;
  color: blue;
  text-decoration: underline blue;
  cursor: pointer;
  display: inline;
}

.DtFiltrDatum {
  width: 180px;
  left: 4px;
}

#DtFiltrPreklopit {
  margin-left: 5px;
  left: 190px;
  width: 30px;
  bottom: 4px;
}

.DtFiltrTlacitkoPlusMinus {
  margin-left: 5px;
  margin-right: 5px;
  padding-left: 5px;
  padding-right: 5px;
  border: 1px solid blue;
  border-radius: 5px;
  text-align: center;
  display: inline-table;
  width: 20px;
}

#HlavniOknoDivProObjektovyPanel {
  /*background-color: #AABBCC50;*/
  position: absolute;
  top: 38px;
  right: 0px;
  bottom: 116px;
  left: 0px;
}

.ObjektovyPanelTlacitkoKategorie.ModryButton > div > img {
  margin: 0px 8px 0px 0px !important;
}

.ObjektovyPanelTlacitkaKategorii .dx-button .dx-button-content {
  padding: 2px 4px;
}

.TlacitkoKategorieVObjektovemPanelu {
  display: inline-block;
  cursor: pointer;
  background-color: white;
}

.ObjektovyPanelTree {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
}

.ObjektovyPanelGrid {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
}

.ObjektovyPanelHlavniOkno {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
}

.ObjektovyPanelTlacitkaKategorii {
  margin: 2px;
}

.ObjektovyPanelTlacitkoKategorie {
  background-color: aliceblue;
  border-width: 1px;
  border-color: #94ADCC;
  border-radius: 0px;
  margin: 0px -1px -1px 0px;
  display: inline-block;
  color: black;
}

.ObjektovyPanelTlacitkoKategorie.ObjektovyPanelTlacitkoAktualniKategorie {
  background-color: rgb(55, 115, 174);
  color: white;
}

.ObjektovyPanelTlacitkoKategorie.ModryButton > div > img {
  filter: contrast(10);
  margin: 1px 8px 1px 2px;
}

.ObjektovyPanelTlacitkoKategorie:hover {
  color: white;
}

.ObjektovyPanelTlacitkoKategorie:hover.ModryButton > div > img {
  filter: invert(1) contrast(10);
}

.ObjektovyPanelTlacitkoKategorie.ModryButton.ObjektovyPanelTlacitkoAktualniKategorie > div > img {
  filter: invert(1) contrast(10);
}

.ObjektovyPanelZalozkyObjektovehoPanelu {
  position: absolute;
  top: 26px;
  right: 4px;
  bottom: 0px;
  left: 4px;
}

.editor-akci {
  position: relative;
  height: 100%;
}

.editor-akci .editor-akci-nastaveni {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: auto;
  height: 28px;
}

.editor-akci.-jsou-inputy .editor-akci-nastaveni {
  top: 40px;
}

.editor-akci .editor-akci-grid-box {
  position: absolute;
  left: 0px;
  top: 30px;
  right: 0px;
  bottom: 0px;
}

.editor-akci.-jsou-inputy .editor-akci-grid-box {
  top: 68px;
}

.editor-akci .editor-akci-grid {
  height: 100%;
}

.uzivatelske-atributy-nastaveni-box {
  height: 100%;
}

.uzivatelske-atributy-nastaveni-content {
  height: calc(100% - 30px);
}

.uzivatelske-atributy-smazat-tlacitko {
  cursor: pointer;
}

.uzivatelske-atributy-posun-nahoru-tlacitko {
  cursor: pointer;
}

.uzivatelske-atributy-posun-dolu-tlacitko {
  cursor: pointer;
}

/*** Uzivatelske atributy editor***/
.uzivatelske-atributy-editor-box {
  position: relative;
  width: 600px;
  min-height: 65px;
}

.uzivatelske-atributy-editor-box .uzivatelske-atributy-nastaveni-tlacitko {
  position: absolute;
  top: 30px;
  right: 5px;
}

.notifikace-container {
  position: fixed !important;
  z-index: 99999 !important;
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: 320px;
  pointer-events: none;
}

.notifikace-container.top-right {
  top: 16px;
  right: 16px;
  align-items: flex-end;
}

.notifikace-container.top-left {
  top: 16px;
  left: 16px;
  align-items: flex-start;
}

.notifikace-container.bottom-right {
  bottom: 16px;
  right: 16px;
  align-items: flex-end;
  flex-direction: column-reverse;
}

.notifikace-container.bottom-left {
  bottom: 16px;
  left: 16px;
  align-items: flex-start;
  flex-direction: column-reverse;
}

.notifikace-container.top-center {
  top: 16px;
  left: 50%;
  transform: translateX(-50%);
  align-items: center;
}

.notifikace-container.bottom-center {
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
  align-items: center;
  flex-direction: column-reverse;
}

.notifikace-item {
  pointer-events: all;
  background: #ffffff;
  border: 1px solid rgb(124, 151, 177);
  border-radius: 8px;
  padding: 10px 12px;
  width: 300px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  position: relative;
  opacity: 0;
  transform: translateX(30px);
  transition: opacity 0.25s ease, transform 0.25s ease, max-height 0.3s ease, margin 0.3s ease, padding 0.3s ease;
  max-height: 200px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(55, 115, 174, 0.15);
}

.notifikace-item.from-left {
  transform: translateX(-30px);
}

.notifikace-item.from-top {
  transform: translateY(-20px);
}

.notifikace-item.visible {
  opacity: 1;
  transform: translate(0);
}

.notifikace-item.hiding {
  opacity: 0;
  transform: translateX(30px);
  max-height: 0;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.notifikace-item.type-info {
  border-left: 3px solid rgb(55, 115, 174);
}

.notifikace-item.type-success {
  border-left: 3px solid #639922;
}

.notifikace-item.type-warning {
  border-left: 3px solid #BA7517;
}

.notifikace-item.type-danger {
  border-left: 3px solid #E24B4A;
}

.notifikace-icon {
  display: flex;
  flex-shrink: 0;
  margin-top: 1px;
}

.type-info .notifikace-icon {
  color: rgb(55, 115, 174);
}

.type-success .notifikace-icon {
  color: #639922;
}

.type-warning .notifikace-icon {
  color: #BA7517;
}

.type-danger .notifikace-icon {
  color: #E24B4A;
}

.notifikace-body {
  flex: 1;
  min-width: 0;
}

.notifikace-title {
  font-size: 13px;
  font-weight: 500;
  color: #222222;
  margin: 0 0 2px;
  line-height: 1.3;
}

.notifikace-text {
  font-size: 12px;
  color: #555555;
  margin: 0;
  line-height: 1.45;
}

.notifikace-text a {
  color: rgb(55, 115, 174);
  text-decoration: none;
  font-weight: 500;
}

.notifikace-text a:hover {
  text-decoration: underline;
}

.notifikace-progress {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  background: rgb(55, 115, 174);
  border-radius: 0 0 0 8px;
  transition: width linear;
}

.type-success .notifikace-progress {
  background: #639922;
}

.type-warning .notifikace-progress {
  background: #BA7517;
}

.type-danger .notifikace-progress {
  background: #E24B4A;
}

.notifikace-zavrit {
  flex-shrink: 0;
  cursor: pointer;
  color: #888888;
  font-size: 14px;
  background: none;
  border: none;
  padding: 0;
  line-height: 1;
  margin-top: 1px;
  opacity: 0.6;
}

.notifikace-zavrit:hover {
  opacity: 1;
}

.SablonovaZalozka {
  position: absolute;
  left: 0px;
  top: 26px;
  bottom: 0px;
  right: 0px;
  /*background-color: white;*/
  border-left-style: solid;
  border-left-width: thin;
  border-left-color: rgb(124, 151, 177);
  padding: 2px;
  margin-top: -1px;
}

.SablonovaTlacitka {
  position: absolute;
  left: 0px;
  width: 92px;
  top: 1px;
  bottom: 0px;
  padding: 4px 6px 6px 6px;
  /*background-color: aliceblue;*/
}

.SablonovaTlacitka .ModryButton {
  display: block;
}

.SeznamZaznamuVSablone {
  width: 100%;
  height: 100%;
}

.SablonovyTabControl {
  position: absolute;
  left: 104px;
  right: 0px;
  top: 6px;
  bottom: 0px;
}

.SablonaCiselnikuRadekEditu {
  min-height: 26px;
  margin-top: 4px;
  white-space: nowrap;
}

.SablonaCiselnikuLabel {
  min-width: 100px;
  display: inline-block;
  /* vertical-align: middle; */
  margin: 3px 4px 0px;
}

.SablonaCiselnikuEdit {
  display: inline-block;
  /*vertical-align: middle;*/
  margin: 0px 4px;
  position: relative;
}

.SablonaCiselnikuEdit.dx-radiogroup {
  /* margin: 0px; */
}

.SablonaCiselnikuEdit .dx-item.dx-radiobutton {
  margin-bottom: 0px;
}

.SablonaCiselnikuJednotka {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.SablonaCiselnikuMezera {
  display: inline-block;
  min-width: 40px;
  min-height: 2px;
}

.SablonaCiselnikuRadioProfil {
  /* background-color: deepskyblue; */
  position: relative;
  display: inline-block;
  /*left: -130px;*/
  pointer-events: none; /*zajistí klikání skrz radio, abychom se dostali do editů pod ním*/
}

.SablonaCiselnikuRadioProfil div.dx-item-content {
  /*display: none;*/
  visibility: hidden;
}

.SablonaCiselnikuRadioProfil div.dx-radio-value-container {
  pointer-events: auto; /*klik do rádia je potřeba zapnout pro puntík*/
}

.SablonaPlatnostiPanelEditu {
  min-height: 50px;
  margin: 10px 0px 4px 0px;
}

.SablonaPlatnostiPanelTlacitek {
  align-items: center;
  display: flex;
  justify-content: center;
}

.SablonaPlatnostiTlacitka {
  margin: 10px;
  min-width: 100px;
  min-height: 33px;
  font-weight: bolder;
  font-size: larger;
}

#AlarmySplitter {
  height: 100%;
}

#AlarmyZaznamyBox {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

#AlarmyZaznamyFiltrBox {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: auto;
  height: 30px;
}

#AlarmyZaznamyGridBox {
  position: absolute;
  left: 0px;
  top: 30px;
  right: 0px;
  bottom: 0px;
}

#AlarmyZaznamyGrid {
  height: 100%;
}

#AlarmyKomentareDetailBox {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

#AlarmyKomentareDetailAlarmTextBox {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: auto;
  height: 80px;
}

#AlarmyKomentareDetailKomentareGridBox {
  position: absolute;
  left: 0px;
  top: 80px;
  right: 0px;
  bottom: 80px;
}

#AlarmyKomentareDetailKomentareGrid {
  height: 100%;
}

#AlarmyKomentareDetailKomentarTextBox {
  position: absolute;
  left: 0px;
  top: auto;
  right: 0px;
  bottom: 0px;
  height: 80px;
}

.editor-opravneni {
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  right: 0px;
  display: flex;
  gap: 10px;
}

.editor-opravneni .editor-opravneni-levy-sloupec {
  position: relative;
  flex: 0 0 40%;
}

.editor-opravneni .editor-opravneni-prostredni-sloupec {
  position: relative;
  flex: 0 0 10%;
}

.editor-opravneni .editor-opravneni-pravy-sloupec {
  position: relative;
  flex: 0 0 40%;
}

.editor-opravneni .editor-opravneni-objektovy-panel-box {
  height: 100%;
}

.editor-opravneni .editor-opravneni-objektovy-panel {
  position: relative;
  height: 100%;
}

.editor-opravneni .tlacitko, .editor-opravneni .tlacitko-opravneni {
  display: flex;
  justify-content: center;
}

.editor-opravneni .editor-opravneni-grid-box {
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 30px;
  right: 0px;
}

.editor-opravneni .editor-opravneni-grid {
  height: 100%;
}

.editor-opravneni .editor-opravneni-opravneni-tlacitka-box {
  position: absolute;
  left: 0px;
  top: auto;
  bottom: 0px;
  right: 0px;
}

.editor-opravneni .editor-opravneni-opravneni-tlacitka-box .opravneni-tlacitko:nth-child(n+2) {
  margin-left: 15px;
}

.editor-opravneni-pop-up-box {
  position: relative;
}

.editor-opravneni-pop-up-box .editor-opravneni-pop-up-objektovy-panel-osoby {
  min-height: 500px;
  height: calc(100% - 50px);
  position: relative;
}

#DivAktualniPozice {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

#AktualniPoziceToolbar {
  position: absolute;
  left: 4px;
  top: 4px;
  right: 0px;
  height: 28px;
  padding: 0px;
}

#AktualniPoziceVsechnyGridy {
  position: absolute;
  left: 0px;
  top: 42px;
  right: 0px;
  bottom: 0px;
}

.AktualniPoziceGrid {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

#AktualniPoziceKontejnerProMapu {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

#AktualniPoziceMapa {
  width: 100%;
  height: 100%;
}

#AktualniPoziceIndikatorBezicihoVypoctu {
  z-index: 9999;
  position: absolute;
  left: 4px;
  top: 4px;
  width: 3rem;
  height: 3rem;
  border: 5px solid #f3f3f3;
  border-top: 6px solid rgb(55, 115, 174);
  border-radius: 100%;
  margin: auto;
  visibility: hidden;
  animation: spin 1s infinite linear;
}

#AktualniPoziceIndikatorBezicihoVypoctu.display {
  visibility: visible;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
#GridAktualniPoziceSkupinaPopisku {
  position: absolute;
  top: 10px;
  bottom: 10px;
  right: 10px;
  width: 300px;
  padding: 6px;
  background-color: rgb(186, 251, 87);
  border-style: solid;
  border-width: thin;
  border-radius: 6px;
  border-color: gray;
}

#HistoriePozicSplitter {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

#HistoriePozicToolbar {
  position: absolute;
  left: 4px;
  top: 4px;
  right: 0px;
  height: 28px;
  padding: 0px;
}

#HistoriePozicTabControl {
  position: absolute;
  left: 4px;
  top: 40px;
  right: 0px;
  bottom: auto;
  padding: 0px;
}

#DivHistoriePozic {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

#HistoriePozicGrid {
  position: absolute;
  left: 0px;
  top: 66px;
  right: 0px;
  bottom: 0px;
}

#HistoriePozicKontejnerProMapu {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

#HistoriePozicMapa {
  width: 100%;
  height: 100%;
}

#HistoriePozicIndikatorBezicihoVypoctu {
  z-index: 9999;
  position: absolute;
  left: 4px;
  top: 4px;
  width: 3rem;
  height: 3rem;
  border: 5px solid #f3f3f3;
  border-top: 6px solid rgb(55, 115, 174);
  border-radius: 100%;
  margin: auto;
  visibility: hidden;
  animation: spin 1s infinite linear;
}

#HistoriePozicIndikatorBezicihoVypoctu.display {
  visibility: visible;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.PanelNajitMisto {
  position: absolute;
  left: 5px;
  top: 5px;
  width: 380px;
  height: 200px;
}

#PanelNajitMistoRadioGroup {
  margin-top: 5px;
}

#PanelNajitMistoEdSouradnice {
  position: absolute;
  left: 150px;
  top: 10px;
  width: 200px;
}

#PanelNajitMistoEdMisto {
  position: absolute;
  left: 150px;
  top: 40px;
  width: 200px;
}

#PanelNajitMistoEdOblast {
  position: absolute;
  left: 150px;
  top: 70px;
  width: 200px;
}

#PanelNajitMistoRadioGroup .dx-radiobutton {
  margin-bottom: 10px;
}

.PanelNajitMistoTlacitko {
  margin: 7px;
  margin-left: 60px;
  width: 80px;
}

#CiselnikOblastiGrpZakladniUdaje {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  height: 220px;
}

#CiselnikOblastiKontejnerProMapu {
  position: absolute;
  left: 0px;
  top: 223px;
  right: 0px;
  bottom: 0px;
}

#CiselnikOblastiMapa {
  width: 100%;
  height: 100%;
}

.CiselnikOblastiDetailLabel {
  display: inline-block;
  width: 200px;
}

.CiselnikOblastiDetailEdit {
  display: inline-block;
  margin-bottom: 5px;
  width: 200px;
  height: 25px;
}

.CiselnikOblastiDetailDruhySloupec {
  position: absolute;
  left: 450px;
  top: 30px;
}

.CiselnikOblastiDetailTretiSloupec {
  position: absolute;
  left: 900px;
  top: 30px;
}

.PanelEditorOblasti {
  position: absolute;
  left: 5px;
  top: 5px;
  width: 300px;
  height: 100px;
}

.PanelEditorOblastiLbNazev {
  display: inline-block;
  margin-right: 10px;
}

.PanelEditorOblastiEdNazev {
  display: inline-block;
}

.PanelEditorOblastiTlacitko {
  margin-top: 6px;
  margin-right: 6px;
}

.panel {
  height: 100%;
}

.sloupec-50 {
  flex: 0 0 50%;
  max-width: 50%;
  height: 100%;
}

.ms-0 {
  margin-left: 0;
}

.ms-1 {
  margin-left: 0.5rem;
}

.ms-2 {
  margin-left: 0.75rem;
}

.ms-3 {
  margin-left: 1rem;
}

.ms-4 {
  margin-left: 1.25rem;
}

.ms-5 {
  margin-left: 1.5rem;
}

.mb-0 {
  margin-bottom: 0;
}

.mb-1 {
  margin-bottom: 0.5rem;
}

.mb-2 {
  margin-bottom: 0.75rem;
}

.mb-3 {
  margin-bottom: 1rem;
}

.mb-4 {
  margin-bottom: 1.25rem;
}

.mb-5 {
  margin-bottom: 1.5rem;
}

.flex {
  display: flex;
}

.justify-content-center {
  justify-content: center;
}

.flex-direction-row {
  flex-direction: row;
}

.flex-direction-column {
  flex-direction: column;
}

.w-100 {
  width: 100%;
}

.h-100 {
  height: 100%;
}

.sloupec {
  flex: 1;
  box-sizing: border-box;
}

.skupina-tlacitek-box {
  padding: 5px;
}

.zalozka-vlastnosti-skupina-tlacitek {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.zalozka-vlastnosti-skupina-tlacitek .dx-button {
  padding: 10px;
}

.zalozka-vlastnosti-skupina-tlacitek .dx-button-content {
  min-width: 3.5rem;
}

#EditorTabulekTabControl {
  position: relative;
  height: 100%;
  width: calc(100% - 110px);
}

#EditorTabulekGrid {
  height: 100%;
}

#EditorTabulekZalozkaDetailyZaznamu .sloupec-levy {
  flex: 0 0 30%;
  max-width: 30%;
  height: 100%;
}

#EditorTabulekZalozkaDetailyZaznamu .sloupec-stredni {
  flex: 0 0 10%;
  max-width: 10%;
  height: 100%;
}

#EditorTabulekZalozkaDetailyZaznamu .sloupec-pravy {
  flex: 0 0 60%;
  max-width: 60%;
  height: 100%;
}

#VsechnySloupceGrid {
  height: calc(100% - 80px);
}

#VybraneSloupceGrid {
  height: calc(100% - 230px);
}

#VybraneSloupceGrid.zobrazit-skryte {
  position: relative;
  height: calc(100% - 300px);
}

#EditorTabulekPridatNovyBox {
  height: calc(100% - 30px);
}

.nastaveni-sloupce-box {
  padding: 5px;
}

.nastaveni-sloupce-box .nastaveni-sloupce-label {
  display: inline-flex;
  flex: 0 0 140px;
  align-self: center;
}

.nastaveni-sloupce-box .nastaveni-sloupce-input {
  flex: 1 0 auto;
}

.nastaveni-sloupce-box .nezobrazovat {
  display: none;
}

.nastaveni-sloupce-box.zobrazit-skryte .nezobrazovat {
  display: flex;
}

.data-grid-box {
  padding: 5px;
  width: 300px;
  border-width: 1px;
  border-style: solid;
  border-color: #ccc;
}

.data-grid-box .data-grid-box-label {
  display: inline-flex;
  flex: 0 0 80px;
  align-self: center;
}

.data-grid-box .data-grid-box-input {
  flex: 1 0 auto;
}

#SestavyTreeSeznamSestav {
  position: absolute;
  left: 12px;
  top: 12px;
  width: 300px;
  bottom: 4px;
}

.SestavyHostitelProFiltry {
  position: absolute;
  left: 324px;
  top: 12px;
  right: 4px;
  bottom: 4px;
}

.SestavyCheckbox {
  display: block;
  margin-bottom: 8px;
}

.SestavyCheckboxPredNumberBoxem {
  display: inline-block;
  margin-bottom: 8px;
}

.SestavyPopis {
  border-bottom-width: thin;
  border-bottom-style: solid;
  border-bottom-color: #3773AE;
  padding-bottom: 6px;
  margin-bottom: 6px;
}

.SestavySelectBox {
  width: 300px;
  display: inline-block;
  margin-bottom: 8px;
  vertical-align: middle;
}

.SestavyPopisFiltru {
  margin-right: 8px;
  margin-bottom: 8px;
  display: inline-block;
  vertical-align: middle;
}

.SestavyRadioBox {
  display: block;
  margin-bottom: 8px;
  display: inline-block;
  vertical-align: middle;
}

.SestavyTreeList {
  width: 300px;
  height: 300px;
}

.SestavyNumberBox {
  width: 50px;
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
}

.negative .dx-texteditor-input {
  background: #cd5c5c;
}

.positive .dx-texteditor-input {
  background: white;
}

#SestavyPopupGrid {
  width: 800px;
  height: 400px;
}

#SestavyPopupBtnZavrit {
  margin-left: 345px;
  margin-top: 13px;
  width: 90px;
  height: 30px;
}

#SestavyIndikatorProbihajihoGenerovani {
  z-index: 9999;
  position: absolute;
  left: 334px;
  top: 26px;
  width: 60px;
  height: 60px;
  border: 5px solid #f3f3f3;
  border-top: 6px solid rgb(55, 115, 174);
  border-radius: 100%;
  margin: auto;
  visibility: hidden;
  animation: spin 1s infinite linear;
}

#SestavyGrid {
  position: absolute;
  left: 305px;
  bottom: 200px;
  right: 0px;
  height: 200px;
}

#SestavyGridProEditovanouSestavuPanelEditacniTlacitka {
  display: block;
  left: 0px;
  width: 92px;
  bottom: 0px;
  top: 27px;
  padding: 4px 6px 6px 6px;
}

#SestavyGridProEditovanouSestavuPanelEditacniTlacitka .ModryButton {
  display: block;
}

#SestavyGridProEditovanouSestavuSestavaSelectBox {
  position: absolute;
  left: 104px;
  top: 2px;
  right: auto;
  bottom: auto;
  height: 40px;
}

#SestavyGridProEditovanouSestavuGrd {
  position: absolute;
  left: 104px;
  top: 44px;
  right: 0px;
  bottom: 160px;
}

#SestavyGridProEditovanouSestavuPnl {
  position: absolute;
  left: 104px;
  right: 0px;
  bottom: 0px;
  height: 160px;
}

#SestavyGridProEditovanouSestavuCelkovySoucet {
  display: block;
  height: 130px;
  left: 0px;
  right: 0px;
}

#SestavyGridProEditovanouSestavuPanelEditace {
  display: block;
  left: 0px;
  right: 0px;
}

.SestavyGridProEditovanouSestavuTlacitkoPodSestavou {
  display: inline-block;
  margin-right: 5px;
}

.SestavyGridProEditovanouSestavuEditacniKomponenta {
  display: inline-block;
  margin-right: 5px;
  min-width: 200px;
}

.SestavyGridProEditovanouSestavuEditacniKomponentaPopisek {
  display: inline-block;
  margin-right: 5px;
  margin-left: 5px;
}

#SestavyGridProEditovanouSestavuProgressCekani {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

#SestavyGridProEditovanouSestavuIndikatorProbihajicihoGenerovani {
  z-index: 9999;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 60px;
  height: 60px;
  border: 5px solid #f3f3f3;
  border-top: 6px solid rgb(55, 115, 174);
  border-radius: 100%;
  margin: auto;
  visibility: hidden;
  animation: spin 1s infinite linear;
}

/* dialog zadani tachometru */
#SestavyGridProEditovanouSestavuDialogZadaniTachometruPnl {
  position: absolute;
  left: 0px;
  top: 10px;
  bottom: 0px;
  right: 0px;
}

#SestavyGridProEditovanouSestavuDialogZadaniTachometruLblDatumCas {
  position: absolute;
  left: 20px;
  top: 5px;
}

#SestavyGridProEditovanouSestavuDialogZadaniTachometruLblTachometr {
  position: absolute;
  left: 20px;
  top: 45px;
}

#SestavyGridProEditovanouSestavuDialogZadaniTachometruDtDatumCas {
  position: absolute;
  left: 120px;
  top: 0px;
  right: 20px;
}

#SestavyGridProEditovanouSestavuDialogZadaniTachometruEdTachometrKm {
  position: absolute;
  left: 120px;
  top: 40px;
  right: 20px;
}

#SestavyGridProEditovanouSestavuDialogZadaniTachometruBtnOK {
  position: absolute;
  left: 95px;
  bottom: 10px;
  width: 100px;
}

#SestavyGridProEditovanouSestavuDialogZadaniTachometruBtnStorno {
  position: absolute;
  left: 205px;
  bottom: 10px;
  width: 100px;
}

/* dialog zadani zarazky MTH */
#SestavyGridProEditovanouSestavuDialogZadaniZarazkyMTHPnl {
  position: absolute;
  left: 0px;
  top: 50px;
  bottom: 0px;
  right: 0px;
}

#SestavyGridProEditovanouSestavuDialogZadaniZarazkyMTHLblDatumCas {
  position: absolute;
  left: 20px;
  top: 5px;
}

#SestavyGridProEditovanouSestavuDialogZadaniZarazkyMTHLblTachometr {
  position: absolute;
  left: 20px;
  top: 45px;
}

#SestavyGridProEditovanouSestavuDialogZadaniZarazkyMTHDtDatumCas {
  position: absolute;
  left: 170px;
  top: 0px;
  right: 20px;
}

#SestavyGridProEditovanouSestavuDialogZadaniZarazkyMTHEdTachometrMth {
  position: absolute;
  left: 170px;
  top: 40px;
  right: 20px;
}

#SestavyGridProEditovanouSestavuDialogZadaniZarazkyMTHBtnOK {
  position: absolute;
  left: 120px;
  bottom: 10px;
  width: 100px;
}

#SestavyGridProEditovanouSestavuDialogZadaniZarazkyMTHBtnStorno {
  position: absolute;
  left: 230px;
  bottom: 10px;
  width: 100px;
}

/* dialog zadani tankovani */
#SestavyGridProEditovanouSestavuDialogZadaniTankovaniPnl {
  position: absolute;
  left: 0px;
  top: 10px;
  bottom: 0px;
  right: 0px;
}

#SestavyGridProEditovanouSestavuDialogZadaniTankovaniLblDatumCas {
  position: absolute;
  left: 20px;
  top: 5px;
}

#SestavyGridProEditovanouSestavuDialogZadaniTankovaniLblMisto {
  position: absolute;
  left: 20px;
  top: 45px;
}

#SestavyGridProEditovanouSestavuDialogZadaniTankovaniLblMnozstvi {
  position: absolute;
  left: 20px;
  top: 85px;
}

#SestavyGridProEditovanouSestavuDialogZadaniTankovaniLblCena {
  position: absolute;
  left: 20px;
  top: 125px;
}

#SestavyGridProEditovanouSestavuDialogZadaniTankovaniLblCenaJeNepovinna {
  position: absolute;
  left: 120px;
  top: 148px;
}

#SestavyGridProEditovanouSestavuDialogZadaniTankovaniLblZpusobPlatby {
  position: absolute;
  left: 20px;
  top: 185px;
}

#SestavyGridProEditovanouSestavuDialogZadaniTankovaniLblTankovaniVZahranici {
  position: absolute;
  left: 20px;
  top: 220px;
}

#SestavyGridProEditovanouSestavuDialogZadaniTankovaniDtDatumCas {
  position: absolute;
  left: 120px;
  top: 0px;
  right: 20px;
}

#SestavyGridProEditovanouSestavuDialogZadaniTankovaniEdMisto {
  position: absolute;
  left: 120px;
  top: 40px;
  right: 20px;
}

#SestavyGridProEditovanouSestavuDialogZadaniTankovaniEdMnozstvi {
  position: absolute;
  left: 120px;
  top: 80px;
  right: 20px;
}

#SestavyGridProEditovanouSestavuDialogZadaniTankovaniEdCena {
  position: absolute;
  left: 120px;
  top: 120px;
  right: 20px;
}

#SestavyGridProEditovanouSestavuDialogZadaniTankovaniCmbZpusobPlatby {
  position: absolute;
  left: 120px;
  top: 180px;
  right: 20px;
}

#SestavyGridProEditovanouSestavuDialogZadaniTankovaniChbTankovaniVZahranici {
  position: absolute;
  left: 160px;
  top: 220px;
  right: 20px;
}

#SestavyGridProEditovanouSestavuDialogZadaniTankovaniBtnOK {
  position: absolute;
  left: 95px;
  bottom: 10px;
  width: 100px;
}

#SestavyGridProEditovanouSestavuDialogZadaniTankovaniBtnStorno {
  position: absolute;
  left: 205px;
  bottom: 10px;
  width: 100px;
}

.container {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 8px;
  overflow: auto;
  box-sizing: border-box;
}

table.styl-jizdy-tabulka {
  width: auto;
  border-collapse: collapse;
  background-color: #ffffff;
}

table.styl-jizdy-tabulka th,
table.styl-jizdy-tabulka td {
  padding: 2px 5px;
  height: 24px;
  font-size: 11px;
  border: 1px solid #ececec;
  vertical-align: middle;
}

table.styl-jizdy-tabulka th {
  background-color: #ffffff;
  font-weight: 600;
  text-align: center;
  color: #2c4257;
}

tr.podrhnout td {
  border-bottom: 2px solid #cac8c8 !important;
}

th.nazev-col {
  width: 100px;
  min-width: 100px;
}

th.akce-col {
  width: 280px;
  border-left: 2px solid #cac8c8;
}

td.label-col {
  background-color: #ffffff;
  font-weight: 500;
  width: 180px;
  max-width: 200px;
  white-space: normal;
  word-wrap: break-word;
}

td.hodnota-col {
  text-align: right;
}

td.skore-col {
  text-align: right;
  font-weight: bold;
}

td.btn-cell {
  background-color: #ffffff;
  padding: 1px 3px;
  border-left: 2px solid #cac8c8 !important;
  width: 280px;
}

.btn-radek {
  display: flex;
  gap: 3px;
  width: 100%;
  height: 100%;
}

.btn {
  width: 100%;
  height: 100%;
  min-height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 4px;
  font-size: 11px;
  font-weight: 500;
  color: #2c3e50;
  background-color: #ebebeb;
  border: 1px solid #ddd;
  border-radius: 3px;
  cursor: pointer;
  white-space: nowrap;
}

.btn:hover {
  background-color: #f5f5f5;
}

.bold-row {
  font-weight: bold;
}

.sumar-row {
  border-top: 2px solid #ececec;
  font-size: 12px;
}

#CiselnikProvozyPrirazeneSmenyGrid {
  height: 100%;
}

#CiselnikProvozyVsechnySmenyGrid {
  height: 100%;
}

.ciselnik-provozy-nastaveni-smen {
  height: calc(100% - 170px);
}

.ciselnik-provozni-kalendare-nastaveni-vozidel {
  height: calc(100% - 200px);
}

.dotaz-na-provoz-kontejner-pro-placitka {
  display: flex;
  justify-content: center;
}

#DotazNaProvozGrid {
  height: calc(100% - 30px);
}

#CiselnikProvozniKalendareDnyCheckboxy [role=checkbox]:nth-child(n+2) {
  margin-left: 10px;
}

#CiselnikOsobyZalozkaOpravneni .sablonova-zalozka-hlavicka,
#CiselnikOsobyZalozkaSkupiny .sablonova-zalozka-hlavicka,
#CiselnikOsobyZalozkaIdentifikaceRidice .sablonova-zalozka-hlavicka,
#CiselnikOsobyZalozkaUdalosti .sablonova-zalozka-hlavicka,
#CiselnikOsobyZalozkaPersony .sablonova-zalozka-hlavicka,
#CiselnikOsobyZalozkaOblasti .sablonova-zalozka-hlavicka,
#CiselnikOsobyZalozkaHistorieZmen .sablonova-zalozka-hlavicka {
  height: 30px;
}

#CiselnikOsobyZalozkaOpravneni .sablonova-zalozka-hlavni {
  position: relative;
  height: calc(100% - 40px);
}

#CiselnikOsobyZalozkaSkupiny .sablonova-zalozka-hlavni {
  height: calc(100% - 30px);
}

#CiselnikOsobyZalozkaOblasti .sablonova-zalozka-hlavni {
  height: calc(100% - 30px);
}

#ciselnik-osoby-opravneni-objektovy-panel-osoby {
  position: relative;
  height: calc(100% - 40px);
}

#CiselnikOsobyEdSmartHesloApi {
  display: none;
}

#RoleOsobEditorOpravneniBox {
  position: absolute;
  left: 0px;
  top: 45px;
  bottom: 0px;
  right: 0px;
}

#RoleOsobEditorOpravneni {
  height: 100%;
}

#TorolaDokumentySplitter {
  height: 100%;
}

.dx-item-separator {
  border-top: 1px solid #ccc;
}

.edit-modal-submit {
  text-align: left;
  height: 100%;
  display: block;
  padding-right: 25px;
  padding-top: 3px;
}

.edit-modal-submit .dot-flashing {
  margin-left: 25px;
}

#PlanovacSestavRadekGridy {
  height: calc(100% - 300px);
}

#PlanovacSestavPrijemciGrid {
  height: calc(100% - 30px);
}

#PlanovacSestavObjektyGrid {
  height: calc(100% - 30px);
}

.PlanovacSestavObjektovyPanelOsobyBox {
  position: relative;
  height: 600px;
  width: 100%;
}

#PlanovacSestavObjektovyPanelOsoby {
  position: relative;
  height: 100%;
}

#PlanovacSestavZalozkaDetailyZaznamu {
  overflow-y: auto;
}

#HlidacUdalostiVstupniPodminkyGridBox {
  height: 300px;
  flex: 1 1 auto;
  padding: 1px;
}

#HlidacUdalostiVstupniPodminkyGrid {
  height: 100%;
}

#HlidacUdalostiVstupniPodminkyTlacitkaBox {
  display: flex;
  flex: 0 0 150px;
  flex-direction: column;
}

#HlidacUdalostiLbAktivni {
  width: auto;
}

#HlidacUdalostiTypPodminkyGridBox {
  height: 370px;
  flex: 0 1 auto;
  margin-top: 25px;
}

#HlidacUdalostiTypPodminkyGrid {
  height: 100%;
  width: 200px;
}

/*** << Zastupne symboly ***/
.HlidacUdalostiZastupnySymbol {
  font-size: 12px;
  padding: 2px 0;
}

.HlidacUdalostiZastupnySymbol:hover {
  color: blue;
  cursor: pointer;
}

/*** Zastupne symboly >> ***/
/*****/
.HlidacUdalostiPodminka {
  position: absolute;
  left: 214px;
  top: 60px;
  visibility: hidden;
  right: 0px;
  bottom: 6px;
}

/* radiobutton pro spojku */
#HlidacUdalostiPodminkyPoziceJizdy {
  position: absolute;
  left: 6px;
  top: 30px;
}

#HlidacUdalostiPodminkyLbPoziceJizdy {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 150px;
}

#HlidacUdalostiPodminkyRgPoziceJizdy {
  position: absolute;
  left: 150px;
  top: 0px;
  width: 400px;
}

#HlidacUdalostiPodminkySpojka {
  visibility: hidden;
  position: absolute;
  left: 6px;
  top: 30px;
}

#HlidacUdalostiPodminkyLbSpojka {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 200px;
}

#HlidacUdalostiPodminkyRgSpojka {
  position: absolute;
  left: 200px;
  top: 0px;
  width: 400px;
}

/* tlacitka pro pridani a odebrani zaznamu u podminek se zaskrtavanim vice objektu */
.HlidacUdalostiPodminkaBtnPridatZaznam {
  position: absolute;
  left: 0px;
  width: 95px;
  height: 50px;
  bottom: 0px;
}

.HlidacUdalostiPodminkaBtnOdebratZaznam {
  position: absolute;
  left: 105px;
  width: 95px;
  height: 50px;
  bottom: 0px;
}

/*** Podminka datum a cas ***/
#HlidacUdalostiPodminkaDatumCasLbOd {
  position: relative;
  top: 10px;
}

#HlidacUdalostiPodminkaDatumCasDtOd {
  position: relative;
  left: 40px;
  top: -10px;
  width: 133px;
}

#HlidacUdalostiPodminkaDatumCasLbDo {
  position: relative;
  top: 10px;
}

#HlidacUdalostiPodminkaDatumCasDtDo {
  position: relative;
  left: 40px;
  top: -10px;
  width: 133px;
}

#HlidacUdalostiPodminkaDatumCasDnyVTydnu {
  position: absolute;
  left: 281px;
  top: 0px;
  width: 75px;
  height: 170px;
}

.HlidacUdalostiPodminkaDatumCasDenVTydnu {
  height: 20px;
}

/*** Podminka oblasti ***/
#HlidacUdalostiPodminkaOblastiRgOblasti {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 300px;
  height: 50px;
}

#HlidacUdalostiPodminkaOblastiGrdZvoleneOblasti {
  position: absolute;
  left: 0px;
  top: 30px;
  width: 200px;
  bottom: 60px;
}

#HlidacUdalostiPodminkaOblastiGrdOblasti {
  position: absolute;
  left: 210px;
  top: 30px;
  width: 300px;
  bottom: 0px;
}

/*** Podminka vozidla ***/
#HlidacUdalostiPodminkaVozidlaGrdZvolenaVozidla {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 200px;
  bottom: 60px;
}

#HlidacUdalostiPodminkaVozidlaPanelVozidel {
  position: absolute;
  left: 210px;
  top: 0px;
  right: 10px;
  bottom: 0px;
}

/*** Podminka skupiny vozidel ***/
#HlidacUdalostiPodminkaSkupinyVozidelRgSkupiny {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 500px;
  height: 50px;
}

#HlidacUdalostiPodminkaSkupinyVozidelGrdZvoleneSkupiny {
  position: absolute;
  left: 0px;
  top: 30px;
  width: 200px;
  bottom: 60px;
}

#HlidacUdalostiPodminkaSkupinyVozidelGrdSkupiny {
  position: absolute;
  left: 210px;
  top: 30px;
  right: 6px;
  bottom: 0px;
}

/*** Podminka zapnuty/vypnuty vstup ***/
#HlidacUdalostiPodminkaVstupZapnutyVypnutyRg {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 500px;
  height: 50px;
}

#HlidacUdalostiPodminkaVstupZapnutyVypnutyGrd {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 30px;
  bottom: 50px;
}

/*** Podminka hodnotovy vstup ***/
#HlidacUdalostiPodminkaVstupHodnotovyRg {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 300px;
  height: 30px;
}

#HlidacUdalostiPodminkaVstupHodnotovyGrd {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 30px;
  bottom: 40px;
}

#HlidacUdalostiPodminkaVstupHodnotovyNum {
  position: absolute;
  left: 300px;
  bottom: 10px;
  width: 150px;
}

/*** Podminka misto ***/
#HlidacUdalostiPodminkaMistoChbUlice {
  position: absolute;
  left: 0px;
  top: 0px;
}

#HlidacUdalostiPodminkaMistoTxtUlice {
  position: absolute;
  left: 0px;
  top: 30px;
  width: 200px;
}

#HlidacUdalostiPodminkaMistoChbMesto {
  position: absolute;
  left: 0px;
  top: 80px;
}

#HlidacUdalostiPodminkaMistoTxtMesto {
  position: absolute;
  left: 0px;
  top: 110px;
  width: 200px;
}

#HlidacUdalostiPodminkaMistoChbStat {
  position: absolute;
  left: 0px;
  top: 160px;
}

#HlidacUdalostiPodminkaMistoLueStat {
  position: absolute;
  left: 0px;
  top: 190px;
  width: 200px;
}

#HlidacUdalostiPodminkaMistoLblSpustit {
  position: absolute;
  left: 210px;
  top: 0px;
}

#HlidacUdalostiPodminkaMistoRg {
  position: absolute;
  left: 210px;
  top: 20px;
}

/*** Podminka spojka ***/
/*** Podminka delka textoveho vstupu ***/
#HlidacUdalostiPodminkaDelkaTextovehoVstupuRg {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 300px;
  height: 30px;
}

#HlidacUdalostiPodminkaDelkaTextovehoVstupuGrd {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 30px;
  bottom: 40px;
}

#HlidacUdalostiPodminkaDelkaTextovehoVstupuNum {
  position: absolute;
  left: 300px;
  bottom: 10px;
  width: 150px;
}

/*** Podminka blizi se servisni intervaly ***/
#HlidacUdalostiPodminkaBliziSeServisniIntervalyNumDnuPredem {
  position: absolute;
  left: 100px;
  top: 0px;
  width: 100px;
}

#HlidacUdalostiPodminkaBliziSeServisniIntervalyNumKmPredem {
  position: absolute;
  left: 100px;
  top: 30px;
  width: 100px;
}

#HlidacUdalostiPodminkaBliziSeServisniIntervalyNumMTHPredem {
  position: absolute;
  left: 100px;
  top: 60px;
  width: 100px;
}

#HlidacUdalostiPodminkaBliziSeServisniIntervalyDnuPredem {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100px;
}

#HlidacUdalostiPodminkaBliziSeServisniIntervalyKmPredem {
  position: absolute;
  left: 0px;
  top: 30px;
  width: 100px;
}

#HlidacUdalostiPodminkaBliziSeServisniIntervalyMTHPredem {
  position: absolute;
  left: 0px;
  top: 60px;
  width: 100px;
}

/*** Podminka ridici ***/
#HlidacUdalostiPodminkaRidiciGrdZvoleniRidici {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 200px;
  bottom: 60px;
}

#HlidacUdalostiPodminkaRidiciGrdRidici {
  position: absolute;
  left: 420px;
  top: 0px;
  right: 10px;
  bottom: 0px;
}

#HlidacUdalostiPodminkaRidiciRg {
  position: absolute;
  left: 210px;
  top: 0px;
  bottom: 0px;
  width: 200px;
}

/*** Podminka predprovozni kontrola ***/
#HlidacUdalostiPodminkaPredprovozniKontrolaGrd {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 20px;
  bottom: 40px;
}

#HlidacUdalostiPodminkaPredprovozniKontrolaCheHlidatUdalost {
  position: absolute;
  left: 0px;
  bottom: 5px;
}

#HlidacUdalostiPodminkaPredprovozniKontrolaOcekavanaOdpoved {
  position: absolute;
  left: 150px;
  bottom: 5px;
}

#HlidacUdalostiPodminkaPredprovozniKontrolaLueOcekavanaOdpoved {
  position: absolute;
  left: 300px;
  bottom: 0px;
  width: 200px;
}

/*** Podminka prekroceni rychlosti ***/
#HlidacUdalostiPodminkaPredprovozniKontrolaPrekrocenaRychlost {
  position: absolute;
  left: 0px;
  top: 5px;
}

#HlidacUdalostiPodminkaPrekroceniRychlostiNum {
  position: absolute;
  left: 150px;
  top: 0px;
  width: 100px;
}

#HlidacUdalostiPodminkaPredprovozniKontrolaPrekrocenaRychlostKmH {
  position: absolute;
  left: 260px;
  top: 5px;
}

/*** Podminka rychlostni stupen ***/
#HlidacUdalostiPodminkaRychlostniStupenTxt {
  position: absolute;
  left: 0px;
  top: 0px;
}

#HlidacUdalostiPodminkaRychlostniStupenLue {
  position: absolute;
  left: 0px;
  top: 25px;
  width: 100px;
}

/*** Podminka osoby pro udalosti ***/
#HlidacUdalostiPodminkaOsobyProUdalostiGrdZvoleneOsoby {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 200px;
  bottom: 60px;
}

#HlidacUdalostiPodminkaOsobyProUdalostiPanelOsob {
  position: absolute;
  left: 210px;
  top: 0px;
  right: 10px;
  bottom: 0px;
}

/*** Podminka blizi se udalost osoby ***/
#HlidacUdalostiPodminkaBliziSeUdalostOsobyDnuPredem {
  position: absolute;
  left: 0px;
  top: 5px;
}

#HlidacUdalostiPodminkaBliziSeUdalostOsobyNum {
  position: absolute;
  left: 80px;
  top: 0px;
  width: 100px;
}

/*** << Vystupni cinnosti ***/
#HlidacUdalostiVystupniCinnostiGridBox {
  height: 200px;
  flex: 1 1 auto;
  padding: 1px;
}

#HlidacUdalostiVystupniCinnostiGrid {
  height: 100%;
}

#HlidacUdalostiVystupniCinnostiTlacitkaBox {
  display: flex;
  flex: 0 0 150px;
  flex-direction: column;
}

#HlidacUdalostiVystupniCinnostiDetailyBox {
  position: relative;
  height: calc(100% - 230px);
}

#HlidacUdalostiVystupniCinnostiDetailyBox .SablonovaZalozka {
  top: 26px;
}

#HlidacUdalostiVystupniCinnostiTabControl {
  position: absolute;
  left: 0px;
  top: 60px;
  bottom: 0px;
  right: 0px;
}

#HlidacUdalostiVystupniCinnostiTabControl > .SablonovaZalozka {
  visibility: hidden;
  border-left-style: none;
}

/* kdy volat cinnost */
#HlidacUdalostiVystupniCinnostiVolat {
  display: flex;
  flex-direction: row;
  align-items: center;
}

#HlidacUdalostiVystupniCinnostiVolat .dx-item {
  display: flex;
  flex-direction: row;
  align-items: center;
}

#HlidacUdalostiVystupniCinnostiRgVolat {
  margin-left: 10px;
}

#HlidacUdalostiVystupniCinnostiVolatPo {
  display: flex;
  flex-direction: row;
  align-items: center;
}

#HlidacUdalostiVystupniCinnostiNumTrvani {
  margin-left: 10px;
}

#HlidacUdalostiVystupniCinnostiVolatTxtSekundach {
  margin-left: 10px;
}

/* Vystupni cinnost email */
#HlidacUdalostiVystupniCinnostiEmailChe {
  position: absolute;
  left: 6px;
  top: 6px;
}

#HlidacUdalostiVystupniCinnostiEmailTxt {
  position: absolute;
  left: 6px;
  top: 28px;
  right: 6px;
  height: 148px;
}

#HlidacUdalostiVystupniCinnostiEmailLbTemtoOsobam {
  position: absolute;
  left: 6px;
  top: 180px;
}

#HlidacUdalostiVystupniCinnostiEmailGrdVybraneOsoby {
  position: absolute;
  left: 6px;
  top: 200px;
  bottom: 6px;
  width: 300px;
}

#HlidacUdalostiVystupniCinnostiEmailBtnPridatOsobu {
  position: absolute;
  left: 315px;
  top: 200px;
  width: 100px;
  height: 50px;
}

#HlidacUdalostiVystupniCinnostiEmailBtnOdebratOsobu {
  position: absolute;
  left: 315px;
  top: 260px;
  width: 100px;
  height: 50px;
}

#HlidacUdalostiVystupniCinnostiEmailGrdOsoby {
  position: absolute;
  left: 425px;
  top: 200px;
  bottom: 6px;
  right: 6px;
}

/* Vystupni cinnost sms */
#HlidacUdalostiVystupniCinnostiSMSChe {
  position: absolute;
  left: 6px;
  top: 6px;
}

#HlidacUdalostiVystupniCinnostiSMSTxt {
  position: absolute;
  left: 6px;
  top: 28px;
  right: 6px;
  height: 148px;
}

#HlidacUdalostiVystupniCinnostiSMSLbTemtoOsobam {
  position: absolute;
  left: 6px;
  top: 180px;
}

#HlidacUdalostiVystupniCinnostiSMSGrdVybraneOsoby {
  position: absolute;
  left: 6px;
  top: 200px;
  bottom: 10px;
  width: 300px;
}

#HlidacUdalostiVystupniCinnostiSMSBtnPridatOsobu {
  position: absolute;
  left: 315px;
  top: 200px;
  width: 100px;
  height: 50px;
}

#HlidacUdalostiVystupniCinnostiSMSBtnOdebratOsobu {
  position: absolute;
  left: 315px;
  top: 260px;
  width: 100px;
  height: 50px;
}

#HlidacUdalostiVystupniCinnostiSMSGrdOsoby {
  position: absolute;
  left: 425px;
  top: 200px;
  bottom: 10px;
  right: 6px;
}

/* Vystupni cinnost zprava */
#HlidacUdalostiVystupniCinnostiZpravaChe {
  position: absolute;
  left: 6px;
  top: 6px;
}

#HlidacUdalostiVystupniCinnostiZpravaTxt {
  position: absolute;
  left: 6px;
  top: 28px;
  right: 6px;
  height: 148px;
}

#HlidacUdalostiVystupniCinnostiZpravaSignalizaceBox {
  position: absolute;
  left: 6px;
  top: 180px;
  right: 6px;
  height: 50px;
}

#HlidacUdalostiVystupniCinnostiZpravaSignalizaceLb {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 180px;
}

#HlidacUdalostiVystupniCinnostiZpravaSignalizaceRg {
  position: absolute;
  left: 5px;
  top: 27px;
}

#HlidacUdalostiVystupniCinnostiZpravaLbTemtoOsobam {
  position: absolute;
  left: 6px;
  top: 235px;
}

#HlidacUdalostiVystupniCinnostiZpravaGrdVybraneOsoby {
  position: absolute;
  left: 6px;
  top: 255px;
  bottom: 10px;
  width: 300px;
}

#HlidacUdalostiVystupniCinnostiZpravaBtnPridatOsobu {
  position: absolute;
  left: 315px;
  top: 255px;
  width: 100px;
  height: 50px;
}

#HlidacUdalostiVystupniCinnostiZpravaBtnOdebratOsobu {
  position: absolute;
  left: 315px;
  top: 315px;
  width: 100px;
  height: 50px;
}

#HlidacUdalostiVystupniCinnostiZpravaGrdOsoby {
  position: absolute;
  left: 425px;
  top: 255px;
  bottom: 10px;
  right: 6px;
}

/* Vystupni cinnost email pro ridice */
#HlidacUdalostiVystupniCinnostiEmailProRidiceChe {
  position: absolute;
  left: 6px;
  top: 6px;
}

#HlidacUdalostiVystupniCinnostiEmailProRidiceTxt {
  position: absolute;
  left: 6px;
  top: 28px;
  right: 6px;
  bottom: 10px;
}

/* Vystupni cinnost sms pro ridice */
#HlidacUdalostiVystupniCinnostiSMSProRidiceChe {
  position: absolute;
  left: 6px;
  top: 6px;
}

#HlidacUdalostiVystupniCinnostiSMSProRidiceTxt {
  position: absolute;
  left: 6px;
  top: 28px;
  right: 6px;
  bottom: 10px;
}

/* Vystupni cinnost zprava pro ridice */
#HlidacUdalostiVystupniCinnostiZpravaProRidiceChe {
  position: absolute;
  left: 6px;
  top: 6px;
}

#HlidacUdalostiVystupniCinnostiZpravaProRidiceTxt {
  position: absolute;
  left: 6px;
  top: 28px;
  right: 6px;
  bottom: 10px;
}

/* Vystupni cinnost email pro zodpovedneho ridice */
#HlidacUdalostiVystupniCinnostiEmailProZodpovednehoRidiceChe {
  position: absolute;
  left: 6px;
  top: 6px;
}

#HlidacUdalostiVystupniCinnostiEmailProZodpovednehoRidiceTxt {
  position: absolute;
  left: 6px;
  top: 28px;
  right: 6px;
  bottom: 10px;
}

/* Vystupni cinnost sms pro zodpovedneho ridice */
#HlidacUdalostiVystupniCinnostiSMSProZodpovednehoRidiceChe {
  position: absolute;
  left: 6px;
  top: 6px;
}

#HlidacUdalostiVystupniCinnostiSMSProZodpovednehoRidiceTxt {
  position: absolute;
  left: 6px;
  top: 28px;
  right: 6px;
  bottom: 10px;
}

/* Vystupni cinnost akce ve vozidle*/
#HlidacUdalostiVystupniCinnostiAkceVeVozidleZapnoutOL1Che {
  position: absolute;
  left: 6px;
  top: 13px;
  width: 180px;
}

#HlidacUdalostiVystupniCinnostiAkceVeVozidleZapnoutOL1Rg {
  position: absolute;
  left: 200px;
  top: 13px;
}

#HlidacUdalostiVystupniCinnostiAkceVeVozidleZapnoutOL1Num {
  position: absolute;
  left: 400px;
  top: 10px;
  width: 100px;
}

#HlidacUdalostiVystupniCinnostiAkceVeVozidleZapnoutOL1Lb {
  position: absolute;
  left: 510px;
  top: 13px;
}

#HlidacUdalostiVystupniCinnostiAkceVeVozidleZapnoutOL2Che {
  position: absolute;
  left: 6px;
  top: 48px;
  width: 180px;
}

#HlidacUdalostiVystupniCinnostiAkceVeVozidleZapnoutOL2Rg {
  position: absolute;
  left: 200px;
  top: 48px;
}

#HlidacUdalostiVystupniCinnostiAkceVeVozidleZapnoutOL2Num {
  position: absolute;
  left: 400px;
  top: 45px;
  width: 100px;
}

#HlidacUdalostiVystupniCinnostiAkceVeVozidleZapnoutOL2Lb {
  position: absolute;
  left: 510px;
  top: 48px;
}

#HlidacUdalostiVystupniCinnostiAkceVeVozidleVypnoutOL1Che {
  position: absolute;
  left: 6px;
  top: 100px;
}

#HlidacUdalostiVystupniCinnostiAkceVeVozidleVypnoutOL2Che {
  position: absolute;
  left: 6px;
  top: 135px;
}

/* Vystupni cinnost ulozit do tabulky */
#HlidacUdalostiVystupniCinnostiUlozitDoTabulkyLb {
  position: absolute;
  left: 6px;
  top: 10px;
}

#HlidacUdalostiVystupniCinnostiUlozitDoTabulkyNum {
  position: absolute;
  left: 80px;
  top: 6px;
}

/* Vystupni cinnost hlaseni na GT 2.5 */
#HlidacUdalostiVystupniCinnostiHlaseniNaGT25Che {
  position: absolute;
  left: 6px;
  top: 6px;
}

#HlidacUdalostiVystupniCinnostiHlaseniNaGT25Txt {
  position: absolute;
  left: 6px;
  right: 6px;
  top: 28px;
  bottom: 40px;
}

#HlidacUdalostiVystupniCinnostiHlaseniNaGT25Lb {
  position: absolute;
  left: 6px;
  bottom: 10px;
}

#HlidacUdalostiVystupniCinnostiHlaseniNaGT25Num {
  position: absolute;
  left: 190px;
  bottom: 6px;
}

/* Vystupni cinnost notifikace v telefonu */
#HlidacUdalostiVystupniCinnostiNotifikaceVTelefonuChe {
  position: absolute;
  left: 6px;
  top: 10px;
}

/*** Vystupni cinnosti >> ***/
#NastaveniZalozkaDetailyZaznamu {
  overflow-y: auto;
  overflow-x: hidden;
}

#NastaveniZalozkaDetailyZaznamu .box-header {
  display: flex;
  align-items: center;
}

#NastaveniZalozkaDetailyZaznamu .box-header-label {
  display: inline;
}

#NastaveniDetailSekce {
  height: 100%;
}

.CiselnikVozidelDetailLevySloupec {
  flex: 0 0 15%;
}

.CiselnikVozidelDetailPravySloupec {
  flex: 0 0 85%;
  position: relative;
}

.CiselnikVozidelTypyKategoriiGrid {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}

.box.box-flex.CiselnikVozidelKategorieBox {
  display: none;
}

.CiselnikVozidelScrollViewDetail {
  position: absolute;
  left: 0;
  right: 0;
  top: 74px;
  bottom: 0;
  height: auto;
}

.CiselnikVozidelScrollViewDetail.profil-view-detail {
  top: 44px;
}

.CiselnikVozidelKategorieMapaNadrzeGraf {
  width: 600px;
  height: 250px;
}

.CiselnikVozidelKategorieVstupyGrafKalibrace {
  height: 250px;
}

.CiselnikVozidelKategorieJerabyBox {
  position: absolute;
  top: 74px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}

.CiselnikVozidelKategorieJerabyBox .box-body {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}

.CiselnikVozidelKategorieJeraby {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 5px;
  right: 0px;
}

.CiselnikVozidelKategorieDokumentyBox {
  height: 100%;
}

.CiselnikVozidelKategorieDokumentyBox .box-body {
  height: 100%;
}

.CiselnikVozidelKategorieDokumentyBox .box-body .CiselnikVozidelKategorieDokumenty {
  height: calc(100% - 80px);
}

.SablonaPlatnostiPanelEditu {
  position: relative;
}

.CiselnikVozidelKategorieRoleLokomotivBox {
  height: 100%;
}

.CiselnikVozidelKategorieRoleLokomotivBox .box-body {
  height: 100%;
}

.CiselnikVozidelKategorieRoleLokomotivBox .CiselnikVozidelKategorieRoleLokomotiv {
  height: 100%;
}

.CiselnikVozidelKategorieRoleLokomotivBox .radek {
  height: 100%;
}

.CiselnikVozidelKategorieRoleLokomotivPravySloupec {
  position: relative;
}

.CiselnikVozidelKategorieRoleLokomotivDivProGrid {
  position: absolute;
  top: 0px;
  bottom: 75px;
  left: 0px;
  right: 0px;
}

.editor-pristupu-barva-box {
  border: solid 1px white;
  box-shadow: 0 0 0 1px gray;
  width: 20px;
  height: 20px;
}

.editor-pristupu-barva-box.-prihlasit {
  background-color: rgb(128, 255, 128);
}

.editor-pristupu-barva-box.-odblokovat {
  background-color: rgb(230, 150, 101);
}

/*** Barvy jerab ***/
.editor-pristupu-barva-box.-jerab-prihlaseni {
  background-color: rgb(128, 255, 128);
}

.editor-pristupu-barva-box.-jerab-prihlaseni-na-dalku {
  background-color: rgb(128, 128, 255);
}

.editor-pristupu-barva-box.-jerab-prehlaseni {
  background-color: rgb(0, 128, 255);
}

.editor-pristupu-barva-box.-jerab-automaticke-odhlaseni {
  background-color: rgb(255, 128, 128);
}

.editor-pristupu-barva-box.-jerab-vicenasobne-prihlaseni {
  background-color: rgb(255, 192, 128);
}

#ZalozkaEditorPristupu .EditorPristupuCanvasBox {
  position: absolute;
  left: 104px;
  top: 125px;
  right: 0;
  bottom: 0;
}

#ZalozkaEditorPristupu .EditorPristupuCanvas {
  height: 100%;
}

.EditorPristupuKontejnerProCanvas {
  position: absolute;
  left: 107px;
  top: 125px;
  right: 0px;
  bottom: 0px;
}

#DietyTabControl .SablonovaZalozka {
  top: 62px;
}

.DietyGeneratorTabControl {
  position: absolute;
  left: 5px;
  right: 5px;
  top: 30px;
  bottom: 0px;
}

.DietyGeneratorTabControl .DietyZalozka {
  position: absolute;
  left: 0px;
  top: 26px;
  bottom: 0px;
  right: 0px;
  padding: 2px;
  margin-top: -1px;
}

#DietyGeneratorSazbyTop {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 55px;
}

#DietyGeneratorSazbyBottom {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

.DietyGeneratorSazbyBox .box-body {
  height: 250px;
}

#LicenceTabControl .SablonovaZalozka {
  overflow-y: auto;
}

#LicenceVlastnostiProdukty {
  display: flex;
  flex-direction: column;
}

#LicenceModulyGrid {
  height: calc(100% - 85px);
}

#LicenceModulyHistorieGrid {
  height: calc(100% - 1px);
}

.LicenceModulyTabControl {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 3px;
  bottom: 0px;
}

.licence-firma-stav-blokace {
  padding: 3px;
}

.licence-firma-stav-blokace.pred-blokaci {
  background-color: orange;
}

.licence-firma-stav-blokace.blokovana {
  background-color: red;
}

/*** Import nakladu ***/
#ImportNakladuSplitter {
  height: 100%;
}

#OperaceBox {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

#NeprirazeneKartyBox {
  position: absolute;
  left: 0px;
  top: 66px;
  right: 0px;
  bottom: 0px;
}

#NeprirazeneKartyBox > .box-body {
  height: 100%;
  position: relative;
}

#ImportNakladuNeprirazeneKartyGridBox {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

#ImportNakladuNeprirazeneKartyGrid {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 40px;
}

#NeprirazeneKartyTlacitkaBox {
  position: absolute;
  left: 0px;
  top: auto;
  right: 0px;
  bottom: 0px;
}

#NeprirazeneZaznamyBox {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

#NeprirazeneZaznamyBox > .box-body {
  height: 100%;
  position: relative;
}

#ImportNakladuNeprirazeneZaznamyGridBox {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 40px;
}

#ImportNakladuNeprirazeneZaznamyGrid {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

#NeprirazeneZaznamyTlacitkaBox {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: 40px;
}

/*** /Import nakladu ***/
/*** Prehled prirazenych karet ***/
#PrehledPrirazenychKaretGridBox {
  height: calc(100% - 40px);
}

#PrehledPrirazenychKaretGrid {
  height: 100%;
}

/*** /Prehled prirazenych karet ***/
/*** Import nakladu universal ***/
#ImportNakladuUniversalKonfiguracniSloupceBox {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  height: 100px;
}

#ImportNakladuUniversalGridBox {
  position: absolute;
  left: 0px;
  top: 100px;
  right: 0px;
  bottom: 40px;
}

#ImportNakladuUniversalTlacitkaBox {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: 40px;
}

#ImportNakladuUniversalGrid {
  height: 100%;
}

#ImportNakladuUniversalKonfiguracniSloupce {
  display: flex;
  flex-direction: row;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  width: 100%;
}

.ImportNakladuUniversalKonfigSloupec {
  flex: 1 0 145px;
}

.ImportNakladuUniversalKonfigSloupec:nth-child(n+2) {
  margin-left: 10px;
}

/*** /Import nakladu universal ***/
/*** Konfigurace typy nakladu ***/
#ImportNakladuUniversalKonfiguraceTypyNakladuBox {
  height: 100%;
}

#ImportNakladuUniversalKonfiguraceTypyNakladuContent {
  height: calc(100% - 25px);
}

#ImportNakladuUniversalKonfiguraceTypyNakladuBox .radek {
  height: 100%;
}

#ImportNakladuUniversalKonfiguraceTypyNakladuGrid {
  height: 100%;
}

#ImportNakladuUniversalKonfiguraceTypyNakladu {
  padding: 0 10px;
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
}

/*** /Konfigurace typy nakladu ***/
/*** Naklady ***/
#NakladyTabControl .SablonovaZalozka {
  position: absolute;
  left: 0px;
  top: 54px;
  bottom: 0px;
  right: 0px;
}

#NakladyZalozkaSeznamZaznamu .SeznamZaznamuVSablone {
  height: calc(100% - 40px);
}

#NakladySekundarniObjektovyPanelBox {
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  right: 0px;
  height: 100%;
}

#NakladySekundarniObjektovyPanel {
  /*height: calc(100% - 40px);*/
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 40px;
  right: 0px;
}

#NakladySekundarniObjektovyPanelTlacitka {
  position: absolute;
  left: 0px;
  bottom: 0px;
  right: 0px;
  height: 40px;
}

.detail-oznameni-box {
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  right: 0px;
}

.rich-edit.hide-controls > .dx-ribbon,
.rich-edit.hide-controls > .dxreRulerWrapper {
  display: none;
}

#ServisniPoznamkyDetailSplitter {
  height: 100%;
}

#ServisniPoznamkyEditorBox {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

#ServisniPoznamkyDetailPrilohyGrid {
  height: 100%;
}

#ServisniUdalostiOsobBox {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

#ServisniUdalostiOsobNastaveniBox {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: auto;
  height: 40px;
}

#ServisniUdalostiOsobGridBox {
  position: absolute;
  left: 0px;
  top: 40px;
  right: 0px;
  bottom: 0px;
}

#ServisniUdalostiOsobGrid {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

#ServisniUdalostiOsobNastaveniBox .form-label {
  width: auto;
}

#ServisniUdalostiVozidelNastaveniBox {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: auto;
}

#ServisniUdalostiVozidelInfoPanel {
  position: absolute;
  left: 0px;
  top: 64px;
  right: 0px;
  bottom: auto;
  height: 25px;
  display: flex;
  align-items: center;
  padding: 5px;
}

#ServisniUdalostiVozidelNastaveniBox .form-label {
  width: auto;
}

#ServisniUdalostiVozidelNastaveniBox .form-input {
  min-width: auto;
  width: 80px;
}

#ServisniUdalostiVozidelGridBox {
  position: absolute;
  left: 0px;
  top: 95px;
  right: 0px;
  bottom: 0px;
}

#ServisniUdalostiVozidelGrid {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

#PotvrditRadioButtonsEdit {
  display: flex;
  width: 100%;
  justify-content: center;
}

#PotvrditRadioButtonsEdit.dx-radiogroup .dx-item.potvrdit-znovu-box {
  border: 1px solid #cfcfcf;
  padding: 8px;
  margin-bottom: 8px;
  display: flex;
  gap: 12px;
  align-items: flex-start;
  cursor: pointer;
}

#PotvrditRadioButtonsEdit.dx-radiogroup .dx-item .dx-radio-value-container {
  flex: 0 0 auto;
  display: flex;
  align-items: flex-start;
  padding-top: 3px;
}

#PotvrditRadioButtonsEdit.dx-radiogroup .dx-item .dx-item-content {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
}

#PotvrditRadioButtonsEdit.dx-radiogroup .dx-item .dx-item-content .label {
  font-weight: 500;
  line-height: 1;
}

#PotvrditRadioButtonsEdit.dx-radiogroup .dx-item .dx-item-content .inputs {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

#PotvrditRadioButtonsEdit.dx-radiogroup .dx-item .dx-item-content .inputs .form-label {
  width: 65px;
}

#PotvrditRadioButtonsEdit.dx-radiogroup .dx-item .dx-item-content .inputs .form-input {
  min-width: 150px;
  width: 150px;
}

.CiselnikUzivatelskychAtributuHlavniNazev {
  font-size: 20px;
  font-weight: bold;
}

#PredprovozniKontrolaEditorAkci {
  position: absolute;
  left: 0px;
  top: 42px;
  right: 0px;
  bottom: 0px;
  height: 100%;
}

#RezimyVozidlaEditorAkci {
  position: absolute;
  left: 0px;
  top: 4px;
  right: 0px;
  bottom: 0px;
  height: 100%;
}

#KonfiguracePreprav .form-label {
  width: 285px;
}

.konfigurace-prepravy-editor {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.konfigurace-prepravy-editor .konfigurace-prepravy-editor-grid {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 150px;
}

.konfigurace-prepravy-editor .konfigurace-prepravy-editor-detail-zaznamu {
  position: absolute;
  left: 0;
  top: auto;
  right: 0;
  bottom: 0;
  height: 150px;
}

.konfigurace-prepravy-editor .konfigurace-prepravy-editor-detail-zaznamu .box {
  height: 100%;
}

#KonfiguracePrepravPosadkaEditorAkci {
  position: absolute;
  left: 0px;
  top: 4px;
  right: 0px;
  bottom: 0px;
}

#KonfiguracePrepravVolitelneParametryEditorAkci {
  position: absolute;
  left: 0px;
  top: 4px;
  right: 0px;
  bottom: 0px;
}

.dx-list-hlavicka {
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  padding: 5px 0;
}

#KontejnerySKKontejneryPrirazeneTagyPlatnosti .SablonaCiselnikuLabel {
  min-width: 120px !important;
}

#kontejnery-sk-prirazene-tagy-radio-tag .dx-collection {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

#KontejnerySKKorekceHmotnostiOdpaduHlavicka {
  position: absolute;
  left: 104px;
  top: 6px;
  right: 0;
  bottom: 0;
}

#KontejnerySKKorekceHmotnostiOdpaduTabControl {
  position: absolute;
  left: 104px;
  right: 0px;
  top: 36px;
  bottom: 0px;
}

.editor-rozsahu-otacek-rychlosti {
  display: flex;
  gap: 10px;
  padding: 10px;
}

.editor-rozsahu-otacek-rychlosti .sloupec {
  position: relative;
}

.editor-rozsahu-otacek-rychlosti .sloupec > .radek-otacky-label {
  position: absolute;
  bottom: 28px;
  left: 100px;
  display: flex;
  width: 120px;
  margin-bottom: 0 !important;
}

.editor-rozsahu-otacek-rychlosti .sloupec:not(:first-child) {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.editor-rozsahu-otacek-rychlosti .sloupec.rychlost-barva {
  flex: 0 0 50px;
}

.editor-rozsahu-otacek-rychlosti .sloupec:first-child > *:not(:first-child) {
  margin-bottom: 10px;
}

.editor-rozsahu-otacek-rychlosti .sloupec .bunka-x {
  display: flex;
  align-items: center;
}

.editor-rozsahu-otacek-rychlosti .sloupec .bunka-x.rychlost-barva {
  justify-content: center;
}

.editor-rozsahu-otacek-rychlosti .sloupec .bunka-x.otacky-barva {
  justify-content: center;
}

.editor-rozsahu-otacek-rychlosti .sloupec .bunka-x > .input-edit[data-typ=radio-rychlost] {
  margin-right: 5px;
}

.editor-rozsahu-otacek-rychlosti .sloupec .bunka-y {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  transform: translateX(50%);
  z-index: 1;
}

.editor-rozsahu-otacek-rychlosti .sloupec .bunka-y > .input-edit[data-typ=radio-otacky] {
  margin-top: 5px;
}

.editor-rozsahu-otacek-rychlosti .min-colorbox {
  width: 24px !important;
  min-width: 24px;
}

.editor-rozsahu-otacek-rychlosti .min-colorbox .dx-texteditor-input,
.editor-rozsahu-otacek-rychlosti .min-colorbox .dx-dropdowneditor-button,
.editor-rozsahu-otacek-rychlosti .min-colorbox .dx-placeholder {
  display: none;
}

.editor-rozsahu-otacek-rychlosti .min-colorbox .dx-colorbox-input-container,
.editor-rozsahu-otacek-rychlosti .min-colorbox .dx-dropdowneditor-input-wrapper,
.editor-rozsahu-otacek-rychlosti .min-colorbox .dx-texteditor-container,
.editor-rozsahu-otacek-rychlosti .min-colorbox .dx-texteditor-input-container,
.editor-rozsahu-otacek-rychlosti .min-colorbox .dx-texteditor-buttons-container {
  padding: 0;
  margin: 0;
  min-height: 0;
}

.editor-rozsahu-otacek-rychlosti .min-colorbox .dx-colorbox-color-result-preview {
  position: static;
  width: 24px;
  height: 24px;
  margin: 0;
  border: 1px solid #ccc;
  cursor: pointer;
}

.editor-rozsahu-otacek-rychlosti .dx-numberbox[data-typ=otacky] .dx-texteditor-input {
  text-align: center;
}

.editor-rozsahu-otacek-rychlosti .editor-rozsahu-tooltip {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

#SkupinyNastaveniVstupuZvoleneVstupyGridBox {
  height: calc(100% - 85px);
}

#SkupinyNastaveniVstupuZvoleneVstupyGrid {
  height: 100%;
}

#SkupinyNastaveniVstupuNastaveniVstupuGridBox {
  height: 100%;
}

#SkupinyNastaveniVstupuNastaveniVstupuGrid {
  height: 100%;
}

#SkupinyNastaveniVstupuTlacitkaBox {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  padding: 10px;
}

#TachografStahovaniDatSkupinyVozidelGridBox {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 32px;
}

#TachografStahovaniDatSkupinyVozidelGrid {
  height: 100%;
}

#TachografStahovaniDatVozidlaGridBox {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 32px;
}

#TachografStahovaniDatVozidlaGrid {
  height: 100%;
}

#TachografStahovaniDatVozidlaSkupinyVozidelTlacitkaBox {
  position: absolute;
  top: auto;
  left: 0;
  right: 0;
  bottom: 0;
  height: 32px;
}

#TachografStahovaniDatVozidlaSkupinyVozidelTlacitkaBox > div {
  padding: 2px;
}

#TachografStahovaniDatVozidlaTlacitkaBox {
  position: absolute;
  top: auto;
  left: 0;
  right: 0;
  bottom: 0;
  height: 32px;
}

#TachografStahovaniDatVozidlaTlacitkaBox > div {
  padding: 2px;
}

#TachografStahovaniDatCasOdEdit .dx-button-mode-contained,
#TachografStahovaniDatCasDoEdit .dx-button-mode-contained {
  display: none;
}

#TachografPrehledStazenychDatDetailBox {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: auto;
  height: 65px;
}

#TachografPrehledStazenychDatGridBox {
  position: absolute;
  top: 65px;
  left: 0;
  right: 0;
  bottom: 0;
}

#TachografPrehledStazenychDatGrid {
  height: 100%;
}

#TachografKomunikaceExtenderuGridBox {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

#TachografKomunikaceExtenderuGrid {
  height: 100%;
}

.TachografDataKartySplitter {
  height: 100%;
}

.TachografDataKartyGridBox, .TachografDataKartyGridDetailBox {
  height: 100%;
}

.TachografDataKartyGrid, .TachografDataKartyGridDetail {
  height: 100%;
}

#LokalizacniTagyMapaBox {
  position: absolute;
  left: 0px;
  top: 200px;
  right: 0px;
  bottom: 0px;
}

#LokalizacniTagyMapa {
  height: 100%;
}

.heatmapa-tabcontrol {
  position: relative;
  height: 135px;
  width: 100%;
}

.heatmapa-zalozka {
  position: absolute;
  left: 0px;
  top: 26px;
  bottom: 0px;
  right: 0px;
  border-width: thin;
  border-color: rgb(124, 151, 177);
  border-left-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
}

.heatmapa-zobrazit-oblasti {
  margin-top: 35px;
}

#HeatmapaMapaBox {
  position: absolute;
  top: 145px;
  left: 0;
  right: 0;
  bottom: 0;
}

#HeatmapaMapa {
  height: 100%;
}

#PrehledPrihlaseniGrid {
  height: calc(100% - 240px);
}

#PrehledPrihlaseniDetailGrid {
  height: 200px;
}

#GprsMonitorSplitter {
  height: 100%;
}

#GprsMonitorGrid {
  height: calc(100% - 65px);
}

.GprsMonitorKlientGrid {
  height: 100%;
}

.vozidla-grid-filter-box {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.vozidla-grid-stav {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.vozidla-grid-stav .vozidla-grid-stav-polozka {
  padding: 15px 5px;
}

.vozidla-grid-stav-polozka .vozidla-grid-stav-polozka-hodnota {
  font-weight: bold;
}

#GprsMonitorLogyTabControl {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
}

#GprsMonitorLogyTabControl .gprs-log-zalozka {
  position: absolute;
  left: 0px;
  top: 26px;
  bottom: 0px;
  right: 0px;
  padding: 2px;
}

#GprsMonitorLogyTabControl .log-grid {
  height: 100%;
}

#AutoskolyXmlLogySplitter {
  height: 100%;
}

#AutoskolyXmlLogyNastaveniBox {
  display: flex;
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: auto;
  height: 40px;
}

#AutoskolyXmlLogyNastaveni {
  display: flex;
  flex-direction: row;
  align-items: center;
}

#AutoskolyXmlLogyGridBox {
  position: absolute;
  left: 0px;
  top: 40px;
  right: 0px;
  bottom: 0px;
}

#AutoskolyXmlLogyGrid {
  height: 100%;
}

#AutoskolyXmlLogyVyberAutoskolyEdit {
  width: 250px;
}

.autoskoly-edit-sloupec.-id {
  flex: 0 0 20%;
  border-right: 1px solid #ccc;
}

.autoskoly-edit-sloupec.-nazev {
  flex: 1 0 auto;
}

#AutoskolyXmlLogyTabControlBox {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

#AutoskolyXmlLogyTabControl {
  position: absolute;
  left: 0px;
  top: 2px;
  right: 0px;
  bottom: 0px;
}

#AutoskolyXmlLogyTabControl .autoskoly-xml-log-zalozka {
  position: absolute;
  left: 0px;
  top: 26px;
  right: 0px;
  bottom: 0px;
}

#AutoskolyXmlLogyTabControlTextSplitter {
  height: 100%;
}

#AutoskolyXmlLogyTabControlXmlSplitter {
  height: 100%;
}

#AutoskolyXmlLogyPozadavekTextBox .box-body {
  height: 100%;
}

#AutoskolyXmlLogyOdpovedTextBox .box-body {
  height: 100%;
}

#AutoskolyXmlLogyPozadavekGridBox .box-body {
  height: 100%;
}

#AutoskolyXmlLogyOdpovedGridBox .box-body {
  height: 100%;
}

#AutoskolyXmlLogyPozadavekText {
  height: 100%;
  overflow-y: auto;
  white-space: pre-wrap;
}

#AutoskolyXmlLogyOdpovedText {
  height: 100%;
  overflow-y: auto;
  white-space: pre-wrap;
}

#AutoskolyXmlLogyObdobiHodnota {
  font-weight: bold;
}

#AutoskolyXmlLogyPozadavekGrid {
  height: 100%;
}

#AutoskolyXmlLogyOdpovedGrid {
  height: 100%;
}

/*# sourceMappingURL=app.css.map */