div.storno_radek div {
  
  opacity:0.50; /* firefox, opera, safari, chrome */
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=50)"; /* IE 8 */
  filter:alpha(opacity=50); /* IE 4, 5, 6 and 7 */
  zoom:1; /* so the element "hasLayout"
  /* or, to trigger "hasLayout" set a width or height */
 }
 
 div.row_uni_group {
   border-bottom: 1px dotted #b4b3b5
 }

 div.detail_uni {
  background-image: url(../grafika/layout-stranky/blank-column.png); 
  background-repeat: repeat-y; background-position: left; 
  border-top: 1px dotted #b4b3b5; width: 100%; 
  background-color: white; padding-left: 36px	
 }
 
 div.title_detail_uni {
  font-size: 95%; padding-left: 5px; 
  background-color: #f6f3d6; 
  border-right: 1px dotted silver; 
  border-bottom: 1px dotted silver; 
  height: 20px; line-height: 20px; 
  font-weight: bold
 }
 
 div.ender {
  background-color: #e1fd8a; height: 4px;
 }

 div.end_table {
  background-color: #f8f7ea; width: 100%; height: 10px; border-right: 1px dotted black; border-bottom: 1px dotted black
 }

 div.hlavicka_tabulky_ev_polozky_kniha_jizd {
  height: 50px; padding-right: 17px; padding-top: 3px;
  font-weight: bold; color: black; line-height: 1em;
  overflow: hidden;
  background-image: url(../grafika/vodorovny-stin-bottom.gif); background-repeat: repeat-x; background-position: bottom
 }
  

div.uni_polozky_bunka_kniha_jizd {
 border-right: 1px dotted #69686c;
 float: left; font-weight: bold;
 padding-left: 5px; padding-top: 0px;
 font-size: 7pt; height: 20px
}

div.uni_polozky_bunka_right_kniha_jizd {
 border-right: 1px dotted #69686c;
 float: left; font-weight: bold;
 padding-right: 5px; padding-top: 0px;
 font-size: 7pt;
 text-align: right; height: 20px
}

div.uni_polozky_bunka_admin_kniha_jizd {
 float: left; font-weight: bold;
 padding-left: 5px; padding-top: 0px;
 font-size: 7pt; height: 20px
}

div.uni_polozky_bunka_data_kj {
 border-right: 1px dotted #69686c;
 float: left; padding-left: 5px; 
 height: 50px; line-height: 25px;
 overflow: hidden;
}

div.uni_polozky_bunka_data_right_kj {
 border-right: 1px dotted #69686c;
 float: left; padding-right: 5px;
 text-align: right;
 height: 50px; line-height: 25px;
 overflow: hidden;
}

div.uni_polozky_bunka_data_admin_kj {
 float: left; padding-left: 5px;
 height: 50px; line-height: 25px;
 overflow: hidden; 
}

 div.hlavicka_tabulky_ev_polozky {
  height: 25px; padding-right: 17px;
  font-weight: bold; color: black; line-height: 2em;
  overflow: hidden;
  background-image: url(../grafika/vodorovny-stin-bottom.gif); background-repeat: repeat-x; background-position: bottom
 }

div.uni_polozky_bunka {
 border-right: 1px dotted #69686c;
 float: left; font-weight: bold;
 padding-left: 5px; margin-top: 3px;
 font-size: 7pt; height: 25px
}

div.uni_polozky_bunka_right {
 border-right: 1px dotted #69686c;
 float: left; font-weight: bold;
 padding-right: 5px; margin-top: 3px;
 font-size: 7pt;
 text-align: right; height: 25px
}

div.uni_polozky_bunka_admin {
 float: left; font-weight: bold;
 padding-left: 5px; margin-top: 3px;
 font-size: 7pt; height: 25px
}

div.uni_polozky_bunka_data {
 border-right: 1px dotted #69686c;
 float: left; padding-left: 5px; 
 height: 25px; line-height: 25px;
 overflow: hidden;
}

div.uni_polozky_bunka_data_right {
 border-right: 1px dotted #69686c;
 float: left; padding-right: 5px;
 text-align: right;
 height: 25px; line-height: 25px;
 overflow: hidden;
}

div.uni_polozky_bunka_data_admin {
 float: left; padding-left: 5px;
 height: 25px; line-height: 25px;
 overflow: hidden; 
}

div.radek_uni_polozky_vyber {
 border-bottom: 1px dotted #69686c;
}

div.radek_uni_polozky_vyber:hover {
background-color: #fffcca; cursor: pointer
}

div.pripojeny_prijemce_mailing {
 float: left; height: 16px; border: 1px solid #9f9e9d;
 margin-right: 5px; padding-left: 5px; margin-bottom: 5px; 
 background-color: #fcf5a6; width: 115px; overflow: hidden
}

div.nazev_prijemce_mailing {float: left; width: 88px; height: 16px; overflow: hidden; line-height: 16px; position: relative; padding-right: 15px;}
div.odstranit_pripojeneho_prijemce_mailing {float: left; line-height: 16px; padding-top: 2px; width: 10px; cursor: pointer; padding-right: 2px; clear: right}

div.pripojeny_prijemce {
 float: left; height: 16px; border: 1px solid #9f9e9d;
 margin-right: 5px; padding-left: 5px; margin-bottom: 5px; 
 background-color: #fcf5a6; 
}

div.butt_login_password {
 float: left;; margin-left: 10px; border-left: 1px dotted silver; cursor: pointer;
 text-align: center; width: 106px;
}

div.pocitadlo_suda {
 float: left; font-weight: normal; height: 22px; line-height: 20px; overflow: hidden;
 background-color: #ffffff
}

div.pocitadlo_licha {
 float: left; font-weight: normal; height: 22px; line-height: 20px; overflow: hidden;
 background-color: #faf9f2
}

div.nadpis_aktualit {
 background-color: #fffbca; padding: 5px; border-bottom: 1px dotted #808080; cursor: pointer;
 font-weight: bold;
}

div.nadpis_aktualit:hover {
 background-color: #fffab7; 
}

div.udalost_po_terminu {
 background-color: red;
}

div.butt_login_password:hover {
 color: #69342d
}

span.sznsklpol {
 color: red; font-weight: bold; font-size: 98%; cursor: pointer
}

span.sznsklpol:hover {
 color: maroon; text-decoration: underline;
}

div.nazev_prijemce {float: left; height: 16px; overflow: hidden; line-height: 16px; position: relative; padding-right: 15px;}
div.odstranit_pripojeneho_prijemce {float: left; line-height: 16px; padding-top: 1px; * padding-top: 2px; cursor: pointer; padding-right: 2px; clear: right}

/* Hlavička Tabulky s výpisem */
td.hlavickaTabulkyIndex {border-right: 1px dotted silver; padding-bottom: 5px;}
td.hlavickaTabulky {border-right: 1px dotted silver; padding-left: 5px; font-size: 95%; padding-bottom: 5px;  cursor: pointer;}
td.hlavickaTabulky:hover {color: #c7380a}
td.hlavickaTabulkyRight {border-right: 1px dotted silver; padding-right: 5px; font-size: 95%; padding-bottom: 5px;  cursor: pointer; text-align: right;}
td.hlavickaTabulkyRight:hover {color: #c7380a}
td.hlavickaAdmin {border-right: 1px dotted silver; padding-right: 5px; padding-bottom: 5px; cursor: default; font-size: 95%}

/* Řádek Tabulky s výpisem*/
div.divRadekPolozkyObj {cursor: pointer; overflow: hidden; border-right: 1px dotted silver; border-bottom: 1px dotted silver; float: left; line-height: 2.5em; padding: 0px 5px 0px 5px; height: 26px; overflow: hidden;}
div.divRadekPolozkyObjPosledni {cursor: pointer; overflow: hidden; border-bottom: 1px dotted silver; float: left; line-height: 2.5em; padding: 0px 5px 0px 5px; height: 26px; overflow: hidden;}


div.seznam_kniha_jizda_radek {cursor: pointer; overflow: hidden; border-right: 1px dotted silver; border-bottom: 1px dotted silver; float: left; line-height: 1.8em; padding: 1px 5px 0px 5px; height: 40px; overflow: hidden;}
div.seznam_kniha_jizda_radek_right {cursor: pointer; overflow: hidden; border-right: 1px dotted silver; border-bottom: 1px dotted silver; float: left; line-height: 1.8em; padding: 1px 5px 0px 5px; text-align: right; height: 40px; overflow: hidden;}
div.seznam_kniha_jizda_radek_posledni {cursor: pointer; overflow: hidden; border-bottom: 1px dotted silver; float: left; line-height: 1.8em; padding: 1px 5px 0px 5px; height: 40px; overflow: hidden;}
div.seznam_kniha_jizda_radek_admin {overflow: hidden; height: 40px; clear: right; border-right: 1px dotted silver; border-bottom: 1px dotted silver; line-height: 1.8em; padding: 1px 5px 0px 3px;}

div.bunka_zakazky_aktivity {
 float: left; padding: 2px 5px 0px 5px; line-height: 1.8em; height: 22px; /*background-color: yellow;*/
 overflow: hidden; margin-right: 1px
}

td.hlavickaTabulkyAktivity { border-right: 1px dotted #808080; padding-left: 5px; font-size: 95%; padding-bottom: 5px;  cursor: pointer;}
td.hlavickaTabulkyAktivity:hover {color: #c7380a}
td.hlavickaTabulkyAktivityRight {border-right: 1px dotted #808080; padding-right: 5px; font-size: 95%; padding-bottom: 5px;  cursor: pointer; text-align:right}
td.hlavickaTabulkyAktivityRight:hover {color: #c7380a}

div.divRadekPolozkyObjRight {cursor: pointer; overflow: hidden; border-right: 1px dotted silver; border-bottom: 1px dotted silver; float: left; line-height: 2.5em; padding: 0px 5px 0px 5px; text-align: right; height: 26px; overflow: hidden;}

div.divRadekPolozkyObjAdmin {overflow: hidden; height: 26px; clear: right; border-right: 1px dotted silver; border-bottom: 1px dotted silver; line-height: 2.5em; padding: 0px 5px 0px 3px; }

/*
div.divRadekPolozkyObj {cursor: pointer; overflow: hidden; border-right: 1px dotted silver; border-bottom: 1px dotted silver; float: left; line-height: 2.5em; padding: 0px 5px 0px 5px }
div.divRadekPolozkyObjAdmin {overflow: hidden; border-right: 1px dotted silver; border-bottom: 1px dotted silver; clear: right; line-height: 2.5em; padding: 0px 5px 0px 3px }
*/





#objednavky-odberatele {
/*
position: absolute;
top: 0px; width: 1020px;
z-index: 500; 
*/
}

#faktury-odberatele {
/*
position: absolute;
top: 0px; width: 1039px;
z-index: 500; 
*/
}

#objednavky-polozky-seznam {
/*
position: absolute;
top: 0px; width: 1040px;
z-index: 500;
*/
}

#cenik-polozky {
/*position: absolute;
top: 0px; width: 879px;
z-index: 500;
*/
}

#zakazky-odberatele {
/*position: absolute;
top: 0px; width: 1045px;
z-index: 500;
*/
}

#poznamky-polozky {
/*
position: absolute;
top: 0px;
z-index: 500; 
*/
}

#ukoly-polozky {
/*
position: absolute;
top: 0px; width: 1130px;
z-index: 500; 
*/
}

#polozky-prehledy {
position: absolute;
top: 0px; width: 1016px;
z-index: 500;
}

div.divRadekPolozkyObjednavkyTab {border-bottom: 1px dotted silver; border-right: 1px dotted silver; line-height: 1.8em; padding-left: 5px; font-size: 95%; font-weight: bold; float: left}

div.divRadekPolozkyObjednavkyTabRight {border-bottom: 1px dotted silver; border-right: 1px dotted silver; line-height: 1.8em; padding-right: 5px; font-size: 95%; font-weight: bold; float: left}

div.divRadekPolozkyObjednavky {border-bottom: 1px dotted silver; border-right: 1px dotted silver; line-height: 1.8em; padding-left: 5px; font-size: 95%; background-color: #f6f3d6; font-weight: bold; float: left}
div.divRadekPolozkyObjednavkyCenik {border-bottom: 1px dotted silver; line-height: 1.8em; padding-left: 5px; font-size: 95%; background-color: #f6f3d6; font-weight: bold; float: left}
div.divRadekPolozkyObjednavkyExpand {border-right: 1px dotted silver; border-bottom: 1px dotted silver; line-height: 1.8em; padding-left: 5px; font-size: 95%; background-color: #f6f3d6; font-weight: bold; float: left}
div.divRadekPolozkyObjednavkyRight {border-bottom: 1px dotted silver; border-right: 1px dotted silver; line-height: 1.8em; padding-right: 5px; font-size: 95%; background-color: #f6f3d6; font-weight: bold; float: left}
div.polozkyObjednavky {border-bottom: 1px dotted silver; border-right: 1px dotted silver; line-height: 1.5em; padding-left: 5px; font-size: 95%; float: left; overflow-x: hidden;}

div.polozkyObjednavkySeznam {border-bottom: 1px dotted silver; border-right: 0px dotted silver; line-height: 1.5em; padding-left: 5px; font-size: 95%; float: left; overflow-x: hidden;}

div.polozkyObjednavkyRight {border-bottom: 1px dotted silver; border-right: 1px dotted silver; line-height: 1.5em; padding-right: 5px; font-size: 95%; float: left}
div.divRadekDetailPolozkyObj {}
div.divRadekPoznamky {
border-bottom: 1px dotted silver; border-right: 1px dotted silver; border-top: 1px dotted silver;
line-height: 1.8em; padding-left: 5px; font-size: 98%; 
background-color: #f6f3d6; font-weight: bold; float: left
}
div.divRadekPoznamkyTxt {
border-right: 1px dotted silver;
line-height: 1.8em; padding-left: 5px; font-size: 98%; 
float: left
}


/* Kontextové nabídky */
div.divStavObjednavkyKontext {
line-height: 2em; cursor: pointer; border-bottom: 1px dotted silver;
padding-left: 5px;
}

div.divStavObjednavkyKontext:hover {
background-color: #ffff83
}

div.divStavObjednavkyKontextPosledni {
line-height: 1.9em; * line-height: 2em; cursor: pointer; border-bottom: 0px dotted silver;
padding-left: 5px;
}

div.divStavObjednavkyKontextPosledni:hover {
background-color: #ffff83
}

div.divStavZakazkyKontext {
line-height: 2em; cursor: pointer; border-bottom: 1px dotted silver;
padding-left: 5px;
}

div.divStavZakazkyKontext:hover {
background-color: #ffff83
}

div.divStavZakazkyKontextPosledni {
line-height: 1.9em; * line-height: 2em; cursor: pointer; border-bottom: 0px dotted silver;
padding-left: 5px;
}

div.divStavZakazkyKontextPosledni:hover {
background-color: #ffff83
}

tr.radekSprazenePolozky {}
td.bunkaSprazenePolozkyNazev {width: 20px; border-bottom: 1px dotted silver; border-right: 1px dotted silver}

#form_dochazka {
position: absolute;
top: 0px; width: 1022px;
z-index: 500; 
}

#form_report_dochazka {
position: absolute;
top: 0px; width: 833px;
z-index: 500; 
}

font.vysoka_priorita {
 color: red; font-weight: bold; font-size: 9pt
}

font.stredni_priorita {
 color: green; font-weight: bold; font-size: 9pt
}

font.nizka_priorita {
 color: #878585; font-weight: bold; font-size: 9pt
}

div.radek_evip_nodata {
 padding: 5px
}

div.radek_evip {
border-bottom: 1px dotted silver; background-color: #f0f0e3
}


div.radek_evip_licence_zarizeni, div.radek_evip_pocitadla {
border-bottom: 1px dotted silver; background-color: #f0f0e3
}


div.data_evip {
 float: left; font-weight: normal; font-size: 98%; color: black; /* #5b5a58 */
 padding: 3px 5px 3px 5px; border-right: 1px dotted silver;
 height: 18px; line-height: 18px;  border-bottom: 0px dotted silver;
 overflow: hidden
}


div.data_evip_last {
 float: left; font-weight: normal; font-size: 98%; color: black;
 padding: 3px 5px 3px 5px; height: 18px;
 line-height: 18px; overflow: hidden;  border-bottom: 0px dotted silver;
 overflow: hidden
}


div.data_hpudalosti {
 float: left; font-weight: normal; font-size: 98%; color: black; /* #5b5a58 */
 padding: 3px 5px 3px 5px; border-right: 1px dotted silver;
 height: 18px; line-height: 18px;  border-bottom: 1px dotted silver;
 overflow: hidden
}

div.data_hpudalosti_termin {
 float: left; font-weight: normal; font-size: 98%; color: black; /* #5b5a58 */
 padding: 3px 5px 3px 5px; border-right: 1px dotted silver;
 height: 18px; line-height: 18px;  border-bottom: 1px dotted silver;
 overflow: hidden
}

div.data_hpudalosti_termin:hover {
 background-image: url(../grafika/layout-stranky/homepage-termin.png); background-position: center center;
 background-repeat: no-repeat
}

div.data_hpudalosti_last {
 float: left; font-weight: normal; font-size: 98%; color: black;
 padding: 3px 5px 3px 5px; height: 18px;
 line-height: 18px; overflow: hidden;  border-bottom: 1px dotted silver;
 overflow: hidden
}


div.hlavicka_hpudalosti {
 float: left; font-weight: bold; font-size: 92%; color: black; /* #5b5a58 */
 padding: 2px 5px 2px 5px; border-right: 1px dotted silver;
 background-color: #f1eed0; height: 18px; line-height: 18px;
}


div.hlavicka_hpudalosti_last {
 float: left; font-weight: bold; font-size: 92%; color: black;
 padding: 2px 5px 2px 5px; background-color: #f1eed0; height: 18px;
 line-height: 18px; overflow: hidden;
}


div.hlavicka_obchodni_souhrn {
 float: left; font-weight: bold; font-size: 92%; color: black; /* #5b5a58 */
 padding: 0px 5px 0px 5px; border-right: 1px dotted silver;
 background-color: #f6f3d6; height: 18px; line-height: 18px;
}


div.hlavicka_obchodni_souhrn_last {
 float: left; font-weight: bold; font-size: 92%; color: black;
 padding: 0px 5px 0px 5px; background-color: #f6f3d6; height: 18px;
 line-height: 18px; overflow: hidden;
}

div.bunka_obchodni_souhrn_agenda {
 float: left; font-weight: bold; font-size: 7pt;
 padding: 0px 5px 0px 5px; border-right: 1px dotted silver;
 height: 22px; line-height: 22px; color: #5b5a58; overflow: hidden;
}

div.bunka_obchodni_souhrn_obrat_celkem {
 float: left; font-weight: bold; font-size: 92%;
 padding: 0px 5px 0px 5px; border-right: 0px dotted silver;
 height: 22px; line-height: 22px; overflow: hidden;
}

div.bunka_obchodni_souhrn_rozpracovane {
 float: left; font-weight: bold; font-size: 92%;
 padding: 0px 5px 0px 5px; border-right: 1px dotted silver;
 height: 22px; line-height: 22px; color: red; overflow: hidden;
}

div.bunka_obchodni_souhrn_dokoncene {
 float: left; font-weight: bold; font-size: 92%;
 padding: 0px 5px 0px 5px; border-right: 1px dotted silver;
 height: 22px; line-height: 22px; color: #a1a1a1; overflow: hidden;
}


div.bunka_obchodni_souhrn {
 float: left; font-weight: bold; font-size: 92%; color: green;
 padding: 0px 5px 0px 5px; border-right: 1px dotted silver;
 height: 22px; line-height: 22px; overflow: hidden;
}

div.bunka_obchodni_souhrn_last {
 float: left; font-weight: bold; font-size: 92%; color: #5b5a58;
 padding: 0px 5px 0px 5px; overflow: hidden;
 height: 22px; line-height: 22px;
}

div.div_prehled_obratu {
 height: 290px; overflow: hidden; overflow-y: scroll; border-bottom: 1px dotted black;
}

div.div_prehled_obratu_aktivity {
 height: 281px; overflow: hidden; overflow-y: scroll; border-bottom: 1px dotted black;
}

div.div_prehled_obratu_graf {
 position: absolute; bottom: 0px; left: 0px; right: 0px; top: 30px; overflow: hidden; overflow-y: scroll; border-top: 1px dotted black;
}

div.div_prehled_obratu_graf_1 {
 position: absolute; bottom: 0px; left: 0px; right: 0px; top: 35px; overflow: hidden; overflow-y: scroll; border-top: 1px dotted black;
}

div.data_homepage_aktivity_graf {
position: absolute; bottom: 1px; left: 0px; right: 0px; top: 37px; overflow-x: hidden; overflow-y: scroll;
}

div.data_homepage_aktivity_nograf {
position: absolute; bottom: 1px; left: 0px; right: 0px; top: 37px; overflow-x: hidden; overflow-y: scroll;
}

div.bunka_obrat_pracovnik { 
 float: left; font-weight: bold; font-size: 92%; color: #5b5a58;
 padding: 0px 5px 0px 5px; border-right: 1px dotted silver;
 height: 22px; line-height: 22px; overflow: hidden;
}

div.bunka_obrat_mesic { 
 float: left; font-weight: normal; font-size: 7pt; color: green;
 padding: 0px 5px 0px 5px; border-right: 1px dotted silver;
 height: 22px; line-height: 22px; overflow: hidden;
}

div.bunka_obrat_mesic_last { 
 float: left; font-weight: bold; font-size: 7pt; color: green;
 padding: 0px 5px 0px 5px; height: 22px; line-height: 22px;
 overflow: hidden;
}


div.filtr_kontakt {
 width: 20%; overflow: hidden; float: left;
}

div.filtr_dochazka {
 width: 30%; overflow: hidden; float: left;
}


/*
div.el_filtr {
 float: left; margin-right: 10px; width: calc(100% - 130px); overflow: hidden
}
*/

div.panel_filtr {
 width: calc(100% - 55px); padding-left: 5px;
}

div.panel_filtr_aktivity {
 width: calc(100% - 90px); padding-left: 5px;
}

div.panel_filtr_pokladna {
 width: calc(100% - 200px); padding-left: 5px;
}

div.panel_filtr_login {
 width: calc(100% - 180px); padding-left: 5px;
}

div.panel_filtr_dochazka {
width: calc(100% - 500px); padding-left: 5px;
}

@media screen and (max-width: 1400px){
 div.filtr_kontakt {
  width: 25%; overflow: hidden; float: left;
 }
}

div.ui-dialog-content div.filtr_kontakt {
 width: 100%; margin-bottom: 8px
}

div.ui-dialog-content div.filtr_dochazka {
 width: 100%; margin-bottom: 8px
}

div.ui-dialog-content div.title_filter {
 padding-top: 6px
}

div.ui-dialog-content div.el_filtr {
 padding-top: 3px
}

div.ui-dialog-content div.a_sloupec {
 width: 370px !important;
}

div.ui-dialog-content div.a_stav {
 width: 378px !important;
}


div.ui-dialog-content div.a_datum_od {
 width: calc(50% - 40px) !important
}

div.ui-dialog-content div.a_datum_do {
 width: calc(50% - 40px) !important
}

div.ui-dialog-content div.a_datum_info {
 width: 75px !important
}

div.ui-dialog-content div.a_datum_title {
 width: 100px !important;
}

div.ui-dialog-content div.a_filtr {
 width: 250px !important;
}




/*

#panel-filtr-setup div.filtr_kontakt {
 width: 100%; overflow: hidden; margin-bottom: 5px
}

#panel-filtr-setup div.title_filter {
 width: 100px !important; overflow: hidden;
}

#panel-filtr-setup div.el_filtr {
 width: calc(100% - 140px) !important; overflow: hidden;
}
*/

div.dochazka-radek {
 width: 100%; border-bottom: 1px dotted black;
}

div.dochazka-radek-f {
 width: 100%; border-bottom: 1px dotted black; height: 50px;
}


div.dochazka-radek-select-footer {
 float: left; width: 36px; height: 50px; 
 background-color: #f8f7ea
}

div.dochazka-radek-den-footer {
 float: left; width: 137px; height: 50px; 
 padding-left: 5px; background-color: #f8f7ea
}

div.dochazka-radek-casova-osa-footer {
 float: left; width: calc(84% - 106px); height: 50px; border-right: 0px dotted black; background-color: #f8f7ea
}

div.dochazka-radek-soucet-footer {
float: left; width: calc(16% - 37px); height: 50px; background-color: #f8f7ea
}

div.dochazka-vikend {
 background-color: #ececec
}

div.dochazka-akce-footer {
 width: calc(25% - 2px); float: left; 
 height: 25px; line-height: 25px; 
 border-right: 1px dotted silver; 
 font-weight: bold;
 text-align: center; overflow: hidden
}

div.odpracovano { color: #00803b}
div.dovolena { color: #e27c04}
div.lekar { color: #ff0000}
div.pauza { color: #b0b0b9}
div.nemoc { color: #83a1ed}
div.svatek { color: #e893cd}
div.nula { color: silver}


div.dochazka-poznamka {
 background-image: url(../grafika/ikony/poznamka3.png); background-repeat: no-repeat;
 background-position: top right;
}


div.dochazka-hlavicka-tabulky-report {
  width: calc(100% - 17px); margin-top: 16px; height: 122px;
  overflow: hidden;
  background-image: url(../grafika/vodorovny-stin-bottom.gif); background-repeat: repeat-x; background-position: bottom
}

div.dochazka-hlavicka-tabulky {
  width: calc(100% - 17px); margin-top: 16px; height: 61px;
  overflow: hidden;
  background-image: url(../grafika/vodorovny-stin-bottom.gif); background-repeat: repeat-x; background-position: bottom
}

div.dochazka-radek {
 width: 100%; border-bottom: 1px dotted black
}

div.dochazka-radek-select {
 float: left; width: 35px; height: 62px; 
 border-right: 1px dotted black; 
 background-color: #f8f7ea
}

div.dochazka-radek-den {
 float: left; width: 100px; height: 62px; 
 border-right: 1px dotted black; 
 padding-left: 5px; background-color: #f5f2f2
}

div.dochazka-radek-den-vikend {
 float: left; width: 100px; height: 62px; 
 border-right: 1px dotted black; 
 padding-left: 5px; background-color: #ececec
}

div.dochazka-radek-den-datum {
 position: relative; border-bottom: 1px dotted silver;  height: 30px; line-height: 28px; font-weight: bold; color: #6d6d6d
}

div.dochazka-radek-den-den {
 position: relative; height: 30px; line-height: 25px; font-weight: bold; color: #00803b
}

div.dochazka-radek-casova-osa {
 float: left; width: calc(84% - 106px); height: 60px; border-right: 0px dotted black;
}

div.dochazka-casova-osa-hodina {
 position: relative; float: left; width: calc(8.3% - 1px); 
 border-right: 1px dotted #444444; 
 height: 30px; line-height: 20px; font-weight: bold;
}

div.dochazka-casova-osa-ctvrthodina {
 width: calc(25% - 1px); height: 100%; border-right: 1px dotted silver; float: left; margin-top: 0px; cursor: pointer;
 text-align: center; line-height: 25px
}

div.dochazka-casova-osa-ctvrthodina-last {
 width: calc(25% - 0px); height: 100%; border-right: 0px dotted silver; float: left; margin-top: 0px; cursor: pointer;
 text-align: center; line-height: 25px
}

div.dochazka-casova-osa-ctvrthodina:hover {
 background-color: #e6e6e6
}

div.dochazka-casova-osa-ctvrthodina-last:hover {
  background-color: #e6e6e6
}

div.dochazka-akce {
 width: calc(25% - 2px); float: left; 
 height: 30px; line-height: 30px; 
 border-right: 1px dotted silver; 
 border-bottom: 1px dotted silver;
 font-weight: bold;
 text-align: center; overflow: hidden
}

div.dochazka-akce-2radek {
 width: calc(25% - 2px); float: left; 
 height: 30px; line-height: 30px;
 border-right: 1px dotted silver; 
 font-weight: bold; text-align: center; 
 overflow: hidden;
}


div.odpracovano-radek-celkem, div.dovolena-radek-celkem, div.lekar-radek-celkem, div.pauza-radek-celkem, div.nemoc-radek-celkem, div.svatek-radek-celkem {
 cursor: pointer;
}

div.odpracovano-radek-celkem:hover, div.dovolena-radek-celkem:hover, div.lekar-radek-celkem:hover, div.pauza-radek-celkem:hover, div.nemoc-radek-celkem:hover, div.svatek-radek-celkem:hover {
 background-color: #e6e6e6;
}