﻿.ui-datepicker 
{
    border-radius: 4px !important;
    padding: 0;
    background: #FFF;
    border: 1px solid #DFE2E5;
    box-shadow: 0 0 16px #EAEAEB;
    overflow: hidden;
}

.ui-datepicker-header 
{
    background: #F9FAFB;
    border: 0;
    height: 36px !important;
    line-height: 36px !important;
    border-bottom: 1px solid #DFE2E5;
}

.ui-datepicker-header .ui-datepicker-title
{
    margin: 0 36px;
    line-height: 36px;
}

.ui-datepicker-header .ui-datepicker-title select
{
    border-radius: 4px;
}

.ui-datepicker-header .ui-datepicker-prev
{
    border-right: 1px solid #DFE2E5;
}

.ui-datepicker-header .ui-datepicker-prev .ui-icon-circle-triangle-w
{
    background-position: -96px 0; /* redirect to .ui-icon-carat-1-w */
}

.ui-datepicker-header .ui-datepicker-next
{
    border-left: 1px solid #DFE2E5;
}

.ui-datepicker-header .ui-datepicker-next .ui-icon-circle-triangle-e
{
    background-position: -32px 0; /* redirect to .ui-icon-carat-1-e */
}

.ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker-header .ui-datepicker-next
{
    width: 36px;
    height: 36px;
}

    .ui-datepicker-header .ui-datepicker-prev:hover,
    .ui-datepicker-header .ui-datepicker-next:hover {
        background: #821E82;
    }

.ui-widget-header .ui-icon
{
    background-image: url(images/ui-icons_333333_256x240.png);
}

.ui-datepicker-header .ui-datepicker-prev:hover .ui-icon,
.ui-datepicker-header .ui-datepicker-next:hover .ui-icon
{
    background-image: url(images/ui-icons_ffffff_256x240.png);
}

.ui-datepicker-calendar
{
    padding: 10px;
    border-collapse: separate !important;
    border-spacing: 1px;
    margin: 0;
    box-sizing: border-box !important;
}

.ui-datepicker-calendar tr
{
    height: 25px;
}

.ui-datepicker-calendar th
{
    
}

.ui-datepicker-calendar td
{
    border-radius: 25px;
}

.ui-datepicker-calendar td.ui-datepicker-today
{
    background: #DFE2E5;
}

    .ui-datepicker-calendar td:hover,
    .ui-datepicker-calendar td.ui-datepicker-current-day {
        background: #DF0024;
        border-color: #DF0024;
    }

.ui-datepicker-calendar td.ui-datepicker-unselectable,
.ui-datepicker-calendar td.ui-datepicker-unselectable:hover
{
    background: transparent;
    border: 0;
}

.ui-datepicker-calendar td:hover a,
.ui-datepicker-calendar td.ui-datepicker-current-day a
{
    color: #FFF;
}

.ui-datepicker-calendar th,
.ui-datepicker-calendar td 
{
    padding: 0;    
}

.ui-datepicker-calendar td a
{
    border: 0 !important;
    background: transparent !important;
}

.ui-datepicker-month,
.ui-datepicker-calendar th span,
.ui-datepicker-calendar td a
{
    color: #333;
    font-weight: normal !important;
}

.ui-datepicker-calendar .ui-state-default 
{
    
}

.ui-datepicker-calendar .ui-state-active
{
    
}

.ui-datepicker-calendar .ui-state-highlight
{
    
}

.ui-datepicker-calendar .ui-state-default,
.ui-datepicker-calendar .ui-state-active,
.ui-datepicker-calendar .ui-state-highlight
{
    text-align: center;
}