.calendar-dayOff
{
    background-color: #bbdd75;
    color: #000000;
}

.calendar-holiday
{
    background-color: #e88686;
    color: #000000;
}

.calendar-working
{
    background-color: #e1e1e1;
    color: #000000;
}
.calendar-working2 {
    background-color: #eee;
    color: #000000;
}

.calendar-absence
{
    color: #000000;
}

.calendar-selected
{
    background-color: #aaaaaa;
    color: #000000;
}
.calendar-marked {
    color: red; /* Customize the cross color */
    font-size: 16px; /* Adjust size if needed */
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
}
.calendar-range-count {
    color: white;
    border-radius: 25%;
    width: 30px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    font-size: 12px;
}
.calendar-range-green {
    background-color: #c9f574;
    color:black;

}
.calendar-range-blue {
    background-color: #74c3f5;
    color:black;
}

.calendar-range-yellow {
    background-color: #fbf734;
    color:black;
}

.calendar-range-light-orange {
    background-color: #FFCD81;
    color:black;
}

.calendar-range-dark-orange {
    background-color: Orange;
    font-size: 11.5px !important;
}

.calendar-range-red {
    background-color: #f66d50;
    font-size: 11px !important;
}


.calendar-ban
{
    background-color: #333333;
    color: #FFFFFF;
}

.calendar-req
{
    background-color: #dec056;
    color: #FFFFFF;
}

.calendar-req.calendar-selected{
  background-color: #a29b84 !important;
  color: #FFFFFF !important;
}
.calendar-finished.calendar-selected:not(.calendar-req) {
  background-color: #bbc6ab  !important;
  color: #FFFFFF !important;
}

.calendar-check
{
    background-color: #6699FF;
    font-weight: bold;
    color: #FFFFFF;
}

.tile-calendar
{
    float: left;
    padding: 10px 10px;
    display: block;
    position: relative;
    overflow: visible;
    width: 310px;
    height: 320px;
    vertical-align: top;
}
.tile-calendar-summary
{
    float: left;
    padding: 10px 10px;
    display: block;
    position: relative;
    overflow: visible;
    width: 380px;
    height: 400px;
    vertical-align: top;
}

.tile-weekcalendar
{
    float: left;
    padding: 10px 10px;
    display: block;
    position: relative;
    overflow: visible;;
    width: 980px;
    height: 250px;
    vertical-align: top;
}

.calendar-cell
{
    width: 32px !important;
    height: 40px !important;
}

.month-calendar td
{
    width: 14px;
    height: 16px;
}

.week-calendar td
{
    width: 140px;
    height: 140px;
    overflow: hidden;
}

.week-multicalendar td
{
    width: 140px;
    height: 140px;
    overflow: hidden;
}

.meal-multicalendar td {
    width: 100px;
    height: 100px;
    overflow: hidden;
}

.week-mcalbtnplus
{   
    width:35px;
    text-align: center!important;
    vertical-align:middle !important;  
    background-color: #5BD858;  
}
.week-mcalbtnminus
{   
    width:35px;
    text-align: center !important; 
    vertical-align:middle !important; 
    background-color: #EC9687; 
}
.week-mcalbtn
{
    width:35px !important;  
    vertical-align:middle !important; 
}
.week-mcalbtn div
{   
    width:35px !important; 
}

}