.e-control.e-btn.e-lib.e-primary.e-flat,
.e-control.e-btn.e-lib.e-flat {
    background: none;
    color: var(--c-color-theme-general);
    margin-right: 10px;
    overflow: hidden;
    text-decoration: none;
    transition: .5s
}

    .e-control.e-btn.e-lib.e-primary.e-flat:enabled:hover,
    .e-control.e-btn.e-lib.e-flat:enabled:hover {
        background: var(--c-bg-buttons-hover);
        border-radius: 5px;
        box-shadow: var(--c-shadow-buttons-hover);
        color: var(--c-color-theme-general)
    }

.e-input-group:not(.e-float-icon-left):not(.e-float-input)::before, .e-input-group:not(.e-float-icon-left):not(.e-float-input)::after, .e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before, .e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after, .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::before, .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::after, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after {
    -moz-transition: unset;
    bottom: unset;
    content: unset;
    height: unset;
    position: unset;
    transition: unset;
    width: 0;
}

.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
    border-color: var(--c-color-theme-general);
    border-radius: 0px;
}

.e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover {
    background-color: var(--c-btn-outline-tpt-theme-hover);
    border-color: var(--c-bg-theme-general);
    color: var(--c-bg-theme-general);
}

.button-form {
    display: flex;
    flex-direction: row;
    margin-top: 20px
}

.button-form-column {
    display: flex;
    flex-direction: column;
    margin-top: 20px
}

    .button-form .button, .button-form-column .button {
        border: 1px solid var(--c-border-color-form-input);
        color: var(--c-color-theme-general);
        font-size: 16px;
        letter-spacing: 4px;
        margin: auto;
        overflow: hidden;
        padding: 10px 20px;
        text-decoration: none;
        text-transform: uppercase;
        transition: .5s;
        background: transparent;
    }

        .button-form .button:disabled, .button-form-column .button:disabled {
            opacity: 0.1;
            cursor: not-allowed; /* cursor for disabled state */
        }

        .button-form .button:hover, .button-form-column .button:enabled:hover {
            background: var(--c-bg-buttons-hover);
            border-radius: 5px;
            box-shadow: var(--c-shadow-buttons-hover);
            color: var(--c-color-theme-general)
        }


.form-box {
    border-radius: 10px;
    box-shadow: var(--c-shadow-general);
    font-family: 'Nunito Sans', sans-serif;
    padding: 40px
}

    .form-box h5 {
        color: var(--c-color-theme-general);
        margin: 0 0 30px;
        padding: 0;
        text-align: center
    }

.form-element-box .input-validation-error {
    -moz-animation: fadeIn 1s;
    -ms-animation: fadeIn 1s;
    -o-animation: fadeIn 1s;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
    border-bottom: 1px solid var(--c-color-validation-theme-general)
}

.form-element-box input {
    background: transparent;
    border: none;
    border-bottom: 1px solid var(--c-border-color-form-input);
    color: var(--c-color-theme-general);
    outline: none
}

.form-element-box input, .form-element-box span.e-input-group.e-control-wrapper {
    font-size: 16px;
    margin-bottom: 30px;
    position: relative;
    width: 100%
}

    .form-element-box input:-webkit-autofill,
    .form-element-box input:-webkit-autofill:hover,
    .form-element-box input:-webkit-autofill:focus,
    .form-element-box input:-webkit-autofill:active {
        -webkit-text-fill-color: var(--c-color-theme-general) !important;
        transition: background-color 5000s ease-in-out 0s
    }

    .form-element-box input:focus ~ label, .form-element-box input:not(:placeholder-shown) ~ label {
        color: var(--c-color-theme-general);
        font-size: 12px;
        left: 0;
        top: -85px
    }

.form-element-box label {
    color: var(--c-color-label);
    font-size: 16px;
    left: 10px;
    pointer-events: none;
    position: relative;
    top: -56px;
    transition: .5s
}

@supports (selector(:has(*))) {
    .form-element-box span:has(> select:not(:empty)) ~ label, .form-element-box span:focus ~ label,
    .form-element-box span:not(:has(> select)):has(> input.e-input:not(:placeholder-shown)) ~ label, .form-element-box span:not(:has(> select)):has(> input.e-input:focus) ~ label {
        font-size: 12px;
        left: 0;
        top: -85px
    }

    .form-element-box:has(> .validation-box span.field-validation-error:not(:empty)) span.e-input-group.e-control-wrapper {
        border: 1px solid var(--c-color-validation-theme-general)
    }
}

@supports not (selector(:has(*))) {
    .form-element-box label {
        font-size: 12px;
        left: 0;
        top: -85px
    }
}

.validation-box {
    bottom: 45px;
    position: relative;
    color: var(--c-color-validation-theme-general);
}

    .validation-box.summary-validation-box {
        margin-top: 20px;
        bottom: unset;
        position: unset;
    }

    .validation-box .field-validation-error {
        color: var(--c-color-validation-theme-general)
    }

    .validation-box .field-validation-error, .validation-box .validation-summary-errors li {
        -moz-animation: fadeIn 2s;
        -ms-animation: fadeIn 2s;
        -o-animation: fadeIn 2s;
        -webkit-animation: fadeIn 2s;
        animation: fadeIn 2s;
        opacity: .8
    }

.e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover span,
.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover span {
    background: var(--c-bg-theme-general);
    opacity: 0.8;
}

.e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day,
.e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day,
.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day,
.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day {
    background: var(--c-bg-theme-general);
    color: var(--c-color-theme-general);
}

.e-calendar .e-content td.e-today span.e-day, .e-calendar .e-content td.e-focused-date.e-today span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-today span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
    background: none;
    border: 1px solid var(--c-color-disabled-theme-general);
    border-radius: 4px;
    color: var(--c-color-theme-general);
}

.e-daterangepicker.e-popup .e-footer .e-btn.e-apply.e-flat.e-primary:disabled,
.e-daterangepicker.e-popup .e-footer .e-btn.e-apply.e-flat.e-primary:disabled,
.e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-apply.e-flat.e-primary:disabled,
.e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-apply.e-flat.e-primary:disabled {
    border: 1px solid var(--c-border-color-form-input);
    color: var(--c-color-disabled-theme-general);
    background-color: inherit;
}

.e-daterangepicker.e-popup .e-footer .e-btn.e-apply.e-flat.e-primary:enabled:hover,
.e-daterangepicker.e-popup .e-footer .e-btn.e-apply.e-flat.e-primary:enabled:hover,
.e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-apply.e-flat.e-primary:enabled:hover,
.e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-apply.e-flat.e-primary:enabled:hover {
    background-color: inherit;
    color: var(--c-color-theme-general);
}

.e-calendar .e-content td.e-today.e-selected span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-today.e-selected span.e-day {
    background: inherit;
    background-color: inherit;
    color: var(--c-color-theme-general);
}

.e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day {
    background: inherit;
    background-color: inherit;
    color: var(--c-color-theme-general);
}


.e-daterangepicker.e-popup .e-footer .e-btn.e-apply.e-flat.e-primary,
.e-daterangepicker.e-popup .e-footer .e-btn.e-apply.e-flat.e-primary,
.e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-apply.e-flat.e-primary,
.e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-apply.e-flat.e-primary {
    border: 1px solid var(--c-border-color-form-input);
    color: var(--c-color-theme-general);
    background-color: inherit;
}

.e-calendar .e-content td.e-today.e-selected:hover span.e-day, .e-calendar .e-content td.e-selected:hover span.e-day, .e-calendar .e-content td.e-selected.e-focused-date span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-selected:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-selected.e-focused-date span.e-day {
    opacity: 0.5;
    background: inherit;
    background-color: inherit;
    color: var(--c-color-disabled-theme-general);
}

.e-calendar .e-content td.e-selected span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day {
    opacity: 0.5;
    background: inherit;
    background-color: inherit;
    color: var(--c-color-disabled-theme-general);
}

.control-section {
    padding-top: 20px;
    padding-bottom: 20px;
}

    .control-section .row {
        margin: 20px 0;
    }

    .control-section h4 {
        color: var(--c-color-theme-general);
    }

.e-radio:checked + label::before {
    background-color: var(--c-btn-outline-tpt-theme-hover);
    border-color: var(--c-btn-outline-tpt-theme-hover);
}