/* MISC  
----------------------------------------------------------*/

body
{

}

.container
{

}

.DetailPanel
{
    width: 190px;
    padding: 0px 10px 10px 10px;
    background-color: #DFE7EE;
}

.DetailPanelHeader
{
    font-weight: bold;
    margin-top: 4px;
    padding-bottom: 4px; 
}

.ReservationsList
{
    padding-top: 20px;
}


/* Calendar  
----------------------------------------------------------*/

.CalendarTitleStyle
{   
    
}

.CalendarWeekendDayStyle
{
    background-color: #f4f4f4;
}

.CalendarDayStyle
{
     color: white;
}

.DayActive div
{
    background-color: #9EEB62;
    border-radius: 10px;
}

.DayActive div a
{
 color: black;
}

.DayInActive
{
    color: lightgray;   
}

.DaySelected
{
    background-color: #55a716;
    border-radius: 10px; 
}

.DaySelected div
{
    background-color: #55a716;
    border-radius: 10px; 
}

.DaySelected div a
{
    color: white;
}


/* Time Slots  
----------------------------------------------------------*/


.selectedDate
{
    background-color: #55a716;
    color: white;
    border-radius: 20px;
}

.timeSlot
{
      
}

.unavailableSlot
{
    color: Gray;   
}

.availableSlot div
{
    background-color: #9EEB62;
    border-radius: 10px;
}

.availableSlot div a
{
    color: black;
}

.selectedDateSlot div
{
    background-color: #55a716;
}

.selectedDateSlot div a
{
    color: white;
}

.selectedSlot
{
    background-color: #55a716;    
    border-radius: 10px;
}

.selectedSlot div
{
    background-color: #55a716;    
}

.selectedSlot div a 
{
        font-weight: bold;
        color: White;
}