/* Fullstack Custom */

#twoFactor {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center
}

    #twoFactor .v-input {
        max-width: 62px;
        margin-right: 4px;
        margin-left: 4px
    }

        #twoFactor .v-input ::v-deep .v-input__control input {
            margin-top: 12px;
            text-align: center;
            font-size: 30px
        }

    #twoFactor .spacer {
        max-width: 16px
    }


.validation-summary-errors ul li {
    list-style-type: none;
}

.validation-summary-errors ul {
    padding: 0;
    margin: 0;
}

h3 {
    font-size: 16px;
    font-weight: bold;
}

.v-label.theme--light, .v-label.theme--dark {
    left: 0px;
    right: auto;
    position: absolute;
}

.v-span.theme--light, .v-span.theme--dark {
    color: rgba(0,0,0,.54);
}

input[type=date]::-webkit-datetime-edit {
    display: none;
}

.section-interval-monthly, .section-interval-yearly {
    display: inline-block;
}

.field-validation-error, .input-validation-error, .validation-error {
    color: var(--v-error-base) !important;
    caret-color: var(--v-error-base) !important;
}

.theme--light.v-text-field:has(label.validation-error) .v-input__slot:before,
.theme--dark.v-text-field:has(label.validation-error) .v-input__slot:before {
    border-color: var(--v-error-base) !important;
}

.radio-check-label {
    margin-right: 20px;
}

.v-btn.secondary {
    color: rgb(12, 23, 77) !important;
    border: 1px solid rgb(12, 23, 77) !important;
    background-color: white !important;
}

.v-btn {
    box-shadow: none !important;
}

.message-box {
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 4px;
    font-size: 10pt;
}

    .message-box.success {
        color: #155724 !important;
        background-color: #d4edda !important;
        border: 1px solid #c3e6cb !important;
    }

    .message-box.error {
        color: var(--v-error-base) !important;
        background-color: #f8d7da !important;
        border: 1px solid var(--v-error-base) !important;
    }


.e-date-wrapper, .e-input-focus, .e-date-wrapper.e-input-focus {
    border: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

.e-control-wrapper input {
    font-size: 16px !important;
    font-family: Poppins, sans-serif !important;
    height: 32px !important;
    background-color: transparent !important;
    padding-left: 0 !important;
}

.select2-container {
    width: 100% !important;
    height: 32px !important;
}

.select2-selection {
    border: 0 !important;
    padding-top: 3px !important;
}

.select2-container .select2-search {
    display: none !important;
}

.select2-selection__rendered {
    padding-left: 0 !important;
}