input.sdp-input-floating {
    padding: 10px 16px !important;
    margin: 0;
    height: 3.5rem !important;
}

.sdp-input-floating:focus {
    color: #212529;
    background-color: #fff;
    box-shadow: 0 0 0 0 !important;
}

.sdp-input-floating:not(:placeholder-shown) {
    color: #525252;
    background-color: #ffffff;
    box-shadow: 0 0 0 0 !important;
}

.form-floating>.form-control:focus~label {
    transform: translateY(-1.8rem);
    opacity: 1;
}

.form-floating>.form-control:not(:placeholder-shown)~label {
    transform: translateY(-1.8rem);
    opacity: 1;
}

.form-floating>.form-control:focus~label>span {
    background-color: #FFFFFF;
    color: #0A592B;
    padding: 0 3px;
    font-size: 12px;
    font-weight: 700;
    transition: all 0.1s ease-in-out;
}

.form-floating>.form-control~label>span {
    background-color: #FFFFFF;
    padding: 0 4px;
}

.form-floating>.form-control~label>span {
    background-color: #FFFFFF;
    padding: 0 4px;
}

.sdp-input-support-text {
    color: #3F3939;
    font-size: 12px;
    font-weight: 400;
    margin-right: 16px;
}

/* sdp floating input primary */
.sdp-input-floating-primary:focus {
    border-color: #0A592B;
    outline: 1px solid #0A592B;
}

.form-floating>.form-control.sdp-input-floating-primary:focus~label>span {
    background-color: #FFFFFF;
    color: #0A592B;
}

.sdp-input-floating-primary.correct:focus+.sdp-input-support-text {
    color: #1AAB66 !important;
}

/* .sdp-input-floating-primary.correct:not(:placeholder-shown) + .sdp-input-support-text {
    color: #1AAB66 !important;
} */



/* sdp floating input primary  (error) */
.sdp-input-floating-primary.incorrect:focus {
    border-color: #990800;
    outline: 1px solid #990800;
}

.form-floating>.form-control.sdp-input-floating-primary.incorrect:focus~label>span {
    background-color: #FFFFFF;
    color: #990800;
}

.sdp-input-floating-primary.incorrect:not(:placeholder-shown)+.sdp-input-support-text {
    color: #990800 !important;
}

.sdp-input-floating-primary.incorrect:focus+.sdp-input-support-text {
    color: #990800 !important;
}


.form-floating>.form-control.sdp-input-floating-primary.incorrect:focus~label::before {
    content: "";
    position: absolute;
    left: 10px;
    top: 45px;
    bottom: 0;
    width: 25px;
    background: url(../image/input-error.svg);
    background-repeat: no-repeat;
}

.form-floating>.form-control.sdp-input-floating-primary.incorrect:not(:placeholder-shown)~label::before {
    content: "";
    position: absolute;
    left: 10px;
    top: 45px;
    bottom: 0;
    width: 25px;
    background: url(../image/input-error.svg);
    background-repeat: no-repeat;
}


/* sdp floating input primary  (disbaled) */
.sdp-input-floating-primary[disabled] {
    border-color: #B8B8B8;
    color: #B8B8B8;
    outline: 1px solid #B8B8B8;
    background-color: #FFFFFF;
}

.sdp-input-floating-primary[disabled]+.sdp-input-support-text {
    color: #B8B8B8 !important;
}

.form-floating>.form-control.sdp-input-floating-primary[disabled]~label>span {
    background-color: #FFFFFF;
    color: #B8B8B8 !important;
}


/* sdp floating input secondary */
.sdp-input-floating-secondary:focus {
    border-color: #182F40;
    outline: 1px solid #182F40;
}

.form-floating>.form-control.sdp-input-floating-secondary:focus~label>span {
    background-color: #FFFFFF;
    color: #182F40;
}

.sdp-input-floating-secondary.correct:focus+.sdp-input-support-text {
    color: #182F40 !important;
}

/* .sdp-input-floating-secondary.correct:not(:placeholder-shown) + .sdp-input-support-text {
    color: #1AAB66 !important;
} */



/* sdp floating input secondary  (error) */
.sdp-input-floating-secondary.incorrect:focus {
    border-color: #990800;
    outline: 1px solid #990800;
}

.form-floating>.form-control.sdp-input-floating-secondary.incorrect:focus~label>span {
    background-color: #FFFFFF;
    color: #990800;
}

.sdp-input-floating-secondary.incorrect:not(:placeholder-shown)+.sdp-input-support-text {
    color: #990800 !important;
}

.sdp-input-floating-secondary.incorrect:focus+.sdp-input-support-text {
    color: #990800 !important;
}


.form-floating>.form-control.sdp-input-floating-secondary.incorrect:focus~label::before {
    content: "";
    position: absolute;
    left: 10px;
    top: 45px;
    bottom: 0;
    width: 25px;
    background: url(../image/input-error.svg);
    background-repeat: no-repeat;
}

.form-floating>.form-control.sdp-input-floating-secondary.incorrect:not(:placeholder-shown)~label::before {
    content: "";
    position: absolute;
    left: 10px;
    top: 45px;
    bottom: 0;
    width: 25px;
    background: url(../image/input-error.svg);
    background-repeat: no-repeat;
}

/* sdp floating input secondary  (disbaled) */
.sdp-input-floating-secondary[disabled] {
    border-color: #B8B8B8;
    color: #B8B8B8;
    outline: 1px solid #B8B8B8;
    background-color: #FFFFFF;
}

.sdp-input-floating-secondary[disabled]+.sdp-input-support-text {
    color: #B8B8B8 !important;
}

.form-floating>.form-control.sdp-input-floating-secondary[disabled]~label>span {
    background-color: #FFFFFF;
    color: #B8B8B8 !important;
}


/* sdp floating input tertiary */

.sdp-input-floating-tertiary:focus {
    border-color: #015558;
    outline: 1px solid #015558;
}

.form-floating>.form-control.sdp-input-floating-tertiary:focus~label>span {
    background-color: #FFFFFF;
    color: #015558;
}

.sdp-input-floating-tertiary.correct:focus+.sdp-input-support-text {
    color: #015558 !important;
}

/* .sdp-input-floating-tertiary.correct:not(:placeholder-shown) + .sdp-input-support-text {
    color: #015558 !important;
} */



/* sdp floating input tertiary  (error) */
.sdp-input-floating-tertiary.incorrect:focus {
    border-color: #990800;
    outline: 1px solid #990800;
}

.form-floating>.form-control.sdp-input-floating-tertiary.incorrect:focus~label>span {
    background-color: #FFFFFF;
    color: #990800;
}

.sdp-input-floating-tertiary.incorrect:not(:placeholder-shown)+.sdp-input-support-text {
    color: #990800 !important;
}

.sdp-input-floating-tertiary.incorrect:focus+.sdp-input-support-text {
    color: #990800 !important;
}


.form-floating>.form-control.sdp-input-floating-tertiary.incorrect:focus~label::before {
    content: "";
    position: absolute;
    left: 10px;
    top: 45px;
    bottom: 0;
    width: 25px;
    background: url(../image/input-error.svg);
    background-repeat: no-repeat;
}

.form-floating>.form-control.sdp-input-floating-tertiary.incorrect:not(:placeholder-shown)~label::before {
    content: "";
    position: absolute;
    left: 10px;
    top: 45px;
    bottom: 0;
    width: 25px;
    background: url(../image/input-error.svg);
    background-repeat: no-repeat;
}

/* sdp floating input tertiary  (disbaled) */
.sdp-input-floating-tertiary[disabled] {
    border-color: #B8B8B8;
    color: #B8B8B8;
    outline: 1px solid #B8B8B8;
    background-color: #FFFFFF;
}

.sdp-input-floating-tertiary[disabled]+.sdp-input-support-text {
    color: #B8B8B8 !important;
}

.form-floating>.form-control.sdp-input-floating-tertiary[disabled]~label>span {
    background-color: #FFFFFF;
    color: #B8B8B8 !important;
}