.left-scheduler-layout-box {
    position: absolute;
    top: 50px;
    bottom: 0;
    left: 0px;
    height: auto;
    width: 320px;
    /*border-right: 1px solid #f79239;*/
    /*border-right: 1px solid #eaeaea;*/
    border-right: #e0e0e0 1px solid;
} 

.center-scheduler-layout-box {    
    position: absolute;
    top: 50px;
    bottom: 0px;
    left: 321px;
    right: 500px;
    height: auto;
    /*background-color: #fff;*/
    padding: 5px 15px;
    /*padding: 5px 15px 0 15px;*/
}

.right-scheduler-layout-box {
    position: absolute;
    top: 50px;
    bottom: 0;
    right: 0px;
    height: auto;
    width: 500px;
    /*border-left: 1px solid #eaeaea;*/
    border-left: #e0e0e0 1px solid;
}

.scheduler-filters > div {
    display: block;
    padding: 5px 0;
}

.scheduler-completed {
    position:absolute;right: 5px; top: 5px; font-size:10px;
}

.scheduler-appointment {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    color: #fff;
}    

    .scheduler-appointment .details {
        display: table-cell;      
        /*overflow: hidden;*/
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 13px;
        padding-left: 10px;
    }

    .scheduler-appointment .icons {
        display: table-cell;
        width: 15px; 
        font-size: 10px;               
    }

/*Adaptive Layout*/


@media screen and (max-width:1510px) {
    .left-scheduler-layout-box {
        /*left: 0px;*/ 
        right: 330px;
    } 

    .center-scheduler-layout-box {           
        right: 0px;     
    }

    .right-scheduler-layout-box {  
        display: none;
    }  
}


/* Sidebar */
.left-scheduler-layout-box-hidden {
    left: -280px;
}

.left-scheduler-layout-box-visible {
    left: 0;
}


.left-scheduler-content-hidden {
    margin-bottom: 10px;
    display: none;
}


.left-scheduler-content-visible {
    margin-top: 0;
    display: block;
}

.center-scheduler-hidden-sidebar {
    left: 45px;
}


/* tooltip */
.tooltipContainer {
    width: 300px;
}

/*Dropdown overflow datalist style*/
.appointment-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 280px;
    font-size: 15px;
    text-align: left;    
    margin-left:10px;
}
.appointment-dates {
    color: #959595;
    font-size: 12px;
    text-align: left;
    margin-left: 10px;
}
.appointment-button-Container {
    margin-top: 5px;
}