﻿.options-layout-box-scheduler {
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 0px;
    height: auto;
    width: 319px;
    border-right: solid #E7E7E7 1px;
    background-color: #f4f4f4;
}

.scheduler-layout-box-scheduler {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 320px;
    right: 0px;
    height: auto;
    background-color: #fff;
    padding: 5px 15px 10px 15px;
}

.settings-layout-box-scheduler {    
    /*background-color: #f9f9f9;*/
    position: absolute;
    top: 5px;
    bottom: 0;
    right: 0px;
    height: auto;
    width: 320px;
    border-left: solid #2971C5 1px;
}

.calendar-view-date {
    font-size: 20px;
    cursor: pointer;
    font-weight: 300;
    margin-top: 2px;
}

.calendar-clinician-title {
    font-size: 15px;    
}

#calendar {
    margin-right: 10px;
}

@media screen and (max-width:950px) {
    .options-layout-box-scheduler {
        display: none;
    } 

    .scheduler-layout-box-scheduler {   
        left: 0px; 
        right: 0px;     
    }

    .settings-layout-box-scheduler {  
        display: none;
    }    
}
@media screen and (max-width:1380px) {
    .options-layout-box-scheduler {
        left: 0px; 
        right: 340px;
    } 

    .scheduler-layout-box-scheduler {           
        right: 0px;     
    }

    .settings-layout-box-scheduler {  
        display: none;
    }  
}

#btnDropDownCalendar {
    font-size: 18px !important;
}

    #btnDropDownCalendar .dx-button-content {
        padding-left: 7px !important;
    }

#btnToday .dx-button-content {
    padding-right: 7px !important;
}