html, body {
    height: 100%; /* Garante que o html e o body ocupem 100% da altura */
    margin: 0; /* Remove as margens padrão */
    padding: 0; /* Remove os espaçamentos padrão */
    box-sizing: border-box; /* Garante que o padding seja incluído no tamanho total */
}

body {
    display: flex; /* Flexbox ajuda a organizar o layout */
    flex-direction: column; /* Define a direção dos elementos do body para coluna */
}


#kt_sign_in_form_forgot_pass .progress {
    height: 8px;
    display: none;
}

#kt_sign_in_form_forgot_pass .progress-bar {
    width: 0%;
    min-height: 8px;
}


#kt_body {
    height: 100% !important;
}

.bg-background {
    /*background: #bdc3c7;*/ /* fallback for old browsers */
    /*background: -webkit-linear-gradient(to right, #2c3e50, #bdc3c7);*/ /* Chrome 10-25, Safari 5.1-6 */
    /*background: linear-gradient(to right, #2c3e50, #bdc3c7);*/ /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    /*background-image: url(/images/bg/bg-3.png);*/
    background: rgb(48 42 42);
    background: linear-gradient(0deg, rgb(48 42 42) 0%, rgba(0,0,0,1) 100%, rgb(93 92 92) 100%);
}

.kt-cover-background {
    position: relative !important;
    background-size: cover !important;
    overflow: hidden !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

[data-overlay-dark]:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

[data-overlay-dark]:before {
    background: #000;
}

.kt-theme-overlay[data-overlay-dark]:before {
    background: #7d7d88;
    background: -webkit-linear-gradient(-45deg,#7d7d88,#303031);
    background: -moz-linear-gradient(-45deg,#7d7d88,#303031);
    background: -o-linear-gradient(-45deg,#7d7d88,#303031);
    background: linear-gradient(-45deg,#7d7d88,#303031);
}

[data-overlay-dark="9"]:before {
    opacity: 0.9;
}

[data-overlay-dark="8"]:before {
    opacity: 0.8;
}

[data-overlay-dark="7"]:before {
    opacity: 0.7;
}

[data-overlay-dark="6"]:before {
    opacity: 0.6;
}

[data-overlay-dark="5"]:before {
    opacity: 0.5;
}

[data-overlay-dark="4"]:before {
    opacity: 0.4;
}

[data-overlay-dark="3"]:before {
    opacity: 0.3;
}

[data-overlay-dark="2"]:before {
    opacity: 0.2;
}

[data-overlay-dark="1"]:before {
    opacity: 0.1;
}

*, ::after, ::before {
    box-sizing: border-box;
}

.kt-theme-overlay > .kt-grid__item {
    z-index: 2;
}

.bg-body {
    background-color: rgba(255, 255, 255, 0.08) !important;
}

.invalid-feedback {
    color: rgba(241 65 108);
}

.text-white-opacity {
    color: rgba(241 65 108);
}

.text-white {
    color: #fff;
}

.fv-plugins-message-container.invalid-feedback,
.fv-plugins-message-container.valid-feedback {
    display: block;
    font-weight: 400;
    min-height: 18px;
}

.progress.progress-sm {
    height: 6px;
}

    .progress.progress-sm .progress-bar {
        border-radius: 3px;
    }

.kt-svg-icon.kt-svg-icon--warning g [fill] {
    fill: #ffb822 !important;
}

.kt-svg-icon.kt-svg-icon--success g [fill] {
    fill: #0abb87 !important;
}

.kt-svg-icon.kt-svg-icon--default g [fill] {
    fill: #979899 !important;
}

/*.kt-svg-icon.kt-svg-icon--default g [fill]:hover {
    fill: #979899 !important;
}*/

a#resendWhats, a#codeWhats {
    cursor: pointer;
}

    a#resendWhats:hover, a#codeWhats:hover {
        color: #a1a5b7; /* Cor do texto no hover */
    }

/* Quando o <span> existe dentro do link, o cursor será padrão (default) */
#resendEmailLink:has(#secondsLabel) {
    cursor: default;
}

/* Quando o <span> não está presente, o cursor será pointer */
#resendEmailLink {
    cursor: pointer;
}

    #resendEmailLink:not(:has(#secondsLabel)):hover {
        color: #a1a5b7;
    }

/* Estilos básicos para um layout mais limpo e flat */
.custom-radio {
    display: inline-flex; /* Exibe os elementos na mesma linha */
    align-items: center;
    cursor: pointer;
    margin-right: 15px; /* Espaçamento entre os itens */
}

    .custom-radio input[type="radio"] {
        appearance: none; /* Remove o estilo padrão do rádio */
        -webkit-appearance: none;
        -moz-appearance: none;
        width: 12px;
        height: 12px;
        /*border: 2px solid #ccc;*/
        border-color: #ccc;
        background: #ccc;
        border-radius: 50%;
        position: relative;
        outline: none;
        margin-right: 8px;
        cursor: pointer;
        transition: background 0.3s ease, border-color 0.3s ease;
    }

        .custom-radio input[type="radio"]:checked {
            border-color: #ccc; /* Cor da borda quando selecionado */
            background: #ccc; /* Cor de fundo quando selecionado */
        }

            .custom-radio input[type="radio"]:checked::before {
                content: '';
                position: absolute;
                width: 5px;
                height: 5px;
                background: white;
                border-radius: 50%;
                top: 50%;
                left: 50%;
                border-color: #0095e8;
                background: #0095e8;
                transform: translate(-50%, -50%);
            }

.radio-label {
    color: white; /* Altere conforme necessário */
    font-size: 14px;
    font-weight: normal;
}



/* Recover pass*/

#kt_sign_in_form_forgot_pass .checklist {
    list-style: none;
    padding: 0;
}

    #kt_sign_in_form_forgot_pass .checklist li {
        margin: 0;
    }

#kt_sign_in_form_forgot_pass .valid {
    color: #0abb87 !important;
    font-size: 10px;
}

#kt_sign_in_form_forgot_pass .invalid {
    color: #a1a5b7 !important;
    font-size: 10px;
}

#kt_sign_in_form_forgot_pass .icon-svg {
    display: inline-block;
}

#kt_sign_in_form_forgot_pass .kt-svg-icon {
    height: 18px;
    width: 18px;
}


#kt_sign_in_form_forgot_pass .password-container {
    position: relative;
}

#kt_sign_in_form_forgot_pass input[type="password"], input[type="text"] {
    padding-right: 40px; /* Espaço para o ícone */
}

#kt_sign_in_form_forgot_pass .eye-icon {
    position: absolute;
    right: 14px;
    cursor: pointer;
}

    #kt_sign_in_form_forgot_pass .eye-icon .kt-svg-icon {
        height: 28px;
        width: 28px;
    }