#mkyc-container {
    width: inherit;
}

#mkyc-nav-container {
    margin-bottom: 10px;
    margin-top: 10px;
    width: inherit;
}

#mkyc-current-month-year-container {
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    /* text-transform: capitalize; */
    vertical-align: top;
    /* width: 68%; */
    margin-left: 30px;
    margin-top: 1px;
}

#mkyc-current-month-year-mobile-container {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    /* text-transform: capitalize; */
    vertical-align: top;
    /* width: 68%; */
    margin-left: 30px;
    margin-top: 1px;
}

.mkyc-first-of-month {
    font-weight: bold;
}

#mkyc-current-month-year-mobile-container {
    display: none;
}

#mkyc-prev-week-container {
    display: inline-block;
    /*width: 15%;*/
}

#mkyc-next-week-container {
    display: inline-block;
    /*width: 15%;*/
}

#mkyc-home-week-container {
    display: inline-block;
    /*width: 15%;*/
}

#mkyc-prev-week {
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    color: #e0e0e0;
    cursor: pointer;
    float: left;
    font-size: 15px;
    height: 32px;
    text-align: center;
    width: 60px;
    margin-right: 4px;
    background: white;
}

#mkyc-next-week {
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    color: #e0e0e0;
    cursor: pointer;
    float: right;
    font-size: 15px;
    height: 32px;
    text-align: center;
    width: 60px;
    margin-right: 4px;
    background: white;
}

#mkyc-home-week {
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    color: #e0e0e0;
    cursor: pointer;
    float: right;
    font-size: 15px;
    height: 32px;
    text-align: center;
    width: 60px;
    margin-right: 4px;
    background: white;
}

#mkyc-prev-week:hover, #mkyc-next-week:hover , #mkyc-home-week:hover {
    border: 1px solid #bdbdbd;
    color: #bdbdbd;
}

#mkyc-week-container {
    border: 1px solid #e0e0e0;
}

#mkyc-dates-container {
    background-color: #fafafa;
    width: 100%;
    display: table;
    table-layout: fixed;
}


.mkyc-date-header {
    border-right: 1px solid #e0e0e0;
    display: table-cell;
    min-height: 50px;
    /*padding: 15px 0px 15px 15px;*/
    vertical-align: top;
    /*width: 13.77%;*/
}

.mykc-date-display {
    border-bottom: 1px solid #e0e0e0;
}

.mkyc-date-header:first-of-type {
    /*padding-left: 15px;*/
}

.mkyc-date-header:last-of-type {
    border-right: none;
    /*width: 13%;*/
}

#mkyc-available-time-container {
    border-top: 1px solid #e0e0e0;
    min-height: 150px;
    width: 100%;
    display: table;
    table-layout: fixed;
    padding-top: 8px;
    padding-bottom: 8px;
}

.mkyc-day-time-container {
    /*border-right: 1px solid #e0e0e0;*/
    display: inline-block;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
    vertical-align: top;
    /*width: 13.77%;*/
    display: table-cell;
}

.mkyc-available-time-row {
    display: table-row;
}

.mkyc-day-time-container:first-of-type {
    padding-left: 16px;
}

.mkyc-day-time-container:last-of-type {
    border-right: none;
    /*width: 13%;*/
}

.mkyc-date-number {
    font-size: 16px;
    /*background-color: #fbfbfb;*/
    background-color: #fff;
    padding-top: 8px;
    padding-bottom: 26px;
    padding-left: 8px;
}

.mkyc-date-display {
    padding-top: 8px;
    padding-left: 8px;
    padding-bottom: 8px;
    /*background-color: #fbfbfb;*/
    background-color: #fff;
    border-bottom: 1px solid #e0e0e0;
}

.mkyc-available-time {
    background-color: #29b6f6;
    border-radius: 8px;
    color: #ffffff;
    display: block;
    padding: 10px 0px 10px 0px;
    text-align: center;
    width: 100%;
    border: 1px solid transparent;
}

.mkyc-unavailable-time {
    background-color: #e4e4e4;
    border-radius: 8px;
    color: #b9b9b9;
    display: block;
    padding: 10px 0px 10px 0px;
    text-align: center;
    border: 1px solid transparent;
}

.mkyc-available-time:active, .mkyc-available-time:focus {
    text-decoration: none;
    color: #fff;
}

.mkyc-available-time:hover {
    background-color: #204d74;
    color: #fff;
    text-decoration: none;
}

.mkyc-available-time.selected {
    background-color: #286090;
    color: #fff;
    text-decoration: none;
}


.mykc-mobile-view {
    display: none;
}

@media only screen and (max-width: 768px) {
    .mkyc-date-header, .mkyc-day-time-container {
        /*width: 33%;*/
    }
    .mykc-mobile-view {
        display: block;
    }

    #mkyc-date-header-2 {
        border-right: none;
        /*width: 13%;*/
    }
    #mkyc-date-header-3, #mkyc-date-header-4, #mkyc-date-header-5, #mkyc-date-header-6 {
        display: none;
    }
    .mkyc-day-time-col-3, .mkyc-day-time-col-4, .mkyc-day-time-col-5, .mkyc-day-time-col-6 {
        display: none;
    }
    #mkyc-current-month-year-mobile-container {
        display: inline-block;
    }
    #mkyc-current-month-year-container {
        display: none;
    }
    /*.mkyc-date-header:last-of-type, .mkyc-day-time-container:last-of-type {
        width: 12%;
    }*/
}