.calDay, .calDayDisabled, .calDayToday, .calWeekHeader {
    display: inline-block;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.4rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    padding: 0;
    margin: 1px;
    color: #667080;
    background-color: #fff;
    padding: 8px 10px;
    vertical-align: top;
    font-family: Tahoma;
    max-height: contain;
    min-width: 240px;
}

.calDay, .calDayDisabled, .calDayToday {
    height: contain;
    min-height:200px;
    font-size: 14px;
}

.calDay 
{
    text-align: left;
}
.calDayDisabled {
    color: #ccc;
    background-color: #f9f9f9;
    text-align:left;
}
.calDayToday {
    text-align: left;
    border: 2px solid #ffd800;
    background-color: #fffffa;
}

.calDayDate {
    font-size: 15px;
    min-width: 200px;
    padding:2px;
}

.calWeekHeader {
    padding:4px;
    font-size: 14px;
    background-color: #ffd800;
}
.calWeek {
    display: block;
}

.calMonth {
}

.calHeader {
    display: inline-block;
    text-align: left;
    min-width: 1400px;
}

.calContainer {
    padding: 8px;
    text-align: center;
}

.calShiftLine {
    margin-top: 6px;
    font-family: Arial Narrow;
    background-color: #fff;
    line-height: normal;
    font-size: 12px;
}

.calShiftLink {
    padding-top: 3px;
    color: #666;
    text-decoration: none;
    font-style: italic;
}

.calLink {
    float: right;
    font-size: 18px;
    margin-top: -2px;
    color: #06d;
    text-decoration: none;
    font-family: 'Courier New';
    font-weight: bold;
}
.tblWeekDays {
    width:170px;
}

.tdWorkDay, .tdDayOff {
    max-width: 22px;
    max-height: 24px;
    padding: 2px;
    font-size: 12px;
    text-align: center;
    vertical-align: central;
}
.tdWorkDay {
    color: #04d;
   /* background-color: #269;*/
}
.tdDayOff {
    color: #ddd;
   /* background-color: #fff;*/
}

/*****************************************************************************************************************************************************************************/
@media (min-width: 400px) { /*  400 * 400 * 400 * 400 * 400 * 400 **********************************************************************************************************/
    .calDayDisabled, .calWeekHeader {
        display: none;
    }
    .calDayDate {
        background-color: #ffd800;
    }
}
@media (min-width: 580px) { /*  400 * 400 * 400 * 400 * 400 * 400 **********************************************************************************************************/
    .calDayDisabled, .calWeekHeader {
        display: inline-block;
    }
    .calDayDate {
        background-color: transparent;
    }
}
/*****************************************************************************************************************************************************************************/