.date-picker {width:100%; height:auto; max-height:45px; background:white; position:relative; overflow:hidden; -webkit-transition:all 0.4s ease; transition:all 0.4s ease; font-family:'Montserrat-Regular';}
.date-picker .input {width:100%; font-size:0; cursor:pointer; float:left; width:100%; color:#727272; text-transform:uppercase; font-size:15px; background:#ededed; border:1px solid #e3e1e2; border-radius:2px; padding:10px 15px; height:45px; line-height:32px; font-family:'Montserrat-Regular'; position:relative;}
.date-picker .input::after {content:""; position:absolute; right:14px; top:17px; cursor:pointer; background:rgba(0, 0, 0, 0) url("../images/up-arrow.svg") no-repeat scroll 0 0; width:20px; height:11px; transform:rotate(180deg);}
.date-picker.open .input::after {transform:rotate(0deg);}
.date-picker .input .result, .date-picker .input button {display:inline-block; vertical-align:top; line-height:25px; padding-left:20px;}
.date-picker .input button:hover {background-color:#68768A;}
.date-picker .input button:focus {outline:0;}
.date-picker .calendar {position:relative; width:100%; background:#fff; border-radius:0px; overflow:hidden;}
.date-picker .ui-datepicker-inline {position:relative; width:100%;}
.date-picker .ui-datepicker-header {height:100%; line-height:50px; background:#8392A7; color:#fff; margin-bottom:10px;}
.date-picker .ui-datepicker-prev, .date-picker .ui-datepicker-next {width:20px; height:20px; text-indent:9999px; border:2px solid #fff; border-radius:100%; cursor:pointer; overflow:hidden; margin-top:15px;}
.date-picker .ui-datepicker-prev {float:left; margin-left:12px;}
.date-picker .ui-datepicker-prev:after {-webkit-transform:rotate(45deg); transform:rotate(45deg); margin:-45px 0 0 6px;}
.date-picker .ui-datepicker-next {float:right; margin-right:12px;}
.date-picker .ui-datepicker-next:after {-webkit-transform:rotate(-135deg); transform:rotate(-135deg); margin:-45px 0 0 5px;}
.date-picker .ui-datepicker-prev:after, .date-picker .ui-datepicker-next:after {content:""; position:absolute; display:block; width:6px; height:6px; border-left:2px solid #fff; border-bottom:2px solid #fff;}
.date-picker .ui-datepicker-prev:hover, .date-picker .ui-datepicker-next:hover, .date-picker .ui-datepicker-prev:hover:after, .date-picker .ui-datepicker-next:hover:after {border-color:#68768A;}
.date-picker .ui-datepicker-title {text-align:center; background:#ffa000;}
.date-picker .ui-datepicker-calendar {width:100%; text-align:center;}
.date-picker .ui-datepicker-calendar thead tr th span {display:block; width:100%; color:#8392A7; margin-bottom:5px; font-size:14px;}
.date-picker .ui-state-default {display:block; text-decoration:none; color:#707070; line-height:40px; font-size:12px;}
.date-picker .ui-state-default:hover {background:rgba(0, 0, 0, 0.02);}
.date-picker .ui-state-highlight {color:#68768A;}
.date-picker .ui-state-active {color:#ffa000; background-color:rgba(131, 146, 167, 0.12); font-weight:600;}
.date-picker .ui-datepicker-unselectable .ui-state-default {color:#bbbbbb; border:2px solid transparent;}
.date-picker.open {overflow:visible; position:relative; z-index:999; animation:slidedn 1s ease;}
.date-picker.open .input button {background:#68768A;}
.date-picker.open .calendar {position:absolute; top:45px;}

@keyframes slidedn {
0% {opacity:0;}
50% {opacity:1;}
100% {opacity:1;}
}

.cal-mnt {float:left; width:100%; padding-right:20px; margin-top:48px;}
.calendar {float:left; width:100%; position:relative; overflow:hidden; margin-bottom:35px;}
.ui-datepicker-calendar {float:left; width:100%; text-align:center;}
.calendar .ui-datepicker-prev span {position:absolute; right:25px; top:6px; cursor:pointer; background:url(../images/cal-left-arw.svg) no-repeat scroll 0 0; width:12px; height:13px; text-indent:-99999px;}
.calendar .ui-datepicker-next span {position:absolute; right:0px; top:6px; cursor:pointer; background:url(../images/cal-right-arw.svg) no-repeat scroll 0 0; width:12px; height:13px; text-indent:-99999px;}
.calendar .ui-datepicker-title {float:left; font-size:20px; line-height:26px; letter-spacing:-0.42px; text-align:left; margin-bottom:15px; width:100%; font-family:'Montserrat-Regular'; margin-top:6px;}
.calendar .ui-datepicker-calendar th {font-size:14px; color:rgba(29, 62, 143, 0.3); font-family:'Montserrat-Medium'; letter-spacing:-0.32px; font-size:16px;}
.calendar .ui-datepicker-calendar td {padding:7px 0; font-family:'Montserrat-Regular'; font-size:14px; line-height:16px; color:#4B4B4B; letter-spacing:-0.31px;}
.calendar .ui-datepicker-year {color:#7c8181; font-size:30px; font-family:'Montserrat-Medium'; display:none;}
.calendar .ui-datepicker-month {color:#ffffff; font-size:18px; font-family:'Montserrat-SemiBold'; background:#1D3E8F; border-radius:19px; padding:6px 20px;}
.calendar .ui-datepicker-calendar .ui-datepicker-days-cell-over.ui-datepicker-current-day.ui-datepicker-today {position:relative; z-index:1; color:#fff; font-family:'Montserrat-Regular';}
.calendar .ui-datepicker-calendar .ui-datepicker-days-cell-over.ui-datepicker-current-day.ui-datepicker-today:after {position:absolute; display:block; content:""; background:#CBD618; width:34px; height:34px; z-index:-1; border-radius:50%; left:0; top:-2px; opacity:1; right:0; margin:auto; bottom:0; transition:all 0.5s ease;}
.calendar .ui-datepicker-calendar .ui-datepicker-days-cell-over.ui-datepicker-current-day.ui-datepicker-today a {color:#1D3E8F; font-family:'Montserrat-Bold';}
.calendar .ui-datepicker-calendar td {position:relative;}
.calendar .ui-datepicker-calendar .ui-datepicker-current-day .ui-state-default.ui-state-active {color:#1D3E8F; background:#CBD618;}
.calendar .ui-datepicker-calendar td a:hover {color:#0D413B;}