.absenceTypeCell .x-grid-cell-inner {
    border: 1px solid #888888;
}

.absenceTypeCell .x-grid-cell-inner:hover {
    border: 1px solid #3d91cf;
    cursor: pointer;
}

/* 1 - vacation */
.ext-color-1,
.x-ie7m .ext-color-1-ad,
.x-opera .ext-operaLT11.ext-color-1-ad {
    color: #fccf4f;
}

.ext-cal-day-col .ext-color-1,
.ext-dd-drag-proxy .ext-color-1,
.ext-color-1-ad,
.ext-color-1-ad .ext-cal-evr,
.ext-color-1-ad .ext-cal-evm,
.ext-color-1 .ext-cal-picker-icon,
.ext-color-1-x dl,
.ext-color-1-x .ext-cal-evb {
    color: #333333;
    background: #fccf4f;
}

.ext-color-1-x .ext-cal-evb,
.ext-color-1-ad .ext-cal-evm,
.ext-color-1-ad,
.ext-color-1-x dl {
    border-color: #fccf4f;
}

.absenceTypeBgVacation .x-grid-cell-inner {
    background-color: #fccf4f;
}

/* 2 - sick */

.ext-color-2,
.x-ie7m .ext-color-2-ad,
.x-opera .ext-operaLT11.ext-color-2-ad {
    color: #dd0000;
}

.ext-cal-day-col .ext-color-2,
.ext-dd-drag-proxy .ext-color-2,
.ext-color-2-ad,
.ext-color-2-ad .ext-cal-evm,
.ext-color-2 .ext-cal-picker-icon,
.ext-color-2-x dl,
.ext-color-2-x .ext-cal-evb {
    background: #dd0000;
}

.ext-color-2-x .ext-cal-evb,
.ext-color-2-ad .ext-cal-evm,
.ext-color-2-ad,
.ext-color-2-x dl {
    border-color: #dd0000;
}

.absenceTypeBgSick .x-grid-cell-inner {
    background-color: #dd0000;
}

/* 3 - personal */

.ext-color-3,
.x-ie7m .ext-color-3-ad,
.x-opera .ext-operaLT11.ext-color-3-ad {
    color: #009933;
}

.ext-cal-day-col .ext-color-3,
.ext-dd-drag-proxy .ext-color-3,
.ext-color-3-ad,
.ext-color-3-ad .ext-cal-evm,
.ext-color-3 .ext-cal-picker-icon,
.ext-color-3-x dl,
.ext-color-3-x .ext-cal-evb {
    background: #009933;
    color: #333333;
}

.ext-color-3-x .ext-cal-evb,
.ext-color-3-ad .ext-cal-evm,
.ext-color-3-ad,
.ext-color-3-x dl {
    border-color: #009933;
}

.absenceTypeBgPersonal .x-grid-cell-inner {
    background-color: #009933;
}

/* 4 - Left Early */

.ext-color-4,
.x-ie7m .ext-color-4-ad,
.x-opera .ext-operaLT11.ext-color-4-ad {
    color: #990099;
}

.ext-cal-day-col .ext-color-4,
.ext-dd-drag-proxy .ext-color-4,
.ext-color-4-ad,
.ext-color-4-ad .ext-cal-evm,
.ext-color-4 .ext-cal-picker-icon,
.ext-color-4-x dl,
.ext-color-4-x .ext-cal-evb {
    background: #990099;
    color: #ffffff;
}

.ext-color-4-x .ext-cal-evb,
.ext-color-4-ad .ext-cal-evm,
.ext-color-4-ad,
.ext-color-4-x dl {
    border-color: #990099;
}

.absenceTypeBgLeftEarly .x-grid-cell-inner {
    background-color: #990099;
}

/* 5 - Late */

.ext-color-5,
.x-ie7m .ext-color-5-ad,
.x-opera .ext-operaLT11.ext-color-5-ad {
    color: #640064;
}

.ext-cal-day-col .ext-color-5,
.ext-dd-drag-proxy .ext-color-5,
.ext-color-5-ad,
.ext-color-5-ad .ext-cal-evm,
.ext-color-5 .ext-cal-picker-icon,
.ext-color-5-x dl,
.ext-color-5-x .ext-cal-evb {
    background: #640064;
    color: #ffffff;
}

.ext-color-5-x .ext-cal-evb,
.ext-color-5-ad .ext-cal-evm,
.ext-color-5-ad,
.ext-color-5-x dl {
    border-color: #640064;
}

.absenceTypeBgLate .x-grid-cell-inner {
    background-color: #640064;
    color: #ffffff;
}

/* 6 - Business Trip */

.ext-color-6,
.x-ie7m .ext-color-6-ad,
.x-opera .ext-operaLT11.ext-color-6-ad {
    color: #0000cc;
}

.ext-cal-day-col .ext-color-6,
.ext-dd-drag-proxy .ext-color-6,
.ext-color-6-ad,
.ext-color-6-ad .ext-cal-evm,
.ext-color-6 .ext-cal-picker-icon,
.ext-color-6-x dl,
.ext-color-6-x .ext-cal-evb {
    background: #0000cc;
}

.ext-color-6-x .ext-cal-evb,
.ext-color-6-ad .ext-cal-evm,
.ext-color-6-ad,
.ext-color-6-x dl {
    border-color: #0000cc;
}

.absenceTypeBgBusinessTrip .x-grid-cell-inner {
    background-color: #0000cc;
    color: #ffffff;
}

/* 7 - Statutory Holiday */
.ext-color-7,
.x-ie7m .ext-color-7-ad,
.x-opera .ext-operaLT11.ext-color-7-ad {
    color: #dd0000;
}

.ext-cal-day-col .ext-color-7,
.ext-dd-drag-proxy .ext-color-7,
.ext-color-7-ad,
.ext-color-7-ad .ext-cal-evm,
.ext-color-7 .ext-cal-picker-icon,
.ext-color-7-x dl,
.ext-color-7-x .ext-cal-evb {
    background: #dd0000;
    color: #ffffff;
}

.ext-color-7-x .ext-cal-evb,
.ext-color-7-ad .ext-cal-evm,
.ext-color-7-ad,
.ext-color-7-x dl {
    border-color: #dd0000;
}

/* 8 - Corporate Event */
.ext-color-8,
.x-ie7m .ext-color-8-ad,
.x-opera .ext-operaLT11.ext-color-8-ad {
    color: #0000cc;
}

.ext-cal-day-col .ext-color-8,
.ext-dd-drag-proxy .ext-color-8,
.ext-color-8-ad,
.ext-color-8-ad .ext-cal-evm,
.ext-color-8 .ext-cal-picker-icon,
.ext-color-8-x dl,
.ext-color-8-x .ext-cal-evb {
    background: #0000cc;
    color: #ffffff;
}

.ext-color-8-x .ext-cal-evb,
.ext-color-8-ad .ext-cal-evm,
.ext-color-8-ad,
.ext-color-8-x dl {
    border-color: #0000cc;
}

/* 9 - Customer Visit */
.ext-color-9,
.x-ie7m .ext-color-9-ad,
.x-opera .ext-operaLT11.ext-color-9-ad {
    color: #009933;
}

.ext-cal-day-col .ext-color-9,
.ext-dd-drag-proxy .ext-color-9,
.ext-color-9-ad,
.ext-color-9-ad .ext-cal-evm,
.ext-color-9 .ext-cal-picker-icon,
.ext-color-9-x dl,
.ext-color-9-x .ext-cal-evb {
    background: #009933;
    color: #ffffff;
}

.ext-color-9-x .ext-cal-evb,
.ext-color-9-ad .ext-cal-evm,
.ext-color-9-ad,
.ext-color-9-x dl {
    border-color: #009933;
}

/* 10 - Left Office */

.ext-color-10,
.x-ie7m .ext-color-10-ad,
.x-opera .ext-operaLT11.ext-color-10-ad {
    color: #ff6600;
}

.ext-cal-day-col .ext-color-10,
.ext-dd-drag-proxy .ext-color-10,
.ext-color-10-ad,
.ext-color-10-ad .ext-cal-evm,
.ext-color-10 .ext-cal-picker-icon,
.ext-color-10-x dl,
.ext-color-10-x .ext-cal-evb {
    background: #ff6600;
    color: #333333;
}

.ext-color-10-x .ext-cal-evb,
.ext-color-10-ad .ext-cal-evm,
.ext-color-10-ad,
.ext-color-10-x dl {
    border-color: #ff6600;
}

.absenceTypeBgLeftOffice .x-grid-cell-inner {
    background-color: #ff6600;
    color: #333333;
}

/* 11 - Bereavement */

.ext-color-11,
.x-ie7m .ext-color-11-ad,
.x-opera .ext-operaLT11.ext-color-11-ad {
    color: #660000;
}

.ext-cal-day-col .ext-color-11,
.ext-dd-drag-proxy .ext-color-11,
.ext-color-11-ad,
.ext-color-11-ad .ext-cal-evm,
.ext-color-11 .ext-cal-picker-icon,
.ext-color-11-x dl,
.ext-color-11-x .ext-cal-evb {
    background: #660000;
    color: #ffffff;
}

.ext-color-11-x .ext-cal-evb,
.ext-color-11-ad .ext-cal-evm,
.ext-color-11-ad,
.ext-color-11-x dl {
    border-color: #660000;
}

.absenceTypeBgBereavement .x-grid-cell-inner {
    background-color: #660000;
}


.absenceTypeBgInOffice .x-grid-cell-inner {
    background-color: #b6e6a3;
}

/* HR Calendar */
.ext-color-21-ad {
    background-color: #F7FA05;
    color: #333333;
}

.ext-color-22-ad {
    background-color: #FB56C4;
    color: #333333;
}

.ext-color-23-ad {
    background-color: #78B5DA;
    color: #333333;
}

.ext-color-24-ad {
    background-color: #F5A96A;
    color: #333333;
}

.ext-color-25-ad {
    background-color: #70E585;
    color: #333333;
}

.ext-color-26-ad {
    background-color: #C288F3;
    color: #333333;
}

.ext-color-27-ad {
    background-color: #9A49BD;
    color: #000000;
}

.ext-color-33-ad {
    background-color: #000000;
    color: #ffffff;
}