/* Fonts  */
#ui-datepicker-div {
  background-color: #fff;
  border: solid #eee 1px; }

.ui-datepicker-header {
  height: 50px;
  /*line-height: 50px;*/
  line-height: 25px;
  color: #fff;
  /*background: #224F7B;*/
  background: #224F7B;
  margin-bottom: 10px; }

.ui-datepicker-prev{
  /*color: black;
  width: 20px;
  height: 20px;
  text-indent: 9999px;
  border: 2px solid #F4D600;
  border-radius: 100%;
  cursor: pointer;
  overflow: hidden;
  margin-top: 20px;*/
  
  cursor: pointer;
  overflow: hidden;
  margin-top: 20px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 14.3px 8px 0;
  border-color: transparent #b6b9bd transparent transparent;
  line-height: 0px;
  _border-color: #000000 #b6b9bd #000000 #000000;
  _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
  
}

.ui-datepicker-next {
  /*color: black;
  width: 20px;
  height: 20px;
  text-indent: 9999px;
  border: 2px solid #F4D600;
  border-radius: 100%;
  cursor: pointer;
  overflow: hidden;
  margin-top: 20px;*/
  
  cursor: pointer;
  overflow: hidden;
  width: 0;
  height: 0;
  margin-top: 20px;
  border-style: solid;
  border-width: 8px 0 8px 14.3px;
  border-color: transparent transparent transparent #b6b9bd;
  line-height: 0px;
  _border-color: #000000 #000000 #000000 #b6b9bd;
  _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
  
}

.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-prev:hover,
.ui-datepicker-next:hover,
.ui-datepicker-prev:hover:after,
.ui-datepicker-next:hover:after {
  border-color: #5ed1cc; } */

.ui-datepicker-title {
  text-align: center; 

  position: relative;
  /*top: 10px;*/
  top: 0px;
}

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

.ui-datepicker-calendar thead tr th span {
  display: block;
  width: 35px;
  color: #00a8b2;
  margin-bottom: 5px;
  font-size: 1rem; }

.ui-state-default {
  display: block;
  text-decoration: none;
  /*color: #0f0f0f;*/
  color: #131313;
  line-height: 30px;
  /*font-size: 1rem; */
  font-size: 1rem; 
}

.ui-state-default:hover {
  background: #F4D600;
  color: #fff;
  text-decoration: none; }

.ui-state-highlight {
  /*color: #8dd391; */
  /*color: #09bd3f; */
  color: #224F7B; 
}

.ui-state-active {
  color: #5ed1cc; }

.ui-datepicker-unselectable .ui-state-default {
  color: #eee;
  border: 2px solid transparent; }