.input-date-container {
  display: flex;
  flex-direction: column;
}

.input-date-container label {
  color: #3d4a5c;
  font-weight: 500;
  font-size: 14px;
  margin: 0 0 4px;
}

.input-date-container .input-box {
  position: relative;
}

.input-date-prefix {
  position: absolute;
  top: 50%;
  transform: translateY(calc(-50% - 2px));
  left: 14px;
}

.input-date-suffix {
  position: absolute;
  top: 50%;
  transform: translateY(calc(-50% - 2px));
  right: 14px;
}

.input-date-container input {
  color: #373a40;
  font-weight: 400;
  font-size: 14px;
  margin: 0 0 4px;
  outline: none;
  border: solid 1px #afbaca;
  padding: 11px 14px;
  border-radius: 6px;
  width: 100%;
}

.input-date-container input:disabled {
  background-color: #EBEBEB;
}

.input-date-container input.error {
  border-color: #EE3939;
}

.input-date-container .input-date-prefix + input {
  padding-left: 44px;
}

.input-date-container .input-date-suffix + input {
  padding-right: 44px;
}

.input-date-container input[type="password"] {
  font-family: "Nunito";
}

.input-date-container input::placeholder {
  font-family: "Sora" !important;
}

.input-date-desc {
  color: #868E96;
  font-size: 14px;
  font-weight: 400;
}