:root {
    --blur-odpad-tok: black;
    --blur-odpad-kc: lightgray;
}
@font-face {
  font-family: 'Open Sans';
  src: url("/metro/mif/open-sans-light.woff2") format('woff2'), url("/fonts/open-sans-light.woff") format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  src: url("/metro/mif/open-sans-regular.woff2") format('woff2'), url("/fonts/open-sans-regular.woff") format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  src: url("/metro/mif/open-sans-bold.woff2") format('woff2'), url("/fonts/open-sans-bold.woff") format('woff');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Vafle';
  src: url("/metro/mif/vafle-regular.woff2") format('woff2'), url("/fonts/vafle-regular.woff") format('woff');
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: 'Open Sans';
  font-size: 11pt;
  margin-top: 0;
}

#footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 42px;
  background-color: grey;
  display: flex;
  font-size: 10pt;
  color: #383838;
  padding: 6px 10px 5px 10px;
  border-top: green solid 1px;
  z-index: 10;
}
@media print {
#footer {
  display: none;
}
}
.footer_popis {
  padding-top: 5px;
}
.right {
  position: fixed;
  right: 10px;
  width: 300px;
  display: flex;
  flex-direction: row-reverse;
}
#footer a img {
  height: 100%;
}
#footer a:hover {
  text-decoration: none;
}
#fsilogo {
  background-color: darkgrey;
  height: 30px;
  #margin-top: 5px;
}
#header {
  position: fixed;
  top: 0;
  width: 100%;
  height: 52px;
  background-color: #cde4b7;
  z-index: 1;
  border-bottom: green solid 1px;
}
@media print {
#header  {
  display: none !important;
}

}
#header h1 {
  padding: 3px 0 0 30px;
  margin: 0px;
  font-size: 30pt;
  font-weight: bold;
  color: #006000;
  #text-align: center;
  #font-family: 'Open Sans';
}
#header h1 .kulate{
  #font-family: 'Open Sans';
}

.box_user {
  background-color: inherit;
  height: 49px;
}
.box_user span {
  background-color: inherit;
  padding: 15px 10px 0 0;
}
.box_user button {
  height: 30px;
  width: 30px;
  border: none;
  background-color: inherit;
  padding: 2px 0 0 0;
  margin: 8px 0 8px 8px;
}
.box_user.logged button.user:hover {
  fill: #009000;
}
.box_user.not_logged button svg:hover {
  fill: #507050;
}
.box_user button svg {
  cursor: pointer;
  stroke: none;
}
.not_logged {
  fill: #90b090;
  color: #90b090;
  font-size: 10.5pt;
}
.logged {
  fill: #006000;
  color: #006000;
  font-size: 10.5pt;
}
.box_user button {
  margin-top: 8px;
}
.box_user button.thint {
 fill: #006000;
}
.box_user button.thint:hover {
 fill: #00a000;
}
div.blank {
  padding: 0;
  margin: 0;
}
div.my-menu {
  padding: 0 !important;
}
.menu_head {
  font-weight: bold;
  font-size: 10pt;
  text-align:center;
  height: 30px;
  background-color: #cde4b7; /* #bdd0a7; */
  padding-top: 5px;
  cursor: default;
  border-bottom: green solid 1px;
  margin: 0;
}
.my_item {
  height: 40px;
  padding: 0;
  margin: 0;
  font-size: 11pt;
  font-weight: normal !important;
}
.my_item_low {
  height: 22px;
  padding: 0;
  margin: 0;
}
.my_item a {
  text-decoration: none;
  padding: 10px 8px 8px 8px;
}
.my_item.odkaz:hover {
  background-color: lightgrey;
}
#tblogin {
  width: 100%;
}
#tblogin tr {
  height: 50px;
}
#tblogin td.popis {
  text-align: right;
}
span.lgpopis {
  font-size: 11pt;
  margin-right: 10px;
  color: #004000;
}
.tirsm_dialog_title {
  background-color: #cde4b7;
  color: #004000;
}
.tirsm_dialog_title_alert {
  background-color: #c00000;
  color: white;
}
.tirsm_dialog_title_ {
  background-color: #006000;
  color: white;
}
.tirsm_green, input.tirsm_green {
  background-color: #cde4b7 !important;
}
input {
}
.tirsm_alert {
  border: #c00000 solid 1px;
  color: #c00000;
}
.tirsm_ {
  border: #006000 solid 1px;
  color: #006000;
}
.tirsm_alert button {
  background-color: grey;
  color: white;
}
#all {
  position: absolute;
  top: 50px;
  margin: 0;
  padding: 0;
  display: flex;
  background-color: yellow;
}
#menu {
  width: 300px;
  height: 100%;
  background-color: #cde4b7;
}
#content {

}
@media print {
#content {
  padding: 0px !important;
  margin: 0px !important;
  color: black !important;
}
#content h2, .ch2 {
  color: black !important;
  font-size: 12pt !important;
  margin-top: 3pt !important;
}

#content h1 {
  color: black !important;
  font-size: 16pt ! important;
  margin: 0pt !important;
}
#content h2, .ch2, .ch3 {

}
#content h3, .ch3 {
  color: black !important;
  font-size: 11pt !important;
  margin-top: 3pt !important;
  #font-family: Vafle;
  margin-bottom: -2pt;
}
}
#content p {
  text-align: justify;
}
#content h1 {
  color: #006000;
  font-size: 24pt;
  margin-top: 6pt;
}
#content h2, .ch2 {
  color: #006000;
  font-size: 14pt;
  margin-top: 9pt;
  margin-bottom: -2pt;
}

#content h3, .ch3 {
  color: #006000;
  font-size: 12pt;
  margin-top: 6pt;
  font-family: Vafle;
  margin-bottom: -2pt;
}
.bb-1 {
  border-bottom: green solid 1px;
}
li.nic {
  cursor: text;
}
li.nic:hover {
  background-color: inherit;
}
.grayed {
  color: #206020;
  font-style: italic;
}
.item-active {
  /*background-color: #e0f0e0;*/
}
.tirsm_dialog_actions {
  text-align: right;
}

.filter-frame {
  border: #90b090 solid 1px;
  padding: 10px;
  font-size: 10pt;
  margin-top: 10px;
}
.filter-small {
  font-size: 10pt;
  color: #808080;
}
.filter-hd {
  color: #006000;
  margin-top: 10pt;
  font-weight: bold;
  font-size: 12pt;
}
.tablist-hd {
  color: #006000;
  font-weight: bold;
  padding-right: 20px;
}
.filter-button-area {
  margin-top: 15px;
}
.filter-button-area button{
  width: 115px;
}

button.filter-hide #filter_sp2 {
  width: 80px;
  text-align: center;
  /*
  margin-top: -35px;
  border: #006000 solid 1px;
  */
}
button.filter-hide #filter_sp1 {
  width: 35px;
}

.tirsm-filter-warning {
  background-color: #cde4b7 !important;
  color: #006000 !important;
}
.tirsm-filter-alert {
  background-color: #006000 !important;
  color: #cde4b7 !important;
}
.tirsm-filter-chkbox {
  margin-left: 0px;
}
table.ladeni,
table.ladeni td,
td.ladeni {
  border: 1px black solid;
}
table input {
  margin: 0;
  vertical-align: baseline;
  position: relative;
  /*top: 2px;*/
}

.tirsm-filter-chkbox table,
.tirsm-filter-chkbox td
 {
  /*border: 1px black solid;*/
  vertical-align: baselline;
  text-align: left;
  font-size: 10pt;
  padding-bottom: 5px;
}
.tirsm-filter-chkbox td.caption, td.xcaption span.caption {
  /*padding-top: 10px !important;*/
  text-align: left;
  font-size: 10pt !important;
}
td.w50 {
  width: 100px;
}
td.va-b {
  vertical-align: bottom;
}
td.chkbox {
  text-align: left;
  vertical-align: top;
  padding-top: 0px;
}
ul.filter-select-rok li > a {
  font-size: 10pt !important;
}
.d-menu.filter-select-rok li.active > a {
  background-color: #cde4b7;
  color: #006000;
}
.filter-select-rok {
  font-size: 10pt !important;
  width: 278px;
}
.filter-select-roky {
  font-size: 10pt !important;
}
.filter-dialog {
  width: 1000px !important;
}
.filter-td-select {
  /*width: 160px;*/
  text-align: left !important;
}
.filter-td-space {
  width: 30px;
}
.filter-td-space-10 {
  width: 10px;
}
.filter-w50 {
  width: 80px;
  vertical-align: bottom !important;
}
@media screen and (max-width: 400px) {
  .skryvat {
    display: none;
  }
  body {
     background-color: red;
  }
  #footer a img.mzp {
    margin-top: 4px;
    width: 50%;
    height: auto;
  }
  .box_user button {
    margin-left: 0;
  }
  #header h1 {
    margin-left: 0;
    padding-left: 0;
  }
}
/* asi nepotrebne */
.xxfilter-right {
  position: relative;
  right: 10px;
  width: 300px;
  display: flex;
  flex-direction: row-reverse;
}
#txta {
  background-color: #ffc0c0;
}
#divtab {
  !background-color: #c0c0ff;
  !width: 800px;
  margin-top: 10px;
}
.tablehr {
  background-color: #407040;
  height: 1px;
  border-spacing: 0px;
  margin: 0;
  padding: 0;
}
.tab_tirsm {
  /*border: solid 1px black;*/
  padding: 0;
  border-spacing: 0px;
  margin: 0;
  width: 100%;
  vertical-align: text-top;
  font-size: 10pt;
}
.tab_tirsm td {
  padding: 0 5px 0 5px;
  !text-align: right;
}
.td_right {
  text-align: right;
}
tr.xxx:hover {
  background-color: #e0e8e0;
  color: black;
}
.hd {
  font-weight: bold;
  background-color: #cde4b7;
  /*border: 1px solid black;*/
}
#tabstatus {
  width: 100%;
  padding: 0;
  margin: 0;
}
#stranky {
  /*background-color: yellow;*/
  font-size: 10pt;
  width: 30%;
}
#counter {
  font-size: 10pt;
  vertical-align: top;
  padding-top: 1.4em;
}
#export {
  text-align: right;
  vertical-align: top;
  padding-top: 8px;
  width: 120px;
}
#graf {
  text-align: right;
  vertical-align: top;
  padding-top: 8px;
  /*width: 120px;*/
}
#smazat {
  text-align: right;
  vertical-align: top;
  padding-top: 8px;
}
#id_but_export, #id_but_graf, #id_but_graf_osoba {
  height: 40px;
  width: 150px;
  margin-left: 20px;
}
#id_but_smazat {
  height: 40px;
  width: 100px;
}
ul#strankovani {
  list-style-type: none;
  list-style-position: inside;
  margin-left: 0;
  padding-left: 0;
  display: inline-block;
  margin-top: 15px;
  margin-bottom: 0px;
}
#stranky ul li {
  background-color: silver;
  float: left;
  height: 2em;
  width: 2em;
  padding-top: 0.3em;
  text-align: center;
  /*outline: 1px solid green;*/
  border: 1px solid #407040;
  !color: #404040;
  margin-right: -1px;
  /*margin-left: -1px;*/
}
#stranky ul li.next {
  width: 3em;
  background-color: #cde4b7;
  border-radius: 0px 5px 5px 0px;
}
#stranky ul li.prev {
  width: 3em;
  background-color: #cde4b7;
  border-radius: 5px 0px 0px 5px;
}
.num {
}
.odkaz {
  cursor: pointer;
  font-weight: bold;
  text-color: black
}
#stranky ul li.act {
  background-color: #e8e8e8;
  color: #407040;
  font-weight: bold;
  font-size: 11pt;
  margin-top: -0.25em;
  height: 2.5em;
  width: 2.5em;
  padding-top: 0.5em;
  border-radius: 5px;
}
.blured {
  color: #a0c0a0 ! important;
  background-color: #a0b0a0 ! important;
  #text-decoration: italic;
}
.clhint {
  z-index: 1000;
  background-color: #ebffe0;
  border: solid #008000 1px;
  /*display: sticky;*/
  /*position: relative; */
}
.td_calendar_left {
  width: 50%;
  padding-right: 5px;
}
.td_calendar_right {
  width: 50%;
  padding-left: 5px;
}
td.logs {
  font-size: 9pt;
}
td.logs_err {
  font-size: 9pt;
  color: red;
}
td.logh {
  font-size: 10pt;
  background-color: #ebddcb;
}
p.msg_OK {
  /*font-weight: bold;*/
  font-size: 10pt;
  color: green;
  margin: 0;
}
p.msg_ERROR {
  /*font-weight: bold;*/
  font-size: 10pt;
  color: red;
  margin: 0;
}
#id_help p {
  text-align: justify;
}
#content p.desc {
  font-size: 10pt;
  margin: 6pt 0 -6pt 0;
}
.cls-check, .cls-check::before {
  border-color: #006000 ! important;
}
.w200 {
  width: 180px ! important;
}
td.legenda_uzemi {
  padding-right: 10px;
}
p.uprava_odlehla, td.uprava_odlehla {
  color: darkred !important;
  font-style: italic;
}
p.uprava_odlehla {
  padding-top: 0px;
  margin-top: 0px;
}
p.uprava_skok, td.uprava_skok {
  color: darkblue !important;
  font-style: italic;
}
p.uprava_skok {
  padding-top: 0px;
  margin-top: 0px;
}
p.uprava_doplnena, td.uprava_doplnena {
  color: darkgreen !important;
  font-style: italic;
}
p.uprava_doplnena {
  padding-top: 0px;
  margin-top: 0px;
}
p.uprava_poznamka, td.uprava_poznamka {
  color: blue !important;
  font-style: italic;
}
p.uprava_poznamka {
  padding-top: 0px;
  margin-top: 0px;
}
.mb-8 {
  margin-bottom: 8px;
}
.mb-4 {
  margin-bottom: 4px;
}
#id_rb_tok,#id_rb_odpad_vyber {
  height: 50px;
}
.fs10 {
  font-size: 10pt !important;
}
span.blue, .data-prognoza {
  color: blue;
}
.fs-b {
  font-weight: bold;
}
.cls-option-odpad {
  font-size: 6pt !important;
  /*margin-left: 20px;*/
  /*color: red !important;*/
}
ul.cls-list-odpad li > a, .d-menu.cls-list-odpad {
  font-size: 10pt !important;
  /*margin-left: 20px;
  color: blue !important; */
}
.group-title {
  color: darkgreen !important;
  background-color: #a0a0a0 !important;
}
.xgroup-title.dvojznak {
  color: blue !important;
  margin-left: 5px !important;
  font-weight: bold;
  background-color: #808080 !important;
}

textarea {
  resize: none;
}
td.predvyplneno {
  color: grey;
  font-style: oblique;
}
p.neodsaz {
  margin: 0 0 0 20px;
}
.tiramisu {
  font-weight: bold;
  color: #006000;
}
#select_odpad {
  color: blue !important;
}
.comment_1 {
  background-color: #c0c090;
  font-size: 9pt;
  font-weight: bold;
  #border-bottom: solid black 1px;
  border-top: solid black 1px;
  cursor: pointer;
}
.comment_2 {
  #background-color: #f0f0a8;
  font-size: 10pt;
  font-weight: bold;
  #padding-top: 5px 0 5px 0;
  #border-bottom: solid black 1px;
}
.comment_1 td, .comment_22 td {
  padding: 0 10px 0 10px;
}

.text-right {
  allign: right;
}
span.scom {
  margin-right: 20px;
  padding: 0 10px 0 10px;
  background-color: #e0e0ff;
}
.scom.high {
  background-color: yellow;
  color: #006000;
}
.scom.solved {
  background-color: black;
  color: white;
}
.scom.novinka {
  background-color: #006000;
  color: yellow;
}
.red {
  color: red !important;
}
a.uricom {
  font-size: 9pt !important;
  color: green !important;
}
a.uricom:visited, a.uricom:hover {
  text-decoration: none !important;
}
.blur-tok {
  color: var(--blur-odpad-tok);
}
.blur-kc {
  color: var(--blur-odpad-kc);
}
.cell-3 h2 {
  margin-bottom: 6pt !important;
  #padding-top: 6pt;
}
#id_sc_lastmod {
  font-size: 8pt;
  color: grey;
  margin-left: 3pt;
  #text-align: right;
  margin-top: 5px;
  margin-bottom: 0;
}
#text_korekce {
  font-size: 10pt;
  color: black;
  margin-left: 3pt;
  #text-align: right;
  margin-top: 5px;
  margin-bottom: 0;
}
#id_sc_ind_published {
  font-size: 8pt;
  color: grey;
  margin-left: 3pt;
  #text-align: right;
  margin-top: 5px;
  margin-bottom: 0;
}
#id_sc_ind_vypocteno, #id_sc_ind_ulozeno {
  font-size: 8pt;
  color: grey;
  margin-left: 3pt;
  margin-top: 5px;
  margin-bottom: 0;
}
tr.sc_tr_data {
  font-size: 8pt;
}
.ascenar-h2 {
  color: #006000;
  font-size: 13pt;
  font-family: 'Vafle';
}
td.ascenar-legenda-hd {
  color: #006000;
  #font-family: 'Vafle';
  font-weight: bold;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: 10px;
}
td.ascenar-legenda, tr.ascenar-legenda {
  font-size: 10pt !important;
  line-height: 1.4;
}
.ascenar-h3 {
  color: #006000;
  font-size: 11pt;
  font-family: 'Vafle';
}
h2.ascenar {
  color: #006000;
  font-size: 13pt;
  font-family: 'Vafle';
  margin-top: 0 !important;
  margin-bottom: 6pt !important;
  #padding-top: 0 !important;
}
tr.ascenar {
  height: 48px;
}
td.ascenar-h2 {
  #margin-top: 9pt;
  #font-weight: bold;
  padding-right: 10px;
  #padding-top: 14px;
  padding-left: 5px;
}
td.ascenar-h3 {
  #margin-top: 9pt;
  #font-weight: bold;
  padding-right: 10px;
  #padding-top: 14px;
  padding-left: 5px;
}
td.ascenar-t, td.ascenar-t input, li.ascenar-t {
  color: black;
  font-size: 10pt !important;
  #margin-top: 9pt;
  #font-weight: bold;
  padding-right: 10px;
  #padding-top: 14px;
  #font-family: 'Vafle';
  padding-left: 5px;
}
.opt_ascenar-t, .sel_ascenar-t, li.sel_ascenar-t a, .opt_ascenar-t a {
  color: black;
  font-size: 9pt !important;
  #margin-top: 9pt;
  #font-weight: bold;
  #padding-right: 10px;
  #padding-top: 14px;
  #font-family: 'Vafle';
  #padding-left: 5px;
}
td.ascenar-h2.asm {
  vertical-align: middle;
  line-height: 0.9;
}
td.ascenar-h2.asr {
  text-align: right;
  padding-right: 10px;
  vertical-align: middle;
}
td.ascenar-h2.asrt {
  text-align: right;
  padding-right: 10px;
  #vertical-align: middle;
}
td.asr, span.asr {
  text-align: right;
}
td.ascenar-h3.asc, td.ascenar-h2.asc,td.ascenar-t.asc {
  text-align: center;
  vertical-align: middle;
}
td.ascenar-h3.asc, td.ascenar-h2.asc {
  background-color: #c0c0c0;
}
table.ascenar {
  #border: solid 1px black;
  margin: 0px;
  width: 100%;
  #background-color: #f8f8f8;
  padding-top: 6pt;
}
table.ascenar td {
  #padding-top: 3pt;
  #padding-bottom: 3pt;
  padding: 3pt 3pt 3pt 3pt;
}
table.ascenar td.nopad, h2.nopad, h3.nopad {
  padding: 0 0 0 0;
}
.lborder, table.border td {
  border: 1px solid black;
}
table.w100 {
  width: 100% !important;
}
tr.hrt, td.hrt {
  border-top: solid black 1px;
  padding-top: 15px !important;
}
.but-scenar:hover, .but-user:hover {
  color: green;
}
.but-scenar:disabled:hover, .but-user:disabled:hover {
  color: grey;
  cursor: not-allowed;
}
.blocked:disabled:hover {
  cursor: not-allowed;
}
span.blocked:disabled:hover {
  cursor: not-allowed;
}
a.blocked:hover {
/* pointer-events: none;*/
  cursor: none;
}
.but-scenar {
  height: 40px;
  width: 100px;
  margin-left: 20px;
  background-color: #ebebeb; /*#c0c0c0;*/
  vertical-align: middle;
  cursor: pointer;
 border: 1px solid transparent;
    border-top-color: transparent;
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: transparent;
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: transparent;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: transparent;
    border-left-style: solid;
    border-left-width: 1px;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
}
.but-user {
  height: 40px;
  width: 100px;
  margin-right: 20px;
  background-color: #ebebeb; /*#c0c0c0;*/
  vertical-align: middle;
  cursor: pointer;
 border: 1px solid transparent;
    border-top-color: transparent;
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: transparent;
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: transparent;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: transparent;
    border-left-style: solid;
    border-left-width: 1px;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
/*
  height: 40px;
  width: 100px;
  margin-right: 25px;
  background-color: #c0c0c0;
  vertical-align: middle;
  */
}
.asc span {
  font-size: 10pt;
  cursor: pointer;
}
button.invisible {
  background-color: white;
  margin: 0;
}
button.invisible:hover {
  background-color: white;
  margin: 0;
}
div.list-scenar-vyber {
 overflow-y: scroll;
 overflow-x: hidden;
 height: 130px;
 width: inherit;
 border: solid 2px #d9d9d9;
 margin: 0;
}
div.list-user-vyber {
 overflow-y: scroll;
 overflow-x: hidden;
 height: 358px;
 width: inherit;
 border: solid 2px #d9d9d9;
 margin: 0;
}
div.list-user-task-vyber {
 overflow-y: scroll;
 overflow-x: hidden;
 height: 247px;
 width: inherit;
 border: solid 2px #d9d9d9;
 margin: 0;
 font-size: 10pt;
}
ul.list-scenar-vyber{
  list-style: none;
  margin: 5px;
  width: 100%;
  overflow-x: hidden;

}
.list-scenar-vyber li {
  padding: 2px 0 2px 10px;
  cursor: pointer;
}
.list-scenar-vyber li.cselected {
  font-weight: bold;
  background-color: #cde4b7;
}
.list-scenar-vyber li:hover {
  background-color: lightgrey;
}
#tab_det_scenar {
  !display: none;
}
.cb-scenar-jen-svoje {
  margin-left: 0 !important;
  margin-top: 10px !important;
  line-height: 1.1 !important;
}
.cb-scenar-jen-svoje-lbl {
  margin-left: 5px !important;
  margin-top: 10px !important;
  line-height: 1.1 !important;
}
li.empty_list {
  font-size: 8pt;
  line-height: 2.4;
  color: #606060;
}
li.empty_list:hover {
  background-color: white;
  cursor: auto;
}
.odkazy-koment {
  font-size: 8pt;
  color: grey;
  border-top: solid 1px grey;
}
.pomtext, p.pomtext ol li {
  font-size: 8pt;
  color: grey;
}
p.pomtext {
  margin-top: 3pt;
  margin-bottom: 3pt;
}
ol.pomtext {
  font-size: 8pt;
  color: grey;
  padding: 0px;
  margin: -3pt 0 0 0;
  list-style-type: decimal;
}
td.reakce-text {
  /*padding-left: 100px;*/
  font-size: 9pt;
}
td.reakce-hd {
  background-color: #e0e0d0;
  font-size: 8pt;
  font-weight: bold;
}
td.reakce-mezera {
  width: 100px;
}
div.comment-dlg {
  width: 800px !important;
  border: 2px #556044 solid;
}
.comment-dlg .dialog-title, button.comment, input.comment {
  background-color: #bbc4ac;
  color: #424b36;
}
.comment tr, .comment, td.comment {
  color: black;
  vertical-align: baseline;
  padding-right: 5px;
}
.comment-text {
  font-size: 10pt;
}
.reakce-dlg tr, .reakce-dlg, td.reakce-dlg {
  color: #090c0f;
  vertical-align: baseline;
  padding-right: 5px;
}
div.reakce-dlg {
  width: 800px !important;
  border: 2px #090c0f solid;
}
.reakce-dlg .dialog-title, button.reakce-dlg, input.reakce-dlg {
  background-color: #e0e0d0;
  color: #090c0f;
}
input.reakce-dlg, input.comment {
  position: relative;
  top: -1px;
}

input.comment {
  background-color: #bbc4ac;
  color: #424b36;
}
table.comment-filter {
  margin-bottom: 20px;
  font-size: 10pt;
}
table.comment-filter select {
  font-size: 10pt;
}
td.w150 {
  width: 150px;
}
.ironly {
  border: 0 !important;
  text-align: center;
}
.small-italic {
  font-size: 9pt;
  font-style: italic;
  color: grey;
}
#id_ul_koproud, #id_ul_koproud_korig {
  margin: 10px 0 20px 0;
  font-size: 10pt;
}
ol.help {
  list-style: decimal;
  margin-top: 0;
  text-align: justify ! important;
}
ol.help ol {
  list-style: lower-roman;
  margin-top: 0;
  font-size: 90%;
  text-align: justify ! important;
}
div.context-help {
  float:left;
  overflow-y: auto;
  max-height: 350px;
  padding-right: 40px;
}
.context-help h2 {
  color: #006000;
  font-size: 18pt;
  #margin-bottom: -2pt;
  margin-top: -2pt;
}
.context-help p {
  color: #404040;
  font-size: 11pt;
  margin: 0 0 3pt 0;
  text-align: justify ! important;
}
.context-help p.my-red {
  color: #80000 ! important;
  font-weight: bold;
}
.context-help p.main-help {
  #padding-right: 40px;
  text-align: justify ! important;
}
#id_block {
  z-index: 9999;
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  background-color: grey;
  opacity: 50%;
}
#id_wait, #id_comp {
  display: none;
  position: fixed;
  top: 200px;
  height: 100%;
  width: 100%;
  align: center;
  left: 40%;
  text-align: center;
  background-color: green;
  width: 20%;
  height: 60px;
  z-index: 10000;
  border-radius: 10px;
  border: 2px solid black;
  padding-top: 14px;
  font-size: 16pt;
  color: white;
}
/*
#id wait p {
  vertical-align: bottom;
  text-align: center;
}
*/
span.small {
  font-size: 9pt;
  color: black;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
  font-family: 'Open Sans';
}
.sel-csa-select {
  font-size: 10pt;
}
.border-grid {
  border: 1px solid black !important;
}
.tab_user {
  height: 300px; /*259px;*/
}
.but_shift {
  align-self: center;
}
p.my-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
}
#id_block_utasks, #id_block_gutasks {
  z-index: 9999;
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background-color: grey;
  opacity: 100%;
}
#id_ublock, #id_gublock {
  #display: none;
  position: absolute;
  bottom: 30px;
  left: 30px;
  width: 60%;
  text-align: center;
  background-color: green;
  height: 60px;
  z-index: 10000;
  border-radius: 10px;
  border: 2px solid black;
  padding-top: 14px;
  font-size: 16pt;
  color: white;
}
#id_task_desc {
  font-size: 10pt;
}
table.tbl-memberlist {
  width: 300px;
}
#id_last_login, #id_account_locked {
  font-size: 10pt;
  margin: 3px 0 0 1px;
}
#tab_report {

}
.report_hd {
  text-align: center;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}
.report_mhd {
  text-align: left;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}
.report_tr {
  text-align: center;
  font-family: 'Open Sans';
  font-weight: normal;
  color: black;

}
.report_tr.border_bottom {
   border-bottom: 1px solid black;
}
noprint {

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

@media print {
.noprint {
  display: none !important;
}
.pl-6, .pt-1, .tab_tirsm td {
  padding: 0px !important;
}
body {
  font-size: 9pt !important;
  line-height: 150% !important;
}
.bt-1 {
  border-top: 1px solid black;
}
.tab_tirsm {
 font-size: 9pt !important;

}

.tab_tirsm td {
 vertical-align: middle !important;
}
.report_tr.border_bottom {
   border-bottom: 1px solid black;
}
}
.report_hr {
  background-color: black;
  height: 1px;
  border-spacing: 0px;
  margin: 0;
  padding: 0;
}