.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%;
  /* height: 45px; */
  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 .result {
  width: calc(100% - 50px);
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  padding: 0 10px;
  color: grey;
  box-sizing: border-box;
}*/

.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: 13px;
}
.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 {
 /* max-height: 400px;*/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;}
.ui-datepicker-calendar { float: left; width: 100%;	text-align: center;}
.calendar .ui-datepicker-prev span { position: absolute; right: 35px; top: 6px; cursor:pointer; background:url(../images/left-arw.svg) no-repeat scroll 0 0; width:7px; height:13px; text-indent:-99999px;}
.calendar .ui-datepicker-next span { position: absolute; right: 15px; top: 6px; cursor:pointer; background:url(../images/right-arw.svg) no-repeat scroll 0 0; width:7px; height:13px; text-indent:-99999px; }
.calendar .ui-datepicker-title {float: left; text-align:left; margin-bottom:15px; width:100%; font-family: 'Montserrat-Bold';}
.calendar .ui-datepicker-calendar th {font-size: 14px; color: #777777; font-family: 'Montserrat-Medium'; letter-spacing: -0.29px;}
.calendar .ui-datepicker-calendar td { padding: 10px 0; font-family: 'Montserrat-Regular'; font-size: 14px; line-height: 17px; color:#777777; letter-spacing: -0.29px;}
.calendar .ui-datepicker-year { color:#444444; font-size:16px; letter-spacing: -0.33px;}
.calendar .ui-datepicker-month { color:#444444; font-size:16px; letter-spacing: -0.33px;}

.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-SemiBold';}
.calendar .ui-datepicker-calendar .ui-datepicker-days-cell-over.ui-datepicker-current-day.ui-datepicker-today:after { position:absolute; display:block; content:""; background:#DC44A3; 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:#fff; }

.calendar .ui-datepicker-calendar td { position:relative;}
/*.calendar .ui-datepicker-calendar td:hover:after { opacity:1; }*/
/*.calendar .ui-datepicker-calendar td:after { position:absolute; display:block; content:""; background:#ccc; width:20px; height:20px; z-index:-1; border-radius: 50%;
left: 0; top: 0px; opacity:0; right: 0; margin: auto; bottom: 0; transition:all 0.5s ease;}*/
.calendar .ui-datepicker-calendar .ui-datepicker-current-day .ui-state-default.ui-state-active { color:#DC44A3; }
.calendar .ui-datepicker-calendar td a:hover{ color:#DC44A3; }

/*.calendar .ui-datepicker-calendar .ui-datepicker-current-day:after { position:absolute; display:block; content:""; background:#ccc; width:20px; height:20px; border-radius: 50%;
left: 0; top: 0px; opacity:1; right: 0; margin: auto; bottom: 0; transition:all 0.5s ease;}*/