/**
 CSS styly pro filtrovaci formular (nad seznamy)
 */
.filtercontainer {
  margin-bottom: 0.2rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.filtercontainer .form-control {
  margin-bottom: 0.2em;
}
.filtercontainercol {
  margin-right: 1rem;
}
/*.filtercontainer td {*/
/*vertical-align: middle;*/
/*padding-right: 10px;*/
/*}*/
.filtercaption {
  width: 100%;
}
.adsfilterforminput_full, .adsfilterforminput_popis, .adsfilterforminput_kod {
  width: 100%;
  margin-bottom: 0.2em;
}
div.adsfilterforminput_full {
  display: inline-block;
}
@media (min-width: 769px) {
  .filtercontainer {
    flex-wrap: nowrap;
  }
  .filterrow {
    display: table-row;
    white-space: nowrap;
    flex-wrap: nowrap;
    padding: 2px 0 0 0;
    vertical-align: baseline;
  }
  .filterrow select {
    margin-bottom: 0.2em;
  }
  .filterrow.wrap {
    white-space: normal;
  }
  .filtercaption {
    display: table-cell;
    /*display: inline-block;*/
    /*min-width: 180px;*/
    padding: 2px 6px 0 0;
    text-align: right;
    width: auto;
  }
  .filtercontainer.leftcaptions .filtercaption {
    text-align: left;
  }
  .adsfilterforminput_full {
    width: 500px;
  }
  .adsfilterforminput_popis {
    width: 397px;
  }
  .adsfilterforminput_kod {
    width: 100px;
  }
  .filterformtext {
    padding-top: 3px;
    display: inline-block;
  }
}
.kiosek-menu {
  height: 3rem;
  background-color: lightgray;
  display: flex;
  justify-content: right;
  padding-right: 2rem;
}
.kiosek-frame {
  position: absolute;
  width: 100%;
  top: 3rem;
  border: 0;
  height: calc(100% - 3rem);
  text-align: center;
}
.kiosek-button {
  margin: 0.2rem;
  border: solid 1px silver;
  border-radius: 0.2rem;
  padding: 0.5rem 1rem;
  background-color: white;
  cursor: pointer;
}
.kiosek-button :hover {
  background-color: #0f5aae;
}
.kiosek-button :active {
  background-color: #f3f6f9;
}
.poznamka {
  font-style: italic;
  white-space: normal;
  color: var(--app-comment-color);
}
.agenterror {
  color: red;
  font-weight: bold;
}
.formFotoContainer {
  position: relative;
  align-self: flex-start;
}
.formFoto {
  position: absolute;
  right: 0;
  top: 0;
}
.formFoto img {
  max-width: 60px;
  max-height: 80px;
  display: block;
}
/** browserdenni - seznam s radkem pro kazdy den obdobi */
.browserdenni td {
  min-width: 80px;
}
@media (max-width: 768px) {
  .browserdenni td {
    min-width: 0;
    border: none;
  }
}
.zkratkadne {
  display: inline-block;
  width: 1.5em;
  text-align: left;
  color: slategray;
  margin-right: 2px;
  /*border-right: solid 1px lightgrey;
   margin-right: 3px;*/
}
.fotoDochazka {
  width: 80px;
  height: 80px;
  padding: 1px;
  /*border: solid 1px lightgrey;*/
  float: right;
}
.fotoDochazka img {
  max-width: 60px;
  max-height: 80px;
  margin: auto;
  display: block;
}
.kontrola_priznak {
  cursor: pointer;
  white-space: nowrap;
}
.kontrola_priznak.kontrola_10:before, .kontrola_priznak.kontrola_20:before, .kontrola_priznak.kontrola_30:before {
  content: "\f111";
  font-weight: 900;
  color: white;
}
.kontrola_priznak.kontrola_10:after {
  content: "\f05a";
  font-weight: 900;
  color: blue;
  margin-left: -1em;
}
.kontrola_priznak.kontrola_20:after {
  content: "\f06a";
  font-weight: 900;
  color: #ffef8f;
  margin-left: -1em;
}
.kontrola_priznak.kontrola_30:after {
  content: "\f057";
  font-weight: 900;
  color: red;
  margin-left: -1em;
}
.kontrola_row {
  /* radek tabulky s detailem kontrol */
  border-bottom: 1px solid black;
}
.kontrola_row td {
  padding: 10px;
  vertical-align: middle;
}
.kontrola_info {
  min-width: 300px;
}
.kontrola_row .kontrola_priznak {
  font-size: 200%;
}
.kontrola_ignorovat {
  display: none;
}
.minus, .minus input {
  color: red;
}
.editovanyzaznam {
  /* zvyrazneni zaznamu nebo dne, ktery byl prave editovan */
  font-weight: bold;
}
/* schvalovani - priznak */
.schvaleni1, td.schvaleni1 {
  background: limegreen !important;
}
.schvaleni2, td.schvaleni2 {
  background: #fffd55 !important;
}
.schvaleni3, td.schvaleni3 {
  background: orangered !important;
}
/* schvalovani (dochazka, sc) */
.textschvaleni1 {
  color: green;
}
.textschvaleni2 {
  color: #dfcf00;
}
.textschvaleni3 {
  color: #ff5c5c;
}
.textschvaleni4 {
  color: blue;
}
/* editace mesicnich */
.editaceMesicnichHromadna .editaceMP, .editaceMesicnichHromadna .editaceMV {
  text-align: right;
}
.poznamkaMP, .poznamkaMV {
  min-width: 120px;
  width: 100%;
  text-align: left;
}
.mesicniEditovana {
  font-weight: bold;
}
.browser_row_high {
  background-color: #e8f0f3;
}
.svatek td {
  font-weight: bold;
}
.today td {
  font-weight: bold;
}
td.browser_rowheader {
  color: #335ca6;
  padding-left: 10px;
  padding-right: 10px;
  min-width: 0;
}
th.browser_rowheader {
  padding-left: 10px;
  padding-right: 10px;
  min-width: 0;
}
/* hromadne schvalovani */
.hromadne_readonly {
  display: inline;
}
.hromadne_edit {
  display: none;
}
.hromadne .hromadne_readonly {
  display: none;
}
.hromadne .hromadne_edit {
  display: inline;
}
.hromadne tr.hromadne_edit {
  display: table-row;
}
.hromadne_norights {
  color: gray;
}
.vysledekedit {
  border: 1px solid black;
  text-align: right;
  width: 50px;
}
.poznamkaedit {
  border: 1px solid black;
  text-align: left;
}
.monitorovanipritomen {
  color: green;
}
.monitorovaninepritomen {
  color: #f04040;
}
.oddelovacmonitorovani td {
  background-color: white;
  color: #606060;
  font-weight: bold;
  padding-top: 0.5rem;
}
.minwidth {
  min-width: 600px;
}
.infotable {
  background: #f0f0f0;
  margin-top: 10px;
  line-height: 150%;
  text-align: left;
  vertical-align: middle;
  border: none;
  empty-cells: show;
  padding: 10px;
}
.infotable .data-col {
  min-width: 400px;
}
.infotable td {
  padding: 2px 10px 0 2px;
}
td.textvzkazu {
  padding: 0 5px 5px 15px;
  width: 500px;
}
td.prilohavzkazu {
  padding: 0 5px 10px 15px;
  font-style: italic;
  color: #606060;
}
td.predmetvzkazu {
  font-weight: bold;
  padding: 0 5px 10px 5px;
  width: 500px;
}
.dotaznik_jmeno {
  font-style: italic;
}
.dotaznik_odpoved {
  font-weight: bold;
}
.dotaznik_errinput {
  border: solid 1px #808080;
  background-color: #ffd0c0;
}
.po_terminu {
  color: red;
  text-decoration: none;
  /*font-weight: bold;*/
  /*text-shadow: 1px 1px 1px #FF7700;*/
  /*text-shadow: 2px 2px 3px #FFA5A5;*/
}
.po_terminu a {
  color: red;
  text-decoration: none;
}
.splnene {
  color: #747474;
  text-decoration: none;
}
.splnene a {
  color: #747474;
  text-decoration: none;
}
.prekazkaukolu {
  color: #e03050;
}
.reportlist {
  padding: 10px 0 0 0;
}
.report {
  padding: 0 0 10px 0;
}
.report span {
  padding-right: 15px;
}
.reportlinks a {
  padding-right: 10px;
}
/*
 .xml_dialog_container {
 position: fixed;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 display: none;
 background-color: transparent;
 text-align: center;
 }
 .xml_dialog_formback {
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:100%;
 z-index: 300;
 background: white;
 opacity: 0.9;
 }
 .xml_dialog {
 position: relative;
 margin: auto;
 top: 70px;
 z-index: 301;
 background: white;
 border: solid 1px black;
 }
 */
#rozdeleniosobydialog .leftpanel, #rozdeleniosobydialog .rightpanel {
  width: 420px;
  white-space: nowrap;
}
#schvalovaniAbsenciTable .browserselectedrow {
  font-weight: bold;
}
#upload_target {
  width: 0;
  height: 0;
  border: 0 solid #fff;
  margin: 0;
  padding: 0;
}
#upload_target.debug {
  width: 100%;
  height: 150px;
  border: 1px solid black;
}
.terminal_neuspesnenastaveni1 {
  background-color: #ffdcda;
}
.terminal_neuspesnenastaveni2 {
  background-color: #fac6c5;
}
.terminal_neuspesnanacteni {
  color: #ff792d;
  font-weight: bold;
}
.terminal_neuspesnenastaveni {
  color: #7575f0;
  font-weight: bold;
}
.terminal_neuspesnaspojeni {
  color: #fd2d82;
  font-weight: bold;
}
.sortable-placeholder {
  height: 1px;
  margin: 6px 0;
  background-color: blue;
}
.fotoViewer {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  /*width: 100%;*/
  /*height: 100%;*/
  overflow: hidden;
  background-color: rgba(128, 128, 128, 0.95);
  tab-index: 1;
}
.fotoViewerContainer {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 111px;
  /*background-color: rgba(128,0,0, 0.5);*/
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.fotoViewer img {
  /*display: block;*/
  /*margin: auto;*/
  /*position: absolute;*/
  /*top : 5px;*/
  /*left: 50%;*/
  /*margin-left: -50%;*/
  /*bottom: 111px;*/
  /*border: solid 1px green;*/
  max-height: 98%;
  max-width: 98%;
}
.fotoViewerThumbnailsPanel {
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 100%;
  height: 100px;
  background-color: rgba(255, 255, 255, 0.8);
  border-top: solid 1px silver;
  overflow: hidden;
  white-space: nowrap;
}
.fotoViewerThumbnail {
  position: relative;
  display: table-cell;
  top: 0;
  min-width: 60px;
  max-width: 20%;
  border: 2px solid rgba(0, 0, 0, 0);
  vertical-align: middle;
  text-align: center;
}
.fotoViewerThumbnail.selected {
  border: 2px solid dimgrey;
}
.fotoViewerThumbnail img {
  margin: 2px 0;
  padding: 0;
  border: none;
  max-height: 94px;
  max-width: 95%;
}
/*
 @viewport {
 width: 640px;
 }
 */
#detailosoby_foto img {
  height: 150px;
  _float: right;
}
#detailuchazece_noFoto {
  width: 120px;
  height: 150px;
  padding: 2px;
  margin-bottom: 5px;
  border: solid 1px;
}
#detailuchazece_foto img {
  width: 120px;
  padding: 2px;
  border: solid 1px;
}
.ekurz_probiha {
  color: grey;
}
.ekurz_absolvovan_uspesne {
  color: green;
}
.ekurz_absolvovan_neuspesne {
  color: red;
}
/* pokladni kniha */
#poklk_hromadneschvalovani {
  /*float: right;*/
  display: inline-block;
  padding-left: 20px;
}
#poklkniha_castka_noedit.hidden {
  display: none;
}
.poklk_links {
  display: inline-block;
}
.form_readonly {
  background-color: #f0f0f0 !important;
}
/* zastupy */
#zastup_links {
  display: inline-block;
}
.zastup_textschvaleni {
  color: green;
}
.zastup_textzamitnuti {
  color: #dfcf00;
}
.zastup_textzruseni {
  color: #ff5c5c;
}
.ronFoto img {
  cursor: pointer;
}
.ronFoto_full {
  display: none;
  position: absolute;
  z-index: 100;
  background: white;
}
.ronFoto_full img {
  cursor: pointer;
  max-width: 250px;
  padding: 3px;
  border: solid 1px;
}
.browserfoto img {
  width: auto;
  max-height: 90px;
}
.browser_ukonceny_pp * {
  color: red !important;
}
.ukoly_cekaji {
  color: #d11010;
}
.ukoly_cekaji a {
  color: #d11010;
  text-decoration: none;
}
.ukoly_cekaji a:hover {
  color: #d11010;
  text-decoration: underline;
}
.ronInfoFoto {
  position: relative;
}
.ronInfoFoto_full {
  position: absolute;
  display: none;
  border: 1px solid #e0e0f0;
  border-radius: 0.25rem;
  overflow: hidden;
  z-index: 105;
}
.ronInfoFoto_full img {
  width: 200px;
}
.app_info_bubble {
  position: fixed;
  top: 5px;
  right: 5px;
  background: lightgoldenrodyellow;
  border: solid 1px lightgrey;
  padding: 10px;
  z-index: 105;
}
.app_error_bubble {
  position: fixed;
  top: 5px;
  right: 5px;
  background: #fcd0c0;
  border: solid 1px lightgrey;
  padding: 10px;
  z-index: 105;
}
.novinkaportalu {
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: solid 1px lightgrey;
}
.novinkaportalu .datumnovinky {
  float: right;
  vertical-align: bottom;
}
.dashboard {
  display: flex;
  flex-wrap: wrap;
}
.dashboard .col1 {
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}
.dashboard .col2 {
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}
.dashboard .col3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.dashboard .col4 {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.dashboard .col5 {
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}
.dashboard .col6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.dashboard .col7 {
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}
.dashboard .col8 {
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}
.dashboard .col9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.dashboard .col10 {
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}
.dashboard .col11 {
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}
.dashboard .col12 {
  flex: 0 0 100%;
  max-width: 100%;
}
@media (max-width: 768px) {
  .dashboard {
    width: 100%;
    display: block;
  }
  .dashboard .col1, .dashboard .col2, .dashboard .col3, .dashboard .col4, .dashboard .col5, .dashboard .col6, .dashboard .col7, .dashboard .col8, .dashboard .col9, .dashboard .col10, .dashboard .col11, .dashboard .col12 {
    width: 100%;
    max-width: 100%;
  }
}
.dashboard-item {
  padding: 0.15rem;
  height: 12.5rem;
  overflow: hidden;
}
@media (max-width: 768px) {
  .dashboard-item {
    padding: 0.15rem 0;
  }
}
.dashboard-frame {
  border: 1px solid #e0e0f0;
  border-radius: 0.25rem;
  overflow: hidden;
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
}
.dashboard-content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: stretch;
}
.dashboard-frame .ui-resizable-handle {
  right: 3px;
  bottom: 3px;
}
.dashboard-resizable-helper {
  border: 1px dotted #888;
}
.dashboard-caption {
  background-color: #f8f8fc;
  padding: 0.25em;
  position: relative;
  border-bottom: solid 1px #e0e0f0;
  margin-bottom: 2px;
  overflow: hidden;
  flex-shrink: 0;
}
.dashboard-data {
  overflow: auto;
  width: 100%;
  flex-shrink: 1;
  padding: 0 0.25rem;
}
.dashboard-data table {
  border-collapse: collapse;
}
.dashboard-data table td {
  padding: 5px 5px 2px 5px;
  vertical-align: middle;
}
.dashboardbuttons {
  float: right;
  position: absolute;
  right: 0;
  top: 3px;
}
.dashboardbutton {
  width: 20px;
  height: 16px;
  display: inline-block;
  cursor: pointer;
}
.dashboardTable th {
  font-weight: bold;
  border-bottom: solid 1px grey;
  background-color: #f8f8fc;
}
.dashboard-data .floating-table-header th {
  top: 0;
}
.taskmanager {
  width: 300px;
  position: absolute;
  z-index: 10;
  right: 1rem;
  top: 2rem;
}
.glyph-napad:before {
  content: "\f672";
  font-weight: 300;
}
.glyph-napad-2:before {
  content: "\f00d";
  font-weight: 300;
}
.pritomnost_info:before {
  content: "\f2fd";
  font-weight: 300;
  color: lightgrey;
}
.pritomen:before {
  content: "\f14a";
  font-weight: 300;
  color: limegreen;
}
.nepritomen:before {
  content: "\f2d3";
  font-weight: 300;
  color: red;
}
#monitorovani_pocty {
  margin-top: 2em;
}
.missing {
  background-color: #fcd0c0 !important;
}
.raising {
  background-color: deepskyblue !important;
}
.ikony_rozdeleni .partial {
  color: lightgrey;
}
#filterrow_ucetstravnika {
  font-weight: bold;
  font-size: 130%;
}
/*# sourceMappingURL=s_app.css.map */