.co-date-input,
input.co-date-input.form-control {
  height: 58px;
  border: 1px solid #dce8eb;
  border-radius: 4px;
  background: #f8fbfc;
  box-shadow: none;
  color: #075161;
  font-size: 24px;
  line-height: 1.3;
  padding: 12px 16px;
}

.co-date-input::placeholder {
  color: #9c9c9c;
  opacity: 1;
}

.co-date-input:focus,
input.co-date-input.form-control:focus {
  border-color: #00d9ae;
  box-shadow: none;
  outline: 0;
}

.datepicker {
  z-index: 100000020 !important;
  padding: 18px;
  border: 0;
  border-radius: 3px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22);
  color: #2b2b2b;
  font-family: "Open Sans", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.datepicker table {
  width: 100%;
}

.datepicker table tr th,
.datepicker table tr td {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  font-size: 16px;
  font-weight: 400;
}

.datepicker table tr th {
  color: #8a8a8a;
}

.datepicker .datepicker-switch {
  color: #2b2b2b;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
}

.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  background: #f1f1f1;
  border-color: transparent;
  color: #2b2b2b;
}

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.active,
.datepicker table tr td.active.active:hover {
  background: #fff;
  border: 1px solid #9c9c9c;
  color: #2b2b2b;
  text-shadow: none;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
  background: #f1f1f1;
}