.custom-input, .custom-form-div {
    position: relative;
    padding-top: 20px;
    margin-bottom: 10px;
}

    .custom-input input,
    .custom-input select,
    .custom-form-div div.form-control {
        padding-left: 15px;
        border: 1px solid rgba(0, 0, 0, 0.30);
    }

    .custom-input label, .custom-form-div .custom-form-label {
        cursor: text;
        margin: 0;
        padding: 0;
        left: 15px;
        top: 27px;
        position: absolute;
        font-size: 14px;
        color: rgba(0, 0, 0, 0.80);
        font-weight: normal;
        transition: all .3s ease;
    }

        .custom-input label.active,
        .custom-input label.stay-active,
        .custom-form-div .custom-form-label.stay-active {
            top: 0;
            left: 0;
            font-size: 12px;
        }

            .custom-input label.active.focusIn,
            .custom-input label.stay-active.focusIn,
            .custom-form-div:has(.select2-container--open.select2-container--default .select2-selection--single:not(.no-focus)) .custom-form-label.stay-active,
            .custom-form-div:has(.sol-container.sol-active .sol-inner-container) .custom-form-label.stay-active {
                color: var(--primary-color);
            }



.form-row .custom-input label.active,
.form-row .custom-input label.stay-active,
.form-row .custom-form-div .custom-form-label.active,
.form-row .custom-form-div .custom-form-label.stay-active {
    left: 5px !important;
}


.custom-input.has-suffix,
.custom-form-div.has-suffix {
    position: relative;
}

    .custom-input.has-suffix .form-control,
    .custom-form-div.has-suffix .form-control {
        padding-right: 5.25rem;
    }

    .custom-input.has-suffix .suffix,
    .custom-form-div.has-suffix .suffix {
        position: absolute;
        bottom: 1px;
        right: 1px;
        border-left: 1px solid #ccc !important;
        white-space: nowrap;
        height: calc(100% - 22px);
    }

        .custom-input.has-suffix .suffix .select2-selection.select2-selection--single,
        .custom-form-div.has-suffix .suffix .select2-selection.select2-selection--single {
            border: 0;
            background: unset;
        }

        .custom-input.has-suffix .suffix .select2-container--default .select2-selection--single .select2-selection__rendered,
        .custom-form-div.has-suffix .suffix .select2-container--default .select2-selection--single .select2-selection__rendered {
            line-height: 30px;
        }
