div.a0 {
    position: absolute;
    top: 0px !important;
    margin-top: 90px !important;
    margin-left: -25px;
    width: 100%;
    height: 100%;
    background-color: rgb(238, 238, 238);
}

div.a1 {
    position: absolute;
    float: left;
    left: 4%;
    top: 4%;
    padding: 0;
    width: 30%;
    height: 15%;
}

div.a2 {
    position: absolute;
    padding: 0;
    float: right;
    left: 65%;
    top: 4%;
    width: 31%;
    height: 15%;
    font-family: Arial, Trebuchet MS, Tahoma, Verdana, sans-serif;
    font-size: 1.2em;
    color: #2299DD;
    ;
}

div.a3 {
    position: absolute;
    padding: 0;
    float: right;
    left: 65%;
    top: 12%;
    width: 31%;
    height: 15%;
    font-family: Arial, Trebuchet MS, Tahoma, Verdana, sans-serif;
    font-size: 1.2em;
    color: #C0C0C0;

}

div.b1 {
    z-index: 3;
    position: absolute;
    left: 4%;
    margin-top: 15px;
    /*top: 20%;*/
    width: 92%;
    /*height:10%;*/
    height: 7%;
}

div.c1 {
    position: absolute;
    left: 4%;
    top: 33%;
    width: 20%;
    height: 75px;
    /*height:58%;*/
}

div.c2 {
    position: absolute;
    left: 25%;
    top: 33%;
    width: 71%;
    height: 58%;
}

div.roz {
    width: 92%;
    margin: 0 auto;
}

div.c11 {
    position: absolute;
    margin-top: 85px;
    left: 4%;
    width: 92%;
    height: 58%;
}

div.c12 {
    position: absolute;
    left: 4%;
    margin-top: 30px;
    width: 92%;
    height: 68%;
}

div.d1 {
    position: fixed;
    bottom: 0px;
    left: 4%;
    top: 94%;
    height: 2%;
}

div.d2 {
    position: fixed;
    bottom: 0px;
    right: 4%;
    top: 87%;
    height: 2%;
    background-color: white;
    border: 1px solid #ffe45c;
    padding: 15px;
    color: red;
    font-size: 14px;
}

div.d3 {
    position: fixed;
    text-align: center;
    width: 92%;
    margin: 0 auto;
    bottom: 0px;
    left: 4%;
    background-color: white;
    border: 1px solid #ffe45c;
    padding: 5px 0px 5px 0px;
    font-size: 14px;
}

div.logowanie {
    margin: auto;
    width: 380px;
    font-size: 125%;
}

div.logowanie_captcha {
    margin: auto;
    width: 350px;
    height: 60px;
}

div#podpowiedz {
    position: fixed;
    z-index: 5;
    left: 300px;
    top: -500px;
    min-width: 400px;
}

div#obecnosc {
    position: fixed;
    z-index: 5;
    right: 300px;
    top: -500px;
    min-width: 400px;
}

div.rozwijana {
    /*overflow:scroll*/
    overflow: auto;
}

table.raport {
    border-left: 1pt dotted silver;
    border-top: 1pt dotted silver;
    font-family: Arial, Trebuchet MS, Tahoma, Verdana, sans-serif;
    text-align: left;
}

td,
th {
    border-bottom: 1pt dotted silver;
    border-right: 1pt dotted silver;
}

tr.multiDateEvenRows>td {
    background-color: rgb(255, 255, 255) !important;
}

tr.multiDateOddRows>td {
    background-color: rgb(250, 250, 250) !important;
}

td {
    font-family: Arial, Trebuchet MS, Tahoma, Verdana, sans-serif;
}

table.bez_ramki td,
td.bez_ramki {
    border: none;
}

td.bez_ramki button,
td.bez_ramki input {
    float: right;
    margin-bottom: 2%;
    font-size: inherit;
}

td.bez_ramki input {
    width: 100%;
}

.mainPageStatement {
    text-align: center;
    margin-bottom: 15px;
}

div.gora {
    border: solid;
    border-width: 1px;
    border-top-color: #ffe45c;
    border-left-color: #ffe45c;
    border-right-color: #ffe45c;
    border-bottom: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 0.4em 2.2em;
    margin-top: 0px;
    font-family: Arial, Trebuchet MS, Tahoma, Verdana, sans-serif;
    font-size: 1.1em;
    color: #2299DD;
    font-weight: bold;
    background: white;
}

div.dol {
    background-size: contain;
    background-repeat: repeat-x;
    /*background-color: #EEEEEE;*/
    background-color: #FFFFFF;
    padding: 1em 2.2em;
    border: solid;
    border-width: 1px;
    border-bottom-color: #dddddd;
    border-left-color: #dddddd;
    border-right-color: #dddddd;
    border-top: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    font-family: Arial, Trebuchet MS, Tahoma, Verdana, sans-serif;
    font-size: 1.1em;
    color: #333333;
    margin-top: -15px;
    margin-bottom: 20px;
}

.c2 div.dol {
    visibility: hidden;
}

.c11 div.dol {
    visibility: hidden;
}

/* wazne jest aby w tabeli dodac cellspacing="0" */

div.b11 {
    height: 100%;
    background-size: contain;
    border-radius: 4px;
    padding: 0em 0em;
    /*  border: solid;
    border-width: 1px;
    border-color: #dddddd;*/
    font-family: Arial, Trebuchet MS, Tahoma, Verdana, sans-serif;
    font-size: 1.1em;
}

div.b12 {
    height: 40%;
    /*background-image: url("ui-lightness/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png");*/
    background-color: #8cb5de;
    background-repeat: repeat-x;
    background-size: contain;
    border-radius: 4px;
    padding: 0.4em 0.2em;
    border: solid;
    border-width: 1px;
    border-color: #dddddd;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

/* div.b12a {
    height: 40%;
    background-image: url("ui-lightness/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png");
    background-image: url("ui-lightness/images/ui-bg_gloss-wave_95_f6ecd5_500x100.png");
    background-repeat: repeat-x;
    background-size: contain;
    border-radius: 4px;
    padding: 0.4em 0.2em;
    border: solid;
    border-width: 1px;
    border-color: #dddddd;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
} */

div.b12arch {
    height: 40%;
    background-image: url("ui-lightness/images/ui-bg_gloss-wave_onPoint_szary_500x100.png");
    /*background-image: url("ui-lightness/images/ui-bg_gloss-wave_95_f6ecd5_500x100.png");*/
    background-repeat: repeat-x;
    background-size: contain;
    border-radius: 4px;
    padding: 0.4em 0.2em;
    border: solid;
    border-width: 1px;
    border-color: #dddddd;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

div.b14 {
    position: relative;
    float: left;
    left: 0%;
    top: 4%;
    height: 89%;
    background-color: #FFFFFF;
    background-size: contain;
    /*border-top-left-radius: 4px;
    border-top-right-radius: 4px;*/
    padding: 1.1em 1.1em 0em 1.1em;
    border: solid;
    border-width: 1px;
    border-top-color: #8cb5de;
    border-left-color: #8cb5de;
    border-right-color: #8cb5de;
    border-bottom-color: #8cb5de;
    margin-top: -6px;
    margin-left: 0px;
    margin-right: 0px;
    font-family: Arial, Trebuchet MS, Tahoma, Verdana, sans-serif;
    font-size: 1em;
    color: #8cb5de;
    font-weight: bold;
}

div.b14:hover {
    position: relative;
    float: left;
    left: 0%;
    top: 4%;
    height: 89%;
    cursor: pointer;
    background-size: contain;
    /*border-top-left-radius: 4px;
    border-top-right-radius: 4px;*/
    padding: 1.1em 1.1em 0em 1.1em;
    border: solid;
    border-width: 1px;
    border-top-color: #8cb5de;
    border-left-color: #8cb5de;
    border-right-color: #8cb5de;
    border-bottom-color: #8cb5de;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    font-family: Arial, Trebuchet MS, Tahoma, Verdana, sans-serif;
    font-size: 1em;
    color: #FFFFFF;
    font-weight: bold;
}

div.b14selected {
    position: relative;
    float: left;
    left: 0%;
    top: 0%;
    height: 110%;
    background-color: #FFFFFF;
    background-size: contain;
    /*border-top-left-radius: 4px;
    border-top-right-radius: 4px;*/
    padding: 1.6em 1.1em 0em 1.1em;
    border: solid;
    border-width: 1px;
    border-top-color: #8cb5de;
    border-left-color: #8cb5de;
    border-right-color: #8cb5de;
    border-bottom-color: #8cb5de;
    margin-top: -10px;
    margin-left: 0px;
    margin-right: 0px;
    font-family: Arial, Trebuchet MS, Tahoma, Verdana, sans-serif;
    font-size: 1.1em;
    color: #eb8f00;
    font-weight: normal;
}

a.zakladki:link,
a.zakladki:visited,
a.menu:link,
a.menu:visited {
    text-decoration: none;
    color: #8cb5de;
    font-weight: bold;
}

a.zakladki:link:hover,
a.zakladki:visited:hover {
    text-decoration: none;
    color: #eb8f00;
    font-weight: bold;
}

a.menu:link:hover,
a.menu:visited:hover {
    text-decoration: none;
    color: #2299DD;
    font-weight: bold;
}

#dodinfo,
#dodinfo2,
#dodinfoDziecko_h,
#dodinfoDziecko_d,
#dodinfoDziecko_data,
#harm p {
    display: none;
}

#harm h2 {
    display: block;
    font-family: Arial, Trebuchet MS, Tahoma, Verdana, sans-serif;
    font-size: 1em;
    color: #2299dd;
    background: #f6f6f6 none repeat scroll 0 0;
    padding: 5px 0px;
    font-weight: lighter;
    cursor: pointer;
}

td.godz input,
td.godzhl input {
    padding: 0;
    margin: 0;
    border: none;
    color: #333333;
}

td.godz input:not([type='checkbox']),
td.godzl input:not([type='checkbox']) {
    width: 100%;
    height: 100%;
}

td.godz {
    border-right: 1pt solid silver;
    border-bottom: 1pt solid silver;
    color: #333333;
    text-align: center;
    font-family: Arial, Trebuchet MS, Tahoma, Verdana, sans-serif;
    font-size: 10px;
}

td.godzhl {
    border: 1pt solid blue;
    color: #333333;
    text-align: center;
    font-family: Arial, Trebuchet MS, Tahoma, Verdana, sans-serif;
    font-size: 10px;
}

td.godzalert input,
td.godzStaly input {
    padding: 0;
    margin: 0;
    max-width: 25px;
    height: 100%;
    border: none;
    color: #333333;
}

td.godz,
td.godz input {
    text-align: center;
}

td.godzalert {
    border: 2pt solid red;
    color: #333333;
    text-align: center;
    font-family: Arial, Trebuchet MS, Tahoma, Verdana, sans-serif;
    font-size: 10px;
}

td.godzStaly {
    border-right: 1pt solid silver;
    border-bottom: 1pt solid silver;
    color: #333333;
    text-align: center;
    font-family: Arial, Trebuchet MS, Tahoma, Verdana, sans-serif;
    font-size: 10px;
}

td.wstep,
option.jc {
    color: #333333;
    font-family: Arial, Trebuchet MS, Tahoma, Verdana, sans-serif;
    font-size: 10px;
}

input {
    font-family: Arial, Trebuchet MS, Tahoma, Verdana, sans-serif;
    font-size: 10px;
}

table.calatabela {
    border-left: 1pt solid silver;
    border-top: 1pt solid silver;
}

div.amber,
div.amberview input.numer,
div.amberview input.isleave {
    display: none;
}

.displayNone {
    display: none;
}

.displayNoneImportant {
    display: none !important;
}

.visibilityHidden {
    visibility: hidden;
}

.highlight,
.highlight td,
.highlight th {
    background: rgb(232, 240, 255) !important;
}

/* UWAGA poniższe umiesic po skonczeniu w odpowiednich miejscach powyżej */
body {
    margin: 25px !important;
}

a .b14selected {
    color: #eb8f00;
}

a.zakladki .b14:hover {
    text-decoration: none;
    color: #eb8f00;
    font-weight: bold;
}

.b1 {
    margin-top: 100px;
    top: 0 !important;
    height: 75px !important;
}

.c1,
.c2 {
    top: 0 !important;
    margin-top: 85px !important;
}

.a4 {
    position: absolute;
    height: 120px !important;
    width: 92%;
    left: 4%;
    top: 25px;
}

.a4 div {
    position: absolute;
}

.a4 .image_holder {
    height: 100%;
    width: 100%;
    /*width: calc(100% - 200px);*/
}

.a4 .image_holder img {
    position: absolute;
}

.a4 .panel_przyciskow {
    z-index: 2;
    height: 100%;
    width: auto;
    right: 0;
}

.a4 .panel_przyciskow a {
    text-decoration: none;
    font-size: 1.2em;
    color: #8CB5DE;
}

.a4 .panel_przyciskow a.clickable:hover {
    cursor: pointer;
    color: #EB8F00;
}

.a4 .panel_przyciskow .select2-container--default .select2-selection--single .select2-selection__rendered:hover {
    cursor: pointer;
    color: #EB8F00;
}

.a4 .panel_przyciskow #wsp_wyloguj {
    cursor: pointer;
    color: #EB8F00;
}

.a4 .panel_przyciskow #wsp_wyloguj:hover {
    cursor: pointer;
    color: #8CB5DE;
}

.a4 .panel_przyciskow span.select2-selection,
.a4 .panel_przyciskow .select2-container--default .select2-selection--single .select2-selection__rendered {
    outline: none;
    border: none;
    color: #8CB5DE;
    font-weight: bold;
    font-size: 1.1em;
    padding-left: 3px;
    /* padding-right: 4px; */
    width: 30px !important;
    margin: 0 !important;
}

.a4 .panel_przyciskow .select2-container--default {
    width: 30px !important;
}

.a4 .panel_przyciskow span.select2-selection__arrow {
    display: none;
}

div.c13 {
    margin-left: 4%;
    position: absolute;
    margin-top: 85px;
    width: 92%;
}

button.ui-state-hover,
.button.ui-state-hover,
input[type=button].ui-state-hover,
input[type=button]:hover,
button:hover,
.ui-button:hover {
    background: #8cb5de !important;
    color: #ffffff !important;
    border: 1px solid #8cb5de !important;
}


button.ui-state-hover .ui-icon,
.button.ui-state-hover .ui-icon,
input[type=button].ui-state-hover .ui-icon,
input[type=button]:hover .ui-icon,
button:hover .ui-icon,
.ui-button:hover .ui-icon {
    background-image: url(ui-lightness/images/ui-icons_ffffff_256x240.png) !important;
}

body {
    font: 62.5% 'Trebuchet MS', sans-serif;
    margin: 50px;
}

.demoHeaders {
    margin-top: 0em;
}

/*            #dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
            #dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}*/
ul#icons {
    margin: 0;
    padding: 0;
}

ul#icons li {
    margin: 2px;
    position: relative;
    padding: 4px 0;
    cursor: pointer;
    float: left;
    list-style: none;
}

ul#icons span.ui-icon {
    float: left;
    margin: 0 4px;
}

.ui-widget {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
}

.ui-button {
    font-size: 1.1em;
}

input.text {
    margin-bottom: 12px;
    width: 95%;
    padding: .4em;
}

fieldset {
    padding: 0;
    border: 0;
    margin-top: 25px;
}

h1 {
    font-size: 1.2em;
    margin: .6em 0;
}

div#users-contain {
    width: 350px;
    margin: 20px 0;
}

div#users-contain table {
    margin: 1em 0;
    border-collapse: collapse;
    width: 100%;
}

div#users-contain table td,
div#users-contain table th {
    border: 1px solid #eee;
    padding: .6em 10px;
    text-align: left;
}

.ui-dialog .ui-state-error {
    padding: .3em;
}

.errorBorder {
    border: 1px solid red !important;
}

.errorBorder2px {
    border: 2px solid red !important;
}

/* Stylizowanie wybranego wiersza w tabeli */
.selected-row-color {
    background: rgb(232, 240, 255);
    /* ie8 */
    background-color: rgba(204, 215, 255, 0.3);
}

.kontenerKomentarz {
    position: absolute;
    width: 722px;
    height: 82px;
    float: left;
}

#inputKomentarzTS {
    border: rgba(22, 88, 221, 0.5) 1px solid;
    width: 700px;
    height: 60px;
    padding: 5px 10px;
    margin-bottom: 5px;
}

.kontenerGuzikow {
    padding-bottom: 5px;
}

/* notification css */

.notificationWindow {
    position: fixed;
    top: 176px;
    right: 4%;
    width: 270px;
    line-height: 130%;
    cursor: move;
    z-index: 1010;
}

.notificationInfo {
    background-color: #eff7ff;
    color: #2C65AE;
    border: 1px solid #8CB5DE;
}

.notificationError {
    background-color: #ffefef;
    color: #ae2c2c;
    border: 1px solid #de8c8c;
}

.notificationSuccess {
    background-color: #f4ffef;
    color: #025e03;
    border: 1px solid #8dde8c;
}

.notificationWindowText {
    padding: 10px;
    font-size: 1.2em;
}

.notificationWindowButton {
    padding: 0;
    float: right;
    border: none;
    background: none;

}

.notificationWindowButton.Error {
    color: #ae2c2c;
}

.notificationWindowButton.Error:hover {
    background-color: #efdfdf !important;
    border: 1px solid #de8c8c !important;
    color: red !important;
}

.notificationWindowButton.Success {
    color: #025e03;
}

.notificationWindowButton.Success:hover {
    background-color: #e4efdf !important;
    border: 1px solid #8dde8c !important;
    color: green !important;
}

.dottedBorder,
td.dottedBorder,
table.dottedBorder td,
table.dottedBorder th {
    border: 1px dotted gray;
}

ul.noListStyle {
    list-style: none;
    margin: 0;
    overflow: auto;
    padding: 0;
    text-indent: 10px;
}

.collapseBorder {
    border-collapse: collapse;
}

.alignCenter {
    text-align: center;
}

div.fixedHeightMedium {
    max-height: 600px;
    overflow-y: auto;
}

.hide {
    display: none;
}

.padding-s,
.padding-s td,
.padding-s th,
.padding-s tr td,
.padding-s tr th {
    padding: 5px;
}

.padding-m,
.padding-m td,
.padding-m th,
.padding-m tr td,
.padding-m tr th {
    padding: 10px;
}

.padding-l,
.padding-l td,
.padding-l th,
.padding-l tr td,
.padding-l tr th {
    padding: 20px;
}

.padding-bottom-l {
    padding-bottom: 20px;
}

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

.align-left,
table.align-left td {
    text-align: left;
}


/**-----------------------------------------
********** MEDIA QUERIES (RWD) *************
*------------------------------------------*/

/** XXLarge Screens
*
*   min-width 2251 px
*
*/
@media only screen and (min-width: 140.688em) {


    div.logowanie {
        font-size: 1.1em;
    }

    div.logowanie div.gora p {
        font-size: 1.5em;
    }

    div.logowanie div.dol table {
        font-size: 1.15em;
    }

    div.logowanie div.dol {
        margin-bottom: 20px;
    }

    div.logowanie td {
        font-size: 1.1em;
    }

    div.logowanie a {
        font-size: 1.0em;
    }

    div.a0 {
        margin-top: 150px !important;
    }

    .a4 .image_holder img:nth-of-type(1) {
        height: 100px;
    }

    .a4 .image_holder img:nth-of-type(2) {
        height: 125px;
    }

    .b1,
    div.panel_przyciskow {
        font-size: 1.5em;
    }

    div.b12 {
        height: 55%;
    }

    div.gora p {
        font-size: 1.7em;
    }

    div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all {
        font-size: 1.3em;
    }

    div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all {
        top: 20% !important;
        width: 600px !important;
    }

    div.rozwijana,
    div.demo,
    table a,
    button {
        font-size: 1.2em;
    }

    div.rozwijana table.info-o-systemie td,
    div.rozwijana table.info-o-systemie th {
        font-size: 1.01em !important;
    }

    div.rozwijana form {
        font-size: 0.9em;
    }

    div.rozwijana form[id="wniosekUrlopowy"] {
        font-size: 1.2em;
    }

    div.dol,
    div.dol table {
        font-size: 1.25em;
    }

    div.dol table span .ui-icon {
        width: 90%;
        height: 90%;
    }

    input,
    select,
    textarea,
    button,
    fieldset {
        font-size: 1.0em;
        line-height: 1.0em;
    }

    .capchta_recover {
        height: 57px;
    }

    .c1,
    .c2,
    .c11 {
        padding-top: 20px;
    }

    div.dol a.menu,
    #harm h2 {
        font-size: 1.3em;
    }

    input[type="checkbox"] {
        width: 25px;
        height: 25px;
        vertical-align: text-bottom;
        margin-left: 10px;
        margin-bottom: 0px;
    }

    div.slick-cell input[type="checkbox"],
    table.blok input[type="checkbox"] {
        width: initial;
        height: initial;
    }

    div.dol table.blok {
        font-size: 0.9em !important;
    }

    #tabelka table.calatabela,
    table.calatabela {
        width: 90%;
    }

    table.calatabela tr {
        height: 30px;
    }

    table.calatabela td {
        font-size: 0.8em;
    }

    table.calatabela td select option {
        font-size: 1.2em !important;
    }

    .ui-datepicker.ui-widget {
        font-size: 1.15em;
    }


    div#pracownicy_bez_ior {
        height: 750px !important;
    }

    form#zmiana_pass table td,
    form#zmiana_roku table td {
        font-size: 15px;
    }
}

.jquerybuttonCSS {
    display: inline-block;
    position: relative;
    padding: 0;
    margin-right: .1em;
    cursor: pointer;
    text-align: center;
    zoom: 1;
    overflow: visible;
    text-decoration: none;
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 1.1em;
    border: 1px solid #cccccc;
    background: #f6f6f6 url(ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #1c94c4;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -khtml-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    padding: .4em 1em;

}

.jquerybuttonCSS a,
.jquerybuttonCSS a:link,
.jquerybuttonCSS a:visited {
    color: #1c94c4;
    text-decoration: none;
}


.jquerybuttonCSS:hover {
    background: #8cb5de !important;
    color: #ffffff !important;
    border: 1px solid #8cb5de !important;
}


.jquerybuttonCSS .ui-icon,
.jquerybuttonCSS .ui-icon {
    background-image: url(ui-lightness/images/ui-icons_ffffff_256x240.png) !important;
}

.jquerybuttonCSS,
.jquerybuttonCSS:link,
.jquerybuttonCSS:visited,
.jquerybuttonCSS:hover,
.jquerybuttonCSS:active {
    text-decoration: none;
}

.jquerybuttonCSS .ui-icon {
    background-image: url(ui-lightness/images/ui-icons_ef8c08_256x240.png);
}

.jquerybuttonCSS:active,
.ui-widget-content .jquerybuttonCSS:active,
.ui-widget-header .jquerybuttonCSS:active {
    border: 1px solid #fbd850;
    background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #eb8f00;
}

.jquerybuttonCSS:active a,
.jquerybuttonCSS:active a:link,
.jquerybuttonCSS:active a:visited {
    color: #eb8f00;
    text-decoration: none;
}


.jquerybuttonCSS:focus,
.ui-widget-content .jquerybuttonCSS:focus,
.ui-widget-header .jquerybuttonCSS:focus {
    border: 1px solid #fbcb09;
    background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #c77405;
}

.ui-icon-red {
    background-image: url("ui-lightness/images/ui-icons_cc0000_256x240.png");
}

.ui-icon-grey {
    background-image: url("ui-lightness/images/ui-icons-888888-256x240.png");
}

/* reset extra padding in Firefox */
button.jquerybuttonCSS::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.paddingRightUI {
    padding-right: 0.6em;
}

.paddingLeftUI {
    padding-left: 0.6em;
}

.ui-widget-content {
    background: #eeeeee url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAYAAABHLFpgAAAAIUlEQVQYlWP48ePHfyYGBgaGIUT8//8fO5cSFn6J4UQAAJSgIpAFCJPdAAAAAElFTkSuQmCC) 50% top repeat-x;
}

.technical-work {
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 50vh;
}

.ui-tooltip {
    white-space: pre-line;
}

.reallyHidden {
    display: none !important;
}

.password-preview-icon {
    width: 14px;
    height: 14px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    cursor: pointer;
    padding-bottom: 2px;
}

.info-circle {
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 6px;
    padding-right: 6px;
    background-color: #BED7ED;
    border: 1px solid #BED7ED;
    border-radius: 50%;
    cursor: pointer;
    text-decoration: none;
    margin-left: 5px;
}

#passwdInput::-ms-reveal,
#passwdInput::-ms-clear {
    display: none;
}

.announcementRaport {
    margin: 2px 0px;
    display: inline-block
}

select.js-lazy-time {
    display: block;
    width: 100%;

    font-size: 0.625rem !important;
    line-height: 1.5;
    text-align: center;
    text-align-last: center;

    color: #444;
    border: 1px solid transparent;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;

    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20d%3D%22M1%204%20L6%209%20L11%204%20Z%22%20fill%3D%22%23888888%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: right 0.3rem center;
    background-size: 0.75rem 1.25rem;

    padding-right: 0.75rem;
}

select.js-lazy-time.select2-hidden-accessible {
    display: none !important;
}

tr.even td,
tr.even select.js-lazy-time,
tr.even input {
    background-color: rgba(222, 222, 222, 1);
}

.select2-dropdown .select2-search {
    width: 100%;
    box-sizing: border-box;
}

.select2-dropdown .select2-search input {
    width: 100% !important;
}

tr.dayOff td,
tr.dayOff .js-lazy-time,
tr.dayOff input {
    color: blue !important;
}