.form-control.ui-spinner-input.input-validation-error {
  background-position: right 1.5em center;
}

.form-control.ui-spinner-input.valid {
  background-position: right 1.5em center;
}

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}

.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: 0.5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 3px;
}

.ui-spinner-up {
  top: 3px;
}

.ui-spinner-up:after {
  font-family: "Font Awesome 7 Pro";
  content: "\f0de";
  font-size: 16px;
  color: #DBDBDB;
}

.ui-spinner-down {
  bottom: 5px;
}

.ui-spinner-down:after {
  font-family: "Font Awesome 7 Pro";
  content: "\f0dd";
  font-size: 16px;
  color: #DBDBDB;
}

.form-control.input-validation-error + .ui-spinner-up:after, .form-control.input-validation-error + .ui-spinner-up + .ui-spinner-down:after {
  color: #EE9191;
}

.form-control.valid + .ui-spinner-up:after, .form-control.valid + .ui-spinner-up + .ui-spinner-down:after {
  color: #A4E6B9;
}

.ui-widget-content a {
  color: #333333;
}

#ui-datepicker-div {
  display: none;
  background-color: #FFF;
  border-radius: 5px;
  border: 1px solid #e3e3e3;
  padding: 1em;
  width: 22em;
}

#ui-datepicker-div .ui-datepicker-header {
  background-color: #F5F5F5;
  padding: 0.5em 0;
  margin-bottom: 0.5em;
}

#ui-datepicker-div .ui-datepicker-prev {
  float: left;
}

#ui-datepicker-div .ui-datepicker-next {
  float: right;
}

#ui-datepicker-div .ui-datepicker-prev .ui-icon, #ui-datepicker-div .ui-datepicker-next .ui-icon {
  display: none;
}

#ui-datepicker-div .ui-datepicker-prev::before, #ui-datepicker-div .ui-datepicker-next::before {
  font-family: "Font Awesome 7 Pro";
  cursor: pointer;
  text-decoration: none;
  font-weight: 800;
  font-size: 1.5em;
  line-height: 1em;
  color: #d8d8d8;
}

#ui-datepicker-div .ui-datepicker-prev::before {
  padding: 0em 0.5em 0 1em;
  content: "\f104";
}

#ui-datepicker-div .ui-datepicker-next::before {
  padding: 0em 1em 0 0.5em;
  content: "\f105";
}

#ui-datepicker-div .ui-datepicker-prev:hover, #ui-datepicker-div .ui-datepicker-prev-hover, #ui-datepicker-div .ui-datepicker-next:hover, #ui-datepicker-div .ui-datepicker-next-hover {
  text-decoration: none;
  background-color: #F5F5F5;
  color: #727272;
}

#ui-datepicker-div .ui-datepicker-prev-hover.ui-datepicker-prev::before, #ui-datepicker-div .ui-datepicker-next-hover.ui-datepicker-next::before {
  color: #727272;
}

#ui-datepicker-div .ui-datepicker-title {
  padding: 0 2em 0;
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 16px;
}

#ui-datepicker-div .ui-datepicker-calendar {
  width: 100%;
  font-size: 14px;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

#ui-datepicker-div table thead th {
  text-transform: uppercase;
  color: #d5d5d5;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
}

#ui-datepicker-div table td {
  text-align: center;
  padding: 0.25em 0em;
}

#ui-datepicker-div table td a {
  display: block;
  padding: 0.25em 0.5em;
  color: #ababab;
}

#ui-datepicker-div table td a:hover, #ui-datepicker-div table td a.ui-state-hover, #ui-datepicker-div table td a.ui-state-active {
  background-color: #f7f7f7;
  color: #000;
  text-decoration: none;
}

#ui-datepicker-div table td:hover {
  background-color: #f7f7f7;
  text-decoration: none;
}

#ui-datepicker-div .ui-datepicker-current-day {
  font-weight: 800;
  text-decoration: underline;
}

#ui-datepicker-div .ui-datepicker-unselectable {
  color: #E3E3E3;
}