.ui-datepicker-calendar, .hasDatepicker
{
    width: 100%;
}



.ui-datepicker-header
{
    
    font-size: 20px;
    font-weight: bold;
    /*color: #b8b8b8;*/
    text-transform: uppercase;
}

.ui-datepicker-header a, .ui-datepicker-calendar tr td a
{
    color: #b8b8b8;
}

.ui-datepicker-header a:hover, .ui-datepicker-calendar tr td a:hover
{
    color: #b8b8b8;
    text-decoration: none;
}

.ui-datepicker-calendar tr td a:hover 
{cursor:default !important;}


.ui-datepicker-title
{
    text-align: center;
    text-transform: uppercase;
}

.ui-datepicker-prev
{
    float: left;
    width: 22px;
    height: 27px;
    cursor: pointer;
}

.ui-datepicker-next
{
    float: right;
    cursor: pointer;
}


.ui-datepicker-calendar tr th
{
    text-align: center;
    border: 1px solid #CBCBCB;
    background-color: #ffffff;
    padding: 10px;
}
.ui-datepicker-calendar tr td
{
    width: 14.2%;
    /*height: 145px;*/
    padding: 5px;
    text-align: center;
    border: 1px solid #CBCBCB;
    vertical-align: top;
}



.ui-datepicker-other-month
{
    background: #eee;
}


.ui-datepicker-other-month a
{
    color: #000 !important;
    text-decoration: none !important;
}


.ui-state-default{   display: block;
    padding-bottom: 6px;
    padding-left: 6px;
    text-align: left;
    text-decoration:none !important;}

.ui-state-default:hover{   
    text-decoration:none !important;}

/** key **/
.calendar-key-icon
{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    height: 30px;
    vertical-align: middle;
    width: 30px;
}


.Available
{
    background-color: #5cb85c;
}
.Limited
{
    background-color: #f0ad4e;
}
.SoldOut
{
    background-color: #d9534f;
}


.margin-btm-5{margin-bottom:5px;}


@media only screen and (max-width: 992px)
{
    .ui-datepicker-calendar tr td
    {
        padding: 2px !important;
    }

    .lblAvailable, .lblLimited, .lblSold
    {
        padding: 2px 0 !important;
        
    }
   
.ui-datepicker-calendar{font-size:10px !important;}

}

@media only screen and (max-width: 600px)
{

.ui-datepicker-calendar tr th {padding:5px;}
}