.calendar {
  position: absolute;
  width: 450px;
  left: 200px;
  top: 50px;
  margin-top: 45px;
  background: #fff;
  overflow: hidden;
  border: 1px solid #e4eaec;
}

.ui-datepicker {
  background-color: white;
  width: 450px;
  border: 1px solid #e4eaec;
  display: none;
}

.ui-datepicker-header {
  height: 50px;
  line-height: 50px;
  color: #b0aead;
  margin-bottom: 10px;
}

.ui-datepicker-prev,
.ui-datepicker-next {
  width: 35px;
  height: 35px;
  text-indent: 9999px;
  cursor: pointer;
  overflow: hidden;
  padding: 8px;
  margin-top: 15px;
}

.ui-datepicker-prev {
  float: left;
  margin-left: 12px;
}

.ui-datepicker-prev:after {
  transform: rotate(45deg);
  margin: -43px 0px 0px 8px;
}

.ui-datepicker-next {
  float: right;
  margin-right: 12px;
}

.ui-datepicker-next:after {
  transform: rotate(-135deg);
  margin: -43px 0px 0px 6px;
}

.ui-datepicker-prev:after,
.ui-datepicker-next:after {
  content: '';
  position: absolute;
  display: block;
  width: 4px;
  height: 4px;
  border-left: 2px solid #b0aead;
  border-bottom: 2px solid #b0aead;
}

.ui-datepicker-title {
  text-align: center;
  font-family: 'Open Sans',sans-serif;
  font-size: 16px;
}

.ui-datepicker-calendar {
  width: 100%;
  text-align: center;
  border-spacing: 0;  
 
}

.ui-datepicker-calendar thead tr th span {
  display: block;
  width: 40px;
  color: #848484;
  font-family: 'Open Sans',sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  margin: auto;
  padding-bottom: 10px;
  font-weight: 400;
}

.ui-state-default {
  display: block;
  text-decoration: none;
  color: #626468;
  line-height: 50px;
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
}

.undefined:hover {
  background-color: #7378cf;
  color: #fff;
}

.ui-datepicker-unselectable:hover {
  background-color: #f7f7f7;
  color: #fff;
}

.ui-state-default:hover {
  color: #fff;
}

.ui-state-highlight {
  color: #8dd391;
}
.ui-state-active {
  /*color: #7378cf;*/
}
.ui-datepicker-unselectable .ui-state-default {
  color: #a4adb7;
  border: 2px solid transparent;
}

.ui-datepicker-calendar > tbody > tr > td  { 
    border: 1px solid #e4eaec;
}

.ui-datepicker-trigger {
   padding: 8px;
   vertical-align: middle;
   margin-left: 6px;
   margin-bottom: 6px;
}

.ui-datepicker-trigger:hover {
   cursor: pointer;
}

/* nuevo */

.ui-datepicker-calendar > tbody > tr > td {
  border: 1px solid #e4eaec;
  background-color: #eee;
}

.ui-state-disabled {
  background-color: white !important;
}

.ui-state-default:link {
  color: #626468;
}

.ui-state-hover:hover {
  text-decoration: none;
  color: #fff !important;
  background-color: #5c5470;
  text-decoration: none !important;
}

.undefined a:hover {
   text-decoration: none;
}

.ui-datepicker-unselectable .ui-state-default:hover  {
   cursor: default;
}

a .ui-state-hover {
  text-decoration: none;
}


@media (max-width: 767px) /*ExtraSmall*/
{

 .ui-datepicker {
   width: 90% !important;
 }

}