table.vam{ height: 100%; width: 100%;}
table.vam td{ vertical-align: middle;}
.ui-datepicker-next, .ui-datepicker-prev{ width: 20px; height: 20px; cursor: pointer; display: block; position: absolute; background: url(/images/sait/calendar_arrows.png) no-repeat left top; height: 21px; width: 16px;}
.ui-datepicker-prev{background-position: 0 0; left: 10px;}
.ui-datepicker-prev:hover{background-position: 0 -21px;}
.ui-datepicker-next{background-position: -16px 0; right: 10px;}
.ui-datepicker-next:hover{background-position: -16px -21px;}
#select_period, .ui-datepicker{ position: absolute; background: #fff; display: none; text-align: center; font-size: 20px; font-family: Helvetica Neue, Helvetica, Arial; font-weight: 400; padding: 3px; cursor: default; z-index: 5 !important; -webkit-box-shadow: 13px 13px 0px 1px rgba(0,0,0,0.2); -moz-box-shadow: 13px 13px 0px 1px rgba(0,0,0,0.2); box-shadow: 13px 13px 0px 1px rgba(0,0,0,0.2); }
#select_period>.ui-datepicker{ position: static;  }
#select_period{ right: 140px; }
.ui-datepicker th{ font-weight: 400; font-size: 11px; width: 40px; line-height: 26px;}
.ui-datepicker td{ border:1px solid #e1e1e1; height: 40px; vertical-align: middle; text-align: center;}
.ui-datepicker td span, .ui-datepicker td a{ font-size: 16px; display: block; width: 100%; height: 100%; line-height: 39px; position: relative; color:#000;}
.ui-datepicker td span{ cursor: default !important;}
.ui-datepicker-today a:before, .ui-datepicker-today span:before{ position: absolute; content: ''; display: block; left: 0; top: 0; width: 27px; height: 27px; border:6px solid #1b458b !important; }
.ui-datepicker-header{ padding: 5px 0;}
.ui-state-active, .dp-highlight a, .dp-highlight span{ background: #cc0033; color:#fff !important;}
.ui-datepicker-month{ font-size: 20px; color: #666666;}
.ui-datepicker-year{ display: none;}