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

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

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

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

.x-http-prefix {
    color: #5e718d;
    position: absolute;
    padding-right: 10px;
}

.x-http-prefix::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 16px;
    background-color: #d7dfe9;
    right: 0;
}

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

.x-http-prefix {
  color: #5E718D;
  position: absolute;
  padding-right: 10px;
}

.x-http-prefix::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 16px;
  background-color: #D7DFE9;
  right: 0;
}

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

.input-text-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-text-container input:disabled {
    background-color: #ebebeb;
}

.input-text-container input.error {
    border-color: #ee3939;
}

.input-text-container .input-text-prefix + input {
    padding: 11px 14px 11px 44px;
}

.input-text-container .x-http-prefix + input {
    padding: 11px 14px 11px 78px;
}

.input-text-container input:has(+ .input-text-suffix) {
    padding: 11px 44px 11px 14px;
}

.input-text-container .input-text-prefix + input:has(+ .input-text-suffix) {
    padding: 11px 44px;
}

.input-text-container .x-http-prefix + input {
  padding: 11px 14px 11px 78px;
}

.input-text-container input:has(+ .input-text-suffix) {
  padding: 11px 44px 11px 14px;
}

.input-text-container .input-text-prefix + input:has(+ .input-text-suffix) {
  padding: 11px 44px;
}

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

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

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

.input-text-container .custom-file-button {
    border: 1px solid #afbaca;
    border-radius: 6px;
    width: 100%;
    padding: 11px 14px;
    color: #afbaca;
    font-weight: 400;
    font-size: 14px;
}