.custom-input {
    position: relative;
    margin-top:4px;
    margin-bottom:10px;
}
    .custom-input input[type="text"],
    .custom-input input[type="password"],
    .custom-input input[type="currency"],
    .custom-input input[type="number"],
    .custom-input input[type="digit"],
    .custom-input input[type="tel"],
    .custom-input input[type="email"],
    .custom-input input[type="english"],
    .custom-input textarea,
    .custom-input select {
        border: 2px solid var(--orange);
        border-radius: 5px;
        color: var(--white);
        background: var(--black);
        font-size: 16px;
        box-shadow: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-top: 14px;
    }

    .custom-input label {
        position: absolute;
        color: var(--white);
        background: var(--black);
        top: -16px;
        font-size: 12px;
        margin-top: 7px;
        padding: 4px;
        z-index: 1000;
    }
    .custom-input select {
        width: 100%;
        min-width: 60px;
        max-height: 50px;
        padding-top: 8px;
        color: var(--white);
        background: var(--black);
        border: none;
    }
.custom-input textarea:focus {
    color: var(--white);
    background: var(--black);
}

.custom-dropdown {
    position: relative;
}

    .custom-dropdown label {
        position: absolute;
        color: var(--white);
        background: var(--black);
        top: -20px;
        font-size: 12px;
        margin-top: 7px;
        z-index: 1000;
    }

.custom-select {
    border: 2px solid var(--orange) !important;
    border-radius: 5px;
}
html[dir="ltr"] .custom-input label {
    left: 14px;
}
html[dir="rtl"] .custom-input label {
    right: 14px;
}
html[dir="ltr"] .custom-input input[type="text"],
html[dir="ltr"] .custom-input input[type="password"],
html[dir="ltr"] .custom-input textarea,
html[dir="ltr"] .custom-input select {
    padding-right: 20px;
}
html[dir="rtl"] .custom-input input[type="text"],
html[dir="rtl"] .custom-input input[type="password"],
html[dir="rtl"] .custom-input textarea,
html[dir="rtl"] .custom-input select {
    padding-left: 20px;
}