.ui-datepicker {
display: none;
padding: .2em .2em 0;
width: 17em;
color:#333;
background:#fff;
border:1px solid #c5c5c5;
border-radius:3px;
}
.ui-datepicker .ui-datepicker-header {
padding: .2em 0;
position: relative;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
height: 1.8em;
position: absolute;
top: 2px;
width: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { color:#333; left: 2px; }
.ui-datepicker .ui-datepicker-next { color:#333; right: 10px; }
.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover{
text-decoration:underline;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
display: block;
font-size:80%;
left: 50%;
margin-left: -8px;
margin-top: -8px;
position: absolute;
top: 50%;
}
.ui-datepicker .ui-datepicker-title {
line-height: 1.8em;
margin: 0 2.3em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year { width: 100%; }
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%; }
.ui-datepicker table {
border-collapse: collapse;
font-size: .9em;
margin: 0 0 .4em;
width: 100%;
}
.ui-datepicker th {
border: 0;
font-weight: bold;
padding: .7em .3em;
text-align: center;
}
.ui-datepicker td {
border: 0;
padding: 1px;
}
.ui-datepicker td span, .ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none;
border:1px solid #c5c5c5;
background:#f6f6f6;
color:#454545;
}
.ui-datepicker td span, .ui-datepicker td a.ui-state-highlight{
background:#005e7e;
border-color:#005e7e;
color:#fff;
}
.ui-datepicker td span, .ui-datepicker td a.ui-state-active{
background:#a7c476;
border-color:#a7c476;
color:#fff;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
border-bottom: 0;
border-left: 0;
border-right: 0;
margin: .7em 0 0 0;
padding: 0 .2em;
}
.ui-datepicker .ui-datepicker-buttonpane button {
cursor: pointer;
float: right;
margin: .5em .2em .4em;
overflow: visible;
padding: .2em .6em .3em .6em;
width: auto;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } .ui-datepicker.ui-datepicker-multi { width: auto; }
.ui-datepicker-multi .ui-datepicker-group { float: left; }
.ui-datepicker-multi .ui-datepicker-group table {
margin: 0 auto .4em;
width: 95%;
}
.ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width: 0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; }
.ui-datepicker-row-break {
clear: both;
font-size: 0em;
width: 100%;
} .ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev {
left: auto;
right: 2px;
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
left: auto;
right: 1px;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float: right; }
.ui-datepicker-rtl .ui-datepicker-group { float: right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
border-left-width: 1px;
border-right-width: 0;
}
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 1px;
border-right-width: 0;
} .ui-datepicker-cover {
filter: mask(); height: 200px; left: -4px; position: absolute; top: -4px; width: 200px; z-index: -1; }