/*
*   Card & Slot
*/

.container-slot-time {
    background-color: #fff;
    padding: 20px 10px;
    min-height: 128px;
    position: relative;
}

.container-slot-time ul {
    list-style: none;
    padding-left: 0;
}

.container-slot-time .slot-navigation {
    margin-bottom: 30px;
}

.container-slot-time .slot-nav {
    cursor: pointer;
    font-size: 20px;
    position: absolute;
}

.container-slot-time .slot-nav.prev {
    left: 15px;
}

.container-slot-time .slot-nav.next {
    right: 15px;
}

.container-slot-time .slot-nav.disabled {
    /*cursor: not-allowed;
    color: #435f71;
    opacity: 0.3;*/
    display: none;
}

.container-slot-time .no-slot-available{
    margin-top: 160px;
}

.container-slot-time .day-slot-time .slot-time {
    background: #fff;
    border: 1px solid #5283ff;
    border-radius: 4px;
    color: #5283ff;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: 300;
    margin-bottom: 5px;
    padding: 0.25rem 0.5rem;
    width: 51%;
}

.container-slot-time .day-slot-time .slot-time:hover{
    background: #85a4f5;
    border: 1px solid #fff;
    color: #fff;
}

.container-slot-time .day-slot-time .slot-time:last-of-type{
    margin-right: 0;
}

.container-slot-time span {
    display: block;
}

.container-slot-time span.day-name {
    font-weight: 700;
}

.container-slot-time span.day-date {
    margin-bottom: 10px;
}

.container-slot-time #btn-see-more-time{
    margin-top: 20px;
}

.container-day-slot-time {
    width: 100%;
    height: 187px;
    overflow: hidden;
}
.container-day-slot-time.extended{
    height: auto;
}
.container-day-slot-time .day-slot-time.day-slot-col-3 {
    width: 32%;
    margin-right: 1%;    
    float: left;
}
.container-day-slot-time .day-slot-time.day-slot-col-1 {
    width: 100%;
}
.container-day-slot-time .day-slot-time.no-slot-time {
    background-color: #efefef;
    border-radius: 5px;
}

.container-day-slot-time .msg-slot {
    border-radius: 10px;
    font-size: 12px;
    left: 10%;
    padding: 15px 15px;
    position: absolute;
    text-align: center;
    top: 45%;
    width: 78%;
}

.container-day-slot-time .unavailable-slot {
    background: rgba(255, 50, 56, 0.15);
}

.container-day-slot-time .next-available-slot {
    background: rgba(92, 202, 204, 0.4);
    top: 48%;
}

@media (max-width: 767.98px) {
    .container-slot-time{
        clear: both;
        min-height: inherit;
    }
}

@media (max-width: 520px) {
    .container-slot-time{
        padding: 10px 10px;
    }
}