html { font-family: Arial, Helvetica, sans-serif; height: 100%; }

body { 
    margin: 0; 
    display: inline-block; 
    min-width: 100%; 
    min-height: calc(100% - 30px); 
    font-size: 180%;
    max-width: 100%;
}

.doc_prehlad {position:relative}

a:focus { border: none; outline: none;  }

@media only screen and (min-width: 1200px){
    body { 
        font-size: 100%;
        max-width: auto;
    }
}


body footer{
    height: 30px;
    
    color: #999;
    display: block;
    font-size: 90%;
    width: 100%;

    max-width: 1100px;
    width: calc(100% - 100px);
    margin: 20px auto 0;
}
body footer a {
    float: right;
}

section.top { 
    background: #fff;
    position: sticky;
    top: 0;
    z-index: 100;
}

section.top h1.title {
    font-size: 40px;
    line-height: 80px;
    padding: 10px 10px 10px 30px;
    margin: 0;
    background-color: #fff;

    position: sticky;
    top: 0;
    z-index: 99;
    display: inline-block;
}

section.top h1.title img { display: inline-block; height: 40px; vertical-align: text-top; }
section.top h1.title span { display: none; }

@media only screen and (min-width: 1200px){
    section.top h1.title {
        font-size: 18px;
        line-height: 21px;
    }
    section.top h1.title img { height: 20px; }
    section.top h1.title span { display: inline; }
}

section.top div.googlesign {
    float: right;
    padding-top: 17px;
    padding-right: 20px;
}


ul.mainmenu {
    padding-left: 0;
    font-weight: 500;
    background-color: #f1f3f4;
    margin: 0;
    border-top: 1px solid #dadce0;
    outline: 1px solid #c0c0c0;

    z-index: 98;
    position: sticky;
    top: 80px;
    font-size: 130%;
    /* min-width: 1050px; */
}

@media only screen and (min-width: 1200px){
    ul.mainmenu {
        top: 41px;
        font-size: 100%;
    }

    section.top div.googlesign {
        padding-top: 1px;
        padding-right: 1px;
    }
}

ul.mainmenu li {
    list-style: none;
    display: inline-block;
    padding: 0;
    position: relative;
}

ul.mainmenu li a {
    display: block;
    padding: 25px 30px;
    color: #888;
    font-weight: bold;
}

ul.mainmenu li.title a {
    padding-top: 5px;
    padding-bottom: 5px;
    color: #f1f3f4;
    background-color: #8d9da5;
}

@media only screen and (min-width: 1200px){
    ul.mainmenu li a {
        padding: 15px 8px;
    }
}

ul.mainmenu li a {
    padding: 20px 50px;
}

@media only screen and (min-width: 1100px){
    ul.mainmenu li a {
        padding: 15px 11px;
    }
}

ul.mainmenu li.active {
    background-color: #fff;
    
}

ul.mainmenu li.active > a {
    color: #183980;
}


ul.mainmenu li:hover {
    background-color: #e8eaed;
}

ul.mainmenu li:hover li {
    background-color: #e8eaed;
    border-top: 1px solid #cdcdcd;
}



ul.mainmenu li:hover > a {
    color: #183980;
}

ul.mainmenu li:after {
    background-color: #e8eaed;
}

ul.mainmenu li a {
    text-decoration: none;
}



ul.mainmenu li ul.submenu {
    display: none;
    position: absolute;
    min-width: 100%;
    margin: 0;
    padding: 0;
}
ul.mainmenu li:hover ul.submenu {
    display: block;
}

ul.mainmenu li ul.submenu li {
    display: block;
}

ul.mainmenu li a.menuic {
    background-image: url("../img/menu-icon.png");
    background-repeat: no-repeat;
    background-position: 8px 4px;
    padding-left: 33px;
    height: 35px;
    width: 41px;
    background-size: auto 100%;
  }

ul.mainmenu li a.reportimg { background-image: url("../img/reportimg.png"); }
ul.mainmenu li.active a.reportimg { background-image: url("../img/reportimg-dark.png"); }

ul.mainmenu li a.reportimg, 
ul.mainmenu li a.tableimg, 
ul.mainmenu li a.userimg {
    background-repeat: no-repeat;
    background-position: 8px;
    padding-left: 33px;
    background-size: 20px;
}

ul.mainmenu ul.submenu li a.reportimg{
    background-position: 52px;
    padding-left: 108px;
    padding-right: 35px;
    background-size: 40px;
}

@media only screen and (min-width: 1100px){
    ul.mainmenu ul.submenu li a.reportimg{
        background-position: 22px;
        padding-left: 78px;
    }
}

ul.smallmenu { margin: 0; padding: 0; background-color: #f6f6f7; border-bottom: 1px solid #edeef1; }
ul.smallmenu li { display: inline-block; }
ul.smallmenu li a { 
    padding: 11px 0px 11px 11px; 
    display: inline-block;
}

ul.big {
    display: none;
}

@media only screen and (min-width: 1200px){
    ul.big {
        display: block;
    }

    ul.mobile {
        display: none;
    }
}

table.prehlad {
    position: relative;
}

table.prehlad tbody { position: relative; }

tr.holiday,
table.prehlad tr.holiday td.redline {
    background-color: #f2ff9a;
}

tr.holiday td.datum:first-child { color: #b33; font-weight: bold ; }
tr.weekend,
table.prehlad tr.weekend td.redline {
    background-color: #f1f3f4;
}
tr.weekendpng td.datum {
    background-image: url("../img/weekend.png");
    background-repeat: no-repeat;
    background-position: calc(100% - 3px) bottom ;
    background-size: 35px;
    padding-right: 50px;
}

#d_prehlad tr.weekendpng td.datum {
    background-size: 100px;
    padding-right: 5px;
}
@media only screen and (min-width: 1200px){
    #d_prehlad tr.weekendpng td.datum {
        background-size: 40px;
        padding-right: 43px;
    }
}

table.prehlad td.pdog {
    background-image: url("../img/dog.png");
    background-repeat: no-repeat;
    background-position: 5px bottom ;
    background-size: 35px;
}
#d_prehlad tr td.pdog {
    background-size: 100px;
    padding-right: 5px;
    background-position: calc(100% - 5px) bottom;
}
@media only screen and (min-width: 1200px){
    #d_prehlad tr td.pdog {
        background-size: auto 26px;
        background-position: 5px bottom;
    }
}

tr.sick td.datum {
    background-image: url("../img/pn.png");
    background-repeat: no-repeat;
    background-position: calc(100% - 3px) calc(100% - 3px);
    background-size: 30px;
    padding-right: 36px;
}
tr.familycare td.datum {
    background-image: url("../img/family.png");
    background-repeat: no-repeat;
    background-position: calc(100% - 3px) calc(100% - 3px);
    background-size: 30px;
    padding-right: 36px;
}
#d_prehlad tr.sick td.datum {
    background-size: auto 18px;
}
#d_prehlad tr.familycare td.datum {
    background-size: auto 18px;
}
#d_prehlad tr.sick td.datum {
    background-size: 55px;
    padding-right: 5px;
    background-position: center calc(100% - 5px);
}
#d_prehlad tr.familycare td.datum {
    background-size: 75px;
    padding-right: 5px;
    background-position: center calc(100% - 5px);
}
@media only screen and (min-width: 1200px){
    #d_prehlad tr.sick td.datum {
        background-size: auto 18px;
        background-position: calc(100% - 3px) calc(100% - 3px);
        padding-right: 36px;
    }
    #d_prehlad tr.familycare td.datum {
        background-size: auto 23px;
        background-position: calc(100% - 3px) calc(100% - 3px);
        padding-right: 36px;
    }
}
tr.flag td.datum {
    background-image: url("../img/sk-flag.png");
    background-repeat: no-repeat;
    background-position: calc(100% - 7px) calc(100% - 1px);
    background-size: 25px;
    padding-right: 35px;
}

#d_prehlad tr.flag td.datum {
    background-size: 55px;
    padding-right: 5px;
    background-position: bottom;
}
@media only screen and (min-width: 1200px){
    #d_prehlad tr.flag td.datum {
        background-size: auto 26px;
        background-position: calc(100% - 7px) calc(100% - 1px);
        padding-right: 35px;
    }
}
tr.palmy  td.datum {
    background-image: url("../img/dovolenka.png");
    background-repeat: no-repeat;
    background-position: calc(100% - 3px) calc(100% - 2px);
    background-size: 45px;
    padding-right: 51px;
}

#d_prehlad tr.palmy td.datum {
    background-size: 75px;
    padding-right: 5px;
    background-position: bottom;
    padding-right: 5px;
}
@media only screen and (min-width: 1200px){
    #d_prehlad tr.palmy td.datum {
        background-size: auto 22px;
        background-position: calc(100% - 3px) calc(100% - 2px);
        padding-right: 51px;
    }
}
tr.skull  td.datum {
    background-image: url("../img/skull.png");
    background-repeat: no-repeat;
    background-position: calc(100% - 6px) calc(100% - 1px);
    background-size: 25px;
    padding-right: 35px;
}
#d_prehlad tr.skull td.datum {
    background-size: auto 18px;
}
#d_prehlad tr.skull td.datum {
    background-size: 50px;
    padding-right: 5px;
    background-position: center calc(100% - 5px);
}
@media only screen and (min-width: 1200px){
    #d_prehlad tr.skull td.datum {
        background-size: auto 18px;
        background-position: calc(100% - 6px) calc(100% - 1px);
        padding-right: 35px;
    }
}

tr.dovolenka,
table.prehlad tr.dovolenka td.redline {
    background-color: #92ff92;
}
tr.dovolenka0 {
    background-color: #f5fcf5;
}

tr.pn,
table.prehlad tr.pn td.redline,
table.prehlad tr.hotredline td {
    background-color: #f72222;
    color: white;
}

tr.ocr,
table.prehlad tr.ocr td.redline {
    background-color: #b47bff;
    color: white;
}

tr.specop,
table.prehlad tr.specop td.redline {
    background-color: #ff8800;
}

span.green {
    color: green;
}

/* #d_content { display: flex; } */
#d_prehlad { display: inline-block; }
/* #d_form { display: inline-block; } */
#d_prehlad { width: 100%; }

table.prehlad { border-collapse: collapse; width: 100%; }
table.prehlad a { text-decoration: none; color: #003D78; }
table.prehlad a:hover { text-decoration: underline; }
table.prehlad th { text-align: left; } 
table.prehlad th,
table.prehlad td { 
    padding: 3px 5px;
    border: 4px solid #ddd; 
}

@media only screen and (min-width: 1200px){
    table.prehlad td { 
        padding: 3px 10px;
        border: 1px solid #ddd; 
    }
    
    table.prehlad tr.user_row td {
        border-top: 2px solid #ddd;
        border-left: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0;
        border-right: 1px solid #e0e0e0;
      }
}

table.prehlad tr.edited td:not(.datum) { 
    outline: 1px solid #00d; 
}
table.prehlad tr.added td.datum { 
    outline: 1px solid #00d; 
}
table.prehlad tr.deleted td:not(.datum) { 
    outline: 1px solid #d00; 
}

table.prehlad tr.redline,
table.prehlad td.redline { 
    background-color: #fdd; 
}
table.prehlad tr.orangeline,
table.prehlad td.orangeline {
    background-color: #fce8b3;
}
table.prehlad tr.greenline,
table.prehlad td.greenline { 
    background-color: #dfd; 
}

table.prehlad td.error {
    background: red;
    color: white;
}

table.prehlad td span.error {
    color: red;
    font-weight: bold;
}

table.prehlad tr.monthSUM { 
    background: #eee; 
    font-size: 0.8em;
    /* font-weight: bold; */
}
table.prehlad tr.duplicity { 
    background-color: #ddd; 
}
table.prehlad tr.duplicity:hover { 
    background-color: #ccc; 
}

table.searchtable > tr { 
    font-size: 0.8em;
    /* font-weight: bold; */
}
table.searchtable tr { 
    background: #eee; 
    /* font-weight: bold; */
}
table.prehlad tr.monthSUM td {
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 18px;
}

table.searchtable > tr > td {
    line-height: 18px;
}

table.prehlad tr.monthSUM td input.datepicker,
table.searchtable tr td input.datepicker {
    max-width: 70px;
    margin: auto 0;
    padding: 2px;
}

table.prehlad tr.monthSUM td label,
table.searchtable tr td label { 
    margin: auto 0;
    padding: 2px;
    display: inline-block;
 } 

 table.prehlad tr.monthSUM td label input.money_from,
 table.prehlad tr.monthSUM td label input.money_to,
 table.prehlad tr.monthSUM td label input.datepicker  { 
    margin: auto 5px;
}

table.prehlad tr.monthSUM td input[type="submit"],
table.searchtable tr td input[type="submit"] {
    max-width: 70px;
    margin: auto 0 auto 5px;
}

table.searchtable tr td input[type="submit"].fullwidth { max-width: 100%; }

table.prehlad tr.monthSUM td .ui-button { 
    margin: 5px;
    padding: 4px 10px;
}

table.searchtable tr td .ui-button { 
    margin-top: 5px;
    padding: 2px 10px;
}
table.searchtable tr td .custom-combobox-toggle { margin: 0; }

table.prehlad tr.monthSUM table { border-collapse: collapse; }
table.prehlad tr.monthSUM table td { border: none; padding: 0 20px 0 0; vertical-align: top; }

table.searchtable tr td { border: none; vertical-align: top; }
table.searchtable tr td td { vertical-align: middle; }

table.prehlad tr.monthSUM table input[type="text"],
table.searchtable tr td input[type="text"] {
    padding: 10px;
    max-width: 85px;
    font-size: 16px;
    background-color: #fff;
}
table.searchtable tr td input[type="text"] {
    border-width: 1px;
}

table.prehlad tr.monthSUM table input.search {
    max-width: 200px;
}

table.prehlad tr.monthSUM table select,
table.searchtable tr td select {
    padding: 10px;
    max-width: auto;
    font-size: 16px;
}

table.searchtable tr td.small {
    width: 80px;
}

table.searchtable tr td .ui-widget {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
}
table.searchtable tr td a.ui-button  {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
}
table.searchtable tr td.sumar { font-size: 0.9em; padding: 7px 0 7px 12px; border-bottom: 1px solid #ddd; }

@media only screen and (min-width: 1120px){
    table.prehlad tr.monthSUM table input[type="text"]{
        padding: 2px;
        max-width: 70px;
        font-size: 13px;
    }
    table.prehlad tr.monthSUM table input[type="text"],
    table.searchtable tr td input[type="text"] {
        padding: 2px 7px;
        font-size: 13px;
    }
    table.prehlad tr.monthSUM table input.search {
        max-width: 200px;
    }
    table.prehlad tr.monthSUM table select,
    table.searchtable tr td select {
        padding: 2px;
        font-size: 13px;
    }
}

table.prehlad tr.working { 
    background: #c5f1c5; 
}

table.prehlad tr.pauza { 
    background: #f1c5c5; 
}

table.prehlad tr + tr.firstday {
    border-top: 2px solid #d66;
}

table.prehlad tr.dkldinf,
table.prehlad tr.docs { 
    background-color: #aaa1;
    border: 0;
}
table.prehlad tr.dkldinf th,
table.prehlad tr.docs th,
table.prehlad tr.dkldinf td,
table.prehlad tr.docs td { 
    border-width: 0px;
}
table.prehlad tr.dkldinf:hover,
table.prehlad tr.docs:hover { outline: none; }
table.prehlad tr.dkldinf.last,
table.prehlad tr.docs.last { 
    border-bottom: 2px solid #ddd;
}
table.prehlad tr.docs td { padding: 3px 5px; }
table.prehlad tr.dkldinf td { padding: 3px 5px; }

table.prehlad tr.dkldinf span.autoassign,
table.prehlad tr span.mininote {
    font-style: italic;
    background: #e0e0e0;
    color: #555;
    padding: 1px 6px;
    border-radius: 3px;
    font-size: 85%;
}

table.prehlad tr span.mininote.golden {
    background: #f8e5b0;
    color: #5f4d26;
}
table.prehlad tr span.mininote.vydaje {
    background: #ffbdbd;
    color: #5f2626;
}
table.prehlad tr span.mininote.prijmy {
    background: #d7e7c4;
    color: #265f2b;
}
table.prehlad tr .idcell {
    font-style: italic;
    background: transparent;
    color: #555;
    padding: 1px 6px;
    border-radius: 3px;
    font-size: 85%;
}

table.prehlad tr .smaller {
    font-size: 80%;
}

table.prehlad th.datum span.dov {
    float: right;
}
table.prehlad td.actions,
table.prehlad th.actions { text-align: right; }


table.prehlad td.dov { min-width: auto; }
@media only screen and (min-width: 1120px){
    table.prehlad td.dov { min-width: 170px; }
}

@media only screen and (min-width: 1200px){
    table.prehlad td.dov { min-width: 70px; }
}

table.prehlad td.alltime span,
table.prehlad td.stop span { text-transform: uppercase; font-weight: bold; }
table.prehlad td.stop span > span { text-transform: lowercase; }

table.prehlad td.alltime span.wrk,
table.prehlad td.stop span.wrk { color: darkgreen; }
table.prehlad td.alltime span.pauza,
table.prehlad td.stop span.pauza { color: #b33; }

table.prehlad th.yn { overflow: visible; }
table.prehlad th span.note span { 
    display: none;
    position: absolute;
    background-color: #effeff;
    padding: 5px 7px;
    font-size: 12px;
    line-height: 1.3em;
    color: #333;
    z-index: 133;
    border: 1px solid #555;
    top: 2px;
    right: 0px;
}

table.prehlad td span.note span { 
    display: none;
    position: absolute;
    background-color: #fffdef;
    padding: 3px 15px 2px 15px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.3em;
    color: #333;
    z-index: 133;
    border: 1px solid #555;
    top: 2px;
    left: calc(100% + 4px);
}

table.prehlad th span.note { 
    display: block;
    position: absolute;
    background-color: transparent;
    width: 0px;
    height: 0px;
    content: "";
    border-top: 6px solid #333;
    border-right: 6px solid #333;
    border-bottom: 6px solid transparent;
    border-left: 6px solid transparent;
    top: -3px;
    right: -2px;
    z-index: 1;
}

table.prehlad td span.note { 
    display: block;
    position: absolute;
    background-color: transparent;
    width: 0px;
    height: 0px;
    content: "";
    border-top: 6px solid #ffdc17;
    border-right: 6px solid #ffdc17;
    border-bottom: 6px solid transparent;
    border-left: 6px solid transparent;
    top: 0px;
    right: 0px;
}

table.prehlad th span.note:hover span,
table.prehlad td span.note:hover span { display: block; }

table.prehlad img.cesta {
    width: 40px;
    display: inline-block;
    vertical-align: -7px;
    margin-top: 10px;
}

table.prehlad span.wrkstat { 
    display: block;
    background: #cdcdcd;
    margin: -3px -5px 3px -5px;
    padding: 5px 10px;
}
table.prehlad span.wrkstat img { 
    height: 30px;
    vertical-align: sub;
 }

table.prehlad span.wrkstat.work { background-color: #92ff92; }
table.prehlad span.wrkstat.pauza { background-color: #f1c5c5; }
table.prehlad span.wrkstat.pn { background-color: #f72222; }
table.prehlad span.wrkstat.dovolenka { background-color: #f7c522; }
table.prehlad span.wrkstat.ocr { background-color: #b47bff; color: white; }
table.prehlad span.wrkstat.specop { background-color: #ff8800; }

@media only screen and (min-width: 1200px){
    table.prehlad span.wrkstat { margin: -3px -10px 3px -10px; }
    table.prehlad span.wrkstat img { height: 20px; }
}

table.prehlad span.autor { font-weight: bold; font-size: 80%; color: #95acca; }

form.dov_frm input[type="checkbox"],
form.hld_frm input[type="checkbox"],
form.pn_frm input[type="checkbox"],
form.ocr_frm input[type="checkbox"],
form.specop_frm input[type="checkbox"] {
    /* Add if not using autoprefixer */
    -webkit-appearance: none;
    appearance: none;
    /* For iOS < 15 to remove gradient background */
    background-color: #fff;
    /* Not removed via appearance */
    margin: 0;

    font: inherit;
    color: currentColor;
    width: 50px;
    height: 50px;
    border: 0.15em solid black;
    border-radius: 0.15em;
    transform: translateY(-0.075em);
    display: grid;
  place-content: center;
}
form.dov_frm input[type="checkbox"] {
    background-color: #aafcaa;
}
form.hld_frm input[type="checkbox"] {
    background-color: #f5ffb3;
}
form.pn_frm input[type="checkbox"] {
    background-color: #f72222;
}
form.ocr_frm input[type="checkbox"] {
    background-color: #b47bff;
}
form.specop_frm input[type="checkbox"] {
    background-color: #ff8800;
}
  form.dov_frm,
  form.hld_frm,
  form.pn_frm,
  form.ocr_frm,
  form.specop_frm {
    display: inline-block;
  }

  form.dov_frm  input[type="checkbox"]::before,
  form.hld_frm  input[type="checkbox"]::before,
  form.pn_frm  input[type="checkbox"]::before,
  form.ocr_frm  input[type="checkbox"]::before,
  form.specop_frm  input[type="checkbox"]::before {
    content: "";
    width: 32px;
    height: 32px;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em var(--form-control-color);
    
  }
  
  form.dov_frm input[type="checkbox"]:checked::before,
  form.hld_frm input[type="checkbox"]:checked::before,
  form.pn_frm input[type="checkbox"]:checked::before,
  form.ocr_frm input[type="checkbox"]:checked::before,
  form.specop_frm input[type="checkbox"]:checked::before {
    transform: scale(1);
    background-color: CanvasText;
    transform-origin: bottom left;
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  }

  @media only screen and (min-width: 1200px){
      
    form.dov_frm input[type="checkbox"],
    form.hld_frm input[type="checkbox"],
    form.pn_frm input[type="checkbox"],
    form.ocr_frm input[type="checkbox"],
    form.specop_frm input[type="checkbox"] {
        width: 20px;
        height: 20px;
    }
  
    form.dov_frm  input[type="checkbox"]::before,
    form.hld_frm  input[type="checkbox"]::before,
    form.pn_frm  input[type="checkbox"]::before,
    form.ocr_frm  input[type="checkbox"]::before,
    form.specop_frm  input[type="checkbox"]::before {
        width: 12px;
        height: 12px;
        
    }
}

a.dov_frm_acc {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    padding: 0px 5px;
    margin: 0 0 10px 0;
    background-color: #aafcaa;
    color: #000;
    border: 0.15em solid currentColor;
    border-radius: 0.15em;
}

@media only screen and (min-width: 1200px){
      
    a.dov_frm_acc {
        height: 20px;
        line-height: 20px;
        margin: 0;
    }
}

  #zam_settings_form input[type="checkbox"],
  #pen_settings_form input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    margin: 0;

    font: inherit;
    color: currentColor;
    width: 32px;
    height: 32px;
    border: 0.15em solid currentColor;
    border-radius: 0.15em;
    transform: translateY(-0.075em);
    display: inline-grid;
    place-content: center;
  }

  #zam_settings_form input:disabled,
  #pen_settings_form input:disabled {
    color: #dedede;
    border: 0.15em solid #dedede;
  }

  #zam_settings_form input[type="checkbox"]::before,
  #pen_settings_form input[type="checkbox"]::before {
    content: "";
    width: 20px;
    height: 20px;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em var(--form-control-color);
    
  }
  #zam_settings_form img,
  #pen_settings_form img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #3b78a0;
  }

  #zam_settings_form .peoplelist label,
  #pen_settings_form .peoplelist label {
    height: 50px;
    border-radius: 50px;
    background-color: #dedede;
    display: inline-block;
    width: 90%;
  }

  #zam_settings_form .peoplelist span,
  #pen_settings_form .peoplelist span {
    margin: 5px 20px;
    vertical-align: 14px;
  }

  #zam_settings_form .peoplelist input[type="checkbox"] {
    float: right;
    width: 50px;
    height: 50px;
    border-radius: 50%;
  }

  #pen_settings_form .peoplelist input[type="checkbox"] {
    float: right;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-left: 50px;
  }

  #zam_settings_form .peoplelist input[type="checkbox"]::before,
  #pen_settings_form .peoplelist input[type="checkbox"]::before {
    width: 26px;
    height: 26px;
  }

  #zam_settings_form  input[type="checkbox"]:checked::before,
  #pen_settings_form  input[type="checkbox"]:checked::before {
    transform: scale(1);
    background-color: CanvasText;
    transform-origin: bottom left;
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
    
  }

  #zam_settings_form  input:disabled::before,
  #pen_settings_form  input:disabled:checked::before{
    background-color: #dedede;
  }


  span.usrcapsle { 
    height: 40px;
    border-radius: 40px;
    background-color: #dedede;
    display: inline-block;
    font-size: 16px;
    padding-right: 20px;
}

span.usrcapsle img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #3b78a0;
    float: left;
}

span.usrcapsle span { 
    width: calc(100% - 44px);
    display: block;
    float: right;
    line-height: 17px;
    margin: 3px auto 0px 0px;
}

#pen_settings_form span.rght {
    margin: 5px 20px;
    display: block;
    width: 90%;
}

#pen_settings_form span.rght span {
    margin-right: 0;
    margin-left: 0;
    display: inline-block;
    width: 100px;
    text-align: right;
}


#pen_settings_form td.rght {
    text-align: right;
}

  @media only screen and (min-width: 1200px){
      
    #zam_settings_form input[type="checkbox"],
    pen_settings_form input[type="checkbox"] {
        width: 20px;
        height: 20px;
    }
  
    #zam_settings_form input[type="checkbox"]::before,
    #pen_settings_form input[type="checkbox"]::before {
        width: 12px;
        height: 12px;
        
    }

}

@media only screen and (max-width: 1200px){
      
    #pen_settings_form .peoplelist input[type="checkbox"] {
        margin-left: 10px;
      }

      #pen_settings_form span.rght span {
        width: 65px;
        font-size: 50%;
    }

}


#d_prehlad .prehladtitle,
#m_prehlad .prehladtitle { 
    display: block;
    text-align: center;
    line-height: 80px;
}
#d_prehlad .prehladtitle a,
#m_prehlad .prehladtitle a { 
    margin: 1px;
    padding-top: 26px;
    padding-bottom: 26px;
}

.inline-dialog2 td > .chosen-container a,
.inline-dialog1 td > .chosen-container a {
    border: 1px solid #c5dbec;
    border-radius: 5px;
    width: 100%;
    padding: 5px 10px;
    background-image: url(../js/jquery-ui-1.13.2.custom/images/ui-bg_glass_85_dfeffc_1x400.png);
    background-color: #dfeffc;
    background-position: 50% 50%;
    background-repeat: repeat-x;
    font-weight: bold;
    color: #2e6e9e;
    margin: 0;
    height: 33px;

}

.inline-dialog2 td > .chosen-container a div b,
.inline-dialog1 td > .chosen-container a div b {
    background-position: 0 5px;
}

@media only screen and (min-width: 1200px){
    #d_prehlad .prehladtitle,
    #m_prehlad .prehladtitle { 
        line-height: 44px;
    }
    #d_prehlad .prehladtitle a,
    #m_prehlad .prehladtitle a { 
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

form label, 
form input, 
form select, 
form textarea {
    margin: 5px 20px;
}

form span.inputborder {
    border: 1px solid #c5dbec;
    border-radius: 5px;
    color: #222222;
    font-size: 1em;
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}

form td > input[type="text"],
form td > input[type="email"],
form td > input[type="number"],
form textarea {
    font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
font-size: 1em;
border: 4px solid #c5dbec;
border-radius: 5px;
background: none;
color: inherit;
padding: .222em 0;
margin: 0 0 .2em 0;
width: 98%;
  }

  form textarea {
    margin-left: .4em;
    margin-right: .4em;
    background: #eef8ff;
  }

  .inline-dialog form > table { width: 100%; }
  .inline-dialog td > input[type="text"],
  .inline-dialog td > input[type="email"],
  .inline-dialog td > input[type="number"] { 
    border: 1px solid #c5dbec;
    border-radius: 5px;
    width: 90%;
    padding: 5px 10px;
   }

   .inline-dialog td > select,
   form td > select { 
    border: 1px solid #c5dbec;
    border-radius: 5px;
    width: 100%;
    padding: 5px 10px;
    background-image: url(../js/jquery-ui-1.13.2.custom/images/ui-bg_glass_85_dfeffc_1x400.png);
    background-color: #dfeffc;
    background-position: 50% 50%;
    background-repeat: repeat-x;
    font-weight: bold;
    color: #2e6e9e;
    margin: 0;
   }

   select#error_filter { 
    border: 1px solid #c5dbec;
    border-radius: 5px;
    background-image: url(../js/jquery-ui-1.13.2.custom/images/ui-bg_glass_85_dfeffc_1x400.png);
    background-color: #dfeffc;
    background-position: 50% 50%;
    background-repeat: repeat-x;
    font-weight: bold;
    color: #2e6e9e;
    font-size: 0.8em;
    padding: 2px 10px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px 0 1px 0;
   }
   

   .inline-dialog td > select:disabled,
   form td > select:disabled {
    opacity: 0.5;
   }

  .inline-dialog {
    position: relative !important;
    z-index: 1;
    height: 100%;
  }

  .inline-dialog > div { cursor: default !important; }


  .custom-combobox {
    position: relative;
    display: inline-block;
  }
  .custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
  }
  .custom-combobox-input {
    margin: 0;
    padding: 5px 10px;
    width: 85%;
  }

  .smallcombobox span.custom-combobox { padding-right: 19px; }
  .smallcombobox  .custom-combobox-input,
  .smallcombobox  a.ui-button  {
    padding: 4px 4px 3px 4px;
    margin: 5px 0px;;
    font-size: 13.3px;
    max-width: 150px;
    line-height: 16px;
  }

  .signed { 
    margin-top: 2px;
    font-size: 0.9em;
   }

   .signed img { 
    width: 55px;
    border-radius: 50%;
    display: block;
    float: left;
    margin-right: 20px;
   }

   .signed span { display: inline-block; }

   
@media only screen and (min-width: 1200px){
    .signed { 
        width: 200px;
    }

    .signed img { 
        width: 33px;
        margin-right: 8px;
    }
}

   #ui-datepicker-div{ z-index: 101 !important; }

td.schvalene2 { text-align: center; }
td.bigmonitor,  /* penazenka */
th.bigmonitor,  /* penazenka */
td.start,   /* dochadzka */
td.stop,    /* dochadzka */
td.pauza,   /* dochadzka */
td.level,   /* dochadzka */
td.projekt, /* dochadzka */
td.popis,   /* dochadzka */
th.start,   /* dochadzka */
th.stop,    /* dochadzka */
th.pauza,   /* dochadzka */
th.level,   /* dochadzka */
th.projekt, /* dochadzka */
th.popis,   /* dochadzka */
td.miesto,   /* dochadzka */
th.miesto,   /* dochadzka */
td.meno,   /* zamestnanci */
th.meno,   /* zamestnanci */
td.email,  /* zamestnanci */
th.email,  /* zamestnanci */
td.meno_list,  /* zamestnanci */
th.meno_list,  /* zamestnanci */
td.dovolenka,  /* zamestnanci */
th.dovolenka,  /* zamestnanci */
td.nazov,     /* projekty */
th.nazov,     /* projekty */
td.popis2,     /* projekty */
th.popis2,     /* projekty */
td.poznamka2,    /* projekty */
th.poznamka2,     /* projekty */
td.zmluva,      /* projekty */
th.zmluva,      /* projekty */
td.odovzdanie,     /* projekty */
th.odovzdanie,      /* projekty */
td.zadavatel,     /* projekty */
th.zadavatel,      /* projekty */
td.fakturacia,     /* projekty */
th.fakturacia,      /* projekty */
td.uzavrety,     /* projekty */
th.uzavrety {    /* projekty */
    display: none;
}



td.alltime strong,  /* dochadzka */
td.activity strong{ /* dochadzka */
    display: inline-block;
    margin-top: 15px;
    color: #555;
    font-size: 90%;
}

td.projekt2 strong, /* projekty */
td.info strong,     /* projekty */
td.members strong, /* penazenky */
tr.meno_list strong {    /* zamestnanci */
    display: inline-block;
    margin-bottom: 5px;
    margin-top: 5px;
    color: #555;
    font-size: 90%;
}

td.info br + strong {    /* projekty */
    margin-top: 10px;
}

td.projekt2 span {/* projekty */
    display: inline-block;
    margin-top: 5px;
    color: #555;
    font-size: 90%;
}

td.fakturacia img,      /* projekty */
td.uzavrety img,
td.schvalene img {
    display: inline-block;
    width: 14px;
    vertical-align: bottom;
}

/* th.yn { min-width: 55px; } */
td.yn img {
    display: inline-block;
    width: 14px;
    vertical-align: bottom;
}

td.status img { /* projekty */
    display: inline-block;
    width: 25px;
    vertical-align: bottom;
}

@media only screen and (min-width: 1200px){
    td.smallmonitor,  /* penazenka */
    th.smallmonitor,  /* penazenka */
    td.alltime,   /* dochadzka */
    th.alltime,   /* dochadzka */
    td.activity,  /* dochadzka */
    th.activity,  /* dochadzka */
    th.meno_email,  /* zamestnanci */
    td.meno_email,  /* zamestnanci */
    td.level,    /* dochadzka */
    th.level,    /* dochadzka */
    td.projekt2,  /* projekty */
    th.projekt2,  /* projekty */
    td.info,  /* projekty */
    th.info,  /* projekty */
    td.status,     /* projekty */
    th.status { /* projekty */
        display: none;
    }

    td.bigmonitor,  /* penazenka */
    th.bigmonitor,  /* penazenka */
    td.start,   /* dochadzka */
    td.stop,    /* dochadzka */
    td.pauza,   /* dochadzka */
    td.level,   /* dochadzka */
    td.projekt, /* dochadzka */
    td.popis,   /* dochadzka */
    th.start,   /* dochadzka */
    th.stop,    /* dochadzka */
    th.pauza,   /* dochadzka */
    th.level,   /* dochadzka */
    th.projekt, /* dochadzka */
    th.popis,   /* dochadzka */
    td.miesto,   /* dochadzka */
    th.miesto,   /* dochadzka */
    td.meno,  /* zamestnanci */
    th.meno,  /* zamestnanci */
    td.email,  /* zamestnanci */
    th.email,  /* zamestnanci */
    td.nazov,     /* projekty */
    th.nazov,     /* projekty */
    td.popis2,    /* projekty */
    th.popis2,     /* projekty */
    td.poznamka2,    /* projekty */
    th.poznamka2,    /* projekty */
    td.zmluva,    /* projekty */
    th.zmluva,    /* projekty */
    td.odovzdanie,/* projekty */
    th.odovzdanie,/* projekty */
    td.zadavatel, /* projekty */
    th.zadavatel,      /* projekty */
    td.fakturacia,     /* projekty */
    th.fakturacia,      /* projekty */
    td.uzavrety,     /* projekty */
    th.uzavrety{/* projekty */
        display: table-cell;
    }
}
td { position: relative; }
td a.label { 
    position: absolute; 
    top: -6px; 
    right: 0; 
    font-size: 20px;
}
td a.label img { 
    filter: grayscale(1);
    vertical-align: -39px;
}
td div.labeloptions {
    position: absolute;
    top: 0;
    right: 55px;
    display: none;
    z-index: 5;
}
td.bigmonitor div.labeloptions {
    right: 155px;
}
td.bigmonitor a.label img { 
    vertical-align: middle;
}
td div.labeloptions a.labelitem {
    display: block;
    padding: 20px; 
    font-size: 85%;
    background-color: #c0c0c0;
}
td div.labeloptions a.close { 
    background-image: url("../img/close.png"); 
    width: 30px;
    background-size: 30px;
    display: block;
    height: 30px;
    float: right;
    margin: 5px;
 }
td div.labeloptions a.problem { background-color: #ff8484; }
td div.labeloptions a.skontrolovat { background-color: #a984ff; }
td div.labeloptions a.doplnit { background-color: #ffde84; }

table.prehlad tr.label1 td { background-color: #ff3a3a; }
table.prehlad tr.label2 td { background-color: #8550ff; }
table.prehlad tr.label3 td { background-color: #ffcc3e; }

table.prehlad tr.label1 span.autor,
table.prehlad tr.label2 span.autor { color: #caced3; }
table.prehlad tr.label3 span.autor { color: #6582a8; }

table.prehlad tr.label1 td a.label { color: #462727; }
table.prehlad tr.label2 td a.label { color: #1e172b; }
table.prehlad tr.label3 td a.label { color: #302919; }

table.prehlad tr.label1 a.label img,
table.prehlad tr.label2 a.label img,
table.prehlad tr.label3 a.label img { 
    filter: grayscale(0.3);
}

table.prehlad tr td.bigmonitor a.label { 
    font-size: 12px;
    top: -3px;
    right: calc(100% + 3px);
    min-width: 140px;
    display: block;
    text-align: right;
}

table.prehlad tr td.bigmonitor a.label img { 
    width: 24px;
}

table.prehlad tr.label1 td.redline,
table.prehlad tr.label2 td.redline,
table.prehlad tr.label3 td.redline { 
    background-color: #fdd; 
}
table.prehlad tr.label1 td.greenline,
table.prehlad tr.label2 td.greenline,
table.prehlad tr.label3 td.greenline { 
    background-color: #dfd; 
}
table.prehlad.hovefect tr.orangeline { background-color: #fab34833; }
table.prehlad.hovefect tr.redline { background-color: #f002; }
table.prehlad.hovefect tr.redline2 { background-color: #f003; }

table.hovefect tr:hover { background-color: #cdcdcd33;  }
table.prehlad.hovefect tr.orangeline:hover { background-color: #c4862933; }
table.prehlad.hovefect tr.redline:hover { background-color: #c53e3e33; }
table.prehlad.hovefect tr.redline2:hover { background-color: #c53e3e44; }

table.prehlad td.orangecell { background-color: #ffce4899; }
table.prehlad td.redcell { background-color: #f005; }

table.prehlad.hovefect tr.bank_trans { background-color: #003D7833; color: #555; }
table.prehlad.hovefect tr.bank_trans:hover { background-color: #003D7844; }

table.prehlad.hovefect tr.bank_trans span.manualmatch {
    font-style: italic;
    background: #a3b6c9;
    color: #003b75;
    padding: 1px 6px;
    border-radius: 3px;
    font-size: 85%;
    margin-right: 5px;
}
table.prehlad.hovefect tr.bank_trans span.internaltransaction {
    font-style: italic;
    background: #a8cab0;
    color: #003f10;
    padding: 1px 6px;
    border-radius: 3px;
    font-size: 85%;
}

td.datum { width: 10%; }
td.alltime { width: 20%; }
td.activity { width: 45%; }
td.actions { width: 10%; }

td.meno { width: 40%; }
td.email { width: 40%; }
td.dovolenka { width: 10%; }

th.meno_list { min-width: 18%; }

td.actions img,
th.actions img { 
    width: 50px;
    display: block;
    padding: 10px 0 10px 15px;
}

td.actions a.plug.grabbed img,
td.actions a.plug.pair:hover img { 
    border: 3px #ff5 solid;
    border-radius: 50%;
    padding: 0;
    margin-right: -3px;
    margin-bottom: -7px;
    outline: 2px #ff58 solid;
}


.ui-widget.ui-widget-content {
    border: 4px solid #c5dbec;
}
td.actions a.text { font-size: 14px; color: #5b3e21; font-weight: bold; }
td.actions a.text img { padding-right: 2px; vertical-align: -9px; }


@media only screen and (min-width: 1200px){
    .ui-widget.ui-widget-content {
        border: 1px solid #c5dbec;
    }

    td.actions a{
        display: inline-block;
        vertical-align: top;
        height: 30px;
        line-height: 30px;
    }

    td.actions a.floated,
    td.actions a.documents,
    td.actions a.anchor, 
    td.actions a.floatleft {
        float: left;
    }

    td.actions a.anchor:hover img { 
        border: 3px #ff5 solid;
        border-radius: 50%;
        padding: 0;
        margin-left: 2px;
        margin-top: 0px;
        outline: 2px #ff58 solid;
    }

    td.actions img,
    th.actions img,
    td.actions .blank { 
        width: 20px;
        display: inline-block;
        padding: 5px 0 5px 5px;
    }

    td.actions { width: 20%; }
}

.icon-left {
  background-image: url("../img/next-left.png");
    background-repeat: no-repeat;
    height: 20px;
    display: block;
    width: 20px;
    background-size: 20px;
}

.icon-right {
    background-image: url("../img/next-right.png");
    background-repeat: no-repeat;
    height: 20px;
    display: block;
    width: 20px;
    background-size: 20px;
}


#button {
    position: fixed;
    top: 100px;
    right: 0;
    z-index: 99;
    float: left;
}

#button a {
    background: #999;
    color: white;
    padding: 30px;
    font-size: 36px;
    line-height: 36px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    float: left;
    text-align: center;
}

#button a.startbutton {
    background: #3b3;
}

#button a.stopbutton {
    background: #b33;
}

#button a.changebutton {
    background: rgb(219, 176, 32);
    padding: 12px 30px;
}

@media only screen and (min-width: 1100px){
    #button a {
        padding: 20px;
    }
    #button a.changebutton {
        padding: 2px 30px;
    }
}

@media only screen and (min-width: 1200px){
    #button {
        top: 41px;
    }

    #button a {
        
        padding: 15px 20px;
        font-size: 20px;
        line-height: 20px;
    }

    #button a.changebutton {
        padding: 5px 30px;
    }
}

table.prehlad a.penzazvklad {
    background: #3b3;
    color: white;
    display: inline-block;
    padding: 5px 5px;
    margin: 10px;
}

table.prehlad a.penzazvyber {
    background: #b33;
    color: white;
    display: inline-block;
    padding: 5px 5px;
    margin: 10px;
}

@media only screen and (min-width: 1100px){
    table.prehlad a.penzazvklad {
        margin: 2px;
    }
    
    table.prehlad a.penzazvyber {
        margin: 2px;
    }
}



.ui-dialog{
    z-index: 100 !important;
  }
.ui-front {
    z-index: 102;
  }


  table.prehlad tr.monthSUM td.button a.ui-button,
  div.report_header a.print {
    padding-left: 40px;
    display: inline-block;
    line-height: 28px;
    font-size: 16px;
    padding-right: 40px;
    text-decoration: none;
  }

  table.prehlad tr.monthSUM td.button a.ui-button:hover {
    text-decoration: none;
  }

  table.prehlad tr.monthSUM td.button a.save {
    background-image: url("../img/save.png");
    background-repeat: no-repeat;
    background-position: 10px;
    background-size: 22px;
    padding-right: 20px;
  }
  table.prehlad tr.monthSUM td.button a.print,
  div.report_header a.print {
    background-image: url("../img/print.png");
    background-repeat: no-repeat;
    background-position: 10px;
    background-size: 22px;
    padding-right: 20px;
  }
  table.prehlad tr.monthSUM td.button a.reload {
    background-image: url("../img/reload.png");
    background-repeat: no-repeat;
    background-position: 10px;
    background-size: 22px;
    padding-right: 20px;
  }
  table.prehlad tr.monthSUM td.button a.calculator {
    background-image: url("../img/calculator.png");
    background-repeat: no-repeat;
    background-position: 10px;
    background-size: 22px;
    padding-right: 20px;
  }

table.searchtable { width: 100%; border-collapse: collapse; }
/* table.searchtable td { padding: 5px 10px; }
table.searchtable td input[type="text"] { width: auto; padding: 3px; } */


div.report_body{
    max-width: 100%;
    margin: 0 auto;
    padding: 20px 50px 0;
}
div.report_header{
    max-width: 100%;
    margin: 0 auto;
    padding: 0px 50px;
}

div.report_body .ui-tabs .ui-tabs-panel {
    padding: 0;
}
div.report_body .ui-widget {
    font-size: 1em;
}
div.report_body tr th.rotated {
    vertical-align: bottom;
    padding-bottom: 15px;
    padding-right: 5px;
}
div.report_body tr th.rotated span { 
    transform: rotate(-90deg);
    display: block;
    width: 15px;
    position: relative;
    line-height: 15px;
    height: 16px;
}
@media only screen and (min-width: 1200px){
    div.report_body, div.report_header{
        width: 1200px;
    }
}

div.report_body h2 span,
div.report_body h2 span a,
div.report_body h3 span,
div.report_body h3 span a { color: #999; text-decoration: none; }
div.report_body h2 span a:hover,
div.report_body h3 span a:hover { text-decoration: underline; }

div.report_body h2 img { width: 30px; vertical-align: middle; }

div.report_body div.form label { font-weight: bold; }
div.report_body div.form input { padding: 7px 5px; }
div.report_body div.form select { padding: 7px 5px; }
div.report_body div.form a.ui-button-icon-only { 
    padding-top: 16px;
    padding-bottom: 14px;
    vertical-align: -11px;
 }
 div.report_body div.form input.ui-button { padding-left: 15px; padding-right: 15px; margin-left: 0; }

 div.report_body input[type="text"], 
 div.report_body input[type="email"], 
 div.report_body textarea {
    font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
    font-size: 1em;
    border: 1px solid #c5dbec;
    border-radius: 5px;
    background: none;
    color: inherit;
    padding: .222em 0;
    margin-top: 15px;
  }

div.report_body table {  border-collapse: collapse; }
div.report_body .ui-tabs .ui-tabs-panel table { width: 100%; }
div.report_body tr:hover { background: #f7f7f9; }
div.report_body th { background: #e8f0fe; }
div.report_body .ui-tabs .ui-tabs-panel th { background: #eeeeee; }

div.report_body th,
div.report_body td { 
    border: 1px solid #c5c5c5;
    padding: 5px 15px 3px;
    position: relative;
 }

 div.report_body th.price,
div.report_body td.price {
    text-align: right;
}

div.report_body th.invisible,
div.report_body td.invisible {
    border: none;
}

div.report_body table td.gray {
    background: #cdcdcd55;
}

div.report_body table th.gray {
    background: #dfe4ee;
}

div.report_body tr:hover td.invisible { background: white }

 div.report_body th.transparent { background: transparent }
 div.report_body tr.noborder td { border: none; }
 div.report_body tr.noborder:hover { background: transparent }

 div.report_body tr th span.note {
    position: absolute;
    top: 0;
    right: 0;

    width: 0; 
    height: 0; 
    border-left: 10px solid transparent;
    border-top: 10px solid #000;
}

div.report_body tr th span.note span {
    position: absolute;
    background-color: #effeff;
    padding: 5px 9px;
    font-size: 90%;
    line-height: 1.3em;
    color: #333333;
    display: none;
    z-index: 133;
    right: 5px;
    border: 1px solid #555;
    min-width: 150px;
    top: -5px;
}

div.report_body tr th:hover span.note span {
    display: block;
}

div.report_body table a { text-decoration: none; }

div.report_body table.vacation_table td.vacation { text-align: center; background-color: #00ff0069; }


select[name="zaznam_action"] {
    border: 1px solid #c5dbec;
    border-radius: 5px;
    padding: 5px 10px;
    background-color: white;
}

tr.tabheader {
    position: relative;
    background-color: #fff;
    z-index: 1;
    vertical-align: top;
}
tr.tabheader th {
    position: sticky; top: 90px; background-color: #fff;
}

tr.tabheader.temp th span {
    font-size: 75%;
}

tr.tabheader th { outline: 1px solid #ddd; }
tr.tabheader span.rotated { 
    transform: rotate(90deg);
    display: block;
    width: 15px;
    position: relative;
    line-height: 15px;
    height: 16px; }

.chosen-container { width: 100% !important; }
.chosen-container-multi .chosen-choices {
    border: 1px solid #c5dbec;
    border-radius: 5px;
    padding: 5px 10px;
}
.chosen-container-multi .chosen-choices li.search-choice {
    border: 1px solid #c5dbec;
    background: #dfeffc url("../js/jquery-ui-1.13.2.custom/images/ui-bg_glass_85_dfeffc_1x400.png") 50% 50% repeat-x;
  }

table.prehlad tr span.message {
    font-weight: normal;
    font-style: italic;
}

table.prehlad tr.lastedited { 
    outline: 2px solid #ff0; 
    background-color: #ff04; 
}

tr.tabfilter td { border: none; background: #eee; }
tr.tabfilter th { border: none; background: #eee; padding-top: 10px; }
tr.tabfilter td > table { width: 100%; }
tr.tabfilter td > table td { padding: 1px 0px; border: none; }
tr.tabfilter td > table th { padding: 1px 0px; }
/* tr.tabfilter input, */
tr.tabfilter .custom-combobox-input,
tr.tabfilter .custom-combobox-toggle { 
    border: 1px solid #8f8f9d;
    border-radius: 2px;
    background: #fff;
    color: #000;
    font-size: 12px;
    font-weight: normal;
    padding: 1px 2px;
    line-height: 18px;
}
tr.tabfilter .custom-combobox-input:hover { 
    border: 1px solid #676774;
}
tr.tabfilter input#search { min-width: 220px; }
tr.tabfilter span.custom-combobox { width: calc(100% - 30px); }
tr.tabfilter input#from,
tr.tabfilter input#to { max-width: 80px; }
tr.tabfilter input[type="number"] { padding-right: 0; }

form tr.tabfilter td > input[type="text"],
form tr.tabfilter td > input[type="email"],
form tr.tabfilter td > input[type="number"],
form tr.tabfilter textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13.3px;
    border: 1px solid #8f8f9d;
    border-radius: 2px;
    background: white;
    padding: 2px 0px 2px 4px;
    margin: 0;
    width: auto;
}

tr.tabfilter th a.ui-button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    margin-bottom: 1px;
    padding: 2px 10px;
}
tr.tabfilter th a.ui-button:hover { text-decoration: none; }
table.prehlad tr.tabfilter tr.tabfilter > td {
    padding: 0px;
}
table.prehlad tr.tabfilter label {
    margin: 0px;
}

tr.tabfilter form#searchform table.width80 { min-width: 80%; }

tr.masschanges {
    display: none;
    position: relative;
    background-color: #fff;
    z-index: 1;
    vertical-align: top;
}
tr.masschanges th,
tr.masschanges td {
    position: sticky; top:136px; background-color: #fff;
}

tr.masschanges td { border: none; background: #eee; border-top: 1px solid #ddd;}
tr.masschanges th { border: none; background: #eee; padding-top: 10px; }
tr.masschanges .custom-combobox-input,
tr.masschanges .custom-combobox-toggle,
tr.masschanges .datepicker,
tr.masschanges #mass_changes_type { 
    border: 1px solid #8f8f9d;
    border-radius: 2px;
    background: #fff;
    color: #000;
    font-size: 12px;
    font-weight: normal;
    padding: 1px 2px;
    line-height: 18px;
}
tr.masschanges #mass_changes_type { 
    padding: 4px 5px 6px;
}
tr.masschanges ul.chosen-choices { 
    border: 1px solid #8f8f9d;
    border-radius: 2px;
    background: #fff;
    color: #000;
    font-size: 12px;
    font-weight: normal;
    padding: 1px 5px;
}
tr.masschanges ul.chosen-choices li.search-field input[type="text"] { height: 16px; }
tr.masschanges div#projektmassch_chosen { width: calc(100% - 30px) !important;}
tr.masschanges .datepicker { width: calc(100% - 32px) !important;}
tr.masschanges span.custom-combobox { width: calc(100% - 45px); }
tr.masschanges a.ui-button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8em;
}
tr.masschanges a.ui-button:hover { text-decoration: none; }

tr.masschanges .dupl { background-color: #dedede; }

img#transloader {  
    vertical-align: -6px;
    display: inline-block;
    margin-left: 5px;
  }

body#dimensions div.main { max-width:800px; min-width:300px; margin:0 auto;  }
body#dimensions .frame { overflow:auto; border:1px solid silver; min-height:100px; }
body#dimensions a.dimButton { font-size: 14px;
                            font-weight: bold;
                            height: 20px;
                            display: inline-block;
                            line-height: 20px; }
body#dimensions a.dimButton img { width: 20px; vertical-align: -4px; }

body#dimensions a.dimButton.right { float: right; margin-top: 20px; } 
body#dimensions tr#errortr{
    color: red;
}
body#dimensions h4 span{
    display: inline-block;
    height: 24px;
}

body#dimensions h4 span:before{
    background-image: url("/css/jstree/32px.png");
    background-position: -260px -4px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 24px;
    width: 26px;
    content: '';
    vertical-align: middle;
}
ul > li > ul > li > a > i.jstree-icon,
body#dimensions h4 span:nth-child(2n):before { filter: hue-rotate(30deg); }
ul > li > ul > li > ul > li > a > i.jstree-icon,
body#dimensions h4 span:nth-child(3n):before { filter: hue-rotate(60deg); }
ul > li > ul > li > ul > li > ul > li > a > i.jstree-icon,
body#dimensions h4 span:nth-child(4n):before { filter: hue-rotate(90deg); }
ul > li > ul > li > ul > li > ul > li > ul > li > a > i.jstree-icon,
body#dimensions h4 span:nth-child(5n):before { filter: hue-rotate(120deg); }
ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a > i.jstree-icon,
body#dimensions h4 span:nth-child(6n):before { filter: hue-rotate(150deg); }
ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a > i.jstree-icon,
body#dimensions h4 span:nth-child(7n):before { filter: hue-rotate(180deg); }
ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a > i.jstree-icon,
body#dimensions h4 span:nth-child(8n):before { filter: hue-rotate(210deg); }
ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a > i.jstree-icon,
body#dimensions h4 span:nth-child(9n):before { filter: hue-rotate(240deg); }
ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a > i.jstree-icon,
body#dimensions h4 span:nth-child(10n):before { filter: hue-rotate(270deg); }
ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a > i.jstree-icon,
body#dimensions h4 span:nth-child(11n):before { filter: hue-rotate(300deg); }
ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a > i.jstree-icon,
body#dimensions h4 span:nth-child(12n):before { filter: hue-rotate(330deg); }
body#dimensions select { text-align: left; }

form#set_0_pen a, form#set_0_odm a {
    padding: 2px 5px 3px;
    font-size: 14px;
    margin: 6px 0 0 0;
    font-weight: normal;
}

ul#commands_ul,
ul#batches_ul,
#result_div {
    border: 1px solid #edf5fa;
    padding: 10px 15px;
    background: #f2faff;
}

ul#commands_ul0,
ul#batches_ul0 {
    padding: 0px 21px 0px 21px;
    margin:-45px 0 0 0;
}


ul#commands_ul0 li, 
ul#commands_ul li,
ul#batches_ul0 li, 
ul#batches_ul li { width: 100%; height: 25px; list-style: none; }
ul#commands_ul li:hover,
ul#batches_ul li:hover { background-color: #00000007; }
ul#commands_ul0 li button, 
ul#commands_ul li button,
ul#batches_ul0 li button, 
ul#batches_ul li button { 
    float: right;
    background: transparent;
    border: none;
    margin-left: 15px;
    cursor: pointer;
    padding: 0; 
}
ul#commands_ul0 li button:hover, 
ul#commands_ul li button:hover,
ul#batches_ul0 li button:hover, 
ul#batches_ul li button:hover {  text-decoration: underline; }

ul#batches_ul li button.up_bc_button,
ul#batches_ul li button.down_bc_button {
    float: left;
    opacity: 0.5;
    margin-left: 0;
}

ul#batches_ul li button.down_bc_button {
    margin-right: 10px;
}
ul#batches_ul li:first-child button.down_bc_button {
    margin-left: 25px;
}
ul#batches_ul li:last-child button.up_bc_button {
    margin-right: 35px;
}

ul#batches_ul li button.up_bc_button:hover,
ul#batches_ul li button.down_bc_button:hover {
    opacity: 1;
}

ul#commands_ul0 button img, 
ul#commands_ul button img,
ul#batches_ul0 button img, 
ul#batches_ul button img  { 
    width: 22px;
    height: 22px;
    vertical-align: -6px;
    margin-right: 3px;
}

#sql_commander select {
    padding: 7px 15px;
    margin-top: 10px;
}

div.ati,
form#assign_table_item,
form#assign_table_item table,
form#assign_table_item td.selecttd,
form#assign_table_item td.selecttd select { height: 100%; }

/* vseob */
.mg-rt-20 { margin-right: 20px; }
.mg-bt-20 { margin-bottom: 20px; }
.pd-lt-20 { padding-left: 20px; }
.textright,
table.prehlad th.textright,
table.prehlad td.textright { text-align: right; }

.textcenter,
table.prehlad th.textcenter,
table.prehlad td.textcenter { text-align: center; }

.bgeuro, .bgeuro2 { 
    background-image: url("../img/euro.png");
    background-repeat: no-repeat;
    padding-right: 40px !important;
    background-position: calc(100% - 10px);
    background-size: 24px;
 }
.bgeuro2 { 
    background-image: url("../img/euro2.png");
 }
 .boldtext { font-weight: bold; }
 .big110 { font-size: 110%; }
 .big120 { font-size: 120%; }

 @media only screen and (min-width: 1200px){
    .bgeuro, .bgeuro2 { 
        padding-right: 29px !important;
    background-size: 16px;
     }
}
.fafilter { filter: hue-rotate(50deg); }
.cbfilter { filter: grayscale(1); }

.graytext { color: #999; }
.nomargin-left  { margin-left: 0 !important; }
.nomargin-right { margin-right: 0; }
.nomargin-top { margin-top: 0; }