.ui-datepicker * {
  outline: none
}

.ui-datepicker {
  background: #fff;
  color: #555;
  border: 1px solid #ccc;
  padding: 0 15px 0 15px;
  z-index: 9999 !important;
  margin-top: 10px;
  border-radius: 4px;
  min-width: 250px
}

.ui-datepicker .ui-datepicker-title select {
  display: inline-block
}

.ui-datepicker .ui-datepicker-header {
  background: rgba(0, 0, 0, 0);
  border: none;
  color: #555;
  border-bottom: 1px solid #fff;
  height: auto;
  position: relative;
  margin-left: -15px;
  margin-right: -15px;
  margin-top: 15px;
  border-radius: 0
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  background: rgba(0, 0, 0, 0);
  border: none;
  top: 50%;
  margin-top: -15px;
  height: 30px;
  line-height: 30px;
  color: #555;
  font-size: 20px;
  width: auto;
  border-radius: 0;
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  left: 15px;
  right: auto
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  left: auto;
  right: 15px
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before {
  content: ""
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next:before {
  content: ""
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover {
  color: #9095aa
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next span {
  display: none
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
  line-height: 30px;
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase
}

.ui-datepicker .ui-datepicker-calendar {
  font-size: 14px
}

.ui-datepicker .ui-datepicker-calendar thead th {
  color: #9095aa;
  font-weight: 700;
  font-size: 14px
}

@media(max-width: 767px) {
  .ui-datepicker .ui-datepicker-calendar {
    font-size: 14px
  }

  .ui-datepicker .ui-datepicker-calendar thead th {
    font-size: 13px
  }
}

.ui-datepicker td {
  padding: 0
}

.ui-datepicker .ui-datepicker-calendar thead th.ui-datepicker-week-end {
  color: #f44336
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: none !important;
  background: rgba(0, 0, 0, 0);
  color: #555;
  text-align: center;
  font-weight: 700;
  line-height: 2
}

.ui-slider-horizontal {
  border-radius: 5px
}

.ui-slider-horizontal .ui-slider-handle {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #aaa !important;
  border-radius: 50%;
  transition: .3s background-color
}

.ui-slider-horizontal .ui-slider-handle:hover {
  background-color: #efefef
}

.ui-datepicker-current-day .ui-state-default,
a.ui-state-default:hover {
  color: #fff !important;
  background: #555
}

.ui-datepicker-week-end .ui-state-default {
  color: #f44336
}

tr .ui-datepicker-week-end:last-child span,
tr .ui-datepicker-week-end:last-child .ui-state-default {
  color: #2196f3
}

.ui-timepicker-div dl dd {
  margin: 0 5px 10px 40px
}

.ui-datepicker .ui-datepicker-buttonpane {
  margin-top: 20px
}