.calendars{
    background-color: #fff;
    border: 1px solid #e6e6e6;
    box-shadow: 1px 0px 3px 0px #555;
    border-radius: 0;
    width: 260px !important;
}
.calendars-nav, .calendars-ctrl {
    background-color: #fff;
}
.calendars-month{
    border: 1px solid #fff;
    width: 100%;
}
.calendars-month-year{
    width: 45%;
}



.calendars a{
    color: #555;
}
.calendars-month-header, .calendars-month-header select, .calendars-month-header input{
    background-color: #ffffff;
    color: #555;
}
.calendars-month th {
    background-color: #fff;
    color: #555;
    border: 1px solid #fff;
}
.calendars-month a {
    background-color: #fff;
    color: #555;
}
.calendars-month td {
    background-color: #eee;
    border: 1px solid #fff;
}
.calendars-month td .calendars-weekend {
    background-color: #fff;
    color: #555;
}
.calendars-ctrl {
    background-color: #fff;
    height: 20px;
}
a.calendars-cmd {
    height: 20px;
}
.calendars-ctrl .calendars-cmd:hover {
    background-color: rgba(0, 0, 0, 0.1);
}
.calendars-month td .calendars-selected {
    background-color: #4897eb;
    color: #fff;
}
.calendars-month td .calendars-today {
    background-color: #FFFFFF ;
    color: #555;
}
.calendars-month span, .calendars-month a {
    padding: 6px 0 !important;
}
.calendars-month td .calendars-highlight,.calendars-cmd:hover {
    background-color: #FFFFFF;
    color: #555;
}
.date-picker.is-calendarsPicker {
    height: 24px;
    border: 1px solid #dfdfdf;
    padding: 1px 2px;
}
button.calendars-trigger{
    margin-top: 0px;
}
.calendars .time-picker{
    text-align: center;
    direction: ltr !important;
}
.calendars .time-picker-hour, .calendars .time-picker-minute{
    width: 6ch;
    margin: 0 3px;
    padding: 0 2px;
    height: 24px;
}