/**********************************
RESET
**********************************/
/*
//img bluring on chrome
@media screen and (-webkit-min-device-pixel-ratio:0)
and (min-resolution:.001dpcm) {
  img {
    image-rendering: -webkit-optimize-contrast !important;
  }
}

// Unset for Safari 11+
@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) and (stroke-color:transparent) {
  img {
    image-rendering: unset !important;
  }
}}
*/
@media  {
  img {
    image-rendering: -webkit-optimize-contrast !important;
  }
}
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
    img {
      image-rendering: unset !important;
    }
  }
}
*, *::before, *::after {
  box-sizing: border-box;
}

body {
  line-height: 1;
}

html, body, button, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  background: transparent;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

:focus {
  outline: 0;
}

ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img {
  max-width: 100%;
}

table img {
  max-width: none;
}

textarea, input, select {
  font-size: inherit;
  font-family: inherit;
  border-radius: 0;
}

ol, ul, li {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  background: transparent;
}

ul {
  list-style: none;
}

/**********************************
MY CLASSES
**********************************/
p {
  -webkit-text-size-adjust: none;
}

.loading {
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.transparent, .transparent td, .transparent th {
  border: 0 !important;
  background: none !important;
  text-align: left;
}

img {
  border: 0;
}

hr {
  border: 1px solid #fff;
  border-bottom: 1px solid #ccc;
}

.inline {
  display: inline !important;
}

.block {
  display: block !important;
}

.inline-block {
  display: inline-block !important;
}

.no-bord {
  border: 0 !important;
}

.no-bg {
  background: none !important;
}

.z-999 {
  z-index: 999 !important;
}

.only-print {
  display: none;
}

.recommnended {
  background: orange;
  color: white;
  border: 1px solid #CE3434;
}

.kotva {
  position: relative;
  top: -140px;
}
@media (min-width: calc(575px + 1px)) {
  .kotva {
    top: -80px;
  }
}

.overflow {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
}

.nowrap {
  white-space: nowrap !important;
}

.wrap {
  white-space: normal !important;
}

.break-word {
  word-break: break-word !important;
}

.pointer {
  cursor: pointer !important;
}

.rotate-180 {
  transform: rotate(180deg);
}

.no-bord {
  border: 0 !important;
}

.hover:hover {
  opacity: 0.9 !important;
}

.relative {
  position: relative !important;
}

.absolute {
  position: absolute !important;
}

.static {
  position: static !important;
}

.fixed {
  position: fixed !important;
}

.sticky {
  position: sticky !important;
}

.sticky-top {
  position: sticky !important;
  top: calc(60px + 5.5em);
  z-index: 1;
}

.cols:after, .clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

* html .cols {
  height: 1%;
}

.clear {
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
}

.clear-absolute {
  display: block;
  clear: both;
}

.f-left {
  float: left !important;
}

.f-right {
  float: right !important;
}

.format-text .f-left {
  margin-right: 1em;
  margin-bottom: 0.5em;
}

.format-text .f-right {
  margin-left: 1em;
  margin-bottom: 0.5em;
}

.no-float {
  float: none !important;
}

img.f-left {
  margin: 0 15px 5px 0;
}

img.f-right {
  margin: 0 0 5px 15px;
}

.no-float {
  float: none !important;
}

.t-left {
  text-align: left !important;
}
.t-left td, .t-left th {
  text-align: left !important;
}

.t-center {
  text-align: center !important;
}
.t-center td, .t-center th {
  text-align: center !important;
}

.t-right {
  text-align: right !important;
}
.t-right td, .t-right th {
  text-align: right !important;
}

.t-justify, .justify {
  text-align: justify !important;
}
.t-justify td, .t-justify th, .justify td, .justify th {
  text-align: justify !important;
}

.v-top {
  vertical-align: top !important;
}

.v-center, tr.v-center td, tr.v-center th {
  vertical-align: middle !important;
}

.v-bott {
  vertical-align: bottom !important;
}

hr {
  border: none;
  border-bottom: 1px solid #bbbbbb;
}

pre {
  background-color: #ffffff;
  color: #111;
}

/**********************************
RADIUS
**********************************/
.no-radius {
  border-radius: 0 !important;
}

.radius-def {
  border-radius: 0.15em !important;
}

.radius-50, .circle {
  border-radius: 50% !important;
}

/**********************************
BACKGROUND
**********************************/
.bg-cover {
  background-size: cover !important;
}

.bg-center {
  background-position: center center !important;
}

/**********************************
BORDER
**********************************/
.border-top {
  border-top-width: 1px !important;
  border-top-style: solid !important;
}

.border-right {
  border-right-width: 1px !important;
  border-right-style: solid !important;
}

.border-bottom {
  border-bottom-width: 1px !important;
  border-bottom-style: solid !important;
}

.border-left {
  border-left-width: 1px !important;
  border-left-style: solid !important;
}

.border {
  border-width: 1px !important;
  border-style: solid !important;
}
.border--2 {
  border-width: 2px !important;
}
.border--3 {
  border-width: 3px !important;
}
.border--4 {
  border-width: 4px !important;
}
.border--5 {
  border-width: 5px !important;
}

.border--dotted {
  border-style: dotted !important;
}

.border--dashed {
  border-style: dashed !important;
}

/**********************************
SIRKY
**********************************/
.w1 {
  width: 10px !important;
}

.w2 {
  width: 20px !important;
}

.w3 {
  width: 30px !important;
}

.w4 {
  width: 40px !important;
}

.w5 {
  width: 50px !important;
}

.w6 {
  width: 60px !important;
}

.w7 {
  width: 70px !important;
}

.w8 {
  width: 80px !important;
}

.w9 {
  width: 90px !important;
}

.w10 {
  width: 100px !important;
}

.w11 {
  width: 110px !important;
}

.w12 {
  width: 120px !important;
}

.w13 {
  width: 130px !important;
}

.w14 {
  width: 140px !important;
}

.w15 {
  width: 150px !important;
}

.w16 {
  width: 160px !important;
}

.w17 {
  width: 170px !important;
}

.w18 {
  width: 180px !important;
}

.w19 {
  width: 190px !important;
}

.w20 {
  width: 200px !important;
}

.w30 {
  width: 300px !important;
}

.w40 {
  width: 400px !important;
}

.w50 {
  width: 500px !important;
}

.w10-pro {
  width: 10% !important;
}

.w20-pro {
  width: 20% !important;
}

.w30-pro {
  width: 30% !important;
}

.w40-pro {
  width: 40% !important;
}

.w50-pro {
  width: 50% !important;
}

.w60-pro {
  width: 60% !important;
}

.w70-pro {
  width: 70% !important;
}

.w80-pro {
  width: 80% !important;
}

.w90-pro {
  width: 90% !important;
}

.minw1 {
  min-width: 10px !important;
}

.minw2 {
  min-width: 20px !important;
}

.minw3 {
  min-width: 30px !important;
}

.minw4 {
  min-width: 40px !important;
}

.minw5 {
  min-width: 50px !important;
}

.minw6 {
  min-width: 60px !important;
}

.minw7 {
  min-width: 70px !important;
}

.minw8 {
  min-width: 80px !important;
}

.minw9 {
  min-width: 90px !important;
}

.minw10 {
  min-width: 100px !important;
}

.minw11 {
  min-width: 110px !important;
}

.minw12 {
  min-width: 120px !important;
}

.minw13 {
  min-width: 130px !important;
}

.minw14 {
  min-width: 140px !important;
}

.minw15 {
  min-width: 150px !important;
}

.minw16 {
  min-width: 160px !important;
}

.minw17 {
  min-width: 170px !important;
}

.minw18 {
  min-width: 180px !important;
}

.minw19 {
  min-width: 190px !important;
}

.minw20 {
  min-width: 200px !important;
}

.minw30 {
  min-width: 300px !important;
}

.minw40 {
  min-width: 400px !important;
}

.minw50 {
  min-width: 500px !important;
}

.wauto {
  width: auto !important;
}

.full {
  width: 100% !important;
}

@media (max-width: 575px) {
  .s-full {
    width: 100% !important;
  }
}

@media (max-width: 767px) {
  .m-full {
    width: 100% !important;
  }
}

@media (max-width: 1089px) {
  .l-full {
    width: 100% !important;
  }
}

@media (max-width: 1279px) {
  .xl-full {
    width: 100% !important;
  }
}

@media (max-width: 1599px) {
  .xl2-full {
    width: 100% !important;
  }
}

@media (max-width: 1919px) {
  .xxl-full {
    width: 100% !important;
  }
}

.extratiny, .w-ico {
  width: 10px;
}

/**********************************
VYSKY
**********************************/
.hgt01 {
  height: 1px !important;
}

.hgt02 {
  height: 2px !important;
}

.hgt03 {
  height: 3px !important;
}

.hgt04 {
  height: 4px !important;
}

.hgt05 {
  height: 5px !important;
}

.hgt06 {
  height: 6px !important;
}

.hgt07 {
  height: 7px !important;
}

.hgt08 {
  height: 8px !important;
}

.hgt09 {
  height: 9px !important;
}

.hgt1 {
  height: 10px !important;
}

.hgt2 {
  height: 20px !important;
}

.hgt3 {
  height: 30px !important;
}

.hgt4 {
  height: 40px !important;
}

.hgt5 {
  height: 50px !important;
}

.hgt6 {
  height: 60px !important;
}

.hgt7 {
  height: 70px !important;
}

.hgt8 {
  height: 80px !important;
}

.hgt9 {
  height: 90px !important;
}

.hgt10 {
  height: 100px !important;
}

.hgt20 {
  height: 200px !important;
}

.hgt30 {
  height: 300px !important;
}

.hgt40 {
  height: 400px !important;
}

.hgt50 {
  height: 500px !important;
}

.hgt1em {
  height: 1em !important;
}

.mw-100pro {
  max-width: 100% !important;
}

.w-100pro {
  width: 100% !important;
}

.w-90pro {
  width: 95% !important;
}

.wauto {
  width: auto !important;
}

.no-min-height {
  min-height: 0 !important;
}

/**** sirky a vysky **********************************************************/
.w-34pro {
  width: 34% !important;
}

.half {
  width: 49% !important;
}

.two-period {
  width: 65% !important;
}

.period {
  width: calc(33.3333333333% - 1px) !important;
}

.period.lmg-15 {
  width: calc(33.3333333333% - 15px) !important;
}

.extratiny, .w-20 {
  width: 20px !important;
}

.tiny, .w-35 {
  width: 35px !important;
}

.small, .w-50 {
  width: 50px !important;
}

.little, .w-70 {
  width: 70px !important;
}

.normal, .w-150 {
  width: 150px !important;
}

.medium, .w-190 {
  width: 190px !important;
}

.bigmedium, .w-215 {
  width: 215px !important;
}

.middle, .w-230 {
  width: 230px !important;
}

.middleplus, .w-250 {
  width: 250px !important;
}

.moremiddle, .w-270 {
  width: 270px !important;
}

.big, .w-350 {
  width: 350px !important;
}

.morebig, .w-410 {
  width: 410px !important;
}

.extrabig, .w-450 {
  width: 450px !important;
}

.huge, .w-575 {
  width: 575px !important;
}

.max, .w-610 {
  width: 610px !important;
}

.extramax, .w-690 {
  width: 690px !important;
}

.smalllong, .h-35 {
  height: 35px !important;
}

.nolong, .h-50 {
  height: 50px !important;
}

.long, .h-100 {
  height: 100px !important;
}

.biglong, .h-200 {
  height: 200px !important;
}

.extralong, .h-300 {
  height: 300px !important;
}

.maxlong, .h-500 {
  height: 500px !important;
}

/**** formulare sirky a vysky podle poctu pismen a radku **************************/
.pis-1 {
  width: 28px !important;
}

.pis-2 {
  width: 36px !important;
}

.pis-3 {
  width: 44px !important;
}

.pis-4 {
  width: 52px !important;
}

.pis-5 {
  width: 60px !important;
}

.pis-6 {
  width: 68px !important;
}

.pis-7 {
  width: 76px !important;
}

.pis-10 {
  width: 100px !important;
}

.pis-15 {
  width: 140px !important;
}

.pis-20 {
  width: 180px !important;
}

.pis-25 {
  width: 220px !important;
}

.pis-30 {
  width: 260px !important;
}

.pis-40 {
  width: 340px !important;
}

.pis-50 {
  width: 420px !important;
}

.pis-60 {
  width: 500px !important;
}

.pis-70 {
  width: 580px !important;
}

.pis-80 {
  width: 660px !important;
}

.pis-90 {
  width: 740px !important;
}

.pis-100 {
  width: 820px !important;
}

.rad-1 {
  height: 30px !important;
}

.rad-2 {
  height: 48px !important;
}

.rad-3 {
  height: 68px !important;
}

.rad-4 {
  height: 85px !important;
}

.rad-5 {
  height: 106px !important;
}

.rad-10 {
  height: 198px !important;
}

.rad-15 {
  height: 290px !important;
}

.rad-20 {
  height: 384px !important;
}

.rad-30 {
  height: 570px !important;
}

.rad-40 {
  height: 750px !important;
}

.rad-50 {
  height: 936px !important;
}

.table-edit input, .table-edit textarea, .table-edit select, .inputinfo, .w-575 {
  max-width: 100%;
}

.red {
  color: red !important;
}

.darkred {
  color: #A00 !important;
}

.green {
  color: #93BC19 !important;
}

.darkgreen {
  color: #008800 !important;
}

.orange {
  color: #d38e3c !important;
}

.blue {
  color: #5FC3EB !important;
}

.darkblue {
  color: #010A44 !important;
}

.topblue {
  color: #4B8CBB !important;
}

.black {
  color: black !important;
}

.grey {
  color: #666 !important;
}

.white {
  color: white !important;
}

.yellow {
  color: #AF9D49 !important;
}

.orange {
  color: #F5A700 !important;
}

.brown {
  color: #C75A1E !important;
}

.orange2 {
  color: #E36332 !important;
}

.delmsg {
  color: Red !important;
  font-weight: bold;
}

.white-bg {
  background-color: white !important;
}

.black-bg {
  background-color: black !important;
}

.orange-bg {
  background-color: #F5A700 !important;
}

.orange-bg2 {
  background-color: #D1A05D !important;
}

.green-bg {
  background-color: #93BC19 !important;
}

.green-bg2 {
  background-color: #66FF33 !important;
}

.blue-bg {
  background-color: #5FC3EB !important;
}

.blue-bg2 {
  background-color: #4B8CBB !important;
}

.neon-bg {
  background-color: #89FE00 !important;
}

.red-bg2 {
  background-color: #C4171B !important;
}

.violet-bg {
  background-color: #6666CC !important;
}

.grey-bg {
  background-color: #999 !important;
}

.yellow-bg {
  background-color: #FFFF00 !important;
}

.red-bg, tr.red-bg td, tr.red-bg th, table.red-bg td, table.red-bg th {
  background-color: red !important;
  color: white !important;
  padding: 0 5px 0 5px !important;
}

.lightred-bg, tr.lightred-bg td, tr.lightred-bg th, table.lightred-bg td, table.lightred-bg th {
  background-color: #FFD7D7 !important;
}

.lightred-bg2, tr.lightred-bg2 td, tr.lightred-bg2 th, table.lightred-bg2 td, table.lightred-bg2 th {
  background-color: #FFF0F0 !important;
}

.blok.lightred-bg {
  background-color: #FFF4F4 !important;
  border-color: #FFDDDD !important;
}

.lightorange-bg, tr.lightorange-bg td, tr.lightorange-bg th, table.lightorange-bg td, table.lightorange-bg th {
  background-color: #FFE3C1 !important;
}

.lightgreen-bg, tr.lightgreen-bg td, tr.lightgreen-bg th, table.lightgreen-bg td, table.lightgreen-bg th {
  background-color: #CEECD3 !important;
}

.lightgreen-bg2, tr.lightgreen-bg2 td, tr.lightgreen-bg2 th, table.lightgreen-bg2 td, table.lightgreen-bg2 th {
  background-color: #EDF8EF !important;
}

.lightblue-bg, tr.lightblue-bg td, tr.lightblue-bg th, table.lightblue-bg td, table.lightblue-bg th {
  background-color: #EDF3FE !important;
}

.lightblue-bg2, tr.lightblue-bg2 td, tr.lightblue-bg2 th, table.lightblue-bg2 td, table.lightblue-bg2 th {
  background-color: #DBF2FB !important;
}

.lightyellow-bg, tr.lightyellow-bg td, tr.lightyellow-bg th, table.lightyellow-bg td, table.lightyellow-bg th {
  background-color: #FFF9DF !important;
}

.inzerat-lock, tr.inzerat-lock td, tr.inzerat-lock th {
  background-color: #BFB !important;
}

/**********************************
LINKS
**********************************/
a {
  font-weight: bold;
  color: #4B8CBB;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/**********************************
P
**********************************/
p {
  margin: 0 0 0 0;
  line-height: 1.6em !important;
}

p:not(:last-of-type) {
  padding: 0 0 15px 0;
}

/**********************************
LINE HEIGHT
**********************************/
.line-height-1 {
  line-height: 1 !important;
}

.line-height-1-1 {
  line-height: 1.1 !important;
}

.line-height-1-2 {
  line-height: 1.2 !important;
}

.line-height-1-3 {
  line-height: 1.3 !important;
}

.line-height-1-4 {
  line-height: 1.4 !important;
}

.line-height-1-5 {
  line-height: 1.5 !important;
}

.lh-1 {
  line-height: 1em !important;
}

/**********************************
UL, OL
**********************************/
/**********************************
FONT WEIGHT
**********************************/
strong {
  font-weight: 600;
}

b {
  font-weight: 900;
}

.no-bold {
  font-weight: 400 !important;
}

.semibold {
  font-weight: 500 !important;
}
@media (max-width: 767px) {
  .semibold-m-max {
    font-weight: 500 !important;
  }
}

.bold {
  font-weight: 700 !important;
}
@media (max-width: 767px) {
  .bold-m-max {
    font-weight: 700 !important;
  }
}

.extrabold {
  font-weight: 900 !important;
}

.no-bold {
  font-weight: normal !important;
}

.text-small {
  font-size: 9px;
  line-height: 11px;
}

.small-font {
  font-size: 90% !important;
}

.small-font2 {
  font-size: 80% !important;
}

.small-font3 {
  font-size: 70% !important;
}

.big-font {
  font-size: 110% !important;
}

.big-font2 {
  font-size: 130% !important;
}

.big-font2plus {
  font-size: 160% !important;
}

.big-font3 {
  font-size: 200% !important;
}

.big-font4 {
  font-size: 270% !important;
}

/**********************************
TEXT DECORATION
**********************************/
.underline {
  text-decoration: underline !important;
}

.no-underline {
  text-decoration: none !important;
}

/**********************************
FONT STYLE
**********************************/
.italic {
  font-style: italic !important;
}

/**********************************
FONT SIZE
**********************************/
/**********************************
HEADINGS
**********************************/
h1, .h1 {
  margin: 0 0 15px 0;
  padding: 0 0 0 0;
  font-size: 24px;
  color: #4B8CBB;
  line-height: 1.3em;
}

h2, .h2 {
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 24px;
  color: #000;
  line-height: 1.3em;
  text-transform: uppercase;
  font-weight: 300;
}

h3, .h3 {
  margin: 0 0 8px 0;
  padding: 0;
  font-size: 19px;
  color: #000;
  line-height: 1.3em;
}

h4, .h4 {
  margin: 0 0 5px 0;
  padding: 0;
  font-size: 17px;
  color: #000;
  line-height: 1.3em;
}

h5, .h5 {
  margin: 0 0 3px 0;
  padding: 0;
  font-size: 13px;
  color: #000;
  font-weight: normal;
  line-height: 1.3em;
}

/**********************************
UPPER/LOWER
**********************************/
.upper {
  text-transform: uppercase !important;
}

.lower {
  text-transform: lowercase !important;
}

.none-transform {
  text-transform: none !important;
}

.no-upper {
  text-transform: none !important;
}

/**********************************
FORMS
**********************************/
textarea, input, select {
  font-size: 13px;
  font-family: "Roboto", arial, tahoma, sans serif;
}

input.kod {
  margin: 3px 0 0 0;
  width: 105px !important;
}

.check {
  width: auto !important;
  border: 0 !important;
  margin: 0;
  padding: 0 !important;
  background: none !important;
  border-radius: 0 !important;
  position: relative;
  top: 3px;
  float: left;
}

.check-label-td {
  padding-left: 0 !important;
}

input[type=radio] {
  box-shadow: none;
}

input, textarea, select {
  background: #fff;
  padding: 3px 5px 3px 5px;
  border: 1px solid #ccc;
  color: #000;
  box-shadow: inset #ccc 1px 1px 4px;
  font-size: 13px;
}

textarea {
  overflow: auto;
}

select {
  cursor: pointer;
}

input.submit {
  padding: 13px 15px 13px 15px;
  cursor: hand;
  cursor: pointer;
  width: auto !important;
  color: #fff;
  font-size: 16px;
  margin: 0 0 0 0;
  line-height: 1em;
  height: auto;
  background: #65A82B;
  font-weight: 400;
  text-align: center;
  border: none;
  box-shadow: none;
  font-weight: bold;
  text-transform: uppercase;
}

input.submit:hover {
  background: #5F9B28;
}

input.submit-grey {
  background: #aaa;
}

input.submit-grey:hover {
  background: #888;
}

input.submit-red {
  background: #B30C0C;
}

input.submit-red:hover {
  background: #9B0B0B;
}

input.submit-icon {
  background: none;
  box-shadow: none;
  border: none;
  padding: 0;
  margin: 0 0 0 -30px;
  height: 30px;
  width: 30px;
  position: absolute;
  cursor: hand;
  cursor: pointer;
}

input.search-submit {
  background: url(../img/icons/lupa.png) no-repeat center center;
  margin-left: -55px;
}

input.clear-submit {
  background: url(../img/icons/krizek_thin_grey.png) no-repeat center center;
  width: 25px;
}

input.input-submit-icon-out {
  position: relative;
}

input.input-submit-icon {
  padding: 5px 8px 5px 8px;
  padding-right: 55px !important;
}

input.submit-small {
  padding: 8px 10px 8px 10px;
  font-size: 14px;
}

/**********************************
BUTTONS
**********************************/
.button {
  color: white;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  padding: 10px 15px 10px 15px;
  display: inline-block;
  background: black;
  line-height: 20px;
  text-transform: uppercase;
}

.button:hover {
  text-decoration: none;
  background: #333;
}

.disabled {
  background: #BBB !important;
  color: #DDD !important;
}

.button-small {
  font-size: 14px;
  padding: 7px 10px 7px 10px;
  line-height: 16px;
}

.button-small2 {
  font-size: 12px;
  padding: 5px 5px 5px 5px;
  line-height: 14px;
}

.button-small3 {
  font-size: 10px;
  padding: 2px 2px 2px 2px;
  line-height: 1em;
}

.button-ico img {
  margin: 0 10px 0 0;
  float: left;
}

.button-green {
  background: #4CAF50 !important;
}

.button-green:hover {
  background-color: #439C47 !important;
}

.button-blue {
  background: #4B8CBB !important;
  color: white !important;
}

.button-blue:hover {
  background-color: #659CC5 !important;
}

.button-blue2 {
  background: #282D61 !important;
}

.button-blue2:hover {
  background-color: #4A4D7A !important;
}

.button-yellow {
  background: #D1A05D !important;
}

.button-yellow:hover {
  background-color: #D7AC73 !important;
}

.button-yellow.no-hover:hover {
  background-color: #D1A05D !important;
}

.button-grey {
  background: #CCC !important;
}

.button-grey:hover {
  background: #CCC !important;
}

.button-grey2 {
  background: #aaa !important;
}

.button-grey2:hover {
  background: #888 !important;
}

.submit-buttons {
  position: absolute;
  top: 20px;
  right: 20px;
}
@media (min-width: calc(767px + 1px)) {
  .submit-buttons {
    top: 25px;
    right: 25px;
  }
}
@media (min-width: calc(1089px + 1px)) {
  .submit-buttons {
    top: 35px;
    right: 35px;
  }
}

.backbutton {
  width: 50px;
  height: 42px;
  background: url(../img/icons/back_arr.gif) no-repeat center center #A5C981;
  float: left;
  margin-right: 10px;
}

.backbutton:hover {
  background-color: #9AC272;
}

.button-panel {
  display: flex;
  margin: 0 0 20px 0;
}
@media (max-width: 1089px) {
  .button-panel {
    flex-direction: column;
  }
}

.button-panel-h {
  flex: 0 0 auto;
  display: inline-block;
  color: white;
  padding: 0 25px 0 25px;
  background: #999;
  font-weight: bold;
  display: flex;
  align-items: center;
}
@media (max-width: 1089px) {
  .button-panel-h {
    min-height: 36px;
  }
}

.button-panel-buttons {
  flex: 1 1 auto;
  padding: 0 10px 0 10px;
  display: inline-block;
  background: #eee;
}

.button-duo {
  display: inline-flex;
}
@media (max-width: 1089px) {
  .button-duo {
    display: flex;
  }
}

@media (max-width: 1089px) {
  .button-panel-buttons .button-duo {
    margin-right: 0 !important;
  }
  .button-panel-buttons .f-right {
    float: none !important;
  }
}

.button-duo > * {
  display: flex;
  align-items: center;
  color: white;
  padding: 10px 10px 10px 10px;
}
@media (max-width: 1089px) {
  .button-duo > *:last-child {
    flex: 1;
  }
}

.button-duo img {
  flex: 0 0 auto;
}

.button-duo a:hover {
  text-decoration: none;
  opacity: 0.8;
}

.file-del {
  position: absolute;
}

.file-del {
  margin: 0 0 0 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 10px;
  height: 10px;
  background: url(../img/icons/del_s_grey.gif) no-repeat top left;
}

.file-del:hover {
  background: url(../img/icons/del_s_red.gif) no-repeat top left;
}

/**********************************
REPORTS
**********************************/
tr.formerror label, tr.form-error label, tr.form-err label, label.form-err {
  color: red !important;
}

tr.formerror input, tr.formerror textarea,
tr.form-error input, tr.form-error textarea, span.form-error input, span.form-error select, span.form-error textarea,
tr.form-err input, tr.form-err textarea, span.form-err input, input.form-err, select.form-err, textarea.form-err {
  border: 1px solid red !important;
}

tr.form-warning label, label.form-warning {
  color: #BA5E01 !important;
}

tr.form-warning input, tr.form-warning textarea, span.form-warning input, span.form-warning select, span.form-warning textarea,
input.form-warning, select.form-warning, textarea.form-warning {
  border: 1px solid #BA5E01 !important;
}

.report {
  padding: 15px 15px 15px 15px;
  text-align: left;
  margin: 0 0 10px 0;
  font-weight: bold;
  font-size: 22px;
}

.dropdown-report {
  padding: 15px 8px 15px 8px;
  text-align: left;
  font-weight: normal;
  box-shadow: #aaa 0 3px 7px;
  margin: 0 2px 0 2px;
  border: none !important;
  font-size: 26px;
}

.err {
  background: #CF2121;
  color: white;
  border: 1px solid #CE3434;
}

.ok {
  background: #5EB52A;
  color: white;
  border: 1px solid #5EB52A;
}

.warning {
  background: #EB7601;
  color: white;
  border: 1px solid #BA5E01;
}

.err strong, .err a, .ok strong, .ok a, .warning strong, .warning a {
  color: white;
}

.info {
  background: #f5f5f5;
  color: black;
  border: 1px solid #ccc;
}

.info strong {
  color: black;
}

/**********************************
ICONS
**********************************/
.material-icons, .material-icons-outlined, .material-icons-round {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.material-icons img, .material-icons-outlined img, .material-icons-round img {
  max-height: 24px;
}

.material-icons.big-font, .material-icons-outlined.big-font, .material-icons-round.big-font {
  font-size: 32px;
}

.material-icons.big-font2, .material-icons-outlined.big-font2, .material-icons-round.big-font2 {
  font-size: 40px;
}

.material-icons.big-font3, .material-icons-outlined.big-font3, .material-icons-round.big-font3 {
  font-size: 48px;
}

.table-edit-icons .material-icons {
  max-width: 24px;
  overflow: hidden;
}

.text-icon {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 1em;
  height: 1em;
  min-width: 24px;
  min-height: 24px;
  border-radius: 0.15em;
}

.text-icon-in {
  width: 100%;
  overflow: hidden;
  font-family: "Bebas Neue", cursive;
  font-size: max(0.8em, 18px);
  font-weight: 400;
  color: #111;
  margin-bottom: -0.1em;
}

.md-text-icon {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-transform: uppercase;
  font-family: "Roboto", arial, verdana, sans serif;
  font-size: max(0.3em, 9px);
  font-weight: 600;
  color: #ffffff;
  background-color: #111;
  border-radius: 0.15em;
}

.md-text-icon--top {
  top: 0;
  transform: translate(-50%, 0);
}

.md-text-icon--bottom {
  top: auto;
  bottom: 0;
  transform: translate(-50%, 0);
}

.md-text-icon--left {
  left: 0;
  transform: translate(0, -50%);
}
.md-text-icon--left.md-text-icon--top, .md-text-icon--left.md-text-icon--bottom {
  transform: translate(0, 0);
}

.md-text-icon--right {
  left: auto;
  right: 0;
  transform: translate(0, -50%);
}
.md-text-icon--right.md-text-icon--top, .md-text-icon--right.md-text-icon--bottom {
  transform: translate(0, 0);
}

.material-icons[data-count]::before, .material-icons-outlined[data-count]::before, .material-icons-round[data-count]::before,
.text-icon[data-count]::before {
  content: attr(data-count);
  position: absolute;
  z-index: 1;
  top: -3px;
  right: -3px;
  min-width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #111;
  color: #ffffff;
  font-size: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  white-space: nowrap;
  padding: 0 3px;
  font-family: "Roboto", arial, verdana, sans serif;
}

.transform-icons {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
}

.transform-icons .transform-ico {
  position: absolute !important;
  top: 0;
  left: 0;
  display: block;
}

.transform-icons .transform-ico--default {
  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
}

.transform-icons .transform-ico--transformed, .transform-icons .transform-ico--transformed-180 {
  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
  transform: rotate(-180deg) scale(0.5);
  opacity: 0;
}

.transform-icons.act .transform-ico--default {
  transform: rotate(180deg) scale(0.5);
  opacity: 0;
}

.transform-icons.act .transform-ico--transformed {
  transform: rotate(0deg) scale(1);
  opacity: 1;
}

.transform-icons.act .transform-ico--transformed-180 {
  transform: rotate(-180deg) scale(1);
  opacity: 1;
}

/**********************************
HIDDEN
**********************************/
.s-hidden-flex {
  display: none !important;
}
@media (min-width: calc(575px + 1px)) {
  .s-hidden-flex {
    display: flex !important;
  }
}

.m-hidden-flex {
  display: none !important;
}
@media (min-width: calc(767px + 1px)) {
  .m-hidden-flex {
    display: flex !important;
  }
}

.s-m-hidden-flex {
  display: none !important;
}
@media (min-width: calc(1089px + 1px)) {
  .s-m-hidden-flex {
    display: flex !important;
  }
}

.pc-hidden-flex {
  display: flex !important;
}
@media (min-width: calc(1089px + 1px)) {
  .pc-hidden-flex {
    display: none !important;
  }
}

.pc-hidden {
  display: block !important;
}
@media (min-width: calc(1089px + 1px)) {
  .pc-hidden {
    display: none !important;
  }
}

.mobile-hidden {
  display: none !important;
}
@media (min-width: calc(1089px + 1px)) {
  .mobile-hidden {
    display: block !important;
  }
}

.mobile-hidden-flex {
  display: none !important;
}
@media (min-width: calc(1089px + 1px)) {
  .mobile-hidden-flex {
    display: flex !important;
  }
}

.pc-hidden-inlineflex {
  display: inline-flex !important;
}
@media (min-width: calc(1089px + 1px)) {
  .pc-hidden-inlineflex {
    display: none !important;
  }
}

.mobile-hidden-inlineflex {
  display: none !important;
}
@media (min-width: calc(1089px + 1px)) {
  .mobile-hidden-inlineflex {
    display: inline-flex !important;
  }
}

.m-up-hidden-inlineflex {
  display: inline-flex !important;
}
@media (min-width: calc(767px + 1px)) {
  .m-up-hidden-inlineflex {
    display: none !important;
  }
}

@media (max-width: 399px) {
  .hidden-xs-smaller {
    display: none !important;
  }
}

@media (max-width: 575px) {
  .hidden-s-smaller {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .hidden-m-smaller {
    display: none !important;
  }
}

@media (max-width: 1089px) {
  .hidden-l-smaller {
    display: none !important;
  }
}

@media (max-width: 1279px) {
  .hidden-xl-smaller {
    display: none !important;
  }
}

@media (max-width: 1919px) {
  .hidden-xxl-smaller {
    display: none !important;
  }
}

@media (min-width: calc(575px + 1px)) {
  .hidden-xs-bigger {
    display: none !important;
  }
}

@media (min-width: calc(767px + 1px)) {
  .hidden-s-bigger {
    display: none !important;
  }
}

@media (min-width: calc(1089px + 1px)) {
  .hidden-m-bigger {
    display: none !important;
  }
}

@media (min-width: calc(1279px + 1px)) {
  .hidden-l-bigger {
    display: none !important;
  }
}

@media (min-width: calc(1919px + 1px)) {
  .hidden-xl-bigger {
    display: none !important;
  }
}

/**********************************
FLEX
**********************************/
.flex {
  display: flex;
}
@media (max-width: 399px) {
  .flex--xs {
    flex-direction: column;
  }
  .flex--xs > * {
    flex: 1 !important;
  }
  .flex--xs .order-1 {
    order: -1;
  }
}
@media (max-width: 575px) {
  .flex--s {
    flex-direction: column;
  }
  .flex--s > * {
    flex: 1 !important;
  }
  .flex--s .order-1 {
    order: -1;
  }
}
@media (max-width: 767px) {
  .flex--m {
    flex-direction: column;
  }
  .flex--m > * {
    flex: 1 !important;
  }
  .flex--m .order-1 {
    order: -1;
  }
}
@media (max-width: 1089px) {
  .flex--l {
    flex-direction: column;
  }
  .flex--l > * {
    flex: 1 !important;
  }
  .flex--l .order-1 {
    order: -1;
  }
}
@media (max-width: 1279px) {
  .flex--xl {
    flex-direction: column;
  }
  .flex--xl > * {
    flex: 1 !important;
  }
  .flex--xl .order-1 {
    order: -1;
  }
}
@media (max-width: 1919px) {
  .flex--xxl {
    flex-direction: column;
  }
  .flex--xxl > * {
    flex: 1 !important;
  }
}
.flex > .col-1 {
  flex: 1;
}
.flex > .col-2 {
  flex: 2;
}
.flex > .col-3 {
  flex: 3;
}
.flex > .col-4 {
  flex: 4;
}
.flex > .col-5 {
  flex: 5;
}
.flex > .col-6 {
  flex: 6;
}
.flex > .col-7 {
  flex: 7;
}
.flex > .col-8 {
  flex: 8;
}
.flex > .col-9 {
  flex: 9;
}
.flex > .col-10 {
  flex: 10;
}

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

.flex-column, .column {
  flex-direction: column !important;
}

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

.a-stretch {
  align-items: stretch !important;
}

.a-start {
  align-items: flex-start !important;
}

.a-center {
  align-items: center !important;
}

.a-end {
  align-items: flex-end !important;
}

.as-end {
  align-self: flex-end !important;
}

.j-start {
  justify-content: flex-start !important;
}

.j-center {
  justify-content: center !important;
}

.j-end {
  justify-content: flex-end !important;
}

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

.space-around {
  justify-content: space-around !important;
}

.flex-true {
  flex: 1 1 auto !important;
}

.flex-grow {
  flex: 1 1 0;
  border: 1px solid red;
}

.flex-false {
  flex: 0 0 auto !important;
}

.no-grow {
  flex-grow: 0 !important;
}

.no-shrink {
  flex-shrink: 0 !important;
}

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

.flex-nowrap {
  flex-wrap: nowrap !important;
}

/*** old ***/
.col-1 {
  flex: 1;
}

.col-2 {
  flex: 2;
}

.col-3 {
  flex: 3;
}

.col-4 {
  flex: 4;
}

.col-5 {
  flex: 5;
}

.col-6 {
  flex: 6;
}

.col-7 {
  flex: 7;
}

.col-8 {
  flex: 8;
}

.col-9 {
  flex: 9;
}

.col-10 {
  flex: 10;
}

.col-11 {
  flex: 11;
}

.col-12 {
  flex: 12;
}

.col-13 {
  flex: 13;
}

.col-14 {
  flex: 14;
}

.col-15 {
  flex: 15;
}

.col-31 {
  flex: 0 0 auto;
  width: 31%;
}

.col-32 {
  flex: 0 0 auto;
  width: 32%;
}

.col-40 {
  flex: 0 0 auto;
  width: 40%;
}

.col-21 {
  flex: 0 0 auto;
  width: 21%;
}

.col-24 {
  flex: 0 0 auto;
  width: 24%;
}

.col-48 {
  flex: 0 0 auto;
  width: 46%;
}

.col-50 {
  flex: 0 0 auto;
  width: 50%;
}

.col-56 {
  flex: 0 0 auto;
  width: 56%;
}

.col-66 {
  flex: 0 0 auto;
  width: 64%;
}

/**********************************
SPACING
**********************************/
.mg-inline-auto {
  margin-inline: auto !important;
}

.mg-block-auto {
  margin-block: auto !important;
}

/*** gap ***/
.gap-0 {
  gap: 0px !important;
}

.gap-1 {
  gap: 1px !important;
}

.gap-2 {
  gap: 2px !important;
}

.gap-3 {
  gap: 3px !important;
}

.gap-4 {
  gap: 4px !important;
}

.gap-5 {
  gap: 5px !important;
}

.gap-10 {
  gap: 10px !important;
}

.gap-15 {
  gap: 15px !important;
}

.gap-20 {
  gap: 20px !important;
}

.gap-25 {
  gap: 25px !important;
}

.gap-30 {
  gap: 30px !important;
}

.gap-40 {
  gap: 40px !important;
}

.gap-50 {
  gap: 50px !important;
}

.gap-60 {
  gap: 60px !important;
}

.gap-70 {
  gap: 70px !important;
}

.gap-80 {
  gap: 80px !important;
}

.gap-90 {
  gap: 90px !important;
}

.gap-100 {
  gap: 100px !important;
}

.gap-01em {
  gap: 0.1em !important;
}

.gap-02em {
  gap: 0.2em !important;
}

.gap-03em {
  gap: 0.3em !important;
}

.gap-04em {
  gap: 0.4em !important;
}

.gap-05em {
  gap: 0.5em !important;
}

.gap-06em {
  gap: 0.6em !important;
}

.gap-07em {
  gap: 0.7em !important;
}

.gap-08em {
  gap: 0.8em !important;
}

.gap-09em {
  gap: 0.9em !important;
}

.gap-1em {
  gap: 1em !important;
}

.gap-2em {
  gap: 2em !important;
}

.gap-3em {
  gap: 3em !important;
}

.gap-4em {
  gap: 4em !important;
}

.gap-5em {
  gap: 5em !important;
}

.gap-6em {
  gap: 6em !important;
}

.gap-7em {
  gap: 7em !important;
}

.gap-8em {
  gap: 8em !important;
}

.gap-9em {
  gap: 9em !important;
}

.gap-10em {
  gap: 10em !important;
}

/*** tmg ***/
.tmg-auto {
  margin-top: auto !important;
}

.tmg-0 {
  margin-top: 0px !important;
}

.tmg-1 {
  margin-top: 1px !important;
}

.tmg-2 {
  margin-top: 2px !important;
}

.tmg-3 {
  margin-top: 3px !important;
}

.tmg-4 {
  margin-top: 4px !important;
}

.tmg-5 {
  margin-top: 5px !important;
}

.tmg-10 {
  margin-top: 10px !important;
}

.tmg-15 {
  margin-top: 15px !important;
}

.tmg-20 {
  margin-top: 20px !important;
}

.tmg-25 {
  margin-top: 25px !important;
}

.tmg-30 {
  margin-top: 30px !important;
}

.tmg-40 {
  margin-top: 40px !important;
}

.tmg-50 {
  margin-top: 50px !important;
}

.tmg-60 {
  margin-top: 60px !important;
}

.tmg-70 {
  margin-top: 70px !important;
}

.tmg-80 {
  margin-top: 80px !important;
}

.tmg-90 {
  margin-top: 90px !important;
}

.tmg-100 {
  margin-top: 100px !important;
}

.tmg-01em {
  margin-top: 0.1em !important;
}

.tmg-02em {
  margin-top: 0.2em !important;
}

.tmg-03em {
  margin-top: 0.3em !important;
}

.tmg-04em {
  margin-top: 0.4em !important;
}

.tmg-05em {
  margin-top: 0.5em !important;
}

.tmg-06em {
  margin-top: 0.6em !important;
}

.tmg-07em {
  margin-top: 0.7em !important;
}

.tmg-08em {
  margin-top: 0.8em !important;
}

.tmg-09em {
  margin-top: 0.9em !important;
}

.tmg-1em {
  margin-top: 1em !important;
}

.tmg-2em {
  margin-top: 2em !important;
}

.tmg-3em {
  margin-top: 3em !important;
}

.tmg-4em {
  margin-top: 4em !important;
}

.tmg-5em {
  margin-top: 5em !important;
}

.tmg-6em {
  margin-top: 6em !important;
}

.tmg-7em {
  margin-top: 7em !important;
}

.tmg-8em {
  margin-top: 8em !important;
}

.tmg-9em {
  margin-top: 9em !important;
}

.tmg-10em {
  margin-top: 10em !important;
}

/*** rmg ***/
.rmg-auto {
  margin-right: auto !important;
}

.rmg-0 {
  margin-right: 0px !important;
}

.rmg-1 {
  margin-right: 1px !important;
}

.rmg-2 {
  margin-right: 2px !important;
}

.rmg-3 {
  margin-right: 3px !important;
}

.rmg-4 {
  margin-right: 4px !important;
}

.rmg-5 {
  margin-right: 5px !important;
}

.rmg-10 {
  margin-right: 10px !important;
}

.rmg-15 {
  margin-right: 15px !important;
}

.rmg-20 {
  margin-right: 20px !important;
}

.rmg-25 {
  margin-right: 25px !important;
}

.rmg-30 {
  margin-right: 30px !important;
}

.rmg-40 {
  margin-right: 40px !important;
}

.rmg-50 {
  margin-right: 50px !important;
}

.rmg-60 {
  margin-right: 60px !important;
}

.rmg-70 {
  margin-right: 70px !important;
}

.rmg-80 {
  margin-right: 80px !important;
}

.rmg-90 {
  margin-right: 90px !important;
}

.rmg-100 {
  margin-right: 100px !important;
}

.rmg-01em {
  margin-right: 0.1em !important;
}

.rmg-02em {
  margin-right: 0.2em !important;
}

.rmg-03em {
  margin-right: 0.3em !important;
}

.rmg-04em {
  margin-right: 0.4em !important;
}

.rmg-05em {
  margin-right: 0.5em !important;
}

.rmg-06em {
  margin-right: 0.6em !important;
}

.rmg-07em {
  margin-right: 0.7em !important;
}

.rmg-08em {
  margin-right: 0.8em !important;
}

.rmg-09em {
  margin-right: 0.9em !important;
}

.rmg-1em {
  margin-right: 1em !important;
}

.rmg-2em {
  margin-right: 2em !important;
}

.rmg-3em {
  margin-right: 3em !important;
}

.rmg-4em {
  margin-right: 4em !important;
}

.rmg-5em {
  margin-right: 5em !important;
}

.rmg-6em {
  margin-right: 6em !important;
}

.rmg-7em {
  margin-right: 7em !important;
}

.rmg-8em {
  margin-right: 8em !important;
}

.rmg-9em {
  margin-right: 9em !important;
}

.rmg-10em {
  margin-right: 10em !important;
}

/*** bmg ***/
.bmg-auto {
  margin-bottom: auto !important;
}

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

.bmg-1 {
  margin-bottom: 1px !important;
}

.bmg-2 {
  margin-bottom: 2px !important;
}

.bmg-3 {
  margin-bottom: 3px !important;
}

.bmg-4 {
  margin-bottom: 4px !important;
}

.bmg-5 {
  margin-bottom: 5px !important;
}

.bmg-10 {
  margin-bottom: 10px !important;
}

.bmg-15 {
  margin-bottom: 15px !important;
}

.bmg-20 {
  margin-bottom: 20px !important;
}

.bmg-25 {
  margin-bottom: 25px !important;
}

.bmg-30 {
  margin-bottom: 30px !important;
}

.bmg-40 {
  margin-bottom: 40px !important;
}

.bmg-50 {
  margin-bottom: 50px !important;
}

.bmg-60 {
  margin-bottom: 60px !important;
}

.bmg-70 {
  margin-bottom: 70px !important;
}

.bmg-80 {
  margin-bottom: 80px !important;
}

.bmg-90 {
  margin-bottom: 90px !important;
}

.bmg-100 {
  margin-bottom: 100px !important;
}

.bmg-01em {
  margin-bottom: 0.1em !important;
}

.bmg-02em {
  margin-bottom: 0.2em !important;
}

.bmg-03em {
  margin-bottom: 0.3em !important;
}

.bmg-04em {
  margin-bottom: 0.4em !important;
}

.bmg-05em {
  margin-bottom: 0.5em !important;
}

.bmg-06em {
  margin-bottom: 0.6em !important;
}

.bmg-07em {
  margin-bottom: 0.7em !important;
}

.bmg-08em {
  margin-bottom: 0.8em !important;
}

.bmg-09em {
  margin-bottom: 0.9em !important;
}

.bmg-1em {
  margin-bottom: 1em !important;
}

.bmg-2em {
  margin-bottom: 2em !important;
}

.bmg-3em {
  margin-bottom: 3em !important;
}

.bmg-4em {
  margin-bottom: 4em !important;
}

.bmg-5em {
  margin-bottom: 5em !important;
}

.bmg-6em {
  margin-bottom: 6em !important;
}

.bmg-7em {
  margin-bottom: 7em !important;
}

.bmg-8em {
  margin-bottom: 8em !important;
}

.bmg-9em {
  margin-bottom: 9em !important;
}

.bmg-10em {
  margin-bottom: 10em !important;
}

/*** lmg ***/
.lmg-auto {
  margin-left: auto !important;
}

.lmg--30 {
  margin-left: -30px !important;
}

.lmg--20 {
  margin-left: -20px !important;
}

.lmg--10 {
  margin-left: -10px !important;
}

.lmg-0 {
  margin-left: 0px !important;
}

.lmg-1 {
  margin-left: 1px !important;
}

.lmg-2 {
  margin-left: 2px !important;
}

.lmg-3 {
  margin-left: 3px !important;
}

.lmg-4 {
  margin-left: 4px !important;
}

.lmg-5 {
  margin-left: 5px !important;
}

.lmg-10 {
  margin-left: 10px !important;
}

.lmg-15 {
  margin-left: 15px !important;
}

.lmg-20 {
  margin-left: 20px !important;
}

.lmg-25 {
  margin-left: 25px !important;
}

.lmg-30 {
  margin-left: 30px !important;
}

.lmg-40 {
  margin-left: 40px !important;
}

.lmg-50 {
  margin-left: 50px !important;
}

.lmg-60 {
  margin-left: 60px !important;
}

.lmg-70 {
  margin-left: 70px !important;
}

.lmg-80 {
  margin-left: 80px !important;
}

.lmg-90 {
  margin-left: 90px !important;
}

.lmg-100 {
  margin-left: 100px !important;
}

.lmg-01em {
  margin-left: 0.1em !important;
}

.lmg-02em {
  margin-left: 0.2em !important;
}

.lmg-03em {
  margin-left: 0.3em !important;
}

.lmg-04em {
  margin-left: 0.4em !important;
}

.lmg-05em {
  margin-left: 0.5em !important;
}

.lmg-06em {
  margin-left: 0.6em !important;
}

.lmg-07em {
  margin-left: 0.7em !important;
}

.lmg-08em {
  margin-left: 0.8em !important;
}

.lmg-09em {
  margin-left: 0.9em !important;
}

.lmg-1em {
  margin-left: 1em !important;
}

.lmg-2em {
  margin-left: 2em !important;
}

.lmg-3em {
  margin-left: 3em !important;
}

.lmg-4em {
  margin-left: 4em !important;
}

.lmg-5em {
  margin-left: 5em !important;
}

.lmg-6em {
  margin-left: 6em !important;
}

.lmg-7em {
  margin-left: 7em !important;
}

.lmg-8em {
  margin-left: 8em !important;
}

.lmg-9em {
  margin-left: 9em !important;
}

.lmg-10em {
  margin-left: 10em !important;
}

/*** tpd ***/
.tpd-0 {
  padding-top: 0px !important;
}

.tpd-1 {
  padding-top: 1px !important;
}

.tpd-2 {
  padding-top: 2px !important;
}

.tpd-3 {
  padding-top: 3px !important;
}

.tpd-4 {
  padding-top: 4px !important;
}

.tpd-5 {
  padding-top: 5px !important;
}

.tpd-10 {
  padding-top: 10px !important;
}

.tpd-20 {
  padding-top: 20px !important;
}

.tpd-30 {
  padding-top: 30px !important;
}

.tpd-40 {
  padding-top: 40px !important;
}

.tpd-50 {
  padding-top: 50px !important;
}

.tpd-01em {
  padding-top: 0.1em !important;
}

.tpd-02em {
  padding-top: 0.2em !important;
}

.tpd-03em {
  padding-top: 0.3em !important;
}

.tpd-04em {
  padding-top: 0.4em !important;
}

.tpd-05em {
  padding-top: 0.5em !important;
}

.tpd-06em {
  padding-top: 0.6em !important;
}

.tpd-07em {
  padding-top: 0.7em !important;
}

.tpd-08em {
  padding-top: 0.8em !important;
}

.tpd-09em {
  padding-top: 0.9em !important;
}

.tpd-1em {
  padding-top: 1em !important;
}

/*** rpd ***/
.rpd-0 {
  padding-right: 0px !important;
}

.rpd-1 {
  padding-right: 1px !important;
}

.rpd-2 {
  padding-right: 2px !important;
}

.rpd-3 {
  padding-right: 3px !important;
}

.rpd-4 {
  padding-right: 4px !important;
}

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

.rpd-10 {
  padding-right: 10px !important;
}

.rpd-20 {
  padding-right: 20px !important;
}

.rpd-30 {
  padding-right: 30px !important;
}

.rpd-40 {
  padding-right: 40px !important;
}

.rpd-50 {
  padding-right: 50px !important;
}

.rpd-01em {
  padding-right: 0.1em !important;
}

.rpd-02em {
  padding-right: 0.2em !important;
}

.rpd-03em {
  padding-right: 0.3em !important;
}

.rpd-04em {
  padding-right: 0.4em !important;
}

.rpd-05em {
  padding-right: 0.5em !important;
}

.rpd-06em {
  padding-right: 0.6em !important;
}

.rpd-07em {
  padding-right: 0.7em !important;
}

.rpd-08em {
  padding-right: 0.8em !important;
}

.rpd-09em {
  padding-right: 0.9em !important;
}

.rpd-1em {
  padding-right: 1em !important;
}

/*** bpd ***/
.bpd-0 {
  padding-bottom: 0px !important;
}

.bpd-1 {
  padding-bottom: 1px !important;
}

.bpd-2 {
  padding-bottom: 2px !important;
}

.bpd-3 {
  padding-bottom: 3px !important;
}

.bpd-4 {
  padding-bottom: 4px !important;
}

.bpd-5 {
  padding-bottom: 5px !important;
}

.bpd-10 {
  padding-bottom: 10px !important;
}

.bpd-20 {
  padding-bottom: 20px !important;
}

.bpd-30 {
  padding-bottom: 30px !important;
}

.bpd-40 {
  padding-bottom: 40px !important;
}

.bpd-50 {
  padding-bottom: 50px !important;
}

.bpd-01em {
  padding-bottom: 0.1em !important;
}

.bpd-02em {
  padding-bottom: 0.2em !important;
}

.bpd-03em {
  padding-bottom: 0.3em !important;
}

.bpd-04em {
  padding-bottom: 0.4em !important;
}

.bpd-05em {
  padding-bottom: 0.5em !important;
}

.bpd-06em {
  padding-bottom: 0.6em !important;
}

.bpd-07em {
  padding-bottom: 0.7em !important;
}

.bpd-08em {
  padding-bottom: 0.8em !important;
}

.bpd-09em {
  padding-bottom: 0.9em !important;
}

.bpd-1em {
  padding-bottom: 1em !important;
}

.bpd-2em {
  padding-bottom: 2em !important;
}

.bpd-3em {
  padding-bottom: 3em !important;
}

/*** lpd ***/
.lpd-0 {
  padding-left: 0px !important;
}

.lpd-1 {
  padding-left: 1px !important;
}

.lpd-2 {
  padding-left: 2px !important;
}

.lpd-3 {
  padding-left: 3px !important;
}

.lpd-4 {
  padding-left: 4px !important;
}

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

.lpd-10 {
  padding-left: 10px !important;
}

.lpd-20 {
  padding-left: 20px !important;
}

.lpd-30 {
  padding-left: 30px !important;
}

.lpd-40 {
  padding-left: 40px !important;
}

.lpd-50 {
  padding-left: 50px !important;
}

.lpd-01em {
  padding-left: 0.1em !important;
}

.lpd-02em {
  padding-left: 0.2em !important;
}

.lpd-03em {
  padding-left: 0.3em !important;
}

.lpd-04em {
  padding-left: 0.4em !important;
}

.lpd-05em {
  padding-left: 0.5em !important;
}

.lpd-06em {
  padding-left: 0.6em !important;
}

.lpd-07em {
  padding-left: 0.7em !important;
}

.lpd-08em {
  padding-left: 0.8em !important;
}

.lpd-09em {
  padding-left: 0.9em !important;
}

.lpd-1em {
  padding-left: 1em !important;
}

/*** padding ***/
.padd-0 {
  padding: 0px !important;
}

.padd-1 {
  padding: 1px !important;
}

.padd-2 {
  padding: 2px !important;
}

.padd-3 {
  padding: 3px !important;
}

.padd-4 {
  padding: 4px !important;
}

.padd-5 {
  padding: 5px !important;
}

.padd-10 {
  padding: 10px !important;
}

.padd-20 {
  padding: 20px !important;
}

.padd-30 {
  padding: 30px !important;
}

.padd-40 {
  padding: 40px !important;
}

.padd-50 {
  padding: 50px !important;
}

.padd-01em {
  padding: 0.1em !important;
}

.padd-02em {
  padding: 0.2em !important;
}

.padd-03em {
  padding: 0.3em !important;
}

.padd-04em {
  padding: 0.4em !important;
}

.padd-05em {
  padding: 0.5em !important;
}

.padd-06em {
  padding: 0.6em !important;
}

.padd-07em {
  padding: 0.7em !important;
}

.padd-08em {
  padding: 0.8em !important;
}

.padd-09em {
  padding: 0.9em !important;
}

.padd-1em {
  padding: 1em !important;
}

.top-0 {
  top: 0;
}

.right-0 {
  right: 0;
}

.no-padd {
  padding: 0 !important;
}

.no-r-mg {
  margin-right: 0 !important;
}

.no-l-mg {
  margin-left: 0 !important;
}

.no-b-mg {
  margin-bottom: 0 !important;
}

/*** bottom margin ***/
.bmg-0 {
  margin-bottom: 0px !important;
}

.bmg-3 {
  margin-bottom: 3px !important;
}

.bmg-5 {
  margin-bottom: 5px !important;
}

.bmg-15 {
  margin-bottom: 15px !important;
}

.bmg-10 {
  margin-bottom: 10px !important;
}

.bmg-20 {
  margin-bottom: 20px !important;
}

.bmg-30 {
  margin-bottom: 30px !important;
}

/*** top margin ***/
.tmg--3 {
  margin-top: -3px;
  position: relative;
  z-index: 10;
}

.tmg--5 {
  margin-top: -5px;
  position: relative;
  z-index: 10;
}

.tmg--10 {
  margin-top: -10px;
  position: relative;
  z-index: 10;
}

.tmg--20 {
  margin-top: -20px;
  position: relative;
  z-index: 10;
}

.tmg--40 {
  margin-top: -40px;
  position: relative;
  z-index: 10;
}

.tmg--50 {
  margin-top: -50px;
  position: relative;
  z-index: 10;
}

.tmg--60 {
  margin-top: -60px;
  position: relative;
  z-index: 10;
}

.tmg--80 {
  margin-top: -80px;
  position: relative;
  z-index: 10;
}

.tmg-0 {
  margin-top: 0px !important;
}

.tmg-1 {
  margin-top: 1px !important;
}

.tmg-2 {
  margin-top: 2px !important;
}

.tmg-3 {
  margin-top: 3px !important;
}

.tmg-4 {
  margin-top: 4px !important;
}

.tmg-5 {
  margin-top: 5px !important;
}

.tmg-6 {
  margin-top: 6px !important;
}

.tmg-7 {
  margin-top: 7px !important;
}

.tmg-8 {
  margin-top: 8px !important;
}

.tmg-9 {
  margin-top: 9px !important;
}

.tmg-15 {
  margin-top: 15px !important;
}

.tmg-10 {
  margin-top: 10px !important;
}

.tmg-20 {
  margin-top: 20px !important;
}

.tmg-30 {
  margin-top: 30px !important;
}

.tmg-35 {
  margin-top: 35px !important;
}

.tmg-40 {
  margin-top: 40px !important;
}

.tmg-45 {
  margin-top: 45px !important;
}

.tmg-50 {
  margin-top: 50px !important;
}

/*** right margin ***/
.rmg-0 {
  margin-right: 0px !important;
}

.rmg-3 {
  margin-right: 3px !important;
}

.rmg-5 {
  margin-right: 5px !important;
}

.rmg-15 {
  margin-right: 15px !important;
}

.rmg-10 {
  margin-right: 10px !important;
}

.rmg-20 {
  margin-right: 20px !important;
}

.rmg-30 {
  margin-right: 30px !important;
}

.rmg-50 {
  margin-right: 50px !important;
}

/*** left margin ***/
.lmg--10 {
  margin-left: -10px !important;
}

.lmg-3 {
  margin-left: 3px !important;
}

.lmg-5 {
  margin-left: 5px !important;
}

.lmg-15 {
  margin-left: 15px !important;
}

.lmg-10 {
  margin-left: 10px !important;
}

.lmg-20 {
  margin-left: 20px !important;
}

.lmg-30 {
  margin-left: 30px !important;
}

.lmg-35 {
  margin-left: 35px !important;
}

.lmg-40 {
  margin-left: 40px !important;
}

.lmg-50 {
  margin-left: 50px !important;
}

.lmg-80 {
  margin-left: 80px !important;
}

.lmg-100 {
  margin-left: 100px !important;
}

.lmg-140 {
  margin-left: 140px !important;
}

.lmg-150 {
  margin-left: 150px !important;
}

/*** bottom padding ***/
.bpd-0 {
  padding-bottom: 0 !important;
}

/*** left padding ***/
.lpd-0 {
  padding-left: 0px !important;
}

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

.lpd-10 {
  padding-left: 10px !important;
}

.lpd-15 {
  padding-left: 15px !important;
}

.lpd-20 {
  padding-left: 20px !important;
}

/*** right padding ***/
.rpd-0 {
  padding-right: 0px !important;
}

.rpd-3 {
  padding-right: 3px !important;
}

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

/*** top padding ***/
.tpd-2 {
  padding-top: 2px !important;
}

.tpd-8 {
  padding-top: 8px !important;
}

/*** padding ***/
.padd-5 {
  padding: 5px !important;
}

.padd-10 {
  padding: 10px !important;
}

.padd-15 {
  padding: 15px !important;
}

.padd-20 {
  padding: 20px !important;
}

/**********************************
LAYOUT
**********************************/
body {
  font: 13px "Roboto", arial, verdana, sans serif;
  text-align: center;
  color: #333;
  line-height: 1em;
  background: #fff;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/**********************************
TOPBAR
**********************************/
/**********************************
HEADER
**********************************/
a.to-home {
  display: block;
  position: absolute;
  top: 0;
  z-index: 5 !important;
}

a.to-home span {
  display: none;
}

div.head {
  height: 120px;
  width: 100%;
  background: #010A44;
  color: white;
  position: fixed;
  z-index: 2030;
}
@media (min-width: calc(575px + 1px)) {
  div.head {
    height: 60px;
  }
}

a.to-home {
  margin: 5px 0 0 10px;
}

/*** logged ***/
div.logged {
  position: absolute;
  top: 60px;
  right: 0;
}
@media (max-width: 575px) {
  div.logged {
    width: 100%;
    background-color: #111;
    padding: 0 10px 0 10px;
    display: flex;
    height: 60px;
    justify-content: flex-end;
    align-items: center;
  }
  div.logged > * {
    float: none !important;
    display: flex;
    align-items: center;
    margin-top: 0 !important;
  }
  div.logged img {
    float: none !important;
    margin-bottom: 0;
  }
  div.logged a {
    float: none !important;
  }
}
@media (min-width: calc(575px + 1px)) {
  div.logged {
    top: 12px;
    right: 62px;
    margin-left: 50px;
  }
}
@media (min-width: calc(1089px + 1px)) {
  div.logged {
    right: 10px;
  }
}

div.logged strong {
  color: white;
  font-size: 16px;
  display: block;
  float: left;
  margin: 3px 15px 0 0;
  text-align: right;
}

div.logged strong span {
  font-weight: normal;
  font-size: 13px;
  color: #D9DAE3;
}

div.logged-icons {
  float: left;
}

div.logged-icons a {
  float: left;
  width: 36px;
  height: 36px;
  background: #4B8CBB;
  border-radius: 18px;
  text-align: center;
  margin: 0 0 0 5px;
}

div.logged-icons a img {
  margin: 8px 0 0 0;
}

div.logged-icons a:hover {
  background: #76A7CB;
}

div.logged-icons a.logout-icon {
  background: #8D4646;
}

div.logged-icons a.logout-icon:hover {
  background: #B30C0C;
}

/* stop */
.stopka-out {
  float: left;
}
@media (min-width: calc(575px + 1px)) {
  .stopka-out {
    position: relative;
  }
}

#blocked-broker-box {
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  z-index: 9999999;
  margin: 40px 0 0 0;
  background: white;
  color: black;
  padding: 20px;
  border: 1px solid #010A44;
  box-shadow: #000 0 0 5px;
  text-align: left;
}
@media (min-width: calc(575px + 1px)) {
  #blocked-broker-box {
    right: 10px;
    left: auto;
    top: 0;
  }
}

/*** headicons ***/
div.headicons {
  position: absolute;
  top: 60px;
  left: 0;
  display: none;
}
@media (min-width: calc(1279px + 1px)) {
  div.headicons {
    display: flex;
    left: 80px;
    top: 12px;
  }
}
@media (max-width: 1279px) {
  div.headicons {
    width: 100%;
    background-color: #010A44;
    padding: 10px;
  }
  div.headicons.mobile-down {
    display: block;
    overflow: visible !important;
  }
}

div.headicons-in {
  display: flex;
}

div.headicons-in-in {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}
@media (max-width: 1279px) {
  div.headicons-in-in {
    padding-right: 50px;
  }
}

/* sms */
@media (max-width: 1279px) {
  .headicons-sms {
    position: absolute;
    top: 10px;
    right: 10px;
  }
}
@media (min-width: calc(1279px + 1px)) {
  .headicons-sms {
    margin-left: 50px;
  }
}

#sms-box {
  position: absolute;
  z-index: 9999999;
  margin: 5px 0 0 0;
  background: white;
  color: black;
  padding: 20px;
  border: 1px solid #010A44;
  box-shadow: #000 0 0 5px;
  transform: translateX(calc((100% - 42px) * -1));
  max-width: 100vw;
}

.head-icon {
  width: 36px;
  height: 36px;
  background: #fff;
  border-radius: 18px;
  text-align: center;
  display: block;
}

.head-icon img {
  margin: 7px 0 0 0;
}

.head-icon:hover {
  box-shadow: inset #4B8CBB 0 0 5px;
}

.showicons {
  cursor: pointer;
  width: 36px;
  height: 36px;
  position: absolute;
  left: 80px;
  top: 12px;
  border-radius: 50%;
  z-index: 99;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: calc(1279px + 1px)) {
  .showicons {
    display: none;
  }
}

a.head-save {
  padding: 13px 15px 13px 15px;
  cursor: hand;
  cursor: pointer;
  width: auto !important;
  color: #fff;
  font-size: 16px;
  margin: 0 0 0 0;
  line-height: 1em;
  height: auto;
  background: #65A82B;
  font-weight: 400;
  text-align: center;
  border: none;
  box-shadow: none;
  font-weight: bold;
  text-transform: uppercase;
  position: absolute;
  top: 10px;
  right: 100px;
}
@media (min-width: calc(575px + 1px)) {
  a.head-save {
    right: 330px;
  }
}
@media (min-width: calc(1089px + 1px)) {
  a.head-save {
    right: 280px;
  }
}

a.head-save:hover {
  background: #5F9B28;
  text-decoration: none;
}

/**********************************
MENU
**********************************/
ul.menu li {
  position: relative;
}

ul.menu li a {
  display: block;
  color: black;
  font-size: 15px;
  font-weight: normal;
  text-decoration: none;
  border-bottom: 1px solid #DDDDDD;
  padding: 8px 10px 8px 25px;
}

ul.menu li a.menu-icon {
  background-repeat: no-repeat;
  background-position: 5px 6px;
}

ul.menu li a.menu-icon-uvod {
  background-image: url(../img/menu-icons/ucet.png);
}

ul.menu li a.act.menu-icon-uvod {
  background-image: url(../img/menu-icons/act/ucet.png);
}

ul.menu li a.menu-icon-kalendar-mesicni {
  background-image: url(../img/menu-icons/kalendar.png);
}

ul.menu li a.act.menu-icon-kalendar-mesicni {
  background-image: url(../img/menu-icons/act/kalendar.png);
}

ul.menu li a.menu-icon-rezervace-list {
  background-image: url(../img/menu-icons/rezervace.png);
}

ul.menu li a.act.menu-icon-rezervace-list {
  background-image: url(../img/menu-icons/act/rezervace.png);
}

ul.menu li a.menu-icon-klienti-list {
  background-image: url(../img/menu-icons/klienti.png);
}

ul.menu li a.act.menu-icon-klienti-list {
  background-image: url(../img/menu-icons/act/klienti.png);
}

ul.menu li a.menu-icon-hypoklienti-list {
  background-image: url(../img/menu-icons/klienti.png);
}

ul.menu li a.act.menu-icon-hypoklienti-list {
  background-image: url(../img/menu-icons/act/klienti.png);
}

ul.menu li a.menu-icon-nemovitosti-list {
  background-image: url(../img/menu-icons/nemovitosti.png);
}

ul.menu li a.act.menu-icon-nemovitosti-list {
  background-image: url(../img/menu-icons/act/nemovitosti.png);
}

ul.menu li a.menu-icon-poptavky-list {
  background-image: url(../img/menu-icons/poptavky.png);
}

ul.menu li a.act.menu-icon-poptavky-list {
  background-image: url(../img/menu-icons/act/poptavky.png);
}

ul.menu li a.menu-icon-popnaber-list {
  background-image: url(../img/menu-icons/popnaber.png);
}

ul.menu li a.act.menu-icon-popnaber-list {
  background-image: url(../img/menu-icons/act/popnaber.png);
}

ul.menu li a.menu-icon-hypoklienti-veci {
  background-image: url(../img/menu-icons/hypoveci.png);
}

ul.menu li a.act.menu-icon-hypoklienti-veci {
  background-image: url(../img/menu-icons/act/hypoveci.png);
}

ul.menu li a.menu-icon-uzivatele-list {
  background-image: url(../img/menu-icons/uzivatele.png);
}

ul.menu li a.act.menu-icon-uzivatele-list {
  background-image: url(../img/menu-icons/act/uzivatele.png);
}

ul.menu li a.menu-icon-komunikace, ul.menu li a.menu-icon-komunikace-list {
  background-image: url(../img/menu-icons/komunikace.png);
}

ul.menu li a.act.menu-icon-komunikace, ul.menu li a.act.menu-icon-komunikace-list {
  background-image: url(../img/menu-icons/act/komunikace.png);
}

ul.menu li a.menu-icon-emaily-list {
  background-image: url(../img/menu-icons/emaily.png);
}

ul.menu li a.act.menu-icon-emaily-list {
  background-image: url(../img/menu-icons/act/emaily.png);
}

ul.menu li a.menu-icon-stats {
  background-image: url(../img/menu-icons/statistiky.png);
}

ul.menu li a.act.menu-icon-stats {
  background-image: url(../img/menu-icons/act/statistiky.png);
}

ul.menu li a.menu-icon-nastaveni {
  background-image: url(../img/menu-icons/nastaveni.png);
}

ul.menu li a.act.menu-icon-nastaveni {
  background-image: url(../img/menu-icons/act/nastaveni.png);
}

ul.menu li a.menu-icon-manazer {
  background-image: url(../img/menu-icons/manazer.png);
}

ul.menu li a.act.menu-icon-manazer {
  background-image: url(../img/menu-icons/act/manazer.png);
}

ul.menu li a.menu-icon-kontakty-list {
  background-image: url(../img/menu-icons/kontakty.png);
}

ul.menu li a.act.menu-icon-kontakty-list {
  background-image: url(../img/menu-icons/act/kontakty.png);
}

ul.menu li a.menu-icon-inzeraty-list {
  background-image: url(../img/menu-icons/inzeraty.png);
}

ul.menu li a.act.menu-icon-inzeraty-list {
  background-image: url(../img/menu-icons/act/inzeraty.png);
}

ul.menu li a.menu-icon-soubory-list {
  background-image: url(../img/menu-icons/soubory.png);
}

ul.menu li a.act.menu-icon-soubory-list {
  background-image: url(../img/menu-icons/act/soubory.png);
}

ul.menu li a.menu-icon-vyvoj-list {
  background-image: url(../img/menu-icons/vyvoj.png);
}

ul.menu li a.act.menu-icon-vyvoj-list {
  background-image: url(../img/menu-icons/act/vyvoj.png);
}

ul.menu li a.menu-icon-faktury-list {
  background-image: url(../img/menu-icons/faktura.png);
}

ul.menu li a.act.menu-icon-faktury-list {
  background-image: url(../img/menu-icons/act/faktura.png);
}

ul.menu li a.menu-icon-close {
  background-image: url(../img/menu-icons/close.png);
  color: #A5C981;
  background-color: #F5FAF1 !important;
}

ul.menu li a.act.menu-icon-close {
  background-image: url(../img/menu-icons/act/close.png);
  background-color: #F5FAF1 !important;
  border-color: #DDDDDD;
}

ul.menu li a.act.menu-icon-close:hover, ul.menu li a.menu-icon-close:hover {
  background-color: #EDF7E6 !important;
}

ul.menu li a:hover {
  background-color: #eee;
}

ul.menu li.menu-act a {
  color: white;
  background-color: #333;
  border-bottom: 1px solid #222;
}

ul.menu li.menu-act a:hover {
  background-color: #000;
}

ul.menu li a.opened {
  background-color: #111;
  color: white;
  border-color: #333;
}

ul.menu li > a.act {
  background-color: #4B8CBB !important;
  color: white;
  border-color: #4B8CBB;
}

ul.menu li span.menu-arr {
  position: absolute;
  right: 2px;
  top: 2px;
  width: 26px;
  height: 26px;
  cursor: hand;
  cursor: pointer;
  background: url(../img/menu/arr1.png) center center no-repeat #F3F3F3;
  border-radius: 14px;
}

ul.menu li span.menu-arr:hover {
  background-color: #ddd;
}

ul.menu li span.menu-arr.mmopened {
  background-image: url(../img/menu/arr1_act.png);
  background-color: #aaa;
}

/* uroven 2 */
ul.menu ul a {
  padding: 5px 10px 5px 30px;
  font-size: 14px;
  background: #F3F3F3;
  border-bottom: 1px solid #DDDDDD;
  color: #777;
}

ul.menu ul li a:hover {
  background-color: #eee;
}

ul.menu li.menu-act ul a {
  color: white;
  background: #777;
  border-bottom: 1px solid #666;
}

ul.menu li.menu-act ul li a:hover {
  background-color: #666;
}

ul.menu ul li a.opened {
  background: #333;
  color: white;
}

ul.menu ul li > a.act {
  background: #4B8CBB !important;
  color: white;
}

ul.menu ul li span.menu-arr {
  height: 20px;
  width: 20px;
  right: 5px;
  top: 1px;
  background: url(../img/menu/arr2.png) center center no-repeat #F3F3F3;
}

ul.menu ul li span.menu-arr:hover {
  background-color: #ddd;
}

ul.menu ul li span.menu-arr.mmopened {
  background-image: url(../img/menu/arr2_act.png);
  background-color: #aaa;
}

/* uroven 3 */
ul.menu ul ul a {
  padding: 4px 10px 4px 40px;
  font-size: 13px;
  background: #F3F3F3;
  border-bottom: 1px solid #DDDDDD;
  color: #999;
}

ul.menu ul ul li a:hover {
  background-color: #eee;
}

ul.menu li.menu-act ul ul a {
  background: #555;
  border-bottom: 1px solid #444;
  color: white;
}

ul.menu li.menu-act ul ul li a:hover {
  background-color: #444;
}

ul.menu ul ul li > a.act {
  background: #4B8CBB !important;
  color: white;
}

/* uroven 4 */
ul.menu ul ul ul a {
  padding: 3px 10px 3px 50px;
  font-size: 12px;
  color: #aaa;
}

.menu-oc {
  display: none;
}
@media (min-width: calc(1089px + 1px)) {
  .menu-oc {
    display: block;
  }
}

@media (min-width: calc(1089px + 1px)) {
  div.leftmenu.leftmenu-closed {
    width: 26px;
  }
  div.leftmenu.leftmenu-closed ul.menu li a {
    height: 26px;
    overflow: hidden;
    padding-left: 50px;
  }
  div.leftmenu.leftmenu-closed ul.menu ul {
    display: none;
  }
  div.leftmenu.leftmenu-closed ul.menu li span.menu-arr {
    display: none;
  }
}
.showmenu-out {
  cursor: pointer;
  width: 36px;
  height: 36px;
  position: absolute;
  right: 10px;
  top: 12px;
  border-radius: 50%;
  z-index: 99;
  background-color: #EB7601;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: calc(1089px + 1px)) {
  .showmenu-out {
    display: none;
  }
}

/**********************************
MAIN
**********************************/
div.page {
  text-align: left;
}

div.leftmenu {
  display: none;
  height: calc(100vh - 60px);
  background: #F3F3F3;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 60px;
  overflow: hidden;
  z-index: 10020;
}
@media (min-width: calc(1089px + 1px)) {
  div.leftmenu {
    padding-top: 0;
    top: 60px;
    display: block;
    flex: 0 0 auto;
    width: 220px;
    height: calc(100vh - 60px);
    z-index: 1;
  }
}
div.leftmenu.mobile-down {
  display: block;
}

div.leftmenu-in {
  scrollbar-width: none;
  height: calc(100vh - 60px);
  overflow-y: scroll;
  overflow-x: hidden;
}

div.content {
  background: white;
  top: 120px;
  padding: 20px 20px 5px 20px;
  box-shadow: rgba(0, 0, 0, 0.3) 0 0 15px;
  z-index: 2;
  line-height: 1.5em;
  position: absolute;
  width: 100%;
}
@media (max-width: 399px) {
  div.content {
    /*overflow-x: auto;
    scrollbar-width: none;*/
  }
}
@media (min-width: calc(575px + 1px)) {
  div.content {
    top: 60px;
    width: calc(100% - 95px);
    padding: 25px 25px 5px 25px;
  }
}
@media (min-width: calc(767px + 1px)) {
  div.content {
    padding: 35px 35px 5px 35px;
  }
}
@media (min-width: calc(1089px + 1px)) {
  div.content {
    width: calc(100% - 315px);
    left: 220px;
  }
}

@media (min-width: calc(1089px + 1px)) {
  div.content.rightpanel-opened {
    width: calc(100% - 315px);
  }
}
@media (min-width: calc(1279px + 1px)) {
  div.content.rightpanel-opened {
    width: calc(100% - 565px);
  }
}

@media (min-width: calc(1089px + 1px)) {
  div.content.leftmenu-closed {
    width: calc(100% - 121px);
    left: 26px;
  }
}

@media (min-width: calc(1089px + 1px)) {
  div.content.rightpanel-opened.leftmenu-closed {
    width: calc(100% - 371px);
  }
}

/**********************************
RIGHTPANEL
**********************************/
div.rightpanel {
  width: calc(100% - 70px);
  position: fixed;
  height: calc(100vh - 120px);
  right: 70px;
  top: 120px;
  background: #eee;
  box-shadow: rgba(0, 0, 0, 0.2) -5px 0 5px;
  overflow: hidden;
  z-index: 2019;
}
@media (min-width: calc(399px + 1px)) {
  div.rightpanel {
    width: 250px;
    right: 95px;
  }
}
@media (min-width: calc(575px + 1px)) {
  div.rightpanel {
    top: 60px;
    height: calc(100vh - 60px);
  }
}
@media (min-width: calc(1279px + 1px)) {
  div.rightpanel {
    box-shadow: inset rgba(0, 0, 0, 0.2) 7px 0 9px -7px;
    z-index: 0;
  }
}
@media (max-width: 575px) {
  div.rightpanel {
    display: none;
  }
  div.rightpanel.mobile-hide:not(.hidden) {
    display: block;
  }
}

div.rightpanel-in {
  height: calc(100vh - 120px);
  overflow-y: scroll;
  padding: 20px;
  scrollbar-width: none;
}
@media (min-width: calc(575px + 1px)) {
  div.rightpanel-in {
    height: calc(100vh - 60px);
  }
}

div.rightpanel hr {
  border: 1px solid #eee;
  border-bottom: 1px solid #ccc;
}

/**********************************
RIGHTMENU
**********************************/
div.rightmenu {
  width: 70px;
  height: calc(100vh - 120px);
  background: #434343;
  position: fixed;
  right: 0;
  top: 120px;
  overflow: visible;
  scrollbar-width: none;
  z-index: 2021;
  display: none;
}
@media (min-width: calc(399px + 1px)) {
  div.rightmenu {
    width: 95px;
  }
}
@media (min-width: calc(575px + 1px)) {
  div.rightmenu {
    top: 60px;
    height: calc(100vh - 60px);
    display: block;
  }
}
@media (max-width: 575px) {
  div.rightmenu.mobile-down {
    display: block;
  }
}

div.rightmenu-in {
  overflow-y: auto;
  height: 100%;
  width: 100%;
}

div.rightmenu a {
  display: block;
  height: 50px;
  color: white;
  text-decoration: none;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  border-bottom: 1px solid #5E5E5E;
  padding: 6px 0 0 0;
  position: relative;
}
@media (min-width: calc(399px + 1px)) {
  div.rightmenu a {
    height: 60px;
    padding: 6px 0 0 0;
  }
}
@media (min-width: calc(575px + 1px)) {
  div.rightmenu a {
    height: 80px;
    padding: 12px 0 0 0;
  }
}

div.rightmenu a img {
  display: block;
  margin: 0 auto 5px auto;
}
@media (max-width: 575px) {
  div.rightmenu a img {
    width: 24px;
    margin: 0 auto 8px auto;
  }
}
@media (max-width: 399px) {
  div.rightmenu a img {
    width: 16px;
  }
}

div.rightmenu a:hover {
  background: #353535;
}

div.rightmenu a.act {
  background: #4B8CBB;
  box-shadow: inset rgba(0, 0, 0, 0.3) 0 0 10px;
}

div.rightmenu a.act em {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #eeeeee;
}

div.rightmenu a.notice span {
  color: #434343;
  background: #FF4848;
  padding: 0 2px 0 2px;
  line-height: 1em;
  font-weight: bold;
}

div.rightmenu a.act.notice span {
  color: #3F769D;
}

.showrightmenu {
  cursor: pointer;
  width: 36px;
  height: 36px;
  position: absolute;
  right: 51px;
  top: 12px;
  border-radius: 50%;
  z-index: 99;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: calc(575px + 1px)) {
  .showrightmenu {
    display: none;
  }
}

/**********************************
CONTENT HEAD
**********************************/
h1, .h1 {
  display: flex;
  gap: 8px;
  align-items: flex-start;
}

@media (min-width: calc(1089px + 1px)) {
  h1 strong {
    max-width: calc(100% - 150px);
  }
}

h1 strong, .h1 strong {
  xfloat: left;
  line-height: 1em;
  display: flex;
  gap: 5px;
  font-weight: bold;
}
@media (max-width: 1089px) {
  h1 strong, .h1 strong {
    flex-wrap: wrap;
  }
}

h1 strong {
  align-items: flex-start;
}

h1 strong.h1-lh, .h1 strong.h1-lh {
  line-height: 1.3em;
}

h1 em, .h1 em {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  display: block;
}

.h1-id {
  display: inline-block;
  padding: 0 8px 0 8px;
  height: 42px;
  line-height: 42px;
  font-size: 20px;
  color: white;
  text-transform: uppercase;
  margin: 0 10px 0 0;
  position: relative;
}

.h1-img {
  xmargin: 0 10px 0 0;
  position: relative;
  flex: 0 0 auto;
}

.h1-img img {
  display: inline-block;
  height: 42px;
}

@media (max-width: 1089px) {
  .h1-nemtitle {
    width: calc(100% + 60px);
    margin-left: -60px;
  }
}

/**********************************
FORMS
**********************************/
@media (max-width: 767px) {
  .content input[type=text]:not(.dtpicker_dd):not(.dtpicker_mm):not(.dtpicker_yy):not(.pis-10):not(.pis-5):not(.tiny):not(.small), .content select, .content textarea {
    width: 100% !important;
  }
}

/*** check ***/
.check-bloks {
  margin: 0 0 0 0;
}

.check-blok {
  display: inline-block;
  padding: 0;
  margin: 7px 10px 0 0;
  white-space: nowrap;
}

.check-blok input {
  margin: 0 5px -2px 0;
}

/**********************************
CHECKBOXES
**********************************/
.form-checkboxes-out {
  position: relative;
}

.form-checkboxes {
  margin: 0 0 1em 0;
  display: grid;
  grid-gap: 0 1em;
  grid-template-columns: repeat(1, 1fr);
}
.form-checkboxes:last-child {
  margin-bottom: 0;
}
@media (min-width: calc(767px + 1px)) {
  .form-checkboxes {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: calc(1089px + 1px)) {
  .form-checkboxes {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: calc(1279px + 1px)) {
  .form-checkboxes {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: calc(1919px + 1px)) {
  .form-checkboxes {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: calc(1089px + 1px)) {
  .form-checkboxes.column-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .form-checkboxes.column-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .form-checkboxes.column-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .form-checkboxes.column-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .form-checkboxes.column-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .form-checkboxes.column-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .form-checkboxes.column-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .form-checkboxes.column-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .form-checkboxes.column-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .form-checkboxes.column-10 {
    grid-template-columns: repeat(10, 1fr);
  }
}

.form-checkbox label {
  font-weight: 400;
}

/**********************************
FORM DROPDOWN
**********************************/
/**********************************
NASEPTAVAC
**********************************/
.naseptavac {
  position: absolute;
  background: #fff;
  border: 2px solid #bbb;
  z-index: 99999 !important;
  padding: 0px;
  font-size: 90%;
  width: 350px;
  max-height: 300px;
  overflow: auto;
}

.naseptavac ul {
  margin: 0 0 0 0;
  padding: 0;
  background: white;
}

.naseptavac ul li {
  margin: 0 0 0 0;
  list-style: none;
  border-bottom: 1px solid #ddd;
  color: #888;
}

.naseptavac ul li a {
  font-weight: bold;
  padding: 4px 5px 4px 5px;
  display: block;
  color: #666;
  font-weight: normal;
  text-decoration: none;
}

.naseptavac ul li a:hover, .naseptavac ul li a.active {
  background: #EEEEEE;
  text-decoration: none;
  color: #000;
}

/**********************************
TABLES
**********************************/
table {
  border-collapse: collapse;
  border-spacing: 0;
}

table.tl-auto {
  table-layout: auto !important;
}

tr.space {
  height: 7px !important;
  border: 0 !important;
}

tr.space td {
  border: none !important;
  background: none !important;
  height: 7px !important;
  line-height: 0;
  font-size: 0;
  padding: 0;
}

td.space {
  border: none !important;
  background: none !important;
}

table.condensed tr td, table.condensed tr th {
  padding: 2px 5px 2px 5px !important;
  font-size: 13px !important;
  font-weight: normal !important;
}

.table-overflow {
  overflow-x: auto;
  overflow-y: hidden;
  max-width: 100%;
}

/**********************************
TABLE LIST
**********************************/
table.list {
  border-collapse: separate;
  background: white;
  border: 1px solid #75A7CB;
  font-size: 14px;
}

table.list td, table.list th {
  text-align: left;
  border: 1px solid #e5e5e5;
  padding-inline: 5px;
}

table.list th {
  background: #e5e5e5;
  border: 1px solid #d5d5d5;
}

table.list thead th, table.list tr.thead th {
  background: #010A44 !important;
  border: 1px solid #3C436F !important;
  padding: 2px 5px 2px 5px !important;
  font-size: 12px !important;
  color: white !important;
  text-transform: uppercase !important;
  line-height: 1em !important;
}

table.list td {
  background: #f5f5f5;
}

table.list tr:nth-child(even) td {
  background: #eee;
}

table.list.no-even tr:nth-child(even) td {
  background: #f5f5f5;
}

table.list th {
  background: #e5e5e5;
}

table.list tr:nth-child(even) th {
  background: #ddd;
}

table.list.no-even tr:nth-child(even) th {
  background: #e5e5e5;
}

table.list .tbody-tr a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 5px 5px 5px 5px;
  text-decoration: none;
  color: black;
  font-weight: normal;
  cursor: pointer;
}

table.list tr.tbody-tr:hover th a, table.list tr.tbody-tr:hover td a,
table.list tr.tbody-tr:hover th, table.list tr.tbody-tr:hover td {
  background: #FFF9DF !important;
}

table.list tr.list-filter th {
  background: #4B8CBB;
  border: 1px solid #75A7CB;
  color: white;
  padding: 5px 5px 5px 5px;
}

table.list tr.list-filter select {
  padding: 0;
}

table.list tr.list-hover td, table.list tr.list-hover th {
  background: #FFF9DF !important;
  cursor: hand;
  cursor: pointer;
}

table.list tr.list-hover td a, table.list tr.list-hover th a {
  background: #FFF9DF !important;
}

.row-even, tr.row-even td, tr.row-even th {
  background: #eee !important;
}

.list-paging {
  margin: 15px 0 0 10px;
}

.list-paging a {
  display: inline-block;
  width: 26px;
  height: 26px;
  line-height: 26px;
  background: #A9C8DE;
  color: #010A44;
  text-decoration: none;
  margin: 0 0 0 3px;
  border-radius: 4px;
  text-align: center;
  box-shadow: inset #4174A4 0 0 3px;
  font-size: 14px;
}

.list-paging a:hover {
  background: #CBDDEB;
}

.list-paging a.act {
  background: #010A44;
  color: white;
}

/**********************************
TABLE TABLE-LIST
**********************************/
table.table-list {
  border-collapse: collapse;
  background: white;
  border: 1px solid #000;
  font-size: 14px;
}

table.table-list td, table.table-list th {
  text-align: left;
  border: 1px solid #e5e5e5;
  padding: 5px;
  vertical-align: top;
}

table.table-list th {
  background: #e5e5e5;
  border: 1px solid #d5d5d5;
}

table.table-list thead th, table.table-list tr.thead th {
  background: #010A44;
  border: 1px solid #3C436F;
  padding: 2px 5px 2px 5px;
  font-size: 12px;
  color: white;
}

table.table-list td {
  background: #f5f5f5;
}

table.table-list tr:nth-child(even) td {
  background: #f1f1f1;
}

table.table-list tr:hover td {
  background: #FFF9DF;
}

/**********************************
TABLE TABLE-ROWS
**********************************/
/**********************************
TABLE EDIT
**********************************/
table.table-edit {
  border-collapse: collapse;
  background: white;
  font-size: 13px;
  table-layout: fixed;
}
@media (max-width: 767px) {
  table.table-edit {
    table-layout: auto;
  }
}

table.table-edit td, table.table-edit th {
  text-align: left;
  border: 1px solid #e5e5e5;
  padding: 3px 5px 3px 5px;
  vertical-align: top;
}
@media (max-width: 767px) {
  table.table-edit td, table.table-edit th {
    width: auto !important;
  }
}

table.table-edit th {
  background: #e5e5e5;
  border: 1px solid #d5d5d5;
  font-weight: 500;
}

table.table-edit thead th, table.table-edit tr.thead th {
  background: #010A44 !important;
  border: 1px solid #3C436F !important;
  padding: 2px 5px 2px 5px !important;
  font-size: 12px !important;
  color: white !important;
  text-transform: uppercase !important;
  line-height: 1em !important;
}

table.table-edit td {
  background: #f5f5f5;
}

table.table-edit-thauto {
  table-layout: auto;
}

table.table-edit-thauto th {
  width: auto !important;
  padding-left: 5px;
}

/**********************************
TABLE MOBILE
**********************************/
@media (max-width: 767px) {
  .table-mobile {
    width: 100%;
    table-layout: fixed;
  }
}

@media (max-width: 767px) {
  .table-mobile thead tr,
  .table-mobile .thead tr {
    border: 0;
  }
}

@media (max-width: 767px) {
  .table-mobile thead th:not(.table-mobile-visible),
  .table-mobile .thead th:not(.table-mobile-visible) {
    display: none;
  }
}

@media (max-width: 767px) {
  .table-mobile thead tr, .table-mobile thead td, .table-mobile thead th,
  .table-mobile tbody tr, .table-mobile tbody td, .table-mobile tbody th,
  .table-mobile tfoot tr, .table-mobile tfoot td, .table-mobile tfoot th {
    display: block;
    width: 100% !important;
  }
}

@media (max-width: 767px) {
  .table-mobile tbody tr, .table-mobile tbody td, .table-mobile tbody th,
  .table-mobile tfoot tr, .table-mobile tfoot td, .table-mobile tfoot th {
    text-align: right !important;
  }
}

@media (max-width: 767px) {
  .table-mobile tbody tr:not(.thead):not(.table-spacing):not(.table-h) {
    border: 1px solid #bbbbbb;
    border-radius: 0.15em;
    background-color: #ffffff;
    position: relative;
    margin-bottom: 0.5em;
  }
}

@media (max-width: 767px) {
  .table-mobile tbody tr:not(.table-spacing):not(.table-h):not(.thead) td, .table-mobile tbody tr:not(.table-spacing):not(.table-h):not(.thead) th,
  .table-mobile tfoot tr:not(.table-spacing):not(.table-h):not(.thead) td, .table-mobile tfoot tr:not(.table-spacing):not(.table-h):not(.thead) th:not(.checkrow-thead) {
    padding: 0.5em 0.5em !important;
    border-bottom: 1px solid rgb(225.25, 225.25, 225.25);
    display: flex;
    justify-content: space-between;
    height: auto !important;
    position: relative;
  }
  .table-mobile tbody tr:not(.table-spacing):not(.table-h):not(.thead) td[data-title]::before, .table-mobile tbody tr:not(.table-spacing):not(.table-h):not(.thead) th[data-title]::before,
  .table-mobile tfoot tr:not(.table-spacing):not(.table-h):not(.thead) td[data-title]::before, .table-mobile tfoot tr:not(.table-spacing):not(.table-h):not(.thead) th:not(.checkrow-thead)[data-title]::before {
    content: attr(data-title);
    display: inline-block;
    margin-right: 1em;
    font-size: 0.9em;
    font-weight: 500;
    text-align: left;
  }
}

@media (max-width: 767px) {
  .table-mobile .checkrow {
    border: 0;
    padding: 0;
    line-height: 0;
    font-size: 0;
    height: 0;
    position: static !important;
  }
}
@media (min-width: calc(767px + 1px)) {
  .table-mobile .checkrow {
    width: 10px;
  }
}

@media (max-width: 767px) {
  .table-mobile .checkrow .form-item {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
  }
}

@media (max-width: 767px) {
  .table-mobile .checkrow-thead {
    display: flex;
    align-items: center;
    padding: 0;
    margin-bottom: 0.5em;
  }
  .table-mobile .checkrow-thead[data-title]::after {
    content: attr(data-title);
    display: inline-block;
    margin-right: 1em;
    font-size: 0.9em;
    font-weight: 500;
    text-align: left;
  }
}

.table-mobile td.t-left-mobile, .table-mobile th.t-left-mobile {
  text-align: left !important;
}

@media (max-width: 767px) {
  .table-mobile td.th-ico-row[data-title]::before, .table-mobile th.th-ico-row[data-title]::before {
    margin-left: 32px;
  }
}

.th-ico-row .th-ico {
  display: none;
}
@media (max-width: 767px) {
  .th-ico-row .th-ico {
    display: flex;
    position: absolute;
    left: 0.1em;
    top: 0.1em;
  }
}

.content .table-mobile input,
.content .table-mobile select,
.content .table-mobile textarea {
  max-width: 70% !important;
}

.table-mobile td:empty {
  display: none !important;
}

.table-mobile div.clear {
  display: none !important;
}

@media (max-width: 767px) {
  .table-mobile .naseptavac {
    top: 32px;
    left: 0;
    width: 100% !important;
    text-align: left;
  }
}

/**********************************
OTHERS
**********************************/
.line {
  line-height: 0;
  font-size: 0;
  margin: 15px 0 10px 0;
  border-bottom: 1px solid #ddd;
}

div.blok {
  background: #E6E6E6;
  border: 1px solid #ddd;
  padding: 5px;
}

div.blok-white {
  background: #fff;
  border: 1px solid #ccc;
}

div.blok-act {
  background: #FAF5EF;
  border: 1px solid #D1A05D;
}

div.blok-act div.fieldset strong.fieldset-h span {
  background: #FAF5EF !important;
  color: #333 !important;
}

div.blok-act div.fieldset-in {
  border: 1px solid #999 !important;
}

div#poznamka-box div.blok {
  background: #89FE00 !important;
  color: black !important;
  border-color: #89FE00 !important;
}

.alt-blok {
  background: #fff;
  border: 1px solid #ccc;
  padding: 10px;
  box-shadow: #666 0 0 5px;
  line-height: 1.5em;
  font-size: 13px;
  min-width: 200px;
  max-width: 300px;
  margin: 0 0 0 90px;
}

@media (max-width: 1279px) {
  .cols .period.f-left {
    width: calc(50% - 7.5px) !important;
  }
}
@media (max-width: 1089px) {
  .cols .period.f-left {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
  }
}

/**********************************
PAGE MENU
**********************************/
.showpagemenu {
  cursor: pointer;
  z-index: 99;
  margin-bottom: 10px;
  background-color: #4B8CBB;
  font-size: 1.1em;
  display: inline-flex;
  gap: 0.5em;
  align-items: center;
  color: white;
  padding: 2px 1em 2px 2px;
  border-radius: 100vw;
  text-transform: uppercase;
}
.showpagemenu:hover {
  text-decoration: none;
}
@media (min-width: calc(1089px + 1px)) {
  .showpagemenu {
    display: none;
  }
}

.showpagemenu-ico {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #010A44;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 1089px) {
  .pagemenu-out {
    flex-direction: column;
    display: none;
  }
  .pagemenu-out.mobile-down {
    display: block;
    overflow: visible !important;
  }
}

.pagemenu {
  margin: 10px 0 10px 0;
  display: flex;
  border-bottom: 1px solid #ccc;
  flex-wrap: wrap;
  /*@include m-max {
  	overflow-x: auto;
  	overflow-y: hidden;
     }*/
}
@media (max-width: 1089px) {
  .pagemenu {
    flex-direction: column;
  }
}

.pagemenu a {
  border: 1px solid #ccc;
  background: #F7F7F7;
  font-weight: bold;
  text-decoration: none;
  padding: 7px 20px 7px 20px;
  color: #333;
  text-transform: uppercase;
  font-size: 14px;
  white-space: nowrap;
}
@media (min-width: calc(1089px + 1px)) {
  .pagemenu a {
    border-bottom: 0;
    border-right: 0;
    padding: 7px 10px 7px 10px;
    font-size: 12px;
  }
}
@media (min-width: calc(1279px + 1px)) {
  .pagemenu a {
    padding: 7px 15px 7px 15px;
    font-size: 14px;
  }
}

.pagemenu a:last-child {
  border-right: 1px solid #ccc;
}

.pagemenu a:hover {
  background: #f1f1f1;
}

.pagemenu a.act {
  background: #4B8CBB;
  color: #ffffff;
}
@media (min-width: calc(1089px + 1px)) {
  .pagemenu a.act {
    border-top: 3px solid #4B8CBB;
    background: #fff;
    color: #000000;
    margin: -1px 0 -1px 0;
  }
}

.pagemenu .button {
  border: 0;
  color: white;
  font-size: 16px;
  padding: 10px 15px 10px 15px;
  line-height: 20px;
  text-transform: uppercase;
}

.pagemenu .button-small {
  font-size: 14px;
  padding: 7px 10px 7px 10px;
  line-height: 16px;
}

/*** page menu small ***/
.pagemenu-small a {
  padding: 4px 15px 4px 15px;
  font-size: 13px;
  text-transform: none;
}

/*** page menu rightpanel ***/
div.rightpanel .pagemenu-small {
  border-bottom: 0;
  z-index: 5;
  position: relative;
}

div.rightpanel .pagemenu-small a {
  padding: 4px 5px 4px 5px;
  font-size: 11px;
}

/**********************************
PAGESWITCH
**********************************/
.pageswitch {
  width: 100%;
  margin: 10px 0 5px 0;
}

.pageswitch a {
  float: left;
  border: 1px solid #ccc;
  margin: 0 5px 5px 0;
  background: #F7F7F7;
  font-weight: bold;
  text-decoration: none;
  padding: 4px 15px 4px 15px;
  font-size: 13px;
  color: #333;
  text-transform: uppercase;
}

.pageswitch a:first-child {
  border-left: 1px solid #ccc;
}

.pageswitch a:hover {
  background: #f1f1f1;
}

.pageswitch a.act {
  border: 1px solid #4B8CBB;
  background: #4B8CBB;
  color: white;
}

/**********************************
FIELDSET
**********************************/
@media (min-width: calc(1089px + 1px)) {
  div.fieldset-outer, div.fieldset-outer.cols-2, .cols-2 {
    -moz-column-count: 2;
    column-count: 2;
  }
}

@media (min-width: calc(1089px + 1px)) {
  div.fieldset-outer.cols-1, .cols-1 {
    -moz-column-count: 1;
    column-count: 1;
  }
}

@media (min-width: calc(1089px + 1px)) {
  div.fieldset-outer.cols-3, .cols-3 {
    -moz-column-count: 3;
    column-count: 3;
  }
}

.cols-2, .cols-3 {
  padding-bottom: 15px;
}

div.fieldset {
  padding: 10px 0 0 0;
  page-break-inside: avoid;
  -moz-column-break-inside: avoid;
       break-inside: avoid-column;
  position: relative;
}

div.fieldset-outer div.fieldset {
  display: block;
}

div.fieldset table.table-edit {
  width: 100%;
}

div.fieldset table.table-edit thead th {
  background: #E5E5E5 !important;
  border: 1px solid #E5E5E5 !important;
  color: #333 !important;
  text-transform: none !important;
  font-weight: 500;
}

div.fieldset table.table-edit th:first-child {
  width: 130px;
}

div.fieldset table.table-edit.th-nowrap th:first-child {
  width: auto;
  white-space: nowrap;
}

div.fieldset table.table-edit.th-medium th:first-child {
  width: 190px;
}

div.fieldset table.table-edit.th-middle th:first-child {
  width: 230px;
}

div.fieldset-in {
  padding: 15px 10px 10px 10px;
  position: relative;
  border: 1px solid #4B8CBB;
  margin: 0 0 10px 0;
  position: relative;
}

div.fieldset strong.fieldset-h {
  margin: -10px 0 0 0;
  position: absolute;
  top: 0;
  z-index: 99;
  font-size: 14px;
}

div.fieldset strong.fieldset-h span {
  display: inline-block;
  background: white;
  padding: 0 6px 0 6px;
  line-height: 1em;
  color: #4B8CBB;
}

table.table-edit div.fieldset strong.fieldset-h span {
  background: #F5F5F5;
}

.inputinfo {
  font-size: 11px;
}

div.fieldset-out-blok {
  border: 1px solid #ccc;
  background: #f5f5f5;
  padding: 20px;
}

div.fieldset-out-blok div.fieldset-in {
  border-color: #ccc;
}

div.fieldset-out-blok div.fieldset strong.fieldset-h span {
  background: #f5f5f5;
  color: #333;
}

div.fieldset-out-blok-green {
  border: 1px solid #CEECD3;
  background: #EDF8EF;
  padding: 20px;
}

div.fieldset-out-blok-green h3 {
  color: #317D3F;
}

div.fieldset-out-blok-green div.fieldset-in {
  border-color: #ccc;
}

div.fieldset-out-blok-green div.fieldset strong.fieldset-h span {
  background: #EDF8EF;
  color: #333;
}

/**********************************
LIST2
**********************************/
.list2 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.list2-item {
  display: grid;
  gap: 1px;
  grid-template-columns: 50px 110px auto;
  color: #000000;
  font-weight: 500;
  font-size: 1.05em;
  background-color: rgb(214.2, 214.2, 214.2);
  border: 1px solid rgb(214.2, 214.2, 214.2);
  position: relative;
}
@media (min-width: calc(399px + 1px)) {
  .list2-item {
    grid-template-columns: 60px 130px auto;
  }
}
@media (min-width: calc(575px + 1px)) {
  .list2-item {
    grid-template-columns: 60px 130px auto 120px;
  }
}
@media (min-width: calc(1089px + 1px)) {
  .list2-item {
    grid-template-columns: 110px 130px auto 120px 200px;
  }
}
.list2-item > * {
  padding: 5px 10px;
  background-color: #eeeeee;
  display: flex;
  align-items: center;
  color: #000000;
  font-weight: normal;
}
.list2-item > *:hover {
  text-decoration: none;
}
.list2-item:hover {
  text-decoration: none;
}
.list2-item:hover > * {
  background-color: #FFF9DF;
}

.list2-id-rk {
  flex-direction: column;
  justify-content: center;
  gap: 5px;
}

.list2-id {
  font-weight: bold;
  font-size: 1.2em;
}

@media (max-width: 1089px) {
  .list2-rk {
    display: none;
  }
}

.list2-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 3px;
}
@media (max-width: 575px) {
  .list2-body {
    grid-row: 2/3;
    grid-column: span 3;
  }
}

.list2-label {
  font-weight: bold;
  font-size: 0.9em;
}

.list2-title {
  font-weight: bold;
  font-size: 1.1em;
}

@media (max-width: 1089px) {
  .list2-telefonistka {
    display: none;
  }
}

.list2-cena {
  text-align: right;
  justify-content: flex-end;
  white-space: nowrap;
}

.list2-info {
  grid-row: span 2;
  flex-direction: column;
  gap: 2px;
  align-items: flex-start;
  justify-content: center;
  font-size: 0.9em;
  line-height: 1.3;
}
@media (max-width: 1089px) {
  .list2-info {
    display: none;
  }
}

.list2-stav {
  flex-direction: column;
  font-size: 0.85em;
  line-height: 1.1;
}
@media (max-width: 1089px) {
  .list2-stav {
    display: none;
  }
}

.list2-desc-export {
  grid-column: span 3;
  flex-direction: column;
  align-items: stretch;
  padding-block: 3px;
}
@media (max-width: 1089px) {
  .list2-desc-export {
    display: none;
  }
}

.list2-desc {
  font-size: 0.9em;
}
@media (max-width: 1089px) {
  .list2-desc {
    display: none;
  }
}

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

.list2-export-icons {
  display: flex;
  gap: 3px;
  align-items: center;
}

.list2-export-err {
  background-color: #B30C0C;
  color: #ffffff;
  font-size: 0.75em;
  font-weight: bold;
  padding: 3px 6px;
  line-height: 1;
}

.list2--poptavky .list2-item {
  grid-template-columns: 100px auto 30px;
}
@media (min-width: calc(399px + 1px)) {
  .list2--poptavky .list2-item {
    grid-template-columns: 100px auto 30px;
  }
}
@media (min-width: calc(575px + 1px)) {
  .list2--poptavky .list2-item {
    grid-template-columns: 60px 2fr 1fr 120px 50px;
  }
}
@media (min-width: calc(1089px + 1px)) {
  .list2--poptavky .list2-item {
    grid-template-columns: 110px 1fr 1fr 120px 50px;
  }
}
.list2--poptavky .list2-info {
  grid-row: span 2;
  flex-direction: column;
  gap: 2px;
  align-items: flex-start;
  justify-content: center;
  font-size: 0.9em;
  line-height: 1.3;
}
@media (max-width: 1089px) {
  .list2--poptavky .list2-info {
    display: none;
  }
}
@media (max-width: 575px) {
  .list2--poptavky .list2-body {
    grid-row: 1/2;
    grid-column: 2/3;
  }
}
@media (max-width: 575px) {
  .list2--poptavky .list2-cena {
    grid-row: 2/3;
    grid-column: 2/3;
  }
}

.list2-body2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 3px;
}
@media (max-width: 575px) {
  .list2-body2 {
    grid-row: 2/3;
    grid-column: 1/2;
  }
}

.list2-checkbox {
  grid-row: span 2;
  align-items: center;
  justify-content: center;
}

/**********************************
FILTER
**********************************/
.showfilter {
  cursor: pointer;
  z-index: 99;
  margin-bottom: 10px;
  background-color: #4B8CBB;
  font-size: 1.1em;
  display: inline-flex;
  gap: 0.5em;
  align-items: center;
  color: white;
  padding: 2px 1em 2px 2px;
  border-radius: 100vw;
  text-transform: uppercase;
}
.showfilter:hover {
  text-decoration: none;
}
@media (min-width: calc(1089px + 1px)) {
  .showfilter {
    display: none;
  }
}

.showfilter-ico {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #010A44;
  display: flex;
  align-items: center;
  justify-content: center;
}

div.filter {
  background: #F5F9FC;
  border: 1px solid #D9E7F0;
  margin: 0 0 15px 0;
  padding: 10px 10px 10px 10px;
}

table.filter-rows {
  width: 100%;
  margin: 0 0 10px 0;
}

table.filter-rows td, table.filter-rows th {
  padding: 5px 5px 5px 5px;
  border-bottom: 1px solid #D9E7F0;
}

table.filter-rows td:last-child, table.filter-rows th:last-child {
  padding-right: 0;
}

table.filter-rows th {
  width: 120px;
  text-align: left;
}

@media (max-width: 1089px) {
  table.filter-rows input,
  table.filter-rows select {
    width: 100%;
  }
}

div.filter-butts {
  margin: 0 0 5px 0;
}
@media (max-width: 1089px) {
  div.filter-butts {
    display: none;
  }
  div.filter-butts.mobile-down {
    display: block;
  }
}

.filter-add {
  background: url(../img/icons/plus_s.png) no-repeat 6px 7px #4B8CBB;
  color: white;
  text-decoration: none;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.2em;
  padding: 3px 10px 5px 26px;
  float: left;
  margin: 0 3px 3px 0;
  vertical-align: middle;
}

.filter-add:hover {
  background-color: #4382AF;
}

.filter-clear {
  background: url(../img/icons/krizek.png) no-repeat 8px 8px #B30C0C;
  color: white;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  height: 36px;
  line-height: 36px;
  padding: 0 15px 0 40px;
  display: inline-block;
  float: right;
}

.filter-clear:hover {
  background-color: #9B0B0B;
}

.filter-set {
  background: url(../img/icons/ok.png) no-repeat 8px 8px #4CAF50;
  color: white;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  height: 36px;
  line-height: 36px;
  padding: 0 15px 0 40px;
  display: inline-block;
}

.filter-set:hover {
  background-color: #439C47;
}

.filter-row-del {
  padding: 0;
  width: 10px;
}

.filter-row-del img {
  vertical-align: middle;
}

.filter-options {
  display: flex;
  gap: 1em;
  flex-wrap: wrap;
  align-items: center;
}
@media (max-width: 767px) {
  .filter-options {
    justify-content: flex-end;
  }
}

/**********************************
PANEL LIST
**********************************/
div.panel-list {
  padding: 5px 5px 0 5px;
  border: 1px solid #ccc;
  position: relative;
  background: white;
}

div.panel-list a {
  display: block;
  padding: 5px 5px 5px 5px;
  margin: 0 0 5px 0;
  background: #e5e5e5;
  color: black;
  font-weight: normal;
  text-decoration: none;
  font-size: 13px;
  border: 1px solid #ccc;
  position: relative;
}

div.panel-list a strong {
  display: inline-block;
  padding-right: 35px;
}

div.panel-list a:nth-child(even) {
  background: #e1e1e1;
}

div.panel-list a:hover {
  background: #ddd;
}

div.panel-list h4 {
  font-size: 15px;
}

.panel-box-id {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

.panel-box-id-in {
  background: #434343;
  color: white;
  font-size: 12px;
  padding: 3px;
  line-height: 1em;
  font-weight: normal;
  text-transform: uppercase;
  display: block;
  float: left;
}

.panel-box-img {
  float: left;
  margin: 1px 3px 0 0;
}

.panel-box-img img {
  height: 16px;
}

.panel-box-warning {
  display: block;
  position: absolute;
  right: 0;
  top: 18px;
  background: #F5A700;
  color: white;
  font-size: 12px;
  padding: 3px;
  line-height: 1em;
  font-weight: normal;
  text-transform: uppercase;
}

.num-warning {
  display: inline-block;
  background: #F5A700;
  color: white;
  padding: 5px;
  line-height: 1em;
  font-weight: bold;
}

/**********************************
VYVOJ
**********************************/
div.vyvoj-info {
  background: #4B8CBB;
  color: white;
}

div.vyvoj-info strong {
  white-space: nowrap;
}

div.vyvoj-info td {
  padding: 5px 5px 5px 10px;
}

div.vyvoj-info td:last-child {
  padding-right: 5px;
}

a.priorita {
  width: 28px;
  height: 28px;
  text-align: center;
  border: 2px solid #ccc;
  border-radius: 13px;
  margin: 0 3px 0 0;
  background: white;
  float: left;
}

a.priorita img {
  display: block;
  margin: 2px auto 0 auto;
}

a.priorita.act {
  border-color: #000;
}

a.vyvoj-list-item {
  width: 100%;
  display: block;
  border: 1px solid #4B8CBB;
  color: white;
  text-decoration: none;
  font-weight: normal;
  margin: 0 0 5px 0;
}

a.vyvoj-list-item span {
  display: block;
}

a.vyvoj-list-item span.vyvoj-h {
  background: #4B8CBB;
  border: 1px solid #4B8CBB;
  border-bottom: 2px solid #3F769D;
  color: #fff;
  padding: 3px 10px 3px 10px;
}

a.vyvoj-list-item span.vyvoj-h h4 {
  margin: 0;
  padding: 0;
  font-size: 15px;
  color: white;
}

a.vyvoj-list-item span.vyvoj-list-desc {
  background: white;
  border: 0;
  padding: 3px 10px 3px 0;
}

a.vyvoj-list-item span.vyvoj-list-desc span {
  float: left;
  margin: 0 0 0 0;
  color: black;
  display: block;
}

a.vyvoj-list-item span.vyvoj-list-desc table {
  width: 100%;
  color: black;
}

a.vyvoj-list-item span.vyvoj-list-desc td.vyvoj-list-oko {
  width: 50px;
  text-align: center;
  margin: 0;
  vertical-align: middle;
}

a.vyvoj-list-item span.vyvoj-list-desc td.vyvoj-list-zalozil {
  min-width: 250px;
}

a.vyvoj-list-item span.vyvoj-list-desc td.vyvoj-list-vyrizuje {
  min-width: 150px;
}

a.vyvoj-list-item span.vyvoj-list-desc td.vyvoj-list-stav {
  min-width: 100px;
}

a.vyvoj-list-item span.vyvoj-list-desc td.vyvoj-list-priorita {
  margin: 0;
  width: 50px;
  vertical-align: middle;
  text-align: center;
}

a.vyvoj-list-item:hover span.vyvoj-h {
  background: #3F769D;
}

a.vyvoj-list-item:hover span.vyvoj-list-desc {
  background: #eee;
}

/* barvy list */
a.vyvoj-list-item.vyv-box-urgentni {
  border: 1px solid #8D4646;
}

a.vyvoj-list-item.vyv-box-urgentni span.vyvoj-h {
  background: #8D4646;
  border: 1px solid #8D4646;
  border-bottom: 2px solid #7D3E3E;
}

a.vyvoj-list-item.vyv-box-urgentni:hover span.vyvoj-h {
  background: #7D3E3E;
}

a.vyvoj-list-item.vyv-box-ceka {
  border: 1px solid #FF9C6C;
}

a.vyvoj-list-item.vyv-box-ceka span.vyvoj-h {
  background: #FF9C6C;
  border: 1px solid #FF9C6C;
  border-bottom: 2px solid #FF8F59;
}

a.vyvoj-list-item.vyv-box-ceka:hover span.vyvoj-h {
  background: #FF8F59;
}

a.vyvoj-list-item.vyv-box-vyrizeno {
  border: 1px solid #4CAF50;
}

a.vyvoj-list-item.vyv-box-vyrizeno span.vyvoj-h {
  background: #4CAF50;
  border: 1px solid #4CAF50;
  border-bottom: 2px solid #439C47;
}

a.vyvoj-list-item.vyv-box-vyrizeno:hover span.vyvoj-h {
  background: #439C47;
}

a.vyvoj-list-item.vyv-box-default {
  border: 1px solid #A0A0A0;
}

a.vyvoj-list-item.vyv-box-default span.vyvoj-h {
  background: #A0A0A0;
  border: 1px solid #A0A0A0;
  border-bottom: 2px solid #999;
}

a.vyvoj-list-item.vyv-box-default:hover span.vyvoj-h {
  background: #999;
}

/* zadavani prace */
div.prace-form-cas {
  margin: 0 0 0 0;
}

div.prace-form-cas a {
  display: block;
  float: left;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  background: #aaa;
  color: white;
  font-weight: bold;
  padding: 0 0 0 0;
  margin: 0 2px 0 0;
  font-size: 16px;
  border-radius: 20px;
  text-decoration: none;
}

div.prace-form-cas a:hover, div.prace-form-cas a.act {
  text-decoration: none;
  background: #4B8CBB;
  color: white;
}

/* prace zpravy */
div.prace-msg {
  margin: 0 0 3px 0;
  border: 2px solid #ccc;
  background: white;
}

div.prace-msg-head {
  margin: 0 0 0 0;
  padding: 3px 5px 3px 5px;
  border-bottom: 1px solid #ccc;
  background: #ddd;
  position: relative;
}

div.prace-msg-head strong {
  margin: 0 0 0 0;
  color: #333;
  font-weight: bold;
}

div.prace-msg-head img {
  float: left;
  margin: 4px 8px 0 0;
  border: 0;
}

div.prace-msg-head div.prace-datum {
  float: right;
  margin: 0 0 0 0;
}

a.prace-msg-del {
  margin: 6px 0 0 5px;
  display: block;
  float: right;
  width: 10px;
  height: 10px;
  background: url(../img/icons/del_s_grey.gif) no-repeat top left;
}

a.prace-msg-del:hover {
  background: url(../img/icons/del_s_red.gif) no-repeat top left;
}

div.prace-stav {
  float: right;
  margin: -1px 7px -3px 0;
}

div.prace-stav span {
  display: inline-block;
  line-height: 1em;
  padding: 4px 8px 4px 8px;
  background: #4B8CBB;
  color: white;
  font-weight: bold;
  font-size: 90%;
  text-transform: uppercase;
  border-radius: 3px;
}

div.prace-msg-desc {
  padding: 3px 5px 3px 5px;
}

/* statusy */
div.odpracoval {
  border-color: #D6B54A;
}

div.odpracoval div.prace-msg-head {
  background-color: #FFFFBB;
  border: none;
}

div.odpracoval div.prace-msg-head h4 {
  color: #442F02;
}

div.zmenil-stav {
  border-color: #70B2DC;
}

div.zmenil-stav div.prace-msg-head {
  background-color: #CFE4F3;
  border: none;
}

div.zmenil-prioritu {
  border-color: #FFD7BB;
}

div.zmenil-prioritu div.prace-msg-head {
  background-color: #FFE6D5;
  border: none;
}

div.zmenil-zpracovava {
  border-color: #C7E1AA;
}

div.zmenil-zpracovava div.prace-msg-head {
  background-color: #EAF4DF;
  border: none;
}

div.nevidel {
  border: 1px solid black !important;
}

.img-del {
  font-size: 12px;
  color: #A40C11;
  text-decoration: none;
  margin: 0 0 0 3px;
  position: relative;
  top: -5px;
}

.img-del:hover {
  text-decoration: underline;
}

/**********************************
VIZITKA
**********************************/
div.vizitka {
  background: white;
  border: 1px solid #ccc;
  padding: 20px;
  width: 34%;
  box-shadow: #ddd 0 0 10px;
  font-size: 14px;
  position: relative;
}

div.vizitka-name, div.vizitka-zastupuje {
  margin: 0 0 7px 0;
  line-height: 1.3em;
}

div.vizitka-name strong {
  font-size: 18px;
}

div.vizitka-name span {
  font-size: 14px;
}

div.vizitka em {
  font-style: normal;
  color: #666;
  display: inline-block;
  width: 80px;
}

div.vizitka-adresa {
  margin: 5px 0 5px 0;
  font-style: italic;
}

div.vizitka-info {
  font-size: 13px;
  margin: 10px 0 0 0;
}

.vizitka .vizitka-id {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  background: #4B8CBB;
  color: white;
  font-size: 18px;
  padding: 5px;
  line-height: 1em;
  font-weight: bold;
}

.vizitka .vizitka-warning {
  display: block;
  position: absolute;
  right: 0;
  top: 28px;
  background: #F5A700;
  color: white;
  font-size: 18px;
  padding: 5px;
  line-height: 1em;
  font-weight: bold;
}

.vizitka .foto {
  border: 1px solid #ddd;
  padding: 2px;
}

.vizitka .foto img {
  display: block;
}

.vizitka .foto:hover {
  border: 1px solid #ccc;
}

div.moremiddle-1-3 {
  width: calc(50% - 220px) !important;
}

div.moremiddle-2-3 {
  width: calc(100% - 425px) !important;
}

div.vizitka-2-3 {
  width: calc(66% - 15px) !important;
}

div.vizitka-1-3 {
  width: calc(33% - 15px) !important;
}

div.vizitka-nemovitosti h4, .vizitka-h {
  background: #D1A05D;
  color: white;
  font-weight: bold !important;
  padding: 3px 11px 3px 11px;
  display: inline-block;
  font-size: 14px;
}

.vizitka-h-lcorn {
  position: absolute;
  left: 0;
  top: 0;
}

div.vizitka-nemovitost {
  border: 1px solid #DDDDDD;
  background: #fff;
  padding: 10px;
  margin: 0 0 5px 0;
  position: relative;
}

div.vizitka-nemovitost-h {
  font-size: 15px;
  margin: 0 0 5px 0;
  font-weight: bold;
  color: #4B8CBB;
}

div.vizitka-nemovitost-h a {
  color: #4B8CBB !important;
}

.vizitka-nemovitost .vizitka-id {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

.vizitka-nemovitost .vizitka-id-in {
  background: #4B8CBB;
  color: white;
  font-size: 14px;
  padding: 3px;
  line-height: 1em;
  font-weight: normal;
  text-transform: uppercase;
  float: left;
}

.vizitka-nemovitost .vizitka-id-img {
  float: left;
  margin: 1px 3px 0 0;
}

.vizitka-nemovitost .vizitka-id-img img {
  height: 18px;
}

.vizitka-nemovitost .foto {
  border: 1px solid #ddd;
  padding: 2px;
  float: right;
  margin: 0 0 0 15px;
}

.vizitka-nemovitost .foto img {
  display: block;
}

.vizitka-nemovitost .foto:hover {
  border: 1px solid #ccc;
}

.vizitka-nemovitost-typ, .vizitka-nemovitost-status {
  display: inline-block;
  text-transform: uppercase;
  color: #4B8CBB;
  margin: 0 5px 0 0;
  font-size: 10px;
  background: #fff;
  border: 1px solid #ccc;
  padding: 3px;
  border-radius: 3px;
  font-weight: bold;
  line-height: 1em;
}

.vizitka-nemovitost-price {
  margin: 3px 0 0 0;
}

div.vizitka-nemovitost table th, div.vizitka table th {
  padding-left: 0 !important;
}

div.vizitka-nemovitost.notice {
  border: 1px solid #D1A05D;
  background: #FAF5EF;
}

div.vizitka-nemovitost.notice a {
  color: #B67E34;
}

div.vizitka-nemovitost.notice a.button {
  color: #fff;
}

.vizitka-nemovitost.notice .vizitka-id {
  background: #D1A05D;
}

.vizitka-nemovitost.notice div.vizitka-nemovitost-h a {
  color: #B67E34 !important;
}

.vizitka-nemovitost.notice .button-blue {
  background: #D1A05D;
}

.vizitka-nemovitost.notice .button-blue:hover {
  background-color: #D7AC73;
}

.notice-new {
  display: block;
  position: absolute;
  right: -1px;
  top: 22px;
  color: #D1A05D;
  background: white;
  border: 1px solid #D1A05D;
  font-size: 12px;
  padding: 3px;
  line-height: 1em;
  font-weight: bold;
  text-transform: uppercase;
}

.nevyplnene {
  font-size: 11px;
  line-height: 1em;
  padding: 2px;
  color: white;
  font-weight: bold;
  background: #B30C0C;
  position: absolute;
  left: 0;
  top: 0;
}

.rightpanel .nevyplnene {
  font-size: 9px;
  display: block;
  margin: 5px 0 0 0;
  text-align: center;
  position: static;
}

.list .nevyplnene,
.list2 .nevyplnene {
  position: static;
  float: right;
  display: block;
  margin: 0 -5px 0 0;
}

.karta-status {
  border: 2px solid black;
}

/*** bg icons ***/
.nemovitost-bg {
  background-image: url(../img/bg-icons/dum.png) !important;
  background-repeat: no-repeat !important;
  background-position: right top !important;
}

.poptavka-bg {
  background-image: url(../img/bg-icons/poptavka.png) !important;
  background-repeat: no-repeat !important;
  background-position: right top !important;
}

.inzerat-bg {
  background-image: url(../img/bg-icons/inzerat.png) !important;
  background-repeat: no-repeat !important;
  background-position: right top !important;
}

/**********************************
LOKALITA
**********************************/
#lokalita-list-lokace, #lokalita-list-ruian, #lokalita-list-souradnice {
  width: 100%;
}

div.lokalita-thead {
  background: #4B8CBB;
  padding: 5px;
  margin: 0 0 5px 0;
}

div.lokalita-thead strong {
  margin: 2px 0 0 0;
  font-size: 15px;
  color: white;
}

.lokalita-list-select {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
@media (min-width: calc(767px + 1px)) {
  .lokalita-list-select {
    gap: 15px;
    flex-direction: row;
  }
}

@media (min-width: calc(767px + 1px)) {
  .lokalita-list {
    width: 210px;
  }
}

#lokalita-list-kraje {
  color: black;
}

.lokalita-object {
  background-color: #f5f5f5;
  padding: 5px;
  margin-bottom: 5px;
  border: 1px solid #ccc;
}

.lokalita-object a {
  text-decoration: none;
}

.lokalita-kraj-out {
  margin: 0 0 5px 0;
}

.lokalita-kraj {
  padding: 7px 5px 7px 5px;
  background-color: #0B2F4F;
  margin: 0 0 1px 0;
  color: white !important;
}

.lokalita-kraj, .lokalita-kraj a {
  color: white;
  font-weight: bold;
}

.lokalita-kraj a:hover, .lokalita-okres a:hover, .lokalita-obec a:hover {
  text-decoration: underline;
}

.lokalita-okres-out {
  margin: 0 0 1px 0;
}

.lokalita-okres {
  padding: 4px 5px 4px 5px;
  background-color: #4B8CBB;
  font-size: 90%;
}

.lokalita-okres, .lokalita-okres a {
  color: white;
  font-weight: bold;
}

.lokalita-obec-out {
  margin: 0 0 1px 0;
}

.lokalita-obec {
  padding: 3px 5px 3px 5px;
  background-color: #BCD5E7;
  font-size: 90%;
}

.lokalita-obec a {
  color: black;
  font-weight: normal;
}

.lokalita-cobce-out {
  margin: 0 0 1px 0;
}

.lokalita-cobce {
  padding: 3px 5px 3px 5px;
  background-color: #BCD5E7;
  font-size: 90%;
}

.lokalita-cobce a {
  color: white;
  font-weight: normal;
}

.lokalita-cobce2-out {
  margin: 0 0 1px 0;
}

.lokalita-cobce2 {
  padding: 4px 2px 3px 5px;
  background-color: #E3EDF4;
  font-size: 90%;
}

.lokalita-cobce2 a {
  color: white;
}

.lokalita-select {
  background-color: #E3EDF4;
  border: 1px solid #BCD5E7;
  padding: 5px;
  flex: 1;
}

.lokalita-select-list {
  display: grid;
  grid-gap: 1px;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.lokalita-select-item {
  background-color: #DCDCDC;
  padding: 3px;
  display: block;
  font-size: 90%;
  color: #333;
  overflow: hidden;
  white-space: nowrap;
}
.lokalita-select-item:hover {
  background-color: #ccc;
  text-decoration: none;
}

.lokalita-select-item-act {
  background-color: #65A82B;
  color: white;
}

.lokalita-select-item-act:hover {
  background-color: #5F9B28;
}

.lok-del {
  font-size: 90%;
  float: right;
  width: 10px;
  height: 10px;
  background: url(/design/img/lokalita/del_s_white.gif) no-repeat center center;
}

.lokalita-kraj .lok-del {
  margin: 6px 4px 0 0;
}

.lokalita-okres .lok-del {
  margin: 4px 4px 0 0;
}

.lokalita-obec .lok-del, .lokalita-cobce .lok-del {
  margin: 4px 4px 0 0;
}

.lokalita-cobce2 .lok-del {
  margin: 4px 7px 0 0;
}

.lok-del:hover {
  background: url(/design/img/lokalita/del_s_red.gif) no-repeat center center;
}

.lok-del span {
  display: none;
}

.lok-cel {
  font-weight: normal;
}

.lok-filtr {
  margin: 5px 0 5px 0;
}

.lok-filtr a {
  float: right;
  margin: 0 0 4px 4px;
  padding: 3px 5px 2px 16px;
  color: #555;
  text-decoration: none;
  font-size: 90%;
  font-weight: bold;
  line-height: 1em;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 2px 3px;
  border: 2px solid #4B8CBB;
}

.lok-filtr a.lf-close {
  background-image: url(/design/img/lokalita/del_s_grey.gif);
}

.lok-filtr a.lf-invert {
  background-image: url(/design/img/lokalita/invert_s.gif);
}

.lok-filtr a.lf-del {
  background-image: url(/design/img/lokalita/del_s2_grey.gif);
}

.lok-filtr a.lf-all {
  background-image: url(/design/img/lokalita/all_s.gif);
}

.lok-filtr a.lf-edit {
  background-image: url(/design/img/lokalita/edit_s.gif);
}

.lok-filtr a:hover {
  color: #000;
  text-decoration: none;
  border-color: #176EBB;
  background-color: #FFFFFF;
}

.lok-adr {
  margin: 0 0 0 0 !important;
}

#lokalita-lokace-info {
  margin: 0 100px 0 0;
}

/**********************************
LOKALITA G2
**********************************/
/*
.lokalita-object {
    border: 1px solid $lightgrey;
    padding: 0.5em;
    margin-bottom: 0.5em;
    border-radius: 0.15em;
}

#lokalita-lokace-table:not(.hidden) {
    display: flex;
    flex-direction: column;

    @include l {     
        flex-direction: row;
    }
}

// leva strana
#lokalita-list-kraje, .cela-cr {

    @include l {  
        flex: 0 0 auto;
        width: 250px;
    }
}

.lokalita-kraj-out {
    margin:0 0 0.3em 0;
}

.lokalita-kraj,
.lokalita-okres,
.lokalita-obec,
.lokalita-cobce,
.lokalita-cobce2 {
    margin: 0 0 1px 0;
    position: relative;
    color: $white;
}
.lokalita-okres,
.lokalita-obec,
.lokalita-cobce,
.lokalita-cobce2 {
    font-size: 90%;
}
.lokalita-kraj, .lokalita-kraj a,
.lokalita-okres, .lokalita-okres a,
.lokalita-obec a,
.lokalita-cobce a,
.lokalita-cobce2 a {
    color: $white;
    font-weight: bold;
}
.lokalita-kraj {
    padding: 0.5em 0.3em;
    background-color: $darkblue;
}
.lokalita-okres {
    padding: 0.4em 0.3em;
    background-color: tint($darkblue, 30);
}
.lokalita-obec {
    padding: 0.3em 0.3em;
    background-color: tint($darkblue, 50);
}
.lokalita-cobce {
    padding: 0.2em 0.3em;
    background-color: tint($darkblue, 50);
}
.lokalita-cobce2 {
    padding: 0.2em 0.3em;
    background-color: tint($darkblue, 70);
}

.lok-del {
    position: absolute;
    right: 0.5em;
    top: 50%;
    transform: translateY(-50%);
    line-height: 1;

    & .material-icons-outlined {
        font-size: 14px;
        background: $white;
        border-radius: 0.15em;
        color: $dark;
    }
}
.lok-del:hover {
    & .material-icons-outlined {
        background: $red;
        color: $white;
    }
}
.lok-cel {
    font-weight:normal;
}



// prava strana
.lokalita-select {
    background-color: tint($lightgrey, 50);
    border-radius: 0.15em;
    padding: 0.5em;
    flex: 1 1 auto;
    margin-top: 1em;

    @include l {  
        margin-top: 0;
        margin-left: 1em;
    }
}

// filtr tlacitka
.lok-filtr {
    display: flex;
    justify-content: flex-end;

    @include s-max {  
        flex-direction: column;
        & > * {
            margin-bottom: 0.2em;
        }
    }

    & > * {
        margin-left: 0.2em;
        font-size: 0.75em;
    }
}

// polozky na vyber
.lokalita-select-list {
    display: grid;
    grid-gap: 1px;      
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}
.lokalita-select-item {
    background-color: $darkgrey;
    padding: 0.2em;
    display: block;
    font-size: 90%;
    color: $white;
    overflow: hidden;
    white-space: nowrap;
}
.lokalita-select-item:hover {
    background-color: tint($darkgrey, 20);
    text-decoration: none;
}
.lokalita-select-item-act {
    background-color: $orange;
}
.lokalita-select-item-act:hover {
    background-color: tint($orange, 20);
}*/
/**********************************
KALENDAR
**********************************/
table.tab-kalendar {
  margin: 15px 0 0 0;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

table.tab-kalendar thead th {
  color: #fff;
  text-align: center;
  background: #010A44;
  border: 1px solid #3C436F;
  padding: 2px 4px 2px 4px;
  text-transform: uppercase;
  font-size: 11px;
  line-height: 1em;
  font-weight: bold;
}

table.tab-kalendar td {
  vertical-align: top;
  font-size: 11px;
  padding: 0;
  height: 100px;
  border: 1px solid #aaa;
  background: white;
}

table.tab-kalendar td, table.tab-kalendar th, table.tab-kalendar thead th {
  width: 14.2857142857%;
}

table.tab-kalendar .kalendar-den {
  padding: 0;
  background: #eee;
  color: #000;
  text-align: center;
  font-weight: bold;
  font-size: 13px;
}

table.tab-kalendar a {
  color: black;
}

table.tab-kalendar a:hover {
  text-decoration: none;
  Filter: Alpha(Opacity=80, Style=0);
  opacity: 0.8;
}

table.tab-kalendar .day-off {
  background: white;
  color: #999;
}

table.tab-kalendar .kalendar-akce {
  padding: 0;
  background: #FBC696;
  margin: 0 0 1px 0;
}

table.tab-kalendar .kalendar-jmeno {
  font-weight: bold;
  color: black;
}

.kalendar-udalost {
  padding: 2px 2px 2px 2px;
  margin: 2px 2px 0 2px;
  color: black;
  text-align: center;
  line-height: 1.3em;
}

/*** kalendar paging ***/
div.kalendar-paging {
  position: relative;
}

div.month-select {
  padding: 0 0 0 0;
  text-align: center;
}

div.month-select a {
  display: inline-block;
  margin: 0 15px 0 15px;
  background: #4B8CBB;
  padding: 5px 15px 5px 15px;
}

div.month-select a:hover {
  background-color: #659CC5;
}

div.month-select strong {
  font-size: 20px;
}

/*** denni ***/
table.kalendar-denni tr th, table.kalendar-denni tr td {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border: none !important;
}

table .kalendar-denni thead th {
  color: #1367B3;
  text-align: left !important;
  background: #B0DDFA;
  border: 1px solid #EFF9FF;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold !important;
}

.kalendar-denni td.kalendar-denni-udalost {
  height: 22px !important;
  padding: 0 !important;
  border: none !important;
}

.kalendar-denni-cas {
  text-align: left !important;
  width: 10px !important;
}

td.kalendar-denni-udalost {
  padding: 0 !important;
  text-align: center !important;
}

td.kalendar-denni-udalost .kalendar-denni-udalost {
  padding: 3px;
  margin: 0 auto 0 auto !important;
  width: 100px;
  overflow: hidden;
  white-space: nowrap;
  font-size: 95%;
  text-align: center;
  height: 22px;
  line-height: 20px;
}

td .kalendar-denni-udalost, td .kalendar-denni-udalost a, td.kalendar-denni-udalost a {
  color: black !important;
}

/* legenda kalendare */
table.legenda td {
  padding: 4px 4px 3px 4px;
  text-align: center;
}

table.legenda .kalendar-udalost {
  margin: 0 0 0 0;
  width: 135px;
}

.kalendar-today, tr.kalendar-today td {
  background-color: #bbb !important;
  color: white !important;
}

.kalendar-thisweek, tr.kalendar-thisweek td {
  background-color: #E1EEFD !important;
}

.kalendar-weekend, tr.kalendar-weekend td {
  background: #CEE3FB !important;
  font-weight: bold !important;
  color: black !important;
}

.kalendar-selected, tr.kalendar-selected td {
  background-color: #FFCC00 !important;
}

.kalendar-month-off, tr.kalendar-month-off td {
  color: #999 !important;
  font-weight: normal !important;
}

.kalendar-weekend-off, tr.kalendar-weekend-off td {
  background-color: #ddd !important;
  font-weight: normal !important;
  color: #999 !important;
}

.kalendar-holiday, tr.kalendar-holiday td {
  background-color: #D8F1D8 !important;
}

.uda-storno, tr.uda-storno td, .uda-storno strong, tr.uda-storno td strong, .uda-storno span, tr.uda-storno td span {
  color: #aaa !important;
  text-decoration: line-through !important;
}

/*** kalendar rightpanel *************************************************************/
/*** barvy ***/
div.rightpanel table.tab-kalendar thead th {
  color: #fff;
  background: #010A44;
  border: 1px solid #3C436F;
}

div.rightpanel table.tab-kalendar td {
  border: 1px solid #aaa;
  background: white;
}

div.rightpanel table.tab-kalendar .kalendar-den {
  background: #eee;
  color: #000;
}

div.rightpanel table.tab-kalendar a {
  color: black;
}

div.rightpanel table.tab-kalendar .day-off {
  background: white;
  color: #999;
}

div.rightpanel table.tab-kalendar .kalendar-akce {
  background: #FBC696;
}

div.rightpanel table.tab-kalendar .kalendar-jmeno {
  font-weight: bold;
  color: black;
}

div.rightpanel .kalendar-today {
  background-color: #bbb !important;
  color: white !important;
}

div.rightpanel .kalendar-thisweek {
  background-color: #E1EEFD !important;
}

div.rightpanel .kalendar-weekend {
  background: #CEE3FB !important;
  font-weight: bold !important;
  color: black !important;
}

div.rightpanel .kalendar-selected {
  background-color: #FFCC00 !important;
}

div.rightpanel .kalendar-month-off {
  color: #999 !important;
  font-weight: normal !important;
}

div.rightpanel .kalendar-weekend-off {
  background-color: #ddd !important;
  font-weight: normal !important;
  color: #999 !important;
}

div.rightpanel .kalendar-holiday {
  background-color: #D8F1D8 !important;
}

div.rightpanel table.tab-kalendar td {
  height: auto;
  padding: 0;
}

div.rightpanel table.tab-kalendar td .kalendar-den {
  padding: 4px 0 4px 0;
}

div.rightpanel div.month-select strong {
  font-size: 14px;
}

div.rightpanel div.month-select a {
  margin: 0 5px 0 5px;
  background: #4B8CBB;
  padding: 2px 5px 2px 5px;
}

/**********************************
MANAZERI
**********************************/
div.manazer-ucet {
  float: left;
  background: #f5f5f5;
  border: 1px solid #ccc;
  margin: 0 5px 5px 0;
  padding: 10px;
  line-height: 1em;
}

div.manazer-ucet strong {
  display: block;
  white-space: nowrap;
  margin: 0 0 5px 0;
}

div.manazer-ucet span {
  display: block;
  text-align: right;
}

/**********************************
KONTAKTY
**********************************/
a.kontakt-box {
  background: white;
  border: 1px solid #ccc;
  padding: 10px;
  box-shadow: #ddd 0 0 10px;
  font-size: 12px;
  position: relative;
  display: block;
  margin: 0 10px 10px 0;
  width: 288px;
  min-height: 115px;
  color: black;
  float: left;
  font-weight: normal;
}

a.kontakt-box .kontakt-box-h {
  font-size: 14px;
  display: block;
  color: #4B8CBB;
  margin: 0 0 8px 0;
}

a.kontakt-box span {
  margin: 0 0 5px 0;
  line-height: 1em;
  display: block;
}

a.kontakt-box .kontakt-img {
  display: block;
  float: left;
  width: 60px;
}

a.kontakt-box .kontakt-box-desc {
  margin: 0 0 0 70px;
}

a.kontakt-box .kontakt-box-mail {
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
  height: 1.3em;
  font-size: 11px;
  white-space: nowrap;
}

a.kontakt-box:hover {
  text-decoration: none;
  background: #FFF9DF;
}

/**********************************
GALERIE
**********************************/
.imggal-img {
  float: left;
  margin: 0 5px 5px 0;
  border: 1px solid #ccc;
  width: 110px;
  height: 110px;
  text-align: center;
  position: relative;
  display: table-cell;
  vertical-align: middle;
  cursor: move;
}

.imggal-pre .imggal-img {
  background: #FAF5EF;
  border: 1px solid #D1A05D;
  cursor: default;
}

.imggal-img img {
  display: block;
  margin: auto;
}

.imggal-img-in {
  width: 110px;
  height: 110px;
  display: table-cell;
  vertical-align: middle;
}

.imggal-icon {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  gap: 2px;
}

.imggal-icon div {
  display: inline-block;
}

.imggal-icon a {
  background: #888;
}

.imggal-icon a:hover {
  background: #777;
}

a.imggal-save {
  position: absolute;
  top: 0;
  left: 0;
  background: #888;
}

a.imggal-save:hover {
  background: #777;
}

/**********************************
DATUMBOX
**********************************/
.datumbox {
  background: #f5f5f5;
  border: 1px solid #ddd;
  margin: 0 0 5px 0;
  text-decoration: none;
  font-weight: normal;
  color: black;
  display: block;
  padding: 5px;
  position: relative;
  min-height: 65px;
}

.datumbox:last-child {
  margin-bottom: 0;
}

.datumbox-datum {
  float: left;
  font-weight: bold;
}

.datumbox-in {
  margin: 0 0 0 90px;
  display: block;
}

.datumbox-in span {
  display: block;
}

.datumbox-desc {
  font-size: 12px;
  color: #666;
}

.datumbox-id {
  background: #aaa;
  color: white;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 3px;
  font-size: 80%;
  line-height: 1em;
}

.datumbox:hover {
  text-decoration: none;
  background: #FFF9DF;
}

/**********************************
PREUP FILE
**********************************/
div.preup-file span {
  position: absolute;
  margin: -1px 0 0 -21px;
}

div.preup-file-prew {
  float: right;
  margin-bottom: 5px;
  position: relative;
  border: 1px solid #D1A05D;
  background: #FFF9DF;
}

div.preup-file-row {
  border: 1px solid #D1A05D;
  background: #FFF9DF;
  margin: 0 0 5px 0;
}

div.preup-file-row table td, div.preup-file-row table th {
  border: 0;
}

div.preup-file-row div.preup-file-prew {
  float: none;
  display: inline-block;
  margin: 0 !important;
  position: relative;
  border: none;
  vertical-align: middle;
}

div.preup-file-row div.preup-file-prew img {
  height: 28px;
  vertical-align: middle;
  float: left;
}

div.preup-file-row div.preup-file-prew .file-del {
  margin: 4px 0 0 0;
  position: static;
  width: 20px;
  height: 20px;
  display: inline-block;
  float: left;
  background: url(../img/icons/krizek_white.png) no-repeat center center #888888;
}

div.preup-file-row div.preup-file-prew .file-del:hover {
  background: url(../img/icons/krizek_white.png) no-repeat center center #777777;
}

div.preup-file-row .preup-file-prew-name {
  display: block;
  float: left;
  margin: 4px 0 0 0;
  padding: 0 10px 0 10px;
  background: #D1A05D;
  color: white;
  line-height: 20px;
  height: 20px;
}

/**********************************
OC
**********************************/
/*** oc arr ***/
.oc-arr {
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  background: #A5C981;
}

.oc-arr img {
  display: block;
  margin: 4px auto 0 auto;
}

.oc-arr:hover {
  background: #9AC272;
}

/*** oc lista ***/
a.oc-closed-lista, a.oc-opened-lista {
  display: block;
  height: 8px;
  line-height: 0;
  font-size: 0;
  cursor: hand;
  background: url(../img/lista_open.jpg) no-repeat center;
  border: 1px solid #ccc;
  margin: 0 0 1px 0;
}

a.oc-closed-lista:hover, a.oc-opened-lista:hover {
  border: 1px solid #666;
}

a.oc-opened-lista {
  background: url(../img/lista_close.jpg) no-repeat center;
}

/**********************************
FLEXBOXY
**********************************/
div.flexboxy {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 10px;
}
div.flexboxy::after {
  display: none;
}

div.flexboxy .item {
  padding: 25px;
  border: 1px solid #ccc;
  background: white;
  font-weight: normal;
  color: black;
  width: 100%;
}
@media (min-width: calc(767px + 1px)) {
  div.flexboxy .item {
    flex: 1;
  }
}

div.flexboxy .item strong {
  display: block;
  margin: 0 0 10px 0;
  font-size: 16px;
}

div.flexboxy .item ul li {
  margin: 0 0 3px 0;
  padding: 0 0 0 10px;
  position: relative;
}

div.flexboxy .item ul li:before {
  content: "";
  width: 2px;
  height: 2px;
  border-radius: 50%;
  border: 1px solid #666;
  position: absolute;
  left: 0;
  top: 8px;
}

div.flexboxy .item:hover {
  text-decoration: none;
  border-color: #555;
}

/**********************************
POPUP
**********************************/
.canvas {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 999;
}

.popup {
  width: 600px;
  height: auto;
  position: absolute;
  top: 100px;
  left: 50%;
  margin: 0 0 0 -300px;
  z-index: 999;
  text-align: left;
  font-size: 16px;
  background: white;
  padding: 30px;
}

.popup-close {
  position: absolute;
  right: 10px;
  top: 10px;
}

.popup h3 {
  color: #29b5e4;
  font-size: 24px;
  margin: 0 0 15px 0;
  font-weight: 800;
  line-height: 1em;
}

/**********************************
SLOUPCE
**********************************/
.sloupce {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
  align-items: flex-start;
}
.sloupce > *:not(.vizitka) {
  flex: 1;
}
@media (min-width: calc(575px + 1px)) {
  .sloupce > *:not(.vizitka) {
    min-width: 300px;
  }
}
@media (max-width: 1279px) {
  .sloupce {
    flex-direction: column;
  }
  .sloupce > div {
    width: 100% !important;
  }
}

.sloupce-in {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
  align-items: flex-start;
}
.sloupce-in > * {
  flex: 1;
  min-width: 300px;
}

/**********************************
LOGIN
**********************************/
div.login {
  display: inline-block;
  background: url(../img/login_logo.png) top center no-repeat #eee;
  border: 2px solid #ccc;
  padding: 100px 25px 15px 25px;
  margin: 110px 0 0 0;
}

div.login label {
  margin: 0 0 0 0;
  font-size: 18px;
}

div.login input {
  margin: 0 0 0 0;
  width: 100%;
}

div.login table {
  margin: 0 0 10px 0;
  width: 100%;
}

div.login table td, div.login table th {
  padding: 10px 10px 10px 10px;
}

div.login table td {
  padding-right: 0;
  text-align: left;
}

div.login table th {
  padding-left: 0;
  text-align: right;
}

div.login .err {
  font-size: 16px;
  text-align: center;
}

/**********************************
UVOD
**********************************/
.uvod {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}

.uvod-l, .uvod-r {
  flex: 1;
  min-width: 350px;
}

.uvod-r {
  float: right;
}

.uvod-box {
  background: white;
  border: 1px solid #ccc;
  padding: 10px;
  box-shadow: #ddd 0 0 10px;
  font-size: 14px;
  position: relative;
  margin: 0 0 10px 0;
}

.uvod-box h4 {
  font-size: 16px;
  color: #4B8CBB;
  margin: 0 0 8px 0;
  line-height: 1em;
}

.uvod-stav-uctu {
  background: #FDF1E1;
}

/**********************************
DETAIL
**********************************/
@media (max-width: 767px) {
  .detail-buttons .button {
    float: none !important;
    width: 100% !important;
    margin: 0 0 5px 0 !important;
  }
  .detail-buttons .f-right {
    float: none !important;
    width: 100% !important;
  }
  .detail-buttons br {
    display: none;
  }
}

.detail-buttons-flex {
  display: flex;
  justify-content: space-between;
  gap: 0.5em;
  flex-wrap: wrap;
}
@media (max-width: 1089px) {
  .detail-buttons-flex--l {
    flex-direction: column;
  }
  .detail-buttons-flex--l .button {
    width: 100% !important;
  }
}
@media (max-width: 767px) {
  .detail-buttons-flex {
    flex-direction: column;
  }
  .detail-buttons-flex .button {
    width: 100% !important;
  }
}
.detail-buttons-flex .detail-buttons-flex-l, .detail-buttons-flex .detail-buttons-flex-r {
  display: flex;
  gap: 0.5em;
  flex-wrap: wrap;
  flex: 1 1 auto;
}
@media (max-width: 1089px) {
  .detail-buttons-flex .detail-buttons-flex-l--l, .detail-buttons-flex .detail-buttons-flex-r--l {
    flex-direction: column;
  }
  .detail-buttons-flex .detail-buttons-flex-l--l .button, .detail-buttons-flex .detail-buttons-flex-r--l .button {
    width: 100% !important;
  }
}
@media (max-width: 767px) {
  .detail-buttons-flex .detail-buttons-flex-l, .detail-buttons-flex .detail-buttons-flex-r {
    flex-direction: column;
  }
  .detail-buttons-flex .detail-buttons-flex-l .button, .detail-buttons-flex .detail-buttons-flex-r .button {
    width: 100% !important;
  }
}
.detail-buttons-flex .detail-buttons-flex-r {
  justify-content: flex-end;
}
.detail-buttons-flex .button {
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
}

@media (max-width: 767px) {
  #pdf-div {
    background: white;
    padding: 5px;
    width: 100%;
  }
  #pdf-div > a {
    width: 100%;
  }
}

/**********************************
ENDCLASSES
**********************************/
.hidden, .submithidden {
  display: none;
}

.block {
  display: block !important;
}

.inline-block {
  display: inline-block !important;
}

.inline {
  display: inline !important;
}

.invisible {
  visibility: hidden !important;
}/*# sourceMappingURL=style.css.map */