/*
Add your styles here
*/
td.week-end-day, th.week-end-day {
    background-color: #f2dede;
}

.task-vacation {
    background-color: #f7e4a6;
}

.task-default {
    background-color: #f5f5f5;
}

.task-free {
    background-color: #d9edf7;
}

.task-ill {
    background-color: #f9b5b3;
}

.task-doc {
    background-color: #fcf8e3;
}

.task-army {
    background-color: #dbfabe;
}

.task-holiday {
    background-color: #f2dede;
}

.table-tasks tbody tr td,
.table-tasks tbody tr th
{
    border-bottom: 1px solid #000;
    background-clip: padding-box; /* Fix for FF issue: https://stackoverflow.com/questions/7517127/borders-not-shown-in-firefox-with-border-collapse-on-table-position-relative-o */
}

.task {
    cursor: pointer;
}

.calendar-table tr td {
    height: 55px;
    width: 13.25%;
}
.calendar-table-mobile tr td {
    height: 55px;
    width: 90%;
}

.btn-disable
{
    cursor: not-allowed;
    pointer-events: none;

    /*Button disabled - CSS color class*/
    color: #c0c0c0;
    background-color: #ffffff;
}

.notInSAP {
    color: firebrick;
}

.week-day, .week-end-day {
    position: relative;
}
.week-day-content {
    margin: 0;
    padding: 0;
}
.addEventSpecificDay {
    position: absolute;
    margin: 5px;
    right: 0;
    top: 0;
    opacity: 0;
    transition: opacity 0.5s;
}
.week-day:hover .addEventSpecificDay, .week-end-day:hover .addEventSpecificDay {
    opacity: 1;
}

#addMobileEventDropdownMenu {
    width: 100%;
}

.wrapper-content-mobile {
    padding-top: 0 !important;
}