html, body {
    height: 100%;
    /*background-color: #eef1f3;*/
}

:root {
    --cor-principal: #242640;
}

#cadastroUsuario {
    background: var(--cor-principal);
}

    #cadastroUsuario label.active {
        display: none;
    }

    #cadastroUsuario .input-field {
        margin-top: 0px;
        margin-bottom: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

#validacaoSMS {
    background: var(--cor-principal);
}

#redefineSenha {
    background: var(--cor-principal);
}

#solicitaTelefone {
    background: var(--cor-principal);
}

#votacao {
    background-size: 100% 100%;
    position: initial;
    overflow: auto;
    min-height: 100%;
    max-height: 200%;
    width: 100%;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
}

    #votacao .scm-seta-ir {
        font-size: 10px;
    }

    #votacao .scm-seta-voltar {
        font-size: 10px;
    }

    #votacao #btnOutraCategoria {
        box-shadow: none;
        background: var(--cor-principal)
    }

        #votacao #btnOutraCategoria:hover {
            background: var(--cor-principal);
        }

    #votacao .icone-votacao {
        font-size: 50px;
        margin: 0;
        padding: 0;
    }

    #votacao .categoria-votacao {
        padding: 0;
        margin: 0;
    }

    #votacao #spanCategoria {
        font-size: 22px;
    }

    #votacao [type='checkbox']:disabled:checked + span:not(.lever):before {
    }

#resultados .scm-periodo {
}

#resultados .iconeResultados {
}

#resultados #numeroEmpresas {
    font-size: 25px;
}

#resultados #numeroUsuarios {
    font-size: 25px;
}

#resultados #numeroVotos {
    font-size: 25px;
}

#resultados .cards-numero {
    margin-top: -5px;
    margin-right: -6px;
    margin-left: -6px;
    margin-bottom: -5px;
}

#resultados #periodo-datas {
    margin-right: -6px;
    margin-left: -6px;
}

#resultados #dataInicial {
    padding-right: 8px;
}

#resultados #resultados-categorias {
    margin-right: -6px;
    margin-left: -6px;
}

#chancometro {
    margin: 0;
    padding: 0;
}

    #chancometro .card-content {
        margin: 0;
        padding: 0;
    }

    #chancometro .btn-large {
        margin: 10px 0px 10px 0px;
    }

    #chancometro #spanQuantVotos {
        font-size: 10px;
    }

    #chancometro #spanInfo {
        font-size: 10px;
    }

#outrascategorias #btnCategoriaVotar {
    box-shadow: none;
    background: var(--cor-principal);
}

#outrascategorias #btnCategoriaVotar {
    background: var(--cor-principal);
}

#outrascategorias #listaCategorias {
    bottom: 7px;
}

.corBotao {
    background: var(--cor-principal);
}

    .corBotao:hover, .corBotao:visited, .corBotao:active {
        background: var(--cor-principal);
    }

.corIcone {
}

.btn:focus, .btn-large:focus, .btn-small:focus, .btn-floating:focus {
}

.btn:hover, .btn-large:hover, .btn-small:hover {
}

.toast {
}

#outrascategorias .corOutrasCategorias {
    color: black;
}

#exibecategorias .corExibeCategorias {
    color: black;
}

.footerLogin {
}

.btn-large, .card, .btn, .btn-small, #navBar, .btn-small:hover, .btn:hover, .btn-large:hover, .btn-floating, .fixed-action-btn.toolbar, .btn-small:focus, .btn:focus, .btn-large:focus {
    box-shadow: none;
}

.btn-large {
    height: 36px;
    line-height: 36px;
    width: 235px;
}

#botoesCategoria {
    position: fixed;
    top: 80px; /* Altura do seu cabeçalho ou ajuste conforme necessário */
    right: 20px;
}

    #botoesCategoria .btn-floating {
        margin-bottom: 10px;
    }

.associado-badge,
.nao-associado-badge {
    padding: 2px 6px;
    border-radius: 4px;
    color: #fff;
    font-size: 0.65em;
    display: inline-block;
}

.associado-badge {
    background-color: #2196F3;
}

.nao-associado-badge {
    background-color: #F44336;
}