/*  specific styles to apply to telerik radscheduler to ensure things render properly the way i want. 
*/
.RadScheduler .rsHeader .rsDatePickerActivator, .RadScheduler .rsHeader .rsToday {
    display: none !important;
}        
        
.rsContentWrapper, .rsContentScrollArea
{ /* this was causing calendar to not display days in calender using chrome */
    /* height: 100% !important;*/
}
        
.RadScheduler .rsHeader h2
{
    /*color of text in header for radscheduler*/
    color: White !important;
}
        
.schedCurrentBackground
{
    background-color: White !important;
}

.RadScheduler .rsMonthView .rsWrap,
.RadScheduler .rsMonthView .rsApt, 
.RadScheduler .rsMonthView .rsAptOut, 
.RadScheduler .rsMonthView .rsAptIn, 
.RadScheduler .rsMonthView .rsAptMid, 
.RadScheduler .rsMonthView .rsAptContent 
{ 
    position: static !important; 
    height: auto !important; 
} 

.RadScheduler .rsMonthView .rsWrap 
{ 
    overflow: hidden; 
    /*font-size: 0;*/  /*commented out, for some reason this is hiding the calendar date value.  Why is this just now happening. */
    line-height: 0; 
} 

.RadScheduler .rsMonthView .rsLastWrap 
{ 
        /* commented out as it was squishing the bottom appointment when there were three on the same day...
        height: 16px !important; */
} 

.RadScheduler .rsMonthView .rsAptContent 
{   /* style of appointment that appears on a day*/
    position: relative !important; 
    border-top: 0; 
    border-bottom: 0; 
    left: 0;
    top: 0; 
    font-size: 12px;
} 

* html .RadScheduler .rsMonthView .rsAptIn 
{ 
    border-width: 0 1px; 
    top: 0; 
    margin-left: -1px; 
    margin-right: -1px; 
} 

* html .RadScheduler .rsMonthView .rsAptMid 
{ 
        top: 0; 
        left: 1px; 
        margin: 0 1px; 
        border-width: 1px 0; 
}
    
.RadScheduler .rsMonthView .rsWrap, 
.RadScheduler .rsMonthView .rsAptContent 
{ 
    min-height: 100px; 
} 

#sched1 h2
{
    color: White !important;
}