.ui-datepicker {
  width: 300px;
  margin: auto;
  top: 350px !important;
  left: 0 !important;
  right: 0 !important;
  box-shadow: 2px 3px 5px rgb(196, 196, 196);
}
.ui-state-default{
  width: 37px;
}
select.ui-datepicker-year{
  height: 40px!important;      
  margin-right:5px!important; 
  width:70px!important;      
}
select.ui-datepicker-month{
  height: 40px!important;   
  margin-left:5px!important;  
  width:130px!important;    
}
button.ui-datepicker-close{
  background-image: linear-gradient( rgb(233, 63, 72), rgb(253, 103, 103)) !important;
  color: #fff !important;
}button.ui-datepicker-current{
  background-image: linear-gradient( rgb(8 227 61), rgb(5 118 34)) !important;
  color: #fff !important;
}

@media screen and (max-width:991px){
  .ui-datepicker {
    top: 162px !important;
  }
}