@media print {

.printable {
border-color: #EBEFF1 !important;
}
}


/*.calendarTable thead button {
color: black;
}*/

td button.moreDetails {
background-image: url(/SmartTime/images/icons/dogEar.png?ver=1715207416);
}

td.calcW,
td.calcWV {
background-image: url(/SmartTime/images/icons/white-dot.png?ver=1715207416);
}

td.calcB,
td.calcBV {
background-image: url(/SmartTime/images/icons/black-dot.png?ver=1715207416);
}

.calendarTable .overlay {
color: #000000;
background-color: #CFD8E1
}

.yellow-label {
color: rgb(244,236,105);
}

.calendarTable tr td.overSelectedOne .overlay-wrapper {
outline-color: #00FF00 !important;
}

div.divCellInfoOverlay {
border-color: black;

}

button.cellInfoOverlaySelected {
outline-color: black;
}

.calendarTable tr td.tdMonth {
background-color: #dce1e7;
}

/* Calendar Legend
------------------------------------------------------------------*/

.calendar-legend div.boldBorder {
border-color: black;
}

.calendar-legend div.dottedBorder {
border-color: black;
}

.calendar-legend div.inSubstitution {
border-color: red;
}

.calendar-legend div.today {
border-color: rgb(252,141,141);
}

.calendar-legend div.applicant {
border-color: purple;
}

.calendar-legend div.applicantion {
border-color: #00FF00;
}

.calendar-legend .header {
border-color: black;
}

/* Background
------------------------------------------------------------------*/

body {
background-color: #8095B4;
}

/* Panels
------------------------------------------------------------------*/

.ui-fit-panel,
.ui-full-panel,
.ui-fixed-panel-1,
.ui-fixed-panel-2,
.ui-fixed-panel-3,
.ui-fixed-panel-4,
.ui-fixed-panel-5,
.ui-dailyLedger-panel,
.ui-monthlyLedger-panel {
background-color: #EBEFF1;
background-image: linear-gradient(to right, #EBEFF1 0%, #FFFFFF 10%, #FFFFFF 90%, #EBEFF1 100%);
}

/* Header
------------------------------------------------------------------*/

.ui-page > .ui-header {
color: #ffffff;
background-color: #030469;
background-image: linear-gradient(to bottom,#030469,#224D7E 72px);
}

.ui-page > .ui-header > h1 {
background-image: url(/SmartTime/images/icons/topbar-logo.png?ver=1715207416);
}

/* Top menu bar
------------------------------------------------------------------*/

#top-menu-bar .main-menu a, #top-menu-bar .logout, #top-menu-bar .settings {
border-color: #030469;
}

#top-menu-bar a {
color: #030469;
background-color: rgb(207,216,225);
background-image: linear-gradient(to bottom,rgb(189,198,213) 0%,rgb(207,216,225) 25%,rgb(220,225,231) 50%,rgb(207,216,225) 75%,rgb(189,198,213) 100%);
}

#top-menu-bar a.button-selected {
color: #FFFFFF;
background-color: rgb(118,144,180);
background-image: linear-gradient(to bottom,rgb(125,151,184) 0%,rgb(118,144,180) 25%,rgb(110,138,175) 50%,rgb(118,144,180) 75%,rgb(125,151,184) 100%);
}

#top-menu-bar .main-menu a.hover, #top-menu-bar a.logout.hover, #top-menu-bar a.settings.hover {
color: #030469;
background-color: rgb(118,144,180);
background-image: linear-gradient(to bottom,rgb(125,151,184) 0%,rgb(118,144,180) 25%,rgb(110,138,175) 50%,rgb(118,144,180) 75%,rgb(125,151,184) 100%);
}

#top-menu-bar a.settings:focus, #top-menu-bar a.logout:focus, #top-menu-bar .main-menu a:focus {
border-color: rgb(244,236,105);
}


    #top-menu-bar span.icon-time-menu {
    background: url(/SmartTime/images/icons/time-blue.png?ver=1715207416) no-repeat scroll center center;
    }

    #top-menu-bar span.icon-pda-menu {
    background: url(/SmartTime/images/icons/pda-blue.png?ver=1715207416) no-repeat scroll center center;
    }

    #top-menu-bar span.icon-favourites-menu {
    background: url(/SmartTime/images/icons/favourites-blue.png?ver=1715207416) no-repeat scroll center center;
    }

    #top-menu-bar span.icon-management-menu {
    background: url(/SmartTime/images/icons/management-blue.png?ver=1715207416) no-repeat scroll center center;
    }

    #top-menu-bar span.icon-process-application-menu {
    background: url(/SmartTime/images/icons/process-application-blue.png?ver=1715207416) no-repeat scroll center center;
    }

    #top-menu-bar a.button-selected span.icon-time-menu {
    background: url(/SmartTime/images/icons/time-white.png?ver=1715207416) no-repeat scroll center center;
    }
    #top-menu-bar a.button-selected:hover span.icon-time-menu {
    background: url(/SmartTime/images/icons/time-blue.png?ver=1715207416) no-repeat scroll center center;
    }

    #top-menu-bar a.button-selected span.icon-pda-menu {
    background: url(/SmartTime/images/icons/pda-white.png?ver=1715207416) no-repeat scroll center center;
    }
    #top-menu-bar a.button-selected:hover span.icon-pda-menu {
    background: url(/SmartTime/images/icons/pda-blue.png?ver=1715207416) no-repeat scroll center center;
    }

    #top-menu-bar a.button-selected span.icon-process-application-menu {
    background: url(/SmartTime/images/icons/process-application-white.png?ver=1715207416) no-repeat scroll center center;
    }
    #top-menu-bar a.button-selected:hover span.icon-process-application-menu {
    background: url(/SmartTime/images/icons/process-application-blue.png?ver=1715207416) no-repeat scroll center center;
    }

    #top-menu-bar a.button-selected span.icon-favourites-menu {
    background: url(/SmartTime/images/icons/favourites-white.png?ver=1715207416) no-repeat scroll center center;
    }
    #top-menu-bar a.button-selected:hover span.icon-favourites-menu {
    background: url(/SmartTime/images/icons/favourites-blue.png?ver=1715207416) no-repeat scroll center center;
    }

    #top-menu-bar a.button-selected span.icon-management-menu {
    background: url(/SmartTime/images/icons/management-white.png?ver=1715207416) no-repeat scroll center center;
    }
    #top-menu-bar a.button-selected:hover span.icon-management-menu {
    background: url(/SmartTime/images/icons/management-blue.png?ver=1715207416) no-repeat scroll center center;
    }

    #top-menu-bar span.icon-logout-menu {
    display:block;
    background: url(/SmartTime/images/icons/logout-blue.png?ver=1715207416) no-repeat scroll center center;
    text-indent:-99999px;
    }

    #top-menu-bar span.icon-settings-menu {
    display:block;
    background: url(/SmartTime/images/icons/options2over.png?ver=1715207416) no-repeat scroll center center;
    text-indent:-99999px;
    }
    #top-menu-bar a.button-selected span.icon-settings-menu {
    background: url(/SmartTime/images/icons/menuSettingsSelected.png?ver=1715207416) no-repeat scroll center center;
    }
    #top-menu-bar a.button-selected:hover span.icon-settings-menu {
    background: url(/SmartTime/images/icons/options2over.png?ver=1715207416) no-repeat scroll center center;
    }


/* Information bar
------------------------------------------------------------------*/

#lower-border-div {
background-color: #93A9BE;
background-image: none;
}

/* Side menu
------------------------------------------------------------------*/

.ui-menu a,
.ui-menu li.menu-collapsed:last-child > a,
.ui-menu li:last-child ul li:last-child a {
border-color: #C6CAD3;
}

.ui-menu a:focus {
outline-color: rgb(244,236,105) !important;
}

.ui-page .ui-menu {
color: #030469;
}

.ui-menu a, .menu-collapsible li a {
color: #030469;
background-color: #EBEFF1;
background-image: linear-gradient(to right, #EBEFF1 0%, #FFFFFF 10%, #FFFFFF 90%, #EBEFF1 100%);
}

.menu-collapsible a {
color: #030469;
background-color: #E7EAEF;
background-image: linear-gradient(to right, #CDD4DC 0%, #E7EAEF 10%, #E7EAEF 90%, #CDD4DC 100%);
}

.menu-collapsible li {
border: none;
}

.menu-collapsed a {
color: #030469;
background-color: #E7EAEF;
background-image: linear-gradient(to right, #CDD4DC 0%, #E7EAEF 10%, #E7EAEF 90%, #CDD4DC 100%);
}


.ui-menu a.menu-selected,
.menu-collapsible li a.menu-selected {
color: #FFFFFF;
background-color: #7690B4 !important;
background-image: linear-gradient(to right, #7D97B8 0%, #7690B4 10%, #7690B4 90%, #7D97B8 100%) !important;
}

.ui-menu a.hover {
color: #030469;
background-color: #7690B4 !important;
background-image: linear-gradient(to right, #7D97B8 0%, #7690B4 10%, #7690B4 90%, #7D97B8 100%) !important;
}

.ui-menu a.rootMenuLink {
color: #030469;
background-color: #E7EAEF;
background-image: linear-gradient(to right, #CDD4DC 0%, #E7EAEF 10%, #E7EAEF 90%, #CDD4DC 100%);
}

.ui-menu a.rootMenuLink.shared-favourite {
color: #030469;
background-color: blue;
background-image: linear-gradient(to right, #CDD4DC 0%, #B8D3FC 5%, #B8D3FC 95%, #CDD4DC 100%);
}

/* Favourite icon on time menu ------------------------------------------- */

.icon-time-favourite-menu-on {
background: transparent url(/SmartTime/images/icons/time_favourite_on.png?ver=1715207416) no-repeat scroll center center;
}

/* PDA icons on menu ----------------------------------------------------- */

.icon-PDABeginBooking {
background: #e7eaef url(/SmartTime/images/icons/PDABeginBookingG-small.png?ver=1715207416) no-repeat scroll center center;
}

.icon-PDAInterruptionBooking {
background: #e7eaef url(/SmartTime/images/icons/PDAInterruptionBookingG-small.png?ver=1715207416) no-repeat scroll center center;
}

.icon-PDAEndBooking {
background: #e7eaef url(/SmartTime/images/icons/PDAEndBookingR-small.png?ver=1715207416) no-repeat scroll center center;
}

.icon-PDAInfoFinish {
background: #e7eaef url(/SmartTime/images/icons/PDAInfoFinish-small.png?ver=1715207416) no-repeat scroll center center;
}

.icon-PDAInfoInterrupted {
background: #e7eaef url(/SmartTime/images/icons/PDAInfoInterrupted-small.png?ver=1715207416) no-repeat scroll center center;
}

.icon-PDAInfoDelayed {
background: #e7eaef url(/SmartTime/images/icons/PDAInfoDelayed-small.png?ver=1715207416) no-repeat scroll center center;
}

.icon-PDAInfoInProgress {
background: #e7eaef url(/SmartTime/images/icons/PDAInfoInProgress-small.png?ver=1715207416) no-repeat scroll center center;
}

.icon-PDAInfoGood {
background: #e7eaef url(/SmartTime/images/icons/PDAInfoGood-small.png?ver=1715207416) no-repeat scroll center center;
}

.icon-PDAInfoBad {
background: #e7eaef url(/SmartTime/images/icons/PDAInfoBad-small.png?ver=1715207416) no-repeat scroll center center;
}

.icon-PDAMechanicGroupChange {
background: #e7eaef url(/SmartTime/images/icons/PDAMechanicGroupChange-small.png?ver=1715207416) no-repeat scroll center center;
}

.ui-terminal-mode .icon-PDABeginBooking {
background: #e7eaef url(/SmartTime/images/icons/PDABeginBookingG.png?ver=1715207416) no-repeat scroll center center;
}

.ui-terminal-mode .icon-PDAInterruptionBooking {
background: #e7eaef url(/SmartTime/images/icons/PDAInterruptionBookingG.png?ver=1715207416) no-repeat scroll center center;
}

.ui-terminal-mode .icon-PDAEndBooking {
background: #e7eaef url(/SmartTime/images/icons/PDAEndBookingR.png?ver=1715207416) no-repeat scroll center center;
}

.ui-terminal-mode .icon-PDAInfoFinish {
background: #e7eaef url(/SmartTime/images/icons/PDAInfoFinish.png?ver=1715207416) no-repeat scroll center center;
}

.ui-terminal-mode .icon-PDAInfoInterrupted {
background: #e7eaef url(/SmartTime/images/icons/PDAInfoInterrupted.png?ver=1715207416) no-repeat scroll center center;
}

.ui-terminal-mode .icon-PDAInfoDelayed {
background: #e7eaef url(/SmartTime/images/icons/PDAInfoDelayed.png?ver=1715207416) no-repeat scroll center center;
}

.ui-terminal-mode .icon-PDAInfoInProgress {
background: #e7eaef url(/SmartTime/images/icons/PDAInfoInProgress.png?ver=1715207416) no-repeat scroll center center;
}

.ui-terminal-mode .icon-PDAInfoGood {
background: #e7eaef url(/SmartTime/images/icons/PDAInfoGood.png?ver=1715207416) no-repeat scroll center center;
}

.ui-terminal-mode .icon-PDAInfoBad {
background: #e7eaef url(/SmartTime/images/icons/PDAInfoBad.png?ver=1715207416) no-repeat scroll center center;
}

.ui-terminal-mode .icon-PDAMechanicGroupChange {
background: #e7eaef url(/SmartTime/images/icons/PDAMechanicGroupChange.png?ver=1715207416) no-repeat scroll center center;
}

/* Primary content
-------------------------------------------------------------------------*/

.ui-primary-content {
color: #000;
}

/* Form Fields
-------------------------------------------------------------------*/

.radiobutton-label.disabled-label,
.radiobutton-hover .radiobutton-label.disabled-label,
.checkfield-label.disabled-label,
.checkfield-hover .checkfield-label.disabled-label
{
color: darkgray;
}

.radiobutton-hover .radiobutton-label,
.checkfield-hover .checkfield-label {
color: #7690B4;
}


label.checkfield-hover {
color: #7690B4 !important;
}

/* Checkbox images has been set by html images instead of background images

.checkfield-fakecheckbox {
background-image: url(/SmartTime/images/icons/checkbox.png?ver=1715207416);
}

.checkfield-focus .checkfield-fakecheckbox {
background-image: url(/SmartTime/images/icons/checkbox-focus.png?ver=1715207416);
}

.checkfield-checked .checkfield-fakecheckbox {
background-image: url(/SmartTime/images/icons/checkbox-checked.png?ver=1715207416);
}

.checkfield-checked.checkfield-focus .checkfield-fakecheckbox {
background-image: url(/SmartTime/images/icons/checkbox-checked-focus.png?ver=1715207416);
}

.checkfield-fakecheckbox.checkbox-disabled {
background-image: url(/SmartTime/images/icons/checkbox-unchecked-readonly.png?ver=1715207416);
}

.checkfield-checked .checkfield-fakecheckbox.checkbox-disabled {
background-image: url(/SmartTime/images/icons/checkbox-checked-readonly.png?ver=1715207416);
}

.checkfield-focus .checkfield-fakecheckbox.checkbox-disabled {
background-image: url(/SmartTime/images/icons/checkbox-unchecked-readonly-focus.png?ver=1715207416);
}

.checkfield-checked.checkfield-focus .checkfield-fakecheckbox.checkbox-disabled {
background-image: url(/SmartTime/images/icons/checkbox-checked-readonly-focus.png?ver=1715207416);
}

.checkfield-fakecheckbox48 {
background-image: url(/SmartTime/images/icons/checkbox48.png?ver=1715207416);
}

.checkfield-focus .checkfield-fakecheckbox48 {
background-image: url(/SmartTime/images/icons/checkbox-focus48.png?ver=1715207416);
}

.checkfield-checked .checkfield-fakecheckbox48 {
background-image: url(/SmartTime/images/icons/checkbox-checked48.png?ver=1715207416);
}

.checkfield-checked.checkfield-focus .checkfield-fakecheckbox48 {
background-image: url(/SmartTime/images/icons/checkbox-checked-focus48.png?ver=1715207416);
}

.checkfield-fakecheckbox48.checkbox-disabled {
background-image: url(/SmartTime/images/icons/checkbox-unchecked-readonly48.png?ver=1715207416);
}

.checkfield-checked .checkfield-fakecheckbox48.checkbox-disabled {
background-image: url(/SmartTime/images/icons/checkbox-checked-readonly48.png?ver=1715207416);
}

.checkfield-focus .checkfield-fakecheckbox48.checkbox-disabled {
background-image: url(/SmartTime/images/icons/checkbox-unchecked-readonly-focus48.png?ver=1715207416);
}

.checkfield-checked.checkfield-focus .checkfield-fakecheckbox48.checkbox-disabled {
background-image: url(/SmartTime/images/icons/checkbox-checked-readonly-focus48.png?ver=1715207416);
}

.radiobutton-fakeradio {
background-image: url(/SmartTime/images/icons/radio.png?ver=1715207416);
}

.radiobutton-focus .radiobutton-fakeradio.radiobutton-disabled,
.radiobutton-checked .radiobutton-fakeradio.radiobutton-disabled,
.radiobutton-fakeradio.radiobutton-disabled {
background-image: url(/SmartTime/images/icons/radio-unchecked-disabled.png?ver=1715207416);
}

.radiobutton-focus .radiobutton-fakeradio {
background-image: url(/SmartTime/images/icons/radio-focus.png?ver=1715207416);
}

.radiobutton-checked .radiobutton-fakeradio {
background-image: url(/SmartTime/images/icons/radio-checked.png?ver=1715207416);
}

.radiobutton-checked.radiobutton-focus .radiobutton-fakeradio {
background-image: url(/SmartTime/images/icons/radio-checked-focus.png?ver=1715207416);
}

.radiobutton-fakeradio48 {
background-image: url(/SmartTime/images/icons/radio48.png?ver=1715207416);
}

.radiobutton-focus .radiobutton-fakeradio48.radiobutton-disabled,
.radiobutton-checked .radiobutton-fakeradio48.radiobutton-disabled,
.radiobutton-fakeradio48.radiobutton-disabled {
background-image: url(/SmartTime/images/icons/radio-unchecked-disabled48.png?ver=1715207416);
}

.radiobutton-focus .radiobutton-fakeradio48 {
background-image: url(/SmartTime/images/icons/radio-focus48.png?ver=1715207416);
}

.radiobutton-checked .radiobutton-fakeradio48 {
background-image: url(/SmartTime/images/icons/radio-checked48.png?ver=1715207416);
}

.radiobutton-checked.radiobutton-focus .radiobutton-fakeradio48 {
background-image: url(/SmartTime/images/icons/radio-checked-focus48.png?ver=1715207416);
}

*/

.formfield,
.textfield,
.datefield,
.integerfield,
.floatfield,
.selectionfield,
.dataTables_filter input,
.table-filter,
.dir-rtl .timefieldplus-plus { /* rtl */
color: #000;
border-color: #707070;
}

.formfield:disabled,
.textfield:disabled,
.datefield:disabled,
.integerfield:disabled,
.floatfield:disabled,
.selectionfield:disabled,
.dataTables_filter input:disabled,
.table-filter:disabled {
background-color: lightgray !important;
color: #666;
border-color: #B4B5B7;
box-shadow: 0 0px 3px #B4B5B7 inset;
}

.formfield:focus,
.checkfield:focus,
.datefield:focus,
.textfield:focus,
.integerfield:focus,
.floatfield:focus,
.selectionfield:focus,
.dataTables_filter input:focus {
border-color: rgb(244,236,105);
/*box-shadow: 0px 0px 8px rgb(244,236,105);*/
}

.weekdayfield.focus {
border-color: rgb(244,236,105);
}

label.radiobutton-focus,
label.checkfield-focus {
border-color: rgb(244,236,105) !important;
/*box-shadow: 0px 0px 8px rgb(244,236,105);*/
}


.ui-datefield span.datefield-button {
background-image: url(/SmartTime/images/icons/calendar_32.png?ver=1715207416);
}

.ui-small .ui-datefield span.datefield-button {
background-image: url(/SmartTime/images/icons/calendar_24.png?ver=1715207416);
}

.ui-timefield span {
background-image: url(/SmartTime/images/icons/time_32.png?ver=1715207416);
}

.ui-small .ui-timefield span {
background-image: url(/SmartTime/images/icons/time_24.png?ver=1715207416);
}

span.icon-uncheckedbox {
background-image: url(/SmartTime/images/icons/checkbox-unchecked-readonly.png?ver=1715207416);
}

span.icon-checkedbox {
background-image: url(/SmartTime/images/icons/checkbox-checked-readonly.png?ver=1715207416);
}

span.icon-uncheckedradio {
background-image: url(/SmartTime/images/icons/radio.png?ver=1715207416);
}

span.icon-checkedradio {
background-image: url(/SmartTime/images/icons/radio-checked.png?ver=1715207416);
}

.ui-field-error,
.ui-field-mandatory {
background-color: rgb(244,236,105);
}

.formfield.ui-error,
.textfield.ui-error,
.datefield.ui-error,
.weekdayfield.ui-error {
background-color: rgb(244,236,105) !important;
}

.formfield.ui-error:focus,
.textfield.ui-error:focus,
.datefield.ui-error:focus,
.weekdayfield.ui-error.focus {
background-color: white !important;
}

select.timefieldplus-plus {
background-color: white;
}

select.timefieldplus-plus[disabled] {
background-color: lightgray;
}

/* Link
------------------------------------------------------------------*/



/* Dialog
------------------------------------------------------------------*/

.ui-dialog-overlay {
background-image:url(/SmartTime/images/dialog/background.png?ver=1715207416);
}

.ui-dialog .ui-header,
.ui-inline-dialog .ui-dialog-header {
color: #ffffff;
background-color: #042d69;
background-image: linear-gradient(top, #042d69, #042d69);
background-image: -moz-linear-gradient(top, #042d69, #042d69);
background-image: -ms-linear-gradient(top, #042d69, #042d69);
background-image: -o-linear-gradient(top, #042d69, #042d69);
background-image: -webkit-linear-gradient(top, #042d69, #042d69);
border-top-color: #404040;
border-left-color: #404040;
border-right-color: #404040;
}

.ui-dialog .ui-content,
.ui-inline-dialog .ui-dialog-content {
background-color: #DCE1E7;
border-left-color: #404040;
border-right-color: #404040;
}

.ui-dialog .ui-footer,
.ui-inline-dialog .ui-dialog-footer {
background-color: #DCE1E7;
border-top-color: #AAA;
border-left-color: #404040;
border-bottom-color: #404040;
border-right-color: #404040;
}

.ui-dialog .ui-footer .miditec-link {
color: #042D69;
}

.dialog-icon-maximize {
background-image: url(/SmartTime/images/icons/dialog-maximize.png?ver=1715207416);
}

.dialog-icon-restore {
background-image: url(/SmartTime/images/icons/dialog-restore.png?ver=1715207416);
}

.dialog-icon-resize {
background-image: url(/SmartTime/images/icons/dialog-resize.png?ver=1715207416);
}

/* Login Dialog
------------------------------------------------------------------*/

#footerPartnerLogo0 {
background-image: url(/SmartTime/images/partnerLogo0.png?ver=1715207416);
}
#footerPartnerLogo1 {
background-image: url(/SmartTime/images/partnerLogo1.png?ver=1715207416);
}
#footerPartnerLogo2 {
background-image: url(/SmartTime/images/partnerLogo2.png?ver=1715207416);
}

#login.ui-dialog .ui-footer0 {
background-color: #DCE1E7;
}
#login.ui-dialog .ui-footer1 {
background-color: #FFFFFF;
}
#login.ui-dialog .ui-footer2 {
background-color: #666666;
}

/* Logout Dialog
-------------------------------------------------------------------*/

.logoutMsg {
color: #444;
}

/* Buttons
------------------------------------------------------------------*/

.inline-button,
.button {
color: #030469;
background-color: #F6F6F6;
background-image: linear-gradient(to bottom, #F6F6F6 0%, #C8C9CB 100%);
border-color: #C8C9CB;
}

.inline-button.hover,
.button.hover {
color: #030469;
background-color: #7690B4;
background-image: linear-gradient(to bottom, #A4BEE2 0%, #7690B4 100%);
border-color: #7690B4;
}

.inline-button:active,
.button:active {
color: #FFFFFF;
background-color: #A4BEE2;
background-image: linear-gradient(to top, #A4BEE2 0%, #7690B4 100%);
}

.button:focus,
.inline-button:focus {
border-color: rgb(244,236,105);
}

.button:disabled,
.inline-button:disabled,
.inline-button.aDisabled,
.inline-button.aDisabled:hover,
.button.aDisabled,
.button.aDisabled:hover {
background-image: none;
background-color: lightgray;
color: #666;
border-color: #C8C9CB;
}

.button:disabled:active,
.inline-button:disabled:active,
.inline-button.aDisabled:active,
.button.aDisabled:active {
background-image: none;
background-color: lightgray;
color: black;
border-color: #C8C9CB;
}

.button:enabled:active,
.inline-button:enabled:active {
border-color: #7690B4;
}

.button-down {
background-image: url(/SmartTime/images/icons/down36.png?ver=1715207416);
}

.button-down.hover {
background-image: url(/SmartTime/images/icons/down36Over.png?ver=1715207416);
}

.button-down:focus {
background-image: url(/SmartTime/images/icons/down36focus.png?ver=1715207416);
}

.button-down-disabled {
background-image: url(/SmartTime/images/icons/down36Dis.png?ver=1715207416);
}

.button-up {
background-image: url(/SmartTime/images/icons/up36.png?ver=1715207416);
}

.button-up.hover {
background-image: url(/SmartTime/images/icons/up36Over.png?ver=1715207416);
}

.button-up:focus {
background-image: url(/SmartTime/images/icons/up36focus.png?ver=1715207416);
}

.button-up-disabled {
background-image: url(/SmartTime/images/icons/up36Dis.png?ver=1715207416);
}

.button-highlight {
background-image: none;
background-color: rgb(244,236,105);
}

/* clock-in/out buttons ------- */

.clock-in {
background-color: rgb(138,204,105);
background-image: none;
text-shadow: none;
color: white;
}

.clock-out {
background-color: rgb(252,141,141);
background-image: none;
text-shadow: none;
color: white;
}

Special Info Value button color

/* Messages
------------------------------------------------------------------*/
.message {
color: #444;
}

.ui-page .message {
border-bottom-color: #404040;
}

.ui-dialog .message {
border-top-color: #AAAAAA;
border-bottom-color: #AAAAAA;
border-left-color: #404040;
border-right-color: #404040;
}

.message-floating table {
border-color: #404040;
color: #444;
}

.information {
background-image: url(/SmartTime/images/icons/information.png?ver=1715207416);
background-color: lightBlue;
}

.terminal-information {
background-image: url(/SmartTime/images/icons/terminal_info.png?ver=1715207416);
background-color: lightBlue;
}

.warning {
background-image: url(/SmartTime/images/icons/warning.png?ver=1715207416);
background-color: rgb(244,236,105);
}

.error {
background-image: url(/SmartTime/images/icons/warning.png?ver=1715207416);
background-color: rgb(244,236,105);
}

.fatal {
background-image: url(/SmartTime/images/icons/warning.png?ver=1715207416);
background-color: rgb(252,141,141);
}

/* Table
------------------------------------------------------------------*/

.tableList thead tr th {
color: #ffffff;
background-color: #042d69;
border-color: #FFFFFF;
}

.tableList thead tr th.time-scale {
color: #000;
background-color: #FFF !important;
border-left-color: #000;
border-bottom-color: #000;
}

.tableList thead tr th.time-scale.last {
border-right-color: #000;
}


.tableList thead tr th.sorting_asc0,
.tableList thead tr th.table-sorting-asc0,
.tableList thead tr th.table-sorting-0.table-sorting-asc {
background-image: url(/SmartTime/images/icons/sort3-up.png?ver=1715207416);
}

.tableList thead tr th.sorting_desc0,
.tableList thead tr th.table-sorting-desc0,
.tableList thead tr th.table-sorting-0.table-sorting-desc {
background-image: url(/SmartTime/images/icons/sort3-down.png?ver=1715207416);
}

.tableList thead tr th.sorting_asc1,
.tableList thead tr th.table-sorting-asc1,
.tableList thead tr th.table-sorting-1.table-sorting-asc {
background-image: url(/SmartTime/images/icons/sort2-up.png?ver=1715207416);
}

.tableList thead tr th.sorting_desc1,
.tableList thead tr th.table-sorting-desc1,
.tableList thead tr th.table-sorting-1.table-sorting-desc {
background-image: url(/SmartTime/images/icons/sort2-down.png?ver=1715207416);
}

.tableList thead tr th.sorting_asc2,
.tableList thead tr th.table-sorting-asc2,
.tableList thead tr th.table-sorting-2.table-sorting-asc {
background-image: url(/SmartTime/images/icons/sort1-up.png?ver=1715207416);
}

.tableList thead tr th.sorting_desc2,
.tableList thead tr th.table-sorting-desc2,
.tableList thead tr th.table-sorting-2.table-sorting-desc {
background-image: url(/SmartTime/images/icons/sort1-down.png?ver=1715207416);
}

.tableList tr:first-child:not(.focus) {
/*border-top-color: #FFFFFF !important;*/
}

.tableList tr:first-child:not(.focus) td {
/*border-top-color: #FFFFFF !important;*/
}

.tableList td {
border-color: #FFFFFF;
}

.tableList th.bookingsedition, .tableList td.bookingsedition {
border-color: #FFFFFF;
}

.tableList td em {
color: #888888;
}

.tableList a,
.tableList a:visited {
color: #222222;
}

.tableList tr.odd > td,
.tableList tr.table-row-odd > td,
.longTable tr:nth-child(odd) {
color: #000000;
background-color: #DCE1E7;
}

.tableList tr.even > td,
.tableList tr.table-row-even > td,
.longTable tr:nth-child(even) {
color: #000000;
background-color: #fff;
}

/*.tableList tr.selected td,
.tableList tr.table-row-selected td {
background-color: #A4B9CA;
}*/

.tableList > tbody > tr.selected > td,
.tableList > tbody > tr.table-row-selected > td
{
background-image:url(/SmartTime/images/background/black-background.png?ver=1715207416);
}

/*
.tableList li a:focus,
.tableList tr.focus td {
background-color: rgb(244,236,105);
}
*/
.tableList tr.focus {
outline-color: rgb(244,236,105) !important;
}

.tableList tr.itemSelected td {
background-color: #00DA00;
}

.tableList tr.ui-table-sharedFavourite > td {
    color: #000000;
    background-color: #B8D3FC;
}

/* Calculation Table
------------------------------------------------------------------*/

.calculation-table .value-cell {
background-color: #DDDDDD;
}

.calculation-table hr {
border-top-color: black;
}



/* Matrix Tableau
-------------------------------------------------------------------*/

.matrix-tableau .empty .header {
background-color: #DCE1E7;
}

.matrix-tableau .expanded .extra {
background-color: #A4B9CA;
}

.matrix-tableau .expanded.invert .extra {
border-color: #404040;
}

.matrix-tableau .extra {
border-color: #404040;
}

.matrix-tableau .focus .header,
.matrix-tableau .focus.expanded .header,
.matrix-tableau .focus.expanded .extra,
.matrix-tableau .focus.expanded.invert .header,
.matrix-tableau .focus.expanded.invert .extra {
border-color: rgb(244,236,105);
}

.matrix-tableau .focus.expanded .header {
border-bottom-color: #404040 !important;
}

.matrix-tableau .focus.expanded.invert .header {
border-bottom-color: rgb(244,236,105) !important;
border-top-color: #404040 !important;
}

.matrix-tableau .header {
border-color: #404040;
}

.matrix-tableau .header.hover {
color: #030469 !important;
background-color: #A4B9CA !important;
}

.matrix-tableau .extra.hover {
color: #030469 !important;
background-color: #A4B9CA !important;
}

.matrix-tableau-legend .header,
.matrix-tableau-legend .count {
border-color: #404040;
}

.matrix-tableau td a.header-link:focus {
box-shadow: 0 0 2px rgb(244,236,105) inset;
border-color: rgb(244,236,105) !important;
}

.matrix-tableau a.more-link,
.matrix-tableau span.false-link {
color: #000000;
}

.matrix-tableau a.link:focus {
color: rgb(244,236,105);
}

.icon-full-screen {
    background-image: url(/SmartTime/images/icons/full-screen.png?ver=1715207416); 
}

.icon-restore-full-screen {
    background-image: url(/SmartTime/images/icons/restore-full-screen.png?ver=1715207416); 
}

.icon-full-screen:hover {
    background-image: url(/SmartTime/images/icons/full-screen-over.png?ver=1715207416);
}

.icon-restore-full-screen:hover {
    background-image: url(/SmartTime/images/icons/restore-full-screen-over.png?ver=1715207416);
}

/* List Tableau
------------------------------------------------------------------*/


.list-tableau .expanded .extra {
border-color: #404040;
background-color: rgb(164, 185, 202);;
}

.list-tableau .focus .header,
.list-tableau .focus.expanded .header,
.list-tableau .focus.expanded .extra {
border-color: rgb(244,236,105);
}

.list-tableau .focus.expanded .header {
border-bottom-color: #404040 !important;
}

.list-tableau .header {
border-color: #404040;
}

.list-tableau .header.hover {
color: #030469 !important;
background-color: #A4B9CA !important;
}

.list-tableau-legend li {
border-color: #404040;
}

.list-tableau a.more-link {
color: #000000;
}

.list-tableau li a.header-link:focus {
box-shadow: 0 0 2px rgb(244,236,105) inset;
border-color: rgb(244,236,105);
}

.list-tableau a.link:focus {
color: rgb(244,236,105);
}


/* Item list
------------------------------------------------------------------*/

.list-item {
color: black;
background-color: #C9D4DD !important;
}


.list-item-active {
background-color: rgb(244,236,105) !important;
}

.list-item:focus {
border-color: rgb(244,236,105);
}

.list-item-active:focus {
border-color: yellow;
}

.list-item.hover {
color: #030469;
background-color: #A4B9CA !important;
}

.list-controls a.date {
color: #585858;
}

.list-controls a.date:focus {
border-color: rgb(244,236,105);
}

.list-controls a.next {
background-image: url(/SmartTime/images/icons/nextDark32.png?ver=1715207416);
}

.list-controls a.nextDisabled {
color: transparent;
background-image: url(/SmartTime/images/icons/prevDark32Dis.png?ver=1715207416);
}


.list-controls a.next.hover {
background-image: url(/SmartTime/images/icons/nextDark32Over.png?ver=1715207416);
}

.list-controls a.next:focus {
background-image: url(/SmartTime/images/icons/nextDark32focus.png?ver=1715207416);
}

.list-controls a.previous {
background-image: url(/SmartTime/images/icons/prevDark32.png?ver=1715207416);
}

.list-controls a.previousDisabled {
background-image: url(/SmartTime/images/icons/prevDark32Dis.png?ver=1715207416);
}

.list-controls a.previous.hover{
background-image: url(/SmartTime/images/icons/prevDark32Over.png?ver=1715207416);
}

.list-controls a.previous:focus {
background-image: url(/SmartTime/images/icons/prevDark32focus.png?ver=1715207416);
}


/* Time bookings
------------------------------------------------------------------*/

#time-bookings-list li.inRed a {
background-image: url(/SmartTime/images/icons/clockInW25.png?ver=1715207416);
}

#time-bookings-list li.inYellow a {
background-image: url(/SmartTime/images/icons/clockInB25.png?ver=1715207416);
}

#time-bookings-list li.inGreen a {
background-image: url(/SmartTime/images/icons/clockInW25.png?ver=1715207416);
}

#time-bookings-list li.inNormal a {
background-image: url(/SmartTime/images/icons/clockInG25.png?ver=1715207416);
}

#time-bookings-list li.outRed a {
background-image: url(/SmartTime/images/icons/clockOutW25.png?ver=1715207416);
}

#time-bookings-list li.outYellow a {
background-image: url(/SmartTime/images/icons/clockOutB25.png?ver=1715207416);
}

#time-bookings-list li.outGreen a {
background-image: url(/SmartTime/images/icons/clockOutW25.png?ver=1715207416);
}

#time-bookings-list li.outNormal a {
background-image: url(/SmartTime/images/icons/clockOutR25.png?ver=1715207416);
}

/* PDA bookings
------------------------------------------------------------------*/
#favourites-bookings-list li.PDABeginBooking a.list-item,
#pda-bookings-list li.PDABeginBooking a,
span.PDABeginBooking {
background-image: url(/SmartTime/images/icons/PDABeginBookingG.png?ver=1715207416);
}

#favourites-bookings-list li.PDAEndBooking a.list-item,
#pda-bookings-list li.PDAEndBooking a,
span.PDAEndBooking {
background-image: url(/SmartTime/images/icons/PDAEndBookingR.png?ver=1715207416);
}

#favourites-bookings-list li.PDAInterruptionBooking a.list-item,
#pda-bookings-list li.PDAInterruptionBooking a,
span.PDAInterruptionBooking {
background-image: url(/SmartTime/images/icons/PDAInterruptionBookingG.png?ver=1715207416);
}

#favourites-bookings-list li.PDACollectiveBooking a.list-item,
#pda-bookings-list li.PDACollectiveBooking a,
span.PDACollectiveBooking {
background-image: url(/SmartTime/images/icons/PDACollectiveBooking1.png?ver=1715207416);
}

#favourites-bookings-list li.PDAInfoFinish a.list-item,
#pda-bookings-list li.PDAInfoFinish a,
span.PDAInfoFinish {
background-image: url(/SmartTime/images/icons/PDAInfoFinish.png?ver=1715207416);
}

#favourites-bookings-list li.PDAInfoInterrupted a.list-item,
#pda-bookings-list li.PDAInfoInterrupted a,
span.PDAInfoInterrupted {
background-image: url(/SmartTime/images/icons/PDAInfoInterrupted.png?ver=1715207416);
}



#favourites-bookings-list li.PDAInfoDelayed a.list-item,
#pda-bookings-list li.PDAInfoDelayed a,
span.PDAInfoDelayed {
background-image: url(/SmartTime/images/icons/PDAInfoDelayed.png?ver=1715207416);
}

#favourites-bookings-list li.PDAInfoInProgress a.list-item,
#pda-bookings-list li.PDAInfoInProgress a,
span.PDAInfoInProgress {
background-image: url(/SmartTime/images/icons/PDAInfoInProgress.png?ver=1715207416);
}

#favourites-bookings-list li.PDAInfoGood a.list-item,
#pda-bookings-list li.PDAInfoGood a,
span.PDAInfoGood {
background-image: url(/SmartTime/images/icons/PDAInfoGood.png?ver=1715207416);
}

#favourites-bookings-list li.PDAInfoBad a.list-item,
#pda-bookings-list li.PDAInfoBad a,
span.PDAInfoBad {
background-image: url(/SmartTime/images/icons/PDAInfoBad.png?ver=1715207416);
}

#favourites-bookings-list li.PDAMechanicGroupChange a.list-item,
#pda-bookings-list li.PDAMechanicGroupChange a,
span.PDAMechanicGroupChange {
background-image: url(/SmartTime/images/icons/PDAMechanicGroupChange.png?ver=1715207416);
}

/* Favourites
------------------------------------------------------------------*/



/* Datepicker
------------------------------------------------------------------*/

.ui-datepicker a {
color: #030469;
}

.ui-datepicker-title {
color: #030469;
background-color: #C9D4DD;
background-image: none;
border-top-color: #707070;
border-left-color: #707070;
border-right-color: #707070;
}

.ui-datepicker-view {
border-left-color: #707070;
border-right-color: #707070;
}

.ui-datepicker-footer {
border-bottom-color: #707070;
border-left-color: #707070;
border-right-color: #707070;
}

.ui-datepicker-view,
.ui-datepicker-footer {
color: #030469;
background-color: #FFFFFF;
background-image: linear-gradient(to right, #EBEFF1 0%, #FFFFFF 10%, #FFFFFF 90%, #EBEFF1 100%);
}

.ui-datepicker-view td.day {
color: #030469;
background-color: #F0F0F0;
background-image: none;
}

.ui-datepicker-view td.day a {
border-color: #F0F0F0;
}

.ui-datepicker-view td.weekend {
color: #030469;
background-color: #DDD;
background-image: none;
}

.ui-datepicker-view td.weekend a {
border-color: #DDD;
}

.ui-datepicker-view td.today {
color: #030469;
background-color: ;
background-image: none;
}

.ui-datepicker-view td.today a {
border-color: rgb(252,141,141);
}

.ui-datepicker-view td.selected {
background-color: #7690B4;
background-image: none;
}

.ui-datepicker-view td.selected a {
color: white;
border-color: #7690B4;
}

a.ui-datepicker-today:focus,
.ui-datepicker-nav a:focus {
color: rgb(244,236,105);
}

.ui-datepicker-view td.today a:focus,
.ui-datepicker-view td.day a:focus,
.ui-datepicker-view td.selected a:focus {
border-color: rgb(244,236,105);
}

/* Timepicker
------------------------------------------------------------------*/
.ui-timepicker-title {
color: #030469;
background-color: #FFFFFF;
background-image: linear-gradient(to right, #EBEFF1 0%, #FFFFFF 10%, #FFFFFF 90%, #EBEFF1 100%);
}

.ui-timepicker-view,
.ui-timepicker-footer {
color: #030469;
background-color: #FFFFFF;
background-image: linear-gradient(to right, #EBEFF1 0%, #FFFFFF 10%, #FFFFFF 90%, #EBEFF1 100%);
}


/* Info Panels
------------------------------------------------------------------*/

.baseDataPanel, .timeOverviewPanel, .pdaOverviewPanel {
background-color: #EBEFF1;
background-image: linear-gradient(to right, #EBEFF1 0%, #FFFFFF 10%, #FFFFFF 90%, #EBEFF1 100%);
}

.infoDetail {
background-color: #EBEFF1;
background-image: linear-gradient(to right, #EBEFF1 0%, #FFFFFF 10%, #FFFFFF 90%, #EBEFF1 100%);
}

.infoOverview-focus {
border-color: rgb(244,236,105);
}

.moreInfo {
color: black;
}

.moreInfo-focus {
border-color: rgb(244,236,105);
}

.ui-desktop .overviewDesktopSelected {
border-color: rgb(244,236,105)#EBEFF1rgb(244,236,105)rgb(244,236,105);
}

.ui-desktop .detailSelected {
border-color: rgb(244,236,105);
}

#info-timeInfoDetail-timeInfoDetailTable1 td,
#info-timeInfoDetail-timeInfoDetailTable2 td,
#management-timeInfoDetails-timeInfoDetailTable1 td,
#management-timeInfoDetails-timeInfoDetailTable2 td {
background-color: transparent;
}

#info-timeInfoDetail-timeInfoDetailTable1 td.valueField,
#info-timeInfoDetail-timeInfoDetailTable2 td.valueField,
#management-timeInfoDetails-timeInfoDetailTable1 td.valueField,
#management-timeInfoDetails-timeInfoDetailTable2 td.valueField {
background-color: #DDDDDD;
}

.holidayCalculationDetails{
border-color: #CCC;
}

.holidayCalculationTitle {
color: #ffffff;
background-color: #042d69;
}

#info-infoOverView-timeInfoOverviewTable tr.GOOD td,
#info-pdaInfoDetail-timeInfoOverviewTable tr.GOOD td,
#info-timeInfoDetail-timeInfoOverviewTable tr.GOOD td,
#management-pdaInfo-timeInfoOverviewTable tr.GOOD td,
#management-pdaInfoDetails-timeInfoOverviewTable tr.GOOD td,
#management-timeInfoDetails-timeInfoOverviewTable tr.GOOD td {
background-color: #90EE90;
}

#info-infoOverView-timeInfoOverviewTable tr.WARN td,
#info-pdaInfoDetail-timeInfoOverviewTable tr.WARN td,
#info-timeInfoDetail-timeInfoOverviewTable tr.WARN td,
#management-pdaInfo-timeInfoOverviewTable tr.WARN td,
#management-pdaInfoDetails-timeInfoOverviewTable tr.WARN td,
#management-timeInfoDetails-timeInfoOverviewTable tr.WARN td {
background-color: rgb(244,236,105);
}

#info-infoOverView-timeInfoOverviewTable tr.BAD td,
#info-pdaInfoDetail-timeInfoOverviewTable tr.BAD td,
#info-timeInfoDetail-timeInfoOverviewTable tr.BAD td,
#management-pdaInfo-timeInfoOverviewTable tr.BAD td,
#management-pdaInfoDetails-timeInfoOverviewTable tr.BAD td,
#management-timeInfoDetails-timeInfoOverviewTable tr.BAD td {
background-color: #FF8080;
}



/* Suggestion / Combobox
------------------------------------------------------------------*/

.ui-suggestion-list,
.ui-combobox-list {
background-color: #CCD1D7;
border-color: #707070;
}

tr.ui-suggestion-selected,
tr.ui-combobox-selected {
background-color: #A4B9CA;
}

.ui-suggestion-list tr:hover,
.ui-combobox-list tr:hover {
background-color: #a0bfd9;
}

.ui-suggestion-list tr.focus,
.ui-combobox-list tr.focus {
background-color: rgb(244,236,105);
}

.ui-suggestion-list td em,
.ui-suggestion-list td em a,
.ui-combobox-list td em,
.ui-combobox-list td em a {
color: #888888;
}

.ui-suggestion span,
.ui-combobox span,
.ui-fakefield span {
background-image: url(/SmartTime/images/icons/circled_arrow_down_32.png?ver=1715207416);
}


.ui-suggestion span.selection-button {
background-image: url(/SmartTime/images/icons/circled_list_32.png?ver=1715207416);
}

.ui-suggestion span.clear-button {
background-image: url(/SmartTime/images/icons/circled_delete_32.png?ver=1715207416);
}

.ui-personalfield span {
background-image: url(/SmartTime/images/icons/personal_32.png?ver=1715207416);
}


.ui-small .ui-suggestion span,
.ui-small .ui-combobox span,
.ui-small .ui-fakefield span {
background-image: url(/SmartTime/images/icons/circled_arrow_down_24.png?ver=1715207416);
}

.ui-small .ui-suggestion span.selection-button {
background-image: url(/SmartTime/images/icons/circled_list_24.png?ver=1715207416);
}

.ui-small .ui-suggestion span.clear-button {
background-image: url(/SmartTime/images/icons/circled_delete_24.png?ver=1715207416);
}

.ui-small .ui-personalfield span {
background-image: url(/SmartTime/images/icons/personal_24.png?ver=1715207416);
}


/* Calendar
------------------------------------------------------------------*/

.calendar-down {
background-image: url(/SmartTime/images/icons/arrow_down_16.png?ver=1715207416);
}

.calendar-up {
background-image: url(/SmartTime/images/icons/arrow_up_16.png?ver=1715207416);
}

.calendar-prev {
background-image: url(/SmartTime/images/icons/arrow_left_24.png?ver=1715207416);
}

.calendar-next {
background-image: url(/SmartTime/images/icons/arrow_right_24.png?ver=1715207416);
}

.calendar-down.hover {
background-image: url(/SmartTime/images/icons/arrow_down_16.png?ver=1715207416);
}

.calendar-up.hover {
background-image: url(/SmartTime/images/icons/arrow_up_16.png?ver=1715207416);
}

.calendar-prev.hover {
background-image: url(/SmartTime/images/icons/arrow_left_over_24.png?ver=1715207416);
}

.calendar-next.hover {
background-image: url(/SmartTime/images/icons/arrow_right_over_24.png?ver=1715207416);
}

.calendar-down:focus {
background-image: url(/SmartTime/images/icons/arrow_down_focus_16.png?ver=1715207416);
}

.calendar-up:focus {
background-image: url(/SmartTime/images/icons/arrow_up_focus_16.png?ver=1715207416);
}

.calendar-next:focus {
background-image: url(/SmartTime/images/icons/arrow_right_focus_24.png?ver=1715207416);
}

.calendar-prev:focus {
background-image: url(/SmartTime/images/icons/arrow_left_focus_24.png?ver=1715207416);
}

.dir-rtl .calendar-prev { /*rtl*/
background-image: url(/SmartTime/images/icons/arrow_right_24.png?ver=1715207416);
}

.dir-rtl .calendar-next { /*rtl*/
background-image: url(/SmartTime/images/icons/arrow_left_24.png?ver=1715207416);
}

.dir-rtl .calendar-prev.hover { /*rtl*/
background-image: url(/SmartTime/images/icons/arrow_right_over_24.png?ver=1715207416);
}

.dir-rtl .calendar-next.hover { /*rtl*/
background-image: url(/SmartTime/images/icons/arrow_left_over_24.png?ver=1715207416);
}

.dir-rtl .calendar-prev:focus { /*rtl*/
background-image: url(/SmartTime/images/icons/arrow_right_focus_24.png?ver=1715207416);
}

.dir-rtl .calendar-next:focus { /*rtl*/
background-image: url(/SmartTime/images/icons/arrow_left_focus_24.png?ver=1715207416);
}

a.groupTab,
a.personalTab,
div.personalTab {
color: #030469;
background-color: #F6F6F6;
background-image: none;
border-color: #E0E0E0;
}

a.tabSelected,
div.tabSelected {
color: #FFFFFF;
background-color: #7690B4;
background-image: linear-gradient(to bottom, #A4BEE2 0%, #7690B4 100%);
border-color: #7690B4;
}

a.groupTab:hover,
a.personalTab:hover,
div.personalTab:hover {
border-color: #7690B4;
}

a.groupTab:hover,
a.personalTab:hover,
a.tabSelected:hover,
div.tabSelected:hover {
color: #030469;
background-color: #7690B4;
background-image: linear-gradient(to bottom, #A4BEE2 0%, #7690B4 100%);
}

a.groupTab:focus,
a.personalTab:focus,
div.personalTab:focus {
border-color: ;
}

.calendarTable th.thYearUp,
.calendarTable th.thYearDown,
.calendarTable th.thMonthUp,
.calendarTable th.thMonthDown {
border-top-color: transparent;
}

.calendarTable th.thYearUp {
border-left-color: transparent;
}

.calendar-up,
.calendar-down,
.calendar-prev,
.calendar-next {
border-color: black;
}

.calendarTable .even {
background-color: #fff;
}

.calendarTable tr.normalBorder {
border-color: black;
}

.calendarTable tr td.normalBorder {
border-color: white;
}

.calendarTable tr td.normalBorder.date-cell {
border-color: lightgray;
}

.calendarTable .overlay-wrapper .inSubstitution {
border-color: red;
}




.calendarTable tr td.cellValue:hover {
background-color: #030469 !important;
}

.calendarTable tr td.todayHeader {
border-top-color: rgb(252,141,141) !important;
border-left-color: rgb(252,141,141) !important;
border-right-color: rgb(252,141,141) !important;
}

.calendarTable tr td.today {
border-left-color: rgb(252,141,141) !important;
border-right-color: rgb(252,141,141) !important;
}

.calendarTable tbody tr td.todayLast,
.calendarTable tbody tr:last-child td.today {
border-bottom-color: rgb(252,141,141) !important;
border-left-color: rgb(252,141,141) !important;
border-right-color: rgb(252,141,141) !important;
}

.calendarTable tbody tr td.boldBorder,
.calendarTable tbody tr:last-child td.boldBorder {
border-color: black !important;
}

.calendarTable tbody tr td.dottedBorder,
.calendarTable tbody tr:last-child td.dottedBorder {
border-color: black !important;
}

.blackFont {
color: rgb(0,0,0);
}

.whiteFont {
color: rgb(255,255,255);
}

.cellSelected button {
color: white;
}

.icon-print {
background-image: url(/SmartTime/images/icons/printer2.png?ver=1715207416);
}

.icon-settings {
background-image: url(/SmartTime/images/icons/options2.png?ver=1715207416);
}

.icon-legend {
background-image: url(/SmartTime/images/icons/toggle-legend.png?ver=1715207416);
}

.icon-calendar {
background-image: url(/SmartTime/images/icons/calendar_4.png?ver=1715207416);
}

.icon-employees-info {
background-image: url(/SmartTime/images/icons/employeeInformation.png?ver=1715207416);
}

.icon-time-favourite {
background-image: url(/SmartTime/images/icons/time_favourite_off.png?ver=1715207416);
}

.icon-time-favourite-on {
background: transparent url(/SmartTime/images/icons/time_favourite_on.png?ver=1715207416) no-repeat scroll center center;
}

.icon-print:hover {
background-image: url(/SmartTime/images/icons/printer2over.png?ver=1715207416);
}

.icon-settings:hover {
background-image: url(/SmartTime/images/icons/options2over.png?ver=1715207416);
}

.icon-legend:hover {
background-image: url(/SmartTime/images/icons/toggle-legend-over.png?ver=1715207416);
}

.icon-calendar:hover {
background-image: url(/SmartTime/images/icons/calendar_4over.png?ver=1715207416);
}

.icon-employees-info:hover {
background-image: url(/SmartTime/images/icons/employeeInformationover.png?ver=1715207416);
}

.icon-time-favourite:hover {
background-image: url(/SmartTime/images/icons/time_favourite_off_over.png?ver=1715207416);
}

.icon-time-favourite-on:hover {
background: transparent url(/SmartTime/images/icons/time_favourite_on_over.png?ver=1715207416) no-repeat scroll center center;
}

.icon-print:focus,
.icon-settings:focus,
.icon-legend:focus,
.icon-calendar:focus,
.icon-employees-info:focus,
.icon-time-favourite:focus,
.icon-time-favourite-on:focus,
.icon-full-screen:focus,
.icon-restore-full-screen:focus {
border-color: rgb(244,236,105);
}

input.searchStyle,
input.fake-filter-empty,
.table-filter-empty {
color: lightgray;
}

.format-hint {
color: gray;
}

a.groupTab:focus,
a.personalTab:focus {
border-color: rgb(244,236,105);
}

.calendarTable.group tr td button.monthHeader,
.calendarTable.group tr td button.weekHeader,
.labelMonth,
.labelWeek {
color: white;
}

.months-row,
.weeks-row {
/*background-color: #030469;*/
}

.calendarTable.employeeInfoTable thead tr.calendarHeader {
/*background-color: #030469;*/
}

.calendarTable thead tr td.employeeHeader,
.calendarTable thead tr td.employeeInformation-header,
.calendarTable thead tr td.voidHeaderCell {
background-color: #f0f0ed;
}

.calendarTable thead tr td.employeeInfoCellSelectDate {
border-bottom-color: white;
}

.calendarTable thead tr td.voidHeaderCell {
border-top-color: white;
border-right-color: white;
}

.months-row {
border-top-color: white;
}

.calendarTable tr td.personnelSelectionButton {
border-top-color: white;
border-left-color: white;
background-color: #f0f0ed;
}

.cellSelectDateButton,
.cellTodayButton {
border-left-color: white;
}

.cellSelectDateButton {
border-bottom-color: white;
}

.calendarTable.employeeInfoTable tr td.borderTopLeft {
border-top-color: white;
border-left-color: white;
}

.calendarTable.employeeInfoTable tr td.borderBottomLeft {
border-bottom-color: white;
border-left-color: white;
}

.calendarTable.employeeInfoTable tr td.borderBottomRight {
border-bottom-color: white;
border-right-color: white;
}

.calendarTable.employeeInfoTable tr td.borderTopRight {
border-top-color: white;
border-right-color: white;
}

.calendarTable.employeeInfoTable tr td.borderTop {
border-top-color: white;
}

.calendarTable.employeeInfoTable tr td.borderLeft {
border-left-color: white;
}

.calendarTable.employeeInfoTable tr td.borderBottom {
border-bottom-color: white;
}

.calendarTable.employeeInfoTable tr td.borderRight {
border-right-color: white;
}

.dateButtonsMonth {
border-top-color: white;
color: white;
}

.dateButtonsWeek {
border-bottom-color: white;
color: white;
}

.calendarTable.employeeInfoTable thead tr td button.openSelectEmployee {
border-color: transparent;
}

.calendarTable.employeeInfoTable thead tr td button.openSelectEmployee:focus {
border-color: rgb(244,236,105);
}

.calendarTable .dot {
background-image: url(/SmartTime/images/calendar/dot.png?ver=1715207416);
}

.calendarTable .dot.corner-dot {
background-image: url(/SmartTime/images/calendar/corner-dot.png?ver=1715207416);
}

/* Employee Table
------------------------------------------------------------------*/

.employee-cell button,
.employee-cell a
#empName button {
color: black;
}






/* Application Lists
------------------------------------------------------------------*/

.editButton {
background-image: url(/SmartTime/images/icons/editListApplication16.png?ver=1715207416);
}

.removeButton {
background-image: url(/SmartTime/images/icons/removeListApplication16.png?ver=1715207416);
}

.viewButton {
background-image: url(/SmartTime/images/icons/viewListApplication16.png?ver=1715207416);
}

.newAppButton {
background-image: url(/SmartTime/images/icons/expand2.png?ver=1715207416);
}

.acceptButton {
background-image: url(/SmartTime/images/icons/acceptListApplication16.png?ver=1715207416);
}

.acknowledgeButton {
background-image: url(/SmartTime/images/icons/acknowledgeListApplication16.png?ver=1715207416);
}

.revertButton {
background-image: url(/SmartTime/images/icons/revertListApplication16.png?ver=1715207416);
}

.applyAppButton {
background-image: url(/SmartTime/images/icons/apply-prebookedListApplication16.png?ver=1715207416);
}

.correctButton {
background-image: url(/SmartTime/images/icons/correctListApplication16.png?ver=1715207416);
}

.priorityButton {
background-image: url(/SmartTime/images/icons/priority16.png?ver=1715207416);
}

.removeButton:focus,
.editButton:focus,
.viewButton:focus,
.acceptButton:focus,
.newAppButton:focus,
.revertButton:focus,
.ListApplicationButton:focus,
.applyAppButton:focus,
.correctButton:focus {
background-color: rgb(244,236,105);
}

.removeButton:hover,
.editButton:hover,
.viewButton:hover,
.acceptButton:hover,
.newAppButton:hover,
.revertButton:hover,
.ListApplicationButton:hover,
.applyAppButton:hover,
.correctButton:hover {
background-color: #7690B4;
}

.tableList tr.approvedToRead td {
background-color: rgb(138,204,146);
}

.tableList tr.deniedToRead td {
background-color: rgb(252,141,141);
}

/*.tableList tr td.focus {
background-color: rgb(244,236,105) !important;
}*/

.ListApplicationButton {
border-bottom-color: #A0A0A0;
border-right-color: #A0A0A0;
border-top-color: #A0A0A0;
border-left-color: #A0A0A0;
}

.ListApplicationButton:active {
border-bottom-color: #A0A0A0;
border-right-color: #A0A0A0;
border-top-color: #505050;
border-left-color: #505050;
}

.timeHint {
background-repeat: no-repeat;
background-position: center, center;
background-image: url(/SmartTime/images/icons/clockTimeHint.png?ver=1715207416);
}

.application-prev,
.dir-rtl .application-next { /* rtl */
background-image: url(/SmartTime/images/icons/prevApproval36.png?ver=1715207416);
background-color: transparent;
}

.application-next,
.dir-rtl .application-prev { /* rtl */
background-image: url(/SmartTime/images/icons/nextApproval36.png?ver=1715207416);
background-color: transparent;
}

.application-next:hover,
.dir-rtl .application-prev:hover { /* rtl */
background-image: url(/SmartTime/images/icons/nextApproval36Over.png?ver=1715207416);
}

.application-prev:hover,
.dir-rtl .application-next:hover { /* rtl */
background-image: url(/SmartTime/images/icons/prevApproval36Over.png?ver=1715207416);
}

.application-next:focus,
.dir-rtl .application-prev:focus { /* rtl */
background-image: url(/SmartTime/images/icons/next36focus.png?ver=1715207416);
}

.application-prev:focus,
.dir-rtl .application-next:focus { /* rtl */
background-image: url(/SmartTime/images/icons/prev36focus.png?ver=1715207416);
}

.application-next-disabled,
.dir-rtl .application-prev-disabled { /* rtl */
background-image: url(/SmartTime/images/icons/nextApproval36Disabled.png?ver=1715207416);
background-color: transparent;
}

.application-prev-disabled,
.dir-rtl .application-next-disabled { /* rtl */
background-image: url(/SmartTime/images/icons/prevApproval36Disabled.png?ver=1715207416);
background-color: transparent;
}

/* Daily Ledger
------------------------------------------------------------------*/

a.ledgerTab,
span.ledgerTab {
border-color: #E0E0E0;
}

a.ledgerTab,
span.ledgerTab {
color: #030469;
background-color: #F6F6F6;
background-image: none;
}

a.ledgerSecondTab,
span.ledgerSecondTab {
color: #030469;
background-color: #F6F6F6;
background-image: none;
}

a.ledgerTab.tabSelected,
span.ledgerTab.tabSelected {
color: #FFFFFF;
background-color: #7690B4;
background-image: linear-gradient(to bottom, #A4BEE2 0%, #7690B4 100%);
}

a.ledgerSecondTab.tabSelected,
span.ledgerSecondTab.tabSelected {
color: #FFFFFF;
background-color: #7690B4;
background-image: linear-gradient(to bottom, #A4BEE2 0%, #7690B4 100%);
}

a.ledgerTab:hover{
color: #030469;
background-color: #7690B4;
background-image: linear-gradient(to bottom, #A4BEE2 0%, #7690B4 100%);
border-color: #7690B4;
}

a.ledgerSecondTab.tabSelected:hover,
a.ledgerTab.tabSelected:hover {
color: #FFFFFF;
background-color: #7690B4;
background-image: linear-gradient(to bottom, #A4BEE2 0%, #7690B4 100%);
border-color: #E0E0E0;
}

a.ledgerTab:focus {
border-color: rgb(244,236,105);
}

a.ledgerTab.shownAsSecond,
span.ledgerTab.shownAsSecond{
color: #888888
}

.geoicon:focus {
border-color: rgb(244,236,105);
}

.ledgerTabBorder {
border-color: #E0E0E0;
}

.boxBorder {
border-color: #CCC;
}

/* Results tab
------------------------------------------------------------------*/

#tableResultsRightArea th {
border-color: #CCC;
}

#dailyledger-tableAbsenceReasonActual,
#dailyledger-tableBonuses,
#dailyledger-tableCreditAccount,
#dailyledger-tableAccountStatement{
border-color: #CCC;
}

#tableResultsRightArea td {
border-color: #CCC;
}

/* Daily Ledger - Exceptions tab
------------------------------------------------------------------*/

.inputDisabled,
.selectDisabled {
background-color: lightgray !important;
}

/* Management - Employee information table
------------------------------------------------------------------*/
.calendarTable tr.selectedEmployee {
border-top-color: darkblue !important;
border-left-color: darkblue !important;
border-right-color: darkblue !important;
border-bottom-color: darkblue !important;
}

.calendarTable.employeeInfoTable tr.selectedEmployee,
.calendarTable.group tr.firstSelectedEmployee,
.calendarTable.group tr.selectedEmployee.firstSelectedEmployee {
border-top-color: darkblue !important;
border-left-color: darkblue !important;
border-right-color: darkblue !important;
}

.calendarTable.group tr.midSelectedEmployee,
.calendarTable.group tr.selectedEmployee.midSelectedEmployee {
border-left-color: darkblue !important;
border-right-color: darkblue !important;
}

.calendarTable.group tr.lastSelectedEmployee,
.calendarTable.group tr.employee-row.lastSelectedEmployee,
.calendarTable.group tr.selectedEmployee.lastSelectedEmployee {
border-left-color: darkblue !important;
border-right-color: darkblue !important;
border-bottom-color: darkblue !important;
}

.calendarTable.group div.firstSelectedEmployee,
.calendarTable.group div.midSelectedEmployee,
.calendarTable.group div.lastSelectedEmployee {
background-image: url(/SmartTime/images/color.png?0000FF25&ver=1715207416);
background-color: transparent;
}

.calendarTable.group .applicant div.firstSelectedEmployee,
.calendarTable.group .applicant div.midSelectedEmployee,
.calendarTable.group .applicant div.lastSelectedEmployee,
.calendar-applicant-overlay div.applicant-employee-selection-overlay {
background-image: url(/SmartTime/images/color.png?80008045&ver=1715207416);
background-color: transparent;
}


.calendarTable.group div.application-overlay,
.calendar-applicant-overlay div.application-overlay {
background-image: url(/SmartTime/images/color.png?00FF0025&ver=1715207416);
background-color: transparent;
}

.calendarTable tr td.focused .overlay-wrapper {
outline-color: rgb(244,236,105) !important;
}

.calendarTable tr td.focused {
border-color: rgb(244,236,105);
}

.calendarTable tr td.focused .weekHeader,
.calendarTable tr td.focused .monthHeader {
color: rgb(244,236,105);
}

.calendarTable tr td.calendarFocus {
outline-color: rgb(244,236,105) !important;
}

.calendarTable tr td.calendarFocus button:focus {
border-color: #C8C9CB;
}


.calendarTable.employeeInfoTable tr td.sumCell {
background-color: rgb(240,240,240);
}

.employeeInformation-header.table-sorting-asc1 {
background-image: url(/SmartTime/images/icons/sort1-up.png?ver=1715207416);
}

.employeeInformation-header.table-sorting-asc2 {
background-image: url(/SmartTime/images/icons/sort2-up.png?ver=1715207416);
}

.employeeInformation-header.table-sorting-asc3 {
background-image: url(/SmartTime/images/icons/sort3-up.png?ver=1715207416);
}

.employeeInformation-header.table-sorting-desc1 {
background-image: url(/SmartTime/images/icons/sort1-down.png?ver=1715207416);
}
.employeeInformation-header.table-sorting-desc2 {
background-image: url(/SmartTime/images/icons/sort2-down.png?ver=1715207416);
}
.employeeInformation-header.table-sorting-desc3 {
background-image: url(/SmartTime/images/icons/sort3-down.png?ver=1715207416);
}

td.orderUp a.arrow-up,
td.orderUp button.arrow-up {
background-image: url(/SmartTime/images/icons/up.png?ver=1715207416);
}

td.orderDown a.arrow-down,
td.orderDown button.arrow-down {
background-image: url(/SmartTime/images/icons/down.png?ver=1715207416);
}

td.orderUp a.arrow-up.hover,
td.orderUp button.arrow-up:hover {
background-image: url(/SmartTime/images/icons/up.png?ver=1715207416);
}

td.orderDown a.arrow-down.hover,
td.orderDown button.arrow-down:hover {
background-image: url(/SmartTime/images/icons/down.png?ver=1715207416);
}

td.orderUp a.arrow-up.focus,
td.orderUp button.arrow-up:focus {
background-image: url(/SmartTime/images/icons/up_focus.png?ver=1715207416);
}

td.orderDown a.arrow-down.focus,
td.orderDown button.arrow-down:focus {
background-image: url(/SmartTime/images/icons/down_focus.png?ver=1715207416);
}

/* Defining style of geographic map.
------------------------------------------------------------------*/

.geographicmap {
border-color: black;
}

button.geoicon,
a.geoicon {
background-position: center center;
background-image:url(/SmartTime/images/icons/geoicon.png?ver=1715207416);
border-color: black;
}

button.geoicon.selected,
a.geoicon.selected {
background-image:url(/SmartTime/images/icons/geoicon2.png?ver=1715207416);
}

/*
---------------------- Monthly Ledger --------------------------- */

/* Summarized Results Tab style
------------------------------------------------------------------*/


.infoTable thead th {
color: #ffffff;
background-color: #042d69;
border-color: #FFF;
}

.infoTable .valueField-1 div,
.infoTable .valueField-2 div {
background-color: #DDD;
}

#personalMonthlyledger-summarizedResultsTab .tableList td.infoCursor.valueField,
#supervisorMonthlyledger-summarizedResultsTab .tableList td.infoCursor.valueField {
background-color: #DDD;
}

/* Bonuses Tab style
------------------------------------------------------------------*/

#monthlyledger-bonusesTab .tableList td.infoCursor.sumCell
{
background-color: rgb(240,240,240);
}

/* Account Statements Tab Style
------------------------------------------------------------------*/

#monthlyledger-accountsTab .ui-fieldcontainer span.accountDate {
background-color: #DDD;
}

#monthlyledger-accountsTab .ui-fieldcontainer .tableList td.infoCursor.sumCell
{
background-color: rgb(240,240,240);
}

/*
---------------------- Times Tab --------------------------- */

.absenceIntervalsTabList > thead > tr > th,
.timesTabList > thead > tr > th {
color: #ffffff;
background-color: #042d69;
border-color: #FFF;
}

.absenceIntervalsTabList > tbody > tr > td,
.timesTabList > tbody > tr > td {
color: #000000;
background-color: #fff;
}

.absenceIntervalsTabList > tbody > tr > td,
.absenceIntervalsTabList > tfoot > tr > td,
.timesTabList > tbody > tr > td,
.timesTabList > tfoot > tr > td {
border-color: #FFF;
}

.absenceIntervalsTabList td em,
.timesTabList td em {
color: #888;
}

.absenceIntervalsTabList a,
.absenceIntervalsTabList a:visited,
.timesTabList a,
.timesTabList a:visited {
color: #222;
}

.absenceIntervalsTabList td.fwhite > span,
.timesTabList td.fwhite > span {
color: #FFF;
}

.absenceIntervalsTabList tr.selected > td.fwhite > span,
.timesTabList tr.selected > td.fwhite > span {
color: #222;
}

.absenceIntervalsTabList td.fwhite > a,
.absenceIntervalsTabList td.fwhite > a:visited,
.timesTabList td.fwhite > a,
.timesTabList td.fwhite > a:visited {
color: #FFF;
}

.absenceIntervalsTabList td.fwhite.focus > a,
.absenceIntervalsTabList td.fwhite.focus > a:visited,
.timesTabList td.fwhite.focus > a,
.timesTabList td.fwhite.focus > a:visited {
color: #222;
}

.absenceIntervalsTabList tr.selected > td.fwhite > a,
.absenceIntervalsTabList tr.selected > td.fwhite > a:visited,
.timesTabList tr.selected > td.fwhite > a,
.timesTabList tr.selected > td.fwhite > a:visited {
color: #222;
}

.absenceIntervalsTabList > tbody > tr > tr.itemSelected td
.timesTabList > tbody > tr > tr.itemSelected td{
background-color: #00DA00;;
}



.absenceIntervalsTabList > tbody > tr.selected > td,
.absenceIntervalsTabList > tbody > tr.table-row-selected > td,
.timesTabList > tbody > tr.selected > td,
.timesTabList > tbody > tr.table-row-selected > td
{
background-image:url(/SmartTime/images/background/black-background.png?ver=1715207416);
}

.absenceIntervalsTabList > tbody > tr.focus > td,
.timesTabList > tbody > tr.focus > td {
background-color: rgb(244,236,105);
}

.absenceIntervalsTabList > tbody > tr > td.focus,
.timesTabList > tbody > tr > td.focus {
background-color: rgb(244,236,105) !important;
background-image: none !important;
}

#personalMonthlyledger-absenceIntervalsTab-absenceIntervalsTable_table tr td.firstBorder,
#supervisorMonthlyledger-absenceIntervalsTab-absenceIntervalsTable_table tr td.firstBorder,
#personalMonthlyledger-timesTab-timesTable_table tr td.firstBorder,
#supervisorMonthlyledger-timesTab-timesTable_table tr td.firstBorder {
border-left-color: #CCC;
}

#personalMonthlyledger-absenceIntervalsTab-absenceIntervalsTable_table tr td.lastBorder,
#supervisorMonthlyledger-absenceIntervalsTab-absenceIntervalsTable_table tr td.lastBorder,
#personalMonthlyledger-timesTab-timesTable_table tr td.lastBorder,
#supervisorMonthlyledger-timesTab-timesTable_table tr td.lastBorder {
border-right-color: #CCC;
}

.dir-rtl #personalMonthlyledger-absenceIntervalsTab-absenceIntervalsTable_table tr td.lastBorder,
.dir-rtl #personalMonthlyledger-timesTab-timesTable_table tr td.lastBorder { /* rtl */
border-left-color: #CCC;
}

#personalMonthlyledger-absenceIntervalsTab-absenceIntervalsTable_table tr td.oneCellBorder,
#supervisorMonthlyledger-absenceIntervalsTab-absenceIntervalsTable_table tr td.oneCellBorder,
#personalMonthlyledger-timesTab-timesTable_table tr td.oneCellBorder,
#supervisorMonthlyledger-timesTab-timesTable_table tr td.oneCellBorder {
border-right-color: #CCC;
border-left-color: #CCC;
}

#personalMonthlyledger-absenceIntervalsTab-absenceIntervalsTable_table > tbody tr:last-child td,
#supervisorMonthlyledger-absenceIntervalsTab-absenceIntervalsTable_table > tbody tr:last-child td,
#personalMonthlyledger-timesTab-timesTable_table > tbody tr:last-child td,
#supervisorMonthlyledger-timesTab-timesTable_table > tbody tr:last-child td {
border-bottom-color: #CCC;
}

#personalMonthlyledger-absenceIntervalsTab-absenceIntervalsTable_table.absenceIntervalsTabList tr td.sumCell,
#supervisorMonthlyledger-absenceIntervalsTab-absenceIntervalsTable_table.absenceIntervalsTabList tr td.sumCell,
#personalMonthlyledger-timesTab-timesTable_table.timesTabList tr td.sumCell,
#supervisorMonthlyledger-timesTab-timesTable_table.timesTabList tr td.sumCell {
background-color: rgb(240,240,240);
border-color: #CCC;
}

/*
---------------------- Non Evaluated Times --------------------------- */

#management-nonEvaluatedTimes-tableData_table > tbody > tr > td.focus {
background-color: rgb(244,236,105) !important;
}

/* Timepicker
------------------------------------------------------------------*/

.ui-timepicker-title {
border-top-color: #707070;
border-left-color: #707070;
border-right-color: #707070;
}
.ui-timepicker-view {
border-left-color: #707070;
border-right-color: #707070;
}

.ui-timepicker-footer {
border-bottom-color: #707070;
border-left-color: #707070;
border-right-color: #707070;
}

.ui-timepicker-up {
background-image: url(/SmartTime/images/icons/up.png?ver=1715207416);
}

.ui-timepicker-down {
background-image: url(/SmartTime/images/icons/down.png?ver=1715207416);
}

.ui-timepicker-up.hover {
background-image: url(/SmartTime/images/icons/up.png?ver=1715207416);
}

.ui-timepicker-down.hover {
background-image: url(/SmartTime/images/icons/down.png?ver=1715207416);
}

.ui-timepicker-up:focus,
.ui-timepicker-up.focus {
background-image: url(/SmartTime/images/icons/up_focus.png?ver=1715207416);
}

.ui-timepicker-down:focus,
.ui-timepicker-down.focus {
background-image: url(/SmartTime/images/icons/down_focus.png?ver=1715207416);
}

/* Monthly ledger
------------------------------------------------------------------*/

/* Control area */

.icon-prev {
background-image: url(/SmartTime/images/icons/prevApproval36.png?ver=1715207416);
}

.icon-prev-disabled {
background-image: url(/SmartTime/images/icons/prevApproval36Disabled.png?ver=1715207416);
}

.icon-next {
background-image: url(/SmartTime/images/icons/nextApproval36.png?ver=1715207416);
}

.icon-next-disabled {
background-image: url(/SmartTime/images/icons/nextApproval36Disabled.png?ver=1715207416);
}

.icon-prev:hover{
background-image: url(/SmartTime/images/icons/prevApproval36Over.png?ver=1715207416);
}

.icon-next:hover {
background-image: url(/SmartTime/images/icons/nextApproval36Over.png?ver=1715207416);
}

.icon-next:focus {
background-image: url(/SmartTime/images/icons/next36focus.png?ver=1715207416);
}
.icon-prev:focus{
background-image: url(/SmartTime/images/icons/prev36focus.png?ver=1715207416);
}

.dir-rtl .icon-prev { /* rtl */
background-image: url(/SmartTime/images/icons/nextApproval36.png?ver=1715207416);
}

.dir-rtl .icon-prev-disabled { /* rtl */
background-image: url(/SmartTime/images/icons/nextApproval36Disabled.png?ver=1715207416);
}

.dir-rtl .icon-next { /* rtl */
background-image: url(/SmartTime/images/icons/prevApproval36.png?ver=1715207416);
}

.dir-rtl .icon-next-disabled { /* rtl */
background-image: url(/SmartTime/images/icons/prevApproval36Disabled.png?ver=1715207416);
}

.dir-rtl .icon-prev:hover{ /* rtl */
background-image: url(/SmartTime/images/icons/nextApproval36Over.png?ver=1715207416);
}

.dir-rtl .icon-next:hover { /* rtl */
background-image: url(/SmartTime/images/icons/prevApproval36Over.png?ver=1715207416);
}

.dir-rtl .icon-next:focus { /* rtl */
background-image: url(/SmartTime/images/icons/prev36focus.png?ver=1715207416);
}

.dir-rtl .icon-prev:focus{ /* rtl */
background-image: url(/SmartTime/images/icons/next36focus.png?ver=1715207416);
}

/* DIV Pencil Pointer Style */

.pencil-pointer {
background-image: url(/SmartTime/images/icons/editListApplication.png?ver=1715207416);
}

/* TABS */


.ui-tabs-group {
border-color: #E0E0E0;

}

.ui-tab {
border-color: #E0E0E0;
background-color: #F6F6F6;
background-image: none;
color: #030469;
}

.ui-tab:hover {
border-color: #7690B4;
background-color: #7690B4;
background-image: linear-gradient(to bottom, #A4BEE2 0%, #7690B4 100%);
color: #030469;
}

.ui-tab:focus {
border-color: rgb(244,236,105);
}

.ui-tab-active {
border-color: #7690B4;
background-color: #7690B4;
background-image: linear-gradient(to bottom, #A4BEE2 0%, #7690B4 100%);
color: #FFFFFF;
}


/* WRAPPING TABS */

.ui-wrapping-tab-primary {
border-color: #7690B4;
background-color: #7690B4;
background-image: linear-gradient(to bottom, #A4BEE2 0%, #7690B4 100%);
color: #FFFFFF;
}

.ui-wrapping-tab,
.ui-wrapping-tab-secondary-open {
border-color: #E0E0E0;
background-color: #F6F6F6;
background-image: none;
color: #030469;
}

.ui-wrapping-tab:hover {
border-color: #7690B4;
background-color: #7690B4;
background-image: linear-gradient(to bottom, #A4BEE2 0%, #7690B4 100%);
color: #030469;
}

.ui-wrapping-tab-secondary-open {
color: #030469;
}

.ui-wrapping-tab-open,
.ui-wrapping-tab-close {
border-color: #E0E0E0;
background-color: #F6F6F6;
background-image: none;
color: #030469;
}

.ui-wrapping-tab-open:hover,
.ui-wrapping-tab-close:hover {
border-color: #7690B4;
background-color: #7690B4;
background-image: linear-gradient(to bottom, #A4BEE2 0%, #7690B4 100%);
color: #030469;
}


.ui-wrapping-tab-open {
color: #0000FF;
}
.ui-wrapping-tab-close {
color: #FF0000;
}

.ui-wrapping-tab-secondary {
border-color: #7690B4;
background-color: #7690B4;
background-image: linear-gradient(to bottom, #A4BEE2 0%, #7690B4 100%);
color: #FFFFFF;
}

.ui-wrapping-tab:focus,
.ui-wrapping-tab-open:focus,
.ui-wrapping-tab-close:focus {
border-color: #FFFF00;
}

/* CHECKBOXLIST COMPONENT */

.ui-checkboxlist-table {
border-color: #E0E0E0;
}

.ui-checkboxlist-cell-1 {
border-right-color: #E0E0E0;
}

.ui-checkboxlist-component tr.odd {
background-color: #DCE1E7;
}

.ui-checkboxlist-component tr.even {
background-color: #FFFFFF;
}

/* ICONS */

.icon-plus {
background-image: url(/SmartTime/images/icons/plus.png?ver=1715207416);
}

.icon-minus {
background-image: url(/SmartTime/images/icons/minus.png?ver=1715207416);
}

.icon-first {
background-image: url(/SmartTime/images/icons/first.png?ver=1715207416);
}

.icon-up {
background-image: url(/SmartTime/images/icons/previous.png?ver=1715207416);
}

.icon-down {
background-image: url(/SmartTime/images/icons/next.png?ver=1715207416);
}

.icon-last {
background-image: url(/SmartTime/images/icons/last.png?ver=1715207416);
}

.icon-refresh {
background-image: url(/SmartTime/images/icons/sync.png?ver=1715207416);
}

.icon-az-sort {
background-image: url(/SmartTime/images/icons/az.png?ver=1715207416);
}

.icon-za-sort {
background-image: url(/SmartTime/images/icons/za.png?ver=1715207416);
}


button.az-sort:focus {
border-color: #FFFF00 !important;
}

button.za-sort:focus {
border-color: #FFFF00 !important;
}

.componentBorder {
border-color: #E0E0E0;
}

/* USER NOTIFICATIONS */

#top-information-bar #user-notifications a .icon-letter {
background-image: url(/SmartTime/images/icons/envelope29.png?ver=1715207416);
background-position: 0 0;
}

#top-information-bar #user-notifications a .icon-letter-blink {
background-image: url(/SmartTime/images/icons/envelope-blink29.gif?ver=1715207416);
background-position: 0 0;
}

#top-information-bar #user-notifications a .icon-supervisorSubs {
background-image: url(/SmartTime/images/icons/management-white.png?ver=1715207416);
}

input[readonly],
input[readonly="readonly"],
textArea[readonly],
textArea[readonly="readonly"]
{
background-color: lightgray;
}

.ui-combobox input[readonly],
.ui-combobox input[readonly="readonly"],
.weekdayfield[readonly] {
background-color: white;
}

.weekdayfield[readonly].weekday-readonly {
background-color: lightgray;
}

/* HELP */

div.icon-help {
display: inline-block;
background-color: transparent;
background-image: url(/SmartTime/images/icons/help-mini.png?ver=1715207416);
background-repeat: no-repeat;
background-position-x: center;
background-position-y: center;
text-indent: -99999px;
height: 32px;
width: 32px;
line-height: 38px;
}

div.icon-help:hover {
background-image: url(/SmartTime/images/icons/help-mini-hover.png?ver=1715207416);
}

div#helpButton a .help-icon {
background-color: transparent;
background-image: url(/SmartTime/images/icons/helpOver.png?ver=1715207416);
background-repeat: no-repeat;
background-position-x: center;
background-position-y: center;
text-indent: -99999px;
}

div#helpButton a .help-icon:hover {
background-image: url(/SmartTime/images/icons/help.png?ver=1715207416);
}

div#helpDialog a .close-icon {
background-image: url(/SmartTime/images/icons/close.png?ver=1715207416);
}

div#helpDialog a .maximize-icon {
background-image: url(/SmartTime/images/icons/maximize.png?ver=1715207416);
}

div#helpDialog a .restore-icon {
background-image: url(/SmartTime/images/icons/restore.png?ver=1715207416);
}

div#helpDialog a .close-icon,
div#helpDialog a .maximize-icon,
div#helpDialog a .restore-icon {
background-color: transparent;

background-repeat: no-repeat;
background-position-x: center;
background-position-y: center;
text-indent: -99999px;
}

#management-employeeInformation_openSelectEmployee.focus,
#calendar-personalCalendar_currentYear.focus,
#calendar-personalCalendar_currentMonth.focus,
#calendar-groupCalendar_today.focus,
#calendar-groupCalendar_selectDate.focus,
#management-employeeInformation_today.focus,
#management-employeeInformation_selectDate.focus
{
border: solid 1px rgb(244,236,105) !important;
}

.employeeInfoLabelMonth {
border-left-color: white;
border-top-color: white;
color: white;
}

.employeeInfoLabelWeek {
border-left-color: white;
border-bottom-color: white;
color: white;
}

/* Special Info Value button color */
.GOOD .inline-button {
background-color: rgb(138,204,146);
background-image: linear-gradient(to bottom, #c1ffc1 0%, #00ff00 100%);
}

.WARN .inline-button {
background-color: rgb(244,236,105);
background-image: linear-gradient(to bottom, #feffae 0%, rgb(244,236,105) 100%);
}

.BAD .inline-button {
background-color: rgb(252,141,141);
background-image: linear-gradient(to bottom, #ffb9b9 0%, #ff4040 100%);
}

.message-indialog {
color: #444;
}

.message-indialog p {
border-color: lightBlue;
color: #444;
}

.indialog-messages .indialog-message,
.ui-indialog-messages .indialog-message {
box-shadow: 0px 0px 1px #404040;
}

/* AJAX LOADING ICON */

/*.loading-icon {
background-color: white;;
border-color: #030469;;
}*/

/* GEOLOCATION */

.geolocation-no {
background-color: rgb(252,141,141);
}

/* Tile.
------------------------------------------------------------------*/

.tile-spliter-button {
border-color: #DDD;
}

.tile-spliter-button:hover {
border-color: #030469;
}

.tile-icon-collapse {
background: transparent url(/SmartTime/images/icons/tile-icon-collapse.png?ver=1715207416) center center no-repeat;
}

.tile-icon-expand {
background: transparent url(/SmartTime/images/icons/tile-icon-expand.png?ver=1715207416) center center no-repeat;
}

.tile-icon-collapse:hover {
background-image: url(/SmartTime/images/icons/tile-icon-collapse-hover.png?ver=1715207416);
}

.tile-icon-expand:hover {
background-image: url(/SmartTime/images/icons/tile-icon-expand-hover.png?ver=1715207416);
}

.dir-rtl .tile-icon-collapse { /*rtl*/
background: transparent url(/SmartTime/images/icons/tile-icon-expand.png?ver=1715207416) center center no-repeat;
}

.dir-rtl .tile-icon-expand { /*rtl*/
background: transparent url(/SmartTime/images/icons/tile-icon-collapse.png?ver=1715207416) center center no-repeat;
}

.dir-rtl .tile-icon-collapse:hover { /*rtl*/
background-image: url(/SmartTime/images/icons/tile-icon-expand-hover.png?ver=1715207416);
}

.dir-rtl .tile-icon-expand:hover { /*rtl*/
background-image: url(/SmartTime/images/icons/tile-icon-collapse-hover.png?ver=1715207416);
}

/*
---------------------- Booking Correction --------------------------- */

#calendar-newTimeApplicationGrid-table_table > tbody > tr > td.focus,
#calendar-editTimeApplicationGrid-corrected_table > tbody > tr > td.focus {
background-color: rgb(244,236,105) !important;
background-image: none !important;
}

/*
------------------------- News -------------------------------------- */

a.icon-checkLike-on {
background-image: url(/SmartTime/images/icons/checkbox-checked.png?ver=1715207416);
background-position: 0 0;
}

a.icon-checkLike-off {
background-image: url(/SmartTime/images/icons/checkbox.png?ver=1715207416);
background-position: 0 0;
}

a.icon-checkLike-on:focus {
background-image: url(/SmartTime/images/icons/checkbox-checked-focus.png?ver=1715207416);
background-position: 0 0;
}

a.icon-checkLike-off:focus {
background-image: url(/SmartTime/images/icons/checkbox-focus.png?ver=1715207416);
background-position: 0 0;
}