﻿.main {
    display: flex;
    height: 100%;
}

.cabecalho {
    height: 90px;
    padding: 15px 30px;
}

.header {
    position: fixed;
    z-index: 999;
    top: 0;
    margin-left: 234px;
    padding-top: 10px;
    height: 80px;
    padding-left: 35px;
}

.header-emp {
    padding-left: 0px;
    justify-content: normal !important;
}

.header-emp-descricao {
    margin-left: 5px;
    width: 470px;
}

.header-logado {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 12px;
    gap: 16px;
    width: 550px;
    height: 56px;
    background: #FFFFFF;
    border-radius: 10px;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    z-index: 0;
    position: fixed !important;
}

.header-logado-nome {
    /* width: 548px; */ /* Removido para herdar a largura do contêiner pai */
    height: 17px;
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.2px;
    color: #3F3F3F;
    order: 1;
    flex-grow: 0;
    margin-top: 3px;
    white-space: nowrap; /* Impede que o texto quebre em várias linhas */
    overflow: hidden; /* Esconde o conteúdo que ultrapassa o espaço */
    text-overflow: ellipsis; /* Adiciona as reticências (...) */
    display: inline-block; /* Garante que o label se comporte como um bloco */
    max-width: 95%; /* Garante que o label não ultrapasse o contêiner pai */
}

.Fonte-usuario-logado {
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    letter-spacing: -0.2px;
    color: #3F3F3F;
}

.header-usuario-logado {
    position: fixed;
    top: 0;
    right: 0px;
    padding: 10px 6px;
    z-index: 900;
    margin-left: 234px;
    padding-top: 10px;
    height: 80px;
    padding-left: 35px;
    width: 100%;
    background-color: #f2f3f7;
}

#ruaEmpresa, #numEnderecoEmpresa, #complementoEmpresa, #cepEmpresa, #bairroEmpresa, #cidadeEmpresa, #ufEmpresa, #cnaeEmpresa, #dataFundacaoEmpresa, #faturamentoEmpresa {
    font-size: 16px;
    color: #3F3F3F;
}

.header-usuario-logado button {
    border: none;
    background: transparent;
}

.alinhamento-header-usuario-logado {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    right: 0;
}

.icones-cabecalho {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.background-telas-nao-logadas {
    background: url('../Imagens/background.png') no-repeat;
    height: 100%;
    left: 0;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    background-size: 100%;
    top: 90px;
}

.box-tela {
    width: 100%;
    height: 100%;
    position: relative;
}

.box-tela-logada {
    width: 100%;
    height: 100%;
    /*position: relative;*/
    top: -24px;
}

.box-login-cpf {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 32px;
    gap: 24px;
    position: absolute;
    width: 375px;
    height: 283px;
    left: 80px;
    top: 80px;
    background: #FFFFFF;
    box-shadow: 0px 3.80488px 7.60976px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
}

.box-esqueci-senha {
    height: 590px;
    gap: 16px;
    top: 32px;
}

.box-definicao-senha {
    height: 676px !important;
}

.box-primeiro-acesso {
    height: 560px;
    gap: 16px;
    top: 32px;
    width: 100%;
    width: 374px;
}

.box-token-primeiro-acesso {
    gap: 10px;
}

.descricaoPrimeiroAcesso {
    width: 311px;
    height: 159px;
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    display: flex;
    align-items: center;
    letter-spacing: -0.6px;
    font-feature-settings: 'case' on;
    color: #3F3F3F;
}

.box-token-primeiro-acesso {
    gap: 10px;
}

.box-esqueci-senha p, .box-primeiro-acesso p {
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    color: #3F3F3F;
    align-items: left;
}

.box-esqueci-senha span, .box-primeiro-acesso span {
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    display: flex;
    align-items: center;
    color: #0A1D6F;
}

.box-validacao-token {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    align-items: center;
}

.enviarCodigo {
    width: 311px;
    height: 159px;
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    letter-spacing: -0.2px;
    font-feature-settings: 'case' on;
    color: #3F3F3F;
}

.descricaoEsqueciSenha {
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #737373;
}

    .descricaoEsqueciSenha span {
        font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 21px;
        color: #737373;
        display: inline;
    }

@media (max-width: 1550px) {

    .definicao-senha {
        display: none !important;
    }

    .box-definicao-senha {
        height: 470px !important;
    }
}

.imgCadeado {
    width: 100%;
}

.div-input-validacao-token {
    display: flex;
    gap: 5px;
}

    .div-input-validacao-token input {
        width: 41.67px;
        height: 55px;
        background: #F2F3F7;
        border-radius: 10px;
    }

label {
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    display: flex;
    align-items: center;
    letter-spacing: 0.008em;
    color: #737373;
    flex: none;
    order: 0;
    flex-grow: 1;
    padding-left: 11px;
    padding-bottom: 4px;
}

input, select {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 12px;
    gap: 4px;
    width: 311px;
    height: 50px;
    background: #F2F3F7;
    border-radius: 5px;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
    border: none;
}

.inputCPF {
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: center;
    letter-spacing: 0.008em;
    /* Cinza800 */
    color: #3F3F3F;
}

#cnpj {
    width: 404px;
    padding-left: 34px;
}

#continuar-cnpj-home {
    position: relative;
    top: -38px;
    left: 347px;
    border: none;
    background: transparent;
}

.seta-pesquisa-ir {
    position: relative;
    top: -38px;
    left: 347px;
    border: none;
    background: transparent;
}

#busca-cnpj-home {
    position: relative;
    top: -38px;
    left: 8px;
}
/*Lembrar Usuario - Inicio*/
.box-lembrar-cpf {
    position: relative;
    left: -85px;
}

.lembrarUsuario {
    float: left;
    padding-left: 50px;
    padding-top: 3px;
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    display: flex;
    align-items: center;
    letter-spacing: 0.008em;
    color: #737373;
}


.switch {
    position: absolute;
    margin-left: -9999px;
    visibility: hidden;
}

.switchAdicionar {
    position: absolute;
    margin-left: -196px;
    visibility: hidden;
}



.switch + label {
    display: block;
    position: relative;
    cursor: pointer;
    outline: none;
    user-select: none;
}

.switch--shadow + label {
    width: 38px;
    height: 22px;
    background-color: #dddddd;
    border-radius: 22px;
}

.switch--shadow-adicionar + label {
    width: 41px;
}

.switch--shadow + label:before,
.switch--shadow + label:after {
    display: block;
    position: absolute;
    top: 1px;
    left: 1px;
    bottom: 1px;
    content: '';
}

.switch--shadow + label:before {
    right: 1px;
    background-color: #f1f1f1;
    border-radius: 22px;
    transition: all 0.4s;
}

.switch--shadow + label:after {
    width: 22px;
    background-color: #fff;
    border-radius: 100%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    transition: all 0.4s;
}

.switch--shadow:checked + label:before {
    background-color: #54E99C;
}

.switch--shadow:checked + label:after {
    transform: translateX(21px);
}

.switch__container {
    display: flex;
    width: 50px;
}

.switchAdicionar__container {
    display: flex;
    width: 50px;
}


.botao, .botao-continuar {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 13px 49px;
    gap: 10px;
    width: 270px;
    height: 48px;
    background: #D9D9D9;
    border-radius: 100px;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    border: none;
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #737373;
}

    .botao.ativo, .botao-continuar.ativo {
        background-color: #54E99C;
        color: #0A1D6F;
    }

        .botao.ativo:hover, .botao-continuar.ativo:hover {
            background: #0A1D6F;
            border-radius: 100px;
            font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
            font-style: normal;
            font-weight: 600;
            font-size: 14px;
            line-height: 17px;
            color: #57FFFF;
        }

.bt-continuar {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.botao-tipo1-pequeno {
    box-sizing: border-box;
    display: flex;
    width: 151px;
    height: 37px;
    background: #54E99C;
    border-radius: 100px;
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    align-items: center;
    justify-content: center;
    font-feature-settings: 'case' on;
    color: #0A1D6F;
    border: none;
}



    .botao-tipo1-pequeno.inativo {
        background: #D9D9D9;
        color: #737373;
    }


.botao-tipo1-211-44 {
    box-sizing: border-box;
    display: flex;
    width: 211px;
    height: 44px;
    background: #54E99C;
    border-radius: 100px;
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    align-items: center;
    justify-content: center;
    font-feature-settings: 'case' on;
    color: #0A1D6F;
    border: none;
}

.botao-tipo1-232-44 {
    box-sizing: border-box;
    display: flex;
    width: 232px;
    height: 44px;
    background: #54E99C;
    border-radius: 100px;
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    align-items: center;
    justify-content: center;
    font-feature-settings: 'case' on;
    color: #0A1D6F;
    border: none;
}

    .botao-tipo1-232-44.inativo {
        background: #D9D9D9;
        color: #737373;
    }

.botao-183-44 {
    width: 183px;
    height: 44px;
}

.botao-tipo-2 {
    text-decoration: none;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 13px 49px;
    gap: 10px;
    width: 270px;
    height: 48px;
    border: 1.5px solid #54E99C;
    border-radius: 22px;
    flex: none;
    order: 1;
    flex-grow: 0;
    background-color: transparent;
    color: #54E99C;
}

.botao-tipo-3, .botao-tipo-4 {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    padding: 10px 16px;
    gap: 4px;
    width: 176px;
    height: 37px;
    border: 1px solid #D9D9D9;
    border-radius: 100px;
    background: transparent;
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    display: flex;
    align-items: center;
    letter-spacing: -0.2px;
    font-feature-settings: 'case' on;
    color: #0A1D6F;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.botao-tipo-3-232-44 {
    box-sizing: border-box;
    flex-direction: row;
    padding: 10px 16px;
    gap: 4px;
    width: 232px;
    height: 44px;
    border: 1px solid #D9D9D9;
    border-radius: 100px;
    background: transparent;
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    display: flex;
    align-items: center;
    letter-spacing: -0.2px;
    font-feature-settings: 'case' on;
    color: #0A1D6F;
    flex: none;
    order: 0;
    flex-grow: 0;
    justify-content: center;
}

.botao-desabilitado {
    opacity: 0.5;
    pointer-events: none;
}

#botao-assinante-adicionar {
    width: 126px;
}

.botao-tipo-4 {
    width: 106px;
    height: 37px;
}

.botao-cancelar-popup {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 13px 32px;
    gap: 10px;
    width: 211px;
    height: 44px;
    border: 1px solid #D9D9D9;
    border-radius: 22px;
}

.btnCancelar {
    box-sizing: border-box;
    flex-direction: row;
    justify-content: center;
    padding: 13px 32px;
    gap: 10px;
    width: 125px;
    height: 44px;
    border: 1px solid #D9D9D9;
    border-radius: 22px;
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #0A1D6F;
    background: transparent;
}

@media (max-width: 1550px) {

    .box-login-senha {
        top: 5px !important;
        padding-top: 10px;
    }
}

.box-login-senha {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 15px;
    gap: 32px;
    position: absolute;
    width: 384px;
    height: 473px;
    left: 80px;
    top: 80px;
    background: #FFFFFF;
    box-shadow: 0px 3.80488px 7.60976px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
}

#modal-validar-senha .box-login-senha {
    place-self: anchor-center;
    position: initial;
    height: auto;
    box-shadow: initial;
}

.teclado-virtual {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

    .teclado-virtual input[type=button] {
        box-sizing: border-box;
        /* Cinza */
        border: 1px solid #D9D9D9;
        border-radius: 8px;
        background-color: transparent;
        width: 99px;
        height: 49px;
        font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        letter-spacing: 0.008em;
        /* Cinza800 */
        color: #3F3F3F;
    }

.botoes-senha {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.botoes-esqueci-senha {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.link-outras-paginas {
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 20px;
    text-align: center;
    text-decoration-line: underline;
    color: #0A1D6F;
    flex: none;
    order: 2;
    align-self: stretch;
    flex-grow: 0;
}

.d-flex {
    /*position: relative;*/
    position: fixed;
    height: 100%;
}



.menu-lateral {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: 32px 0px;
    gap: 32px;
    width: 234px;
    height: 142%;
    left: 717px;
    top: 195px;
    background: #FFFFFF;
}

    .menu-lateral nav {
        gap: 16px;
    }

.menu-imagem > img {
    /* icones */

    width: 21px;
    height: 21px;
    /* Inside auto layout */
    flex: none;
    flex-grow: 0;
    padding: 0px !important;
}

.posicao-nav {
    display: flex;
    justify-content: center;
}

.nav.collapse {
    width: 250px;
}

.sidebar {
    position: fixed;
    width: 234px;
}

    .sidebar a {
        /* Faturas */

        box-sizing: border-box;
        /* Auto layout */
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 13px 24px;
        gap: 10px;
        width: auto;
        height: 47px;
        /* Branco */
        background: #FFFFFF;
        /* Inside auto layout */
        flex: none;
        order: 6;
        align-self: stretch;
        flex-grow: 0;
    }

        .sidebar a span {
            /* Home */

            width: 50px;
            height: 17px;
            font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
            font-style: normal;
            font-weight: 400;
            font-size: 14px;
            line-height: 17px;
            /* identical to box height */
            /* Cinza800 */
            color: #3F3F3F;
            /* Inside auto layout */
            flex: none;
            order: 2;
            flex-grow: 0;
            margin-left: 10px;
        }

        .sidebar a:hover {
            background: #FFFFFF;
            border-left: 8px solid #54E99C;
            font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
            font-style: normal;
            font-weight: 600;
            font-size: 14px;
            line-height: 20px;
            letter-spacing: -0.2px;
            text-decoration-line: none;
            font-feature-settings: 'case' on;
            color: #0A1D6F;
        }

.selected {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 13px 24px;
    gap: 10px;
    width: auto;
    height: 47px;
    background: #F2F3F7 !important;
    border-right: 8px solid #D9D9D9;
    border-radius: 0px;
    flex: none;
    order: 3;
    align-self: stretch;
    flex-grow: 0;
}

.opcao.selected span, .opcao.selected img {
    color: #737373 !important;
}

.opcao span, .opcao img {
    font-weight: 400;
}

.opcao:hover > span {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.opcao:hover > img {
    margin-left: -8px;
}

.sidebar a img {
    padding-right: 10px;
}

#submenu-cartaoCorporativo span {
    position: relative;
    top: 2px;
}

.botao-sidebar {
    background-color: transparent;
    border: none;
    position: absolute;
    left: 255px;
    transition: left 0.3s;
}

.botao-menu {
    /* CARTÃO CORPORATIVO */
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 9px 12px;
    gap: 8px;
    width: 205px;
    height: 39px;
    background: #ECFAFD;
    border-radius: 10px;
    /* Inside auto layout */
    /* Cartão Corporativo */
    /* H5 */
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    /* identical to box height, or 143% */
    letter-spacing: -0.2px;
    font-feature-settings: 'case' on;
    /* Azul Rend */
    color: #0A1D6F !important;
    /* Inside auto layout */
    flex: none;
    order: 2;
    flex-grow: 0;
    border: none;
    margin: auto;
    margin-left: 14px;
}

    .botao-menu:hover {
        color: #0A1D6F;
    }

.tituloPaginas {
    width: 1068px;
    height: 32px;
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    display: flex;
    align-items: center;
    letter-spacing: -0.6px;
    font-feature-settings: 'case' on;
    color: #3F3F3F;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    padding-left: 6px;
}

.titulo-de-sessao {
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    letter-spacing: -0.2px;
    color: #3F3F3F;
    flex: none;
    order: 1;
    flex-grow: 0;
    padding: 8px 0px 0px;
    gap: 10px;
}

.titulo-sessao-posicionamento {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 30px 0px;
}

.subtitulos-contato-desabilitado {
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    letter-spacing: -0.2px;
    font-feature-settings: 'case' on;
    color: #3F3F3F;
}

.contatos-inativos {
    margin-top: 10px;
}

    .contatos-inativos table {
        margin-top: 0px;
    }

.sessaoTela {
    box-sizing: border-box;
    align-items: flex-start;
    padding: 24px;
    gap: 24px;
    width: 1068px;
    background: #FFFFFF;
    border: 0.95px solid #F0F0F0;
    box-shadow: 0px 1px 3px rgba(41, 41, 41, 0.125);
    border-radius: 12px;
}

.DadosCNPJ, .Quadro-societario, .Contatos, .Assinantes {
    padding: 6px 0px 0px;
    margin-top: 24px;
}

.Contatos {
    padding-top: 24px;
}

.Assinantes, .Contatos {
    height: 50px;
}

.Contatos, .Assinantes {
    border-top: 2px solid #E0E0E0;
}

.DadosCNPJ {
    display: flex;
    justify-content: space-between;
    border-top: 2px solid #54E99C;
    border-bottom: 2px solid #E0E0E0;
    padding: 24px 0px;
}

.DadosCNPJHome {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    grid-gap: 10px;
    border-top: 2px solid #54E99C;
    padding: 24px 0px;
}

.dados-detalhados {
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.008em;
    color: #3F3F3F;
}

    .dados-detalhados span {
        width: 136px;
        height: 34px;
        font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 17px;
        letter-spacing: 0.008em;
        color: #3F3F3F;
    }

.abas {
    display: flex;
    border-bottom: 1px solid #D9D9D9;
    margin-bottom: 24px;
}

    .abas button {
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 12px 16px 8px;
        gap: 10px;
        width: 95px;
        height: 38px;
        background: #FFFFFF;
        border-width: 1px 1px 0px 1px;
        border-style: solid;
        border-color: #D9D9D9;
        border-radius: 10px 10px 0px 0px;
    }

.nav-tabs .nav-link {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 16px 8px;
    gap: 10px;
    width: 154px;
    height: 36px;
    background: #F2F3F7;
    border-radius: 10px 10px 0px 0px;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    color: rgba(115, 115, 115, 0.7);
}

    .nav-tabs .nav-link .aba-solicitacao-nominal-tab, #aba-solicitacao-controle-lote-tab, #aba-solicitacao-controle-titular-pj-tab {
        width: 157px;
    }

    .nav-tabs .nav-link.active {
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 12px 16px 8px;
        gap: 10px;
        width: 95px;
        height: 38px;
        background: #FFFFFF;
        border-width: 1px 1px 0px 1px;
        border-style: solid;
        border-color: #D9D9D9;
        border-radius: 10px 10px 0px 0px;
        font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 18px;
        letter-spacing: 0.008em;
        color: #3F3F3F;
    }

.abas #solicitacao-controle-lote {
    width: 154px;
}

.row {
    display: flex;
}

.subtitulos {
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -0.56px;
    font-feature-settings: 'case' on;
    color: #3F3F3F;
}

.descricao {
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.2px;
    font-feature-settings: 'case' on;
    color: #3F3F3F;
    margin-top: 15px;
}

    .descricao span {
        font-weight: 600;
    }

.etapa1-solicitacao-nominal div {
    width: 463.5px;
}

.etapa1-solicitacao-nominal {
    padding: 40px;
}

.centralizando-itens {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.etapa2-solicitacao-nominal {
    /*display: none;*/
    padding: 0px;
}

.aba-solicitacao-manual {
    display: block;
}

.etapa2-solicitacao-nominal input {
    width: 152.38px;
    height: 39px;
}

.solicitacao-titular {
    gap: 20px;
    border-top: 1px solid #54E99C;
}

.scroll-container {
    height: 292px;
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
    padding-top: 15px;
    margin-top: 15px;
}

    /* Personalização adicional (opcional) */
    .scroll-container::-webkit-scrollbar {
        width: 10px;
    }

    .scroll-container::-webkit-scrollbar-track {
        width: 8px;
        height: 295.25px;
        background: #D9D9D9;
        border-radius: 100px;
    }

    .scroll-container::-webkit-scrollbar-thumb {
        width: 8px;
        height: 62px;
        background: #737373;
        border-radius: 100px;
    }


.solicitacao-titular button {
    border: none;
    background: transparent;
    width: 46px;
}

.linha-titular, .linha-titular div {
    display: flex;
    gap: 16px;
}

.alinhamento-sessao-tela {
    margin-top: 80px;
    margin-left: 264px;
}

.link-azul-informativo {
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    display: flex;
    align-items: center;
    font-feature-settings: 'case' on;
    color: #5271FF;
}

.relacao-cartoes {
    border-top: 1px solid #D9D9D9;
    margin-top: 21px;
    padding: 15px;
    display: flex;
    justify-content: space-between;
}

    .relacao-cartoes div {
        gap: 20px;
    }

table {
    border-collapse: collapse;
    width: 100%;
    margin-top: 24px;
}

    table th {
        box-sizing: border-box;
        align-items: flex-start;
        padding: 16px 0px 16px 0px;
        gap: 20px;
        background: #FFFFFF;
        border-bottom: 1px solid #54E99C;
        border-top: 1.5px solid #D9D9D9;
        font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 12px;
        letter-spacing: 0.008em;
        color: #737373;
    }

.relatorioDadosCadastroPJ table th {
    border-top: none;
}

table td {
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    align-items: center;
    color: #3F3F3F;
    border-bottom: 1.5px solid #D9D9D9;
}

tr:last-child td {
    border-bottom: none;
}

table tr {
    height: 50px;
}

.btn-acoes, .btn-acoes-desativados, .btn-acoes-assi-desativados, .btn-assinantes-acoes {
    border: none;
    background-color: transparent;
}

.MensagemDadosNaoEncontrados {
    margin: 24px;
}

.popUp-recebimento, .popUp-alteracoes-cad-pj, .popupDesativados, .popUpOpAssinantes {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 8px;
    width: 102px;
    /*height: 82px;*/
    background: #FFFFFF;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
}

.popup-editar-contato h1, .popup-erro-desativar-contato h1, .popup-adicionar-contato h1, .popup-desativar-contato h1, .popupSenhaExpirada h1, .dadosPrestacaoConta h1, .dadosPrestacaoConta h2, .popupAssinantes h1 {
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    display: flex;
    align-items: center;
    letter-spacing: -0.6px;
    font-feature-settings: 'case' on;
    color: #3F3F3F;
    margin-bottom: 24px;
}

.popup-desativar-contato-div {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 32px 48px;
    gap: 32px;
    height: 254px;
    width: 700px;
    background: #FFFFFF;
    border-radius: 10px;
    position: fixed;
    top: 50%;
    left: 43%;
    transform: translate(-30%, -50%);
    justify-content: center;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
}

    .popup-desativar-contato-div h1 {
        margin: 0px;
    }

.botoes-desativar-contato {
    display: flex;
    gap: 10px;
}

.popup-erro-desativar-contato {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 32px 48px;
    gap: 32px;
    position: absolute;
    width: 422px;
    height: 284px;
    background: #FFFFFF;
    border-radius: 10px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
    left: 600px;
}

#botao-editar-contato, #botao-excluir-contato, #botao-desabilitar-assinante, #desabilitar-contato, #excluir-contato, #botao-desabilitar-contato, #botao-habilitar-contato, #botao-editar-assinante, #botao-ver-assinante, #botao-excluir-assinante,
.assinante-compliance-menu-botao {
    border: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: transparent;
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: #737373;
    width: 86px;
    height: 33px;
}

.popup-desativar-contato button {
    width: 113px;
    height: 44px;
}

#botao-excluir-assinante {
    border: none;
    background: transparent;
}

.popUp-alteracoes-cad-pj, .popUpOpAssinantes {
    /*height: 114px;*/
    width: 108px;
}

.popUp-recebimento button {
    border: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: transparent;
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: #737373;
    width: 86px;
    height: 33px;
}

.confirmarRecebimento {
    align-items: flex-start;
    padding: 32px 56px;
    position: absolute;
    width: 495px;
    top: 271px;
    background: #FFFFFF;
    border-radius: 10px;
}

    .confirmarRecebimento h1 {
        font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 32px;
        line-height: 39px;
        letter-spacing: -1.4px;
        font-feature-settings: 'case' on;
        color: #3F3F3F;
    }

    .confirmarRecebimento p, .popupSenhaExpirada p, .popupPrestacaoConta p {
        font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: -0.2px;
        font-feature-settings: 'case' on;
        color: #3F3F3F;
    }

    .confirmarRecebimento div {
        display: flex;
    }

/*Popupcadastro contato e assinante*/

.botaoRecebimento {
    width: 150px;
    height: 44px;
}

.popup-adicionar-contato, .popup-adicionar-assinante, .popup-editar-contato, .popup-editar-assinante, .popup-ver-assinante, .popup-assinante-compliance, .popup-tarifa, .popup-adicionar-condicoes-comerciais {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-30%, -50%);
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
    padding: 30px;
    width: 502px;
    /*height: 536px;*/
    background: #FFFFFF;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    z-index: 991;
}

.popup-adicionar-assinante, .popup-editar-assinante, .popup-assinante-compliance, .popup-ver-assinante, .popup-adicionar-condicoes-comerciais {
    height: 645px;
}

    .popup-adicionar-contato h1, .popup-adicionar-assinante h1, .popup-editar-assinante h1, .popup-ver-assinante h1, .popup-assinante-compliance h1, .popup-tarifa h1, .popup-adicionar-condicoes-comerciais h1 {
        font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 24px;
        line-height: 32px;
        display: flex;
        align-items: center;
        letter-spacing: -0.6px;
        font-feature-settings: 'case' on;
        color: #3F3F3F;
    }

.formulario-adicionar input, .formulario-adicionar select {
    margin-bottom: 30px;
    width: 438px;
}

.dados-telefone-cel {
    display: flex;
    gap: 24px;
}

    .dados-telefone-cel input {
        width: 207px;
    }

.botoes-adicionar-contatos, .botoes-adicionar-assinantes {
    display: flex;
    gap: 20px;
    justify-content: center;
    align-items: center;
    margin-top: 24px;
}

.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight:   bold;
}

    .close:hover,
    .close:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }

.recebimento-parcial {
    padding-top: 5px;
    padding-left: 10px;
}

    .recebimento-parcial h1 {
        font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 32px;
        line-height: 40px;
        letter-spacing: -1.4px;
        font-feature-settings: 'case' on;
        color: #3F3F3F;
    }

#selecionarTodos {
    width: 20px;
    height: 20px;
    margin: 0px;
}

label[for="selecionarTodos"] {
    display: inline-block;
    padding: 10px 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
}

    label[for="selecionarTodos"]:before {
        content: "";
        display: inline-block;
        width: 20px;
        height: 20px;
        margin-right: 10px;
        border: 1px solid #ccc;
        border-radius: 3px;
        background-color: #fff;
    }

    label[for="selecionarTodos"]:after {
        content: "";
        display: inline-block;
        width: 10px;
        height: 10px;
        margin-left: 3px;
        margin-top: 3px;
        background-color: #000;
        opacity: 0;
        transition: opacity 0.2s ease-in-out;
    }

    label[for="selecionarTodos"]:checked:after {
        opacity: 1;
    }

.dadosSolicitacao {
    display: flex;
    width: fit-content;
    float: left;
}

.solicitadoEmPor {
    margin-left: -10px;
}

.barraCinzaSolicitadoEmPor {
    width: 1.1px;
    background-color: #737373;
    height: 18px;
    margin-left: 5px;
    margin-right: 5px;
}

.barraCinzaEntrePesquisarFiltro {
    height: 44px;
    width: 1.5px;
    background-color: #D9D9D9;
    margin-left: 10px;
    margin-right: 10px;
}

.simboloFiltro {
    width: 20px;
    height: 20px;
    margin-top: 10px;
}

    .simboloFiltro:hover {
        cursor: pointer;
    }

.iconeFiltrarPorOpcaoEscolhida {
    width: 23px;
    height: 22px;
}

.filtrarPorOpcaoDiv {
    display: flex;
    margin-top: 10px;
}

.filtrarPorOpcao {
    padding: 0px;
    width: 99px;
    height: 21px;
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    display: flex;
    align-items: center;
    /* Cinza Escuro */
    color: #737373;
    flex: none;
    order: 0;
    flex-grow: 0;
    margin-left: 7px;
}

.filtrarPorTitulo {
    /* Filtrar por */
    width: 67px;
    height: 21px;
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    /* identical to box height, or 150% */
    display: flex;
    align-items: center;
    /* Cinza800 */
    color: #3F3F3F;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
    margin-left: 2px;
}

.popUp-filtrarpor {
    /* Frame 36969 */
    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 8px;
    width: 170px;
    height: 171px;
    /* Branco */
    background: #FFFFFF;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
    position: absolute;
    top: 75px;
    right: 10px;
}

.spanSolicitadoEmPor {
    margin-left: 5px;
    color: #7A3100;
    font-weight: 600;
    letter-spacing: -0.2px;
    font-feature-settings: 'case' on;
}

.spanQtdTotaisSoliciCartao {
    margin-left: 5px;
    color: #B84900;
    font-weight: 600;
    letter-spacing: -0.2px;
    font-feature-settings: 'case' on;
}

.solicitadosRecebidosEtc {
    margin-top: 15px;
    padding-bottom: 12px;
    border-bottom: 1.5px solid #D9D9D9;
}

.solicitadosRecebidosEtcPrimeiros {
    display: flex;
    width: fit-content;
    margin: auto;
}

.totalizadoresCartaoSolicitado {
    margin-top: -12px;
    margin-right: 10px;
    height: 0px;
    float: right;
    display: flex;
}

.recebimentoParcialBotoes {
    display: flex;
    gap: 16px;
    justify-content: space-between;
    margin-top: 10px;
}

.rpbSelect {
    display: flex;
    gap: 16px;
    justify-content: space-between;
}

.rpbSelectBotoes {
    width: fit-content;
}

.rpbSelectTitulo {
    color: #737373;
    font-size: 12px;
    padding-top: 10px
}

.rpbSelectRange {
    font-size: 12px;
    padding-top: 10px
}

.rpbSelectRangeDeAte {
    margin: 0px 15px 0px 15px;
}

.rpbSelectRange img {
    margin: 0px 5px 0px 5px
}

.rpbSelectBotoesOpcao {
    width: 62px;
    height: 38px;
    font-size: 14px;
}

.pesquisar-recebimento-parcial {
    height: 44px;
    padding-left: 38px;
}

.pesquisaCartaoSolicitadoDiv {
    margin-top: -26px;
    height: 0px;
    float: right;
    display: flex;
}



.campos-like-input {
    display: flex;
    box-sizing: border-box;
    flex-direction: column;
    height: 50px;
    background: #F2F3F7;
    border-radius: 5px;
    border: none;
    padding-top: 6px;
}

    .campos-like-input span {
        font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        display: flex;
        align-items: center;
        letter-spacing: 0.008em;
        color: #737373;
        flex: none;
        order: 0;
    }

.relatorioDadosCadastroPJ {
    display: none;
}

.Dados-Da-Empresa .row {
    padding: 0px 0px 24px 24px;
    gap: 20px;
}

.Dados-Da-Empresa {
    margin-top: 24px;
}

.Quadro-societario {
    display: flex;
    flex-direction: column;
}

.dados-cliente, .msg-erro {
    display: none;
}

.linha-clicavel {
    cursor: pointer;
}

    .linha-clicavel span {
        padding-left: 12px;
    }

    .linha-clicavel:hover {
        background-color: #f0f0f0;
    }

.linha-clicavel-sem-padding {
    cursor: pointer;
}

    .linha-clicavel-sem-padding:hover {
        background-color: #f0f0f0;
    }

.cursor-pointer {
    cursor: pointer
}

.labelErro {
    color: #B90A00;
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    display: flex;
    align-items: center;
    letter-spacing: 0.008em;
    color: #B90A00;
    height: 27px;
    margin-bottom: 1px;
}

.inputErro {
    border: 1px solid #ED8F69;
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: center;
    letter-spacing: 0.008em;
    color: #B90A00;
}

.alertaSucessoAoSolicitarLote {
    /* Frame 36954 */
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 12px;
    gap: 8px;
    width: 1071px;
    height: 48px;
    /* Success Light */
    background: #CFF1CF;
    /* Success Light */
    border: 1px solid #CFF1CF;
    border-radius: 8px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    margin: 12px 0px 12px;
}

    .alertaSucessoAoSolicitarLote span {
        width: 989px;
        height: 24px;
        font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: -0.2px;
        font-feature-settings: 'case' on;
        color: #1B5F1B;
    }



.alertaFalhaGestaoUsuario {
    /* Frame 36954 */
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 12px;
    gap: 8px;
    width: 1071px;
    height: 48px;
    /* Success Light */
    background: #f1cfcf;
    /* Success Light */
    border: 1px solid #CFF1CF;
    border-radius: 8px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    margin: 12px 0px 12px;
}

    .alertaFalhaGestaoUsuario span {
        width: 989px;
        height: 24px;
        font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: -0.2px;
        font-feature-settings: 'case' on;
        color: #000000;
    }


.mb10 {
    margin-bottom: 10px
}


a {
    text-decoration: none
}

.solicitacaoArquivoBordaPad {
    border-left: solid 2px #E0E0E0;
    padding-left: 35px;
}

.fatura-botao-gerar-boleto {
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: -0.2px;
    color: #0A1D6F;
    border-radius: 100px;
    background-color: transparent;
    border: solid 1px lightgray;
    padding: 8px 16px;
}

.barra-superior-fatura {
    display: flex;
    align-items: center;
    gap: 13px;
    height: fit-content;
    margin-top: 10px;
}

.fatura-filtro-divisoria {
    border-right: solid 1px #E0E0E0;
    width: 1px;
    height: 26px;
    /*margin-top: 18px;*/
}

.fatura-filtro-divisoria-dois {
    order: 4;
}

.fatura-filtro-divisoria-tres {
    order: 5;
}

.fatura-filtro-pesquisa {
    padding-right: 20px;
    height: 46px;
    /*margin-top: 10px;*/
}

.fatura-filtro-pesquisa, input {
    width: 309px;
}


.fatura-filtro-ano, .fatura-filtro-ano > form > select, .fatura-filtro-ano > form {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 8px;
    width: 60px;
    height: 42px;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
}

.fatura-filtro-ano-select {
    padding: 0px;
    flex-grow: 1;
    width: 36px;
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #0A1D6F;
    background-color: transparent;
    height: 47px;
}

.fatura-filtro-mes {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    height: 43px;
    flex: none;
    order: 1;
}

.fatura-filtro-mes-seta-esquerda {
    order: 1;
}

.fatura-filtro-mes-seta-direita {
    order: 3;
}

.fatura-filtro-mes-lista {
    display: flex;
    order: 1;
    width: 170px;
    overflow: hidden;
    justify-content: center;
}

.fatura-filtro-mes-opcao {
    padding: 7px 15px;
    width: fit-content;
    border-radius: 100px;
    flex: none;
    order: 3;
    /* Prestar contas */
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: -0.006em;
    /* Cinza Escuro */
    color: #737373;
    margin: 0px 3px;
}

.fatura-filtro-mes-aberto {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    /*gap: 5px;*/
    width: fit-content;
    flex: none;
    order: 2;
    /*flex-grow: 1;*/
    margin-right: 10px;
}

.fatura-filtro-mes-aberto-btn {
    width: 57px;
    height: 41px;
    padding: 5px;
    margin: 0px;
    background: #FFFFFF;
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    color: #737373;
}

.fatura-filtro-mes-aberto-btn-selecionado {
    color: rgb(10, 29, 111);
    border-bottom: 2px solid #0A1D6F !important;
    border-radius: 0px;
    height: 41px;
}

.fatura-menu-exportar {
    flex: none;
    order: 5;
    /*margin-top: 15px;*/
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #0A1D6F;
}

.fatura-menu-filtro {
    flex: none;
    order: 6;
    /*margin-top: 15px;*/
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #0A1D6F;
}

    .fatura-menu-filtro > img {
        width: 14px;
        height: 16px;
        margin-top: -3px;
    }

.fatura-menu-exportar > img {
    width: 16px;
    height: 18px;
    margin-top: -3px;
}

.colunas-sem-borda-escurecer-fonte > span {
    color: #3F3F3F !important;
}

.colunas-sem-borda {
    height: 10px;
}

    .colunas-sem-borda > th {
        border: none;
        height: 10px;
    }

    .colunas-sem-borda > td {
        width: 307.67px;
        height: 64px;
        font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 13px;
        letter-spacing: -0.2px;
        color: #737373;
        border-bottom: none;
    }

        .colunas-sem-borda > td > span {
            font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
            font-style: normal;
            font-weight: 600;
            font-size: 14px;
            color: #737373;
        }

.coluna-redonda {
    /* Frame 37161 */
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 12px;
    gap: 20px;
    width: 994px;
    height: 34px;
    /* Cinza BG */
    background: #F2F3F7;
    border-radius: 0px;
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 1;
}

.coluna-redonda2 {
    /* Frame 37161 */
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 12px;
    gap: 20px;
    width: 994px;
    height: 34px;
    /* Cinza BG */
    background: #F2F3F7;
    border-radius: 0px;
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 1;
}

.colunas-com-borda > td {
    /* Nome portador */

    width: 307.67px;
    height: 17px;
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    /* identical to box height */
    align-items: center;
    letter-spacing: -0.2px;
    font-feature-settings: 'case' on;
    /* Cinza Escuro */
    color: #737373;
    /* Inside auto layout */
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
}

.menu-tab-fatura {
    /* Frame 10715 */
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    width: 885px;
    height: 35px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
    background-color: transparent;
}

    .menu-tab-fatura > li {
        /* Frame 10398 */

        box-sizing: border-box;
        /* Auto layout */
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        width: 98px;
        height: 35px;
        /* Inside auto layout */
        flex: none;
        order: 0;
        flex-grow: 0;
        background-color: transparent;
    }

        .menu-tab-fatura > li > form > button, .menu-tab-fatura > li > button {
            background-color: transparent;
            border: none;
            font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
            font-style: normal;
            font-weight: 600;
            font-size: 14px;
            align-items: center;
            text-align: center;
            letter-spacing: -0.006em;
            color: #0A1D6F;
            box-sizing: border-box;
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            padding: 6px 16px 12px;
            width: 98px;
            height: 37px;
        }

.menu-tab-fatura-lista {
    /* Frame 10714 */
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    width: 1031px;
    height: 37px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    background-color: transparent;
}

.bott-azul {
    border-bottom: 2px solid #0A1D6F !important;
}

.fatura-resumida-detalhada > thead > tr > th, .fatura-resumida-detalhada > thead > tr {
    padding: 0px;
    height: 33px
}

.fatura-resumida-detalhada th {
    border: none;
}

.fatura-resumida-detalhada > thead > tr {
    border-bottom: solid 1px lightgray;
    border-top: solid 1px lightgray;
}

.fatura-resumida-transacoes > tr > th, .fatura-resumida-transacoes > tr {
    padding: 0px;
    height: 55px
}

.fatura-resumida-transacoes th {
    border: none;
}

.fatura-resumida-transacoes > tr {
    border-bottom: dashed 1px lightgray;
}

    .fatura-resumida-transacoes > tr > td {
        width: 350px;
        font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        letter-spacing: -0.2px;
        font-feature-settings: 'case' on;
        color: #737373;
    }


/*Prestacao de contas*/
.abas-prestacao-de-contas .nav-tabs .nav-link {
    border: none;
    border-bottom: 1px solid;
}

.topo-tab-prestacao-contas {
    display: flex;
    gap: 16px;
}

.abas-prestacao-de-contas .nav-tabs .nav-link.active {
    border: none;
    border-bottom: 1px solid;
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: -0.006em;
    color: #0A1D6F;
}

.tab-prestacao-contas {
    margin-top: 0px;
}

.prestacao-contas-div1 {
    margin-top: 24px;
}

.tab-prestacao-contas-resumida {
}

.prestacao-contas-div2 {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .prestacao-contas-div2 ul {
        margin: 0;
    }

.tab-prestacao-contas-resumida {
    border-top: #54E99C 2px solid;
    margin-top: 0px;
    border-color: #54E99C !important;
}

.linha-expandida {
    background-color: #f0f0f0;
}

    .linha-expandida td {
        font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 17px;
        letter-spacing: -0.2px;
        font-feature-settings: 'case' on;
        color: #3F3F3F;
    }

.popupSenhaExpirada {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #FFFFFF;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    border: 1px solid #ccc;
    z-index: 9999;
}

#menu-filtros {
    display: flex;
    /*gap: 40px;*/
    gap: 16px;
    list-style: none;
    padding: 0;
}

.filter-button {
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: -0.006em;
    color: #737373;
    cursor: pointer;
    width: 90px;
}

    .filter-button.active {
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 6px 14px;
        width: 20%;
        height: 42px;
        background: #F2F3F7;
        border-radius: 100px;
        font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        display: flex;
        align-items: center;
        text-align: center;
        letter-spacing: -0.006em;
        color: #0A1D6F;
        flex: none;
        order: 0;
        flex-grow: 0;
        border: none;
    }


.boleto {
    position: absolute;
    padding: 32px;
    width: 450px;
    height: 671px;
    margin: auto;
    background: #FFFFFF;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    left: 40%;
    top: 1%;
    z-index: 999;
}

.boleto-titulo {
    width: 386px;
    height: 64px;
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    display: flex;
    align-items: center;
    letter-spacing: -0.6px;
    font-feature-settings: 'case' on;
    /* Cinza800 */
    color: #3F3F3F;
}

.boleto-con {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    gap: 16px;
    width: 386px;
    height: 546px;
}

.boleto-con-titulo {
    width: 386px;
    height: 21px;
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    /* identical to box height, or 131% */
    display: flex;
    align-items: center;
    /* Cinza800 */
    color: #3F3F3F;
}

.boleto-con-infopagamento {
    /* Frame 37321 */
    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 8px;
    /*width: 323px;*/
    height: fit-content;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

.boleto-con-codigobarra {
    width: 315px;
    height: 50px;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.boleto-con-linhadigitavel {
    width: max-content;
    height: 21px;
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 21px;
    display: flex;
    align-items: center;
    color: #3F3F3F;
    flex: none;
    order: 1;
    flex-grow: 0;
}

.boleto-linhadigi {
    /* Frame 37322 */
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 16px;
    width: 386px;
    height: 37px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

.boleto-linhadigi-digitavel {
    /* 37699991100000490460001001... */
    width: 294px;
    height: 20px;
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    align-items: center;
    letter-spacing: -0.2px;
    font-feature-settings: 'case' on;
    color: #3F3F3F;
    flex: none;
    order: 0;
    flex-grow: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background: none;
    border: none;
    height: fit-content;
    width: fit-content;
}

.boleto-linhadigi-botao {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    gap: 4px;
    width: 76px;
    height: 37px;
    border: 1px solid #D9D9D9;
    border-radius: 100px;
    flex: none;
    order: 1;
    flex-grow: 0;
    margin: auto;
}

.boleto-linhadigi-botaocopiar {
    border: 1px solid #D9D9D9;
    border-radius: 100px;
    height: 100%;
    width: 100%;
    background-color: transparent;
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    align-items: center;
    letter-spacing: -0.2px;
    font-feature-settings: 'case' on;
    color: #0A1D6F;
}

.boleto-divisoria {
    width: 386px;
    height: 1px;
    background: #D9D9D9;
}

.boleto-valor-total {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.boleto-valor-total-valor {
    width: 386px;
    height: 24px;
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
}

.boleto-valor-total-via {
    width: 386px;
    height: 20px;
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    align-items: center;
    letter-spacing: -0.2px;
    font-feature-settings: 'case' on;
    /* Cinza800 */
    color: #3F3F3F;
}

.boleto-opcoes-pagamento {
    width: 386px;
    height: 190px;
}

.boleto-opcoes-pagamento-conteudo {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px 20px;
    gap: 16px;
    width: 386px;
    height: 177px;
    /* Cinza */
    border: 1px solid #D9D9D9;
    border-radius: 10px;
}

.boleto-opcoes-titulo {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 4px 6px;
    gap: 10px;
    position: absolute;
    width: 165px;
    height: 25px;
    left: 43.64px;
    top: 371px;
    background: #FFFFFF;
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #3F3F3F;
    flex: none;
}

.boleto-opcoes-lista {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 10px;
    width: 346px;
    height: 129px;
}

.boleto-opcao-um {
    /* Frame 10254 */
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 10px;
    width: 346px;
    height: 85px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

.boleto-opcao-um-numero {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 19px;
    height: 19px;
    background: #D9D9D9;
    border-radius: 100px;
    flex: none;
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    display: flex;
    color: #3F3F3F;
}

.boleto-opcao-um-descricao {
    /* Copie a linha digitável e realize o pagamento pelo seu banco, carteira digital ou aplicativo de pagamento. Se preferir, imprima o boleto e pague em qualquer supermercado, lotérica ou estabelecimento autorizado. */

    width: 317px;
    height: 85px;
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    /* Cinza800 */
    color: #3F3F3F;
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 1;
}

.boleto-opcao-dois {
    /* Frame 10255 */
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 10px;
    width: 346px;
    height: 34px;
    /* Inside auto layout */
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
}

.boleto-opcao-dois-numero {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 19px;
    height: 19px;
    background: #D9D9D9;
    border-radius: 100px;
    flex: none;
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    display: flex;
    color: #3F3F3F;
}

.boleto-opcao-dois-descricao {
    /* Após o pagamento, a aprovação será confirmada em até 2 horas úteis. */

    width: 317px;
    height: 34px;
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    /* Cinza800 */
    color: #3F3F3F;
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 1;
}

.boleto-botoes {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 24px;
    width: 386px;
    height: 44px;
}

.boleto-botao-fechar {
    /* Button type and states */
    background-color: transparent;
    box-sizing: border-box;
    /* Auto layout */
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 13px 32px;
    gap: 10px;
    width: 181px;
    height: 44px;
    /* Cinza */
    border: 1px solid #D9D9D9;
    border-radius: 22px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 1;
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    /* Azul Rend */
    color: #0A1D6F;
}

.boleto-botao-ver {
    /* Button type and states */
    /* Auto layout */
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 13px 32px;
    gap: 10px;
    width: 181px;
    height: 44px;
    /* Verde Pay */
    background: #54E99C;
    border-radius: 100px;
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 1;
    border: none;
    /* Text */

    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    /* Azul Rend */
    color: #0A1D6F;
}

img::tooltip {
    background-color: #f0f0f0;
    color: #333;
    padding: 5px;
    border: 1px solid #ccc;
}

.nav-link-prestacao {
    border: none;
    background: transparent;
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: -0.006em;
    color: #737373;
}

    .nav-link-prestacao.active {
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        width: 98px;
        height: 35px;
        border-bottom: 1px solid #0A1D6F;
        font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 17px;
        letter-spacing: -0.006em;
        color: #0A1D6F;
    }

.popupPrestacaoConta {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #FFFFFF;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    border: 1px solid #ccc;
    z-index: 9999;
}

.divPopUpPrestacaoConta {
    display: none;
}

    .divPopUpPrestacaoConta.show {
        display: block;
    }

.dadosPrestacaoConta {
    width: 480px;
    display: flex;
}

.fatura-menu-filtro-opcao {
    display: none;
    flex-direction: column;
    align-items: flex-start;
    padding: 8px;
    width: 178px;
    height: 148px;
    /* Branco */
    background: #FFFFFF;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    position: absolute;
    margin-top: 2px;
    z-index: 999;
}

.fatura-menu-filtro-opcao-titulo {
    /* Frame 36883 */
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 6px 10px;
    gap: 10px;
    width: 162px;
    height: 33px;
    /* Branco */
    background: #FFFFFF;
    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

.fatura-menu-filtro-opcao-titulo-texto {
    /* [ Nome ] */

    width: 82px;
    height: 21px;
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    /* identical to box height, or 150% */
    display: flex;
    align-items: center;
    /* Cinza800 */
    color: #3F3F3F;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

.fatura-menu-filtro-opcao-lista {
    /* Frame 36885 */
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 6px 24px;
    gap: 10px;
    width: 162px;
    height: 33px;
    /* Branco */
    background: #FFFFFF;
    /* Inside auto layout */
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
}

.fatura-menu-filtro-opcao-lista-texto {
    /* [ Nome ] */

    width: 120px;
    height: 21px;
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    /* identical to box height, or 150% */
    display: flex;
    align-items: center;
    /* Cinza Escuro */
    color: #737373;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

.fatura-menu-exportar-opcao {
    display: none;
    flex-direction: column;
    align-items: flex-start;
    padding: 8px;
    width: 158px;
    height: 82px;
    /* Branco */
    background: #FFFFFF;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    position: absolute;
    margin-top: 2px;
    z-index: 999;
}

.fatura-menu-exportar-opcao-lista {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 6px 10px;
    gap: 10px;
    width: 142px;
    height: 33px;
    /* Branco */
    background: #FFFFFF;
    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    text-align: left;
}

.fatura-menu-exportar-opcao-lista-texto {
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    display: flex;
    align-items: center;
    /* Cinza Escuro */
    color: #737373;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

.table-detalhes-prestacao-conta {
    margin: 0px;
}

    .table-detalhes-prestacao-conta tr {
        box-sizing: border-box;
        height: 1px;
        border-top: 1px dashed #D9D9D9;
        flex: none;
        order: 1;
        flex-grow: 0;
    }

    .table-detalhes-prestacao-conta td {
        border: none;
    }

    .table-detalhes-prestacao-conta th {
        border-bottom: 1px solid #D9D9D9;
    }

.modal-detalhes-prestacao-conta {
    width: 960px !important;
    height: 630px;
    display: flex;
    background: #FFFFFF;
    border-radius: 20px;
    padding: 24px;
    gap: 24px;
}

.modal-detalhes-posicao {
    margin: auto;
    height: 100%;
    background: transparent;
}

.modal-dialog-prestacao {
    margin: auto;
    width: 940px;
    padding-top: 4%;
}

.data-prestacao {
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    letter-spacing: -0.2px;
    font-feature-settings: 'case' on;
    color: #3F3F3F;
}

.detalhamento-prestacao-transacao {
    /*  position: relative;
    left: 228px;
    top: 137px;*/
}

    .detalhamento-prestacao-transacao p {
        font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 20px;
        display: flex;
        align-items: center;
        letter-spacing: -0.2px;
        font-feature-settings: 'case' on;
        color: #3F3F3F;
        flex: none;
        order: 1;
        align-self: stretch;
        flex-grow: 0;
    }

    .detalhamento-prestacao-transacao label {
        padding: 0px;
    }

.fatura-total-valor {
    background: #FFFFFF;
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 0.008em;
    color: #737373;
    margin-left: auto;
    padding: 5px 10px;
}

.controle-aba-habilitado {
    /* Frame 10560 */

    box-sizing: border-box;
    /* Auto layout */
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 16px 8px;
    gap: 10px;
    width: 91px;
    height: 38px;
    /* Branco */
    background: #FFFFFF;
    /* Cinza */
    border-width: 1px 1px 0px 1px;
    border-style: solid;
    border-color: #D9D9D9;
    border-radius: 10px 10px 0px 0px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

.controle-aba-inativa {
    /* Frame 36988 */
    border: none;
    box-sizing: border-box;
    /* Auto layout */
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 16px 8px;
    gap: 10px;
    width: 71px;
    height: 36px;
    background: #F2F3F7;
    /* Cinza */
    border-bottom: 1px solid #D9D9D9;
    border-radius: 10px 10px 0px 0px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

.menu-tab-controle-lista {
    /* Frame 10714 */
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    width: 1031px;
    height: 37px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    background-color: transparent;
    margin-bottom: 10px;
    border-bottom: 1px solid #D9D9D9;
}



.menu-tab-controle {
    /* Frame 10715 */
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    width: 885px;
    height: 35px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
    background-color: transparent;
}

    .menu-tab-controle > li {
        /* Frame 10398 */
        margin-right: 3px;
        box-sizing: border-box;
        /* Auto layout */
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        width: 98px;
        height: 35px;
        /* Inside auto layout */
        flex: none;
        order: 0;
        flex-grow: 0;
        background-color: transparent;
    }

        .menu-tab-controle > li > form > button, .menu-tab-controle > li > button {
            font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
            font-style: normal;
            font-weight: 600;
            font-size: 14px;
            align-items: center;
            text-align: center;
            letter-spacing: -0.006em;
            color: #0A1D6F;
            box-sizing: border-box;
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            padding: 6px 16px 12px;
            width: 98px;
            height: 37px;
        }

.menu-tab-controle-lista {
    /* Frame 10714 */
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    width: 1031px;
    height: 37px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    background-color: transparent;
}

.barra-superior-controle {
    /* Frame 6838 */

    box-sizing: border-box;
    /* Auto layout */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 12px 6px;
    gap: 6px;
    width: 495.5px;
    height: 106px;
    border-bottom: 2px solid #54E99C;
    /* Inside auto layout */
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
}

.barra-controle-filtro-botao {
    /* Frame 36922 */
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 16px;
    width: 483.5px;
    height: 44px;
    /* Inside auto layout */
    flex: none;
    order: 2;
    align-self: stretch;
    flex-grow: 0;
}

.barra-controle-botao {
    /* Button type and states */
    background-color: transparent;
    box-sizing: border-box;
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    padding: 10px 16px;
    gap: 4px;
    width: 119px;
    height: 37px;
    /* Cinza */
    border: 1px solid #D9D9D9;
    border-radius: 100px;
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;
}

    .barra-controle-botao > span {
        /* Frame 36856 */
        /* Auto layout */
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 0px;
        gap: 4px;
        width: 90px;
        height: 17px;
        /* Inside auto layout */
        flex: none;
        order: 1;
        flex-grow: 0;
        /* Novo perfil */

        height: 17px;
        font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 17px;
        /* identical to box height */
        display: flex;
        align-items: center;
        letter-spacing: -0.2px;
        font-feature-settings: 'case' on;
        /* Azul Rend */
        color: #0A1D6F;
        /* Inside auto layout */
        flex: none;
        order: 0;
        flex-grow: 0;
    }


.barra-controle-perfil-botao {
    /* Button type and states */
    background-color: transparent;
    box-sizing: border-box;
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    padding: 10px 16px;
    gap: 4px;
    width: 105px;
    height: 37px;
    /* Cinza */
    border: 1px solid #D9D9D9;
    border-radius: 100px;
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;
}

    .barra-controle-perfil-botao > span {
        /* Frame 36856 */
        /* Auto layout */
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 0px;
        gap: 4px;
        width: 90px;
        height: 17px;
        /* Inside auto layout */
        flex: none;
        order: 1;
        flex-grow: 0;
        /* Novo perfil */

        height: 17px;
        font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 17px;
        /* identical to box height */
        display: flex;
        align-items: center;
        letter-spacing: -0.2px;
        font-feature-settings: 'case' on;
        /* Azul Rend */
        color: #0A1D6F;
        /* Inside auto layout */
        flex: none;
        order: 0;
        flex-grow: 0;
    }




.controle-ativo-desativo-todos {
    /* Frame 36921 */
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 210px;
    height: 32px;
    /* Inside auto layout */
    flex: none;
    order: 3;
    flex-grow: 0;
}

.controle-ativo-desativo-todos-botoes-ativo {
    /* Button type and states */
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    padding: 6px;
    gap: 4px;
    width: 48px;
    height: 32px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

    .controle-ativo-desativo-todos-botoes-ativo > span {
        /* Frame 36856 */
        /* Auto layout */
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 0px;
        gap: 4px;
        width: 36px;
        height: 20px;
        /* Inside auto layout */
        flex: none;
        order: 1;
        flex-grow: 0;
        /* Novo perfil */

        width: 36px;
        height: 20px;
        font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 12px;
        line-height: 20px;
        /* identical to box height, or 167% */
        display: flex;
        align-items: center;
        letter-spacing: -0.2px;
        font-feature-settings: 'case' on;
        /* Cinza Escuro */
        color: #737373;
        /* Inside auto layout */
        flex: none;
        order: 0;
        flex-grow: 0;
    }

.controle-ativo-desativo-todos-botoes-desativado {
    /* Button type and states */
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    padding: 6px;
    gap: 4px;
    width: 83px;
    height: 32px;
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;
}

    .controle-ativo-desativo-todos-botoes-desativado > span {
        /* Frame 36856 */
        /* Auto layout */
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 0px;
        gap: 4px;
        width: 71px;
        height: 20px;
        /* Inside auto layout */
        flex: none;
        order: 1;
        flex-grow: 0;
        /* Novo perfil */

        width: 71px;
        height: 20px;
        font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 12px;
        line-height: 20px;
        /* identical to box height, or 167% */
        display: flex;
        align-items: center;
        letter-spacing: -0.2px;
        font-feature-settings: 'case' on;
        /* Cinza Escuro */
        color: #737373;
        /* Inside auto layout */
        flex: none;
        order: 0;
        flex-grow: 0;
    }

.controle-ativo-desativo-todos-botoes-todos {
    /* Button type and states */
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    padding: 6px;
    gap: 4px;
    width: 47px;
    height: 32px;
    /* Inside auto layout */
    flex: none;
    order: 2;
    flex-grow: 0;
}

    .controle-ativo-desativo-todos-botoes-todos > span {
        /* Frame 36856 */

        box-sizing: border-box;
        /* Auto layout */
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 0px;
        gap: 4px;
        width: 35px;
        height: 20px;
        /* Cinza Escuro */
        /* Inside auto layout */
        flex: none;
        order: 1;
        flex-grow: 0;
        /* Novo perfil */

        width: 35px;
        height: 20px;
        font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 12px;
        line-height: 20px;
        /* identical to box height, or 167% */
        display: flex;
        align-items: center;
        letter-spacing: -0.2px;
        font-feature-settings: 'case' on;
        /* Cinza Escuro */
        color: #737373;
        /* Inside auto layout */
        flex: none;
        order: 0;
        flex-grow: 0;
    }

.controle-ativo-desativo-todos-borda {
    border-bottom: 1px solid #737373;
}

.controle-lista-usuario {
    align-items: flex-start;
    padding: 6px 0px 0px;
    gap: 8px;
    width: 500px;
    height: 571px;
    /* Inside auto layout */
    flex: none;
    order: 2;
    flex-grow: 1;
    overflow-y: scroll;
}

.controle-lista-usuario-individual {
    /* Frame 4095 */

    box-sizing: border-box;
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px 12px;
    gap: 20px;
    width: 481.5px;
    height: 50px;
    /* Cinza */
    border-bottom: 1px solid #D9D9D9;
    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 1;
}

.controle-lista-usuario-individual-cinza {
    background: #F2F3F7;
}

.controle-lista-usuario-individual-desativado {
    /* Frame 4095 */

    box-sizing: border-box;
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px 12px;
    gap: 20px;
    width: 481.5px;
    height: 50px;
    /* Inside auto layout */
    flex: none;
    order: 7;
    align-self: stretch;
    flex-grow: 0;
}

.controle-lista-usuario-individual-desativado-botao {
    /* Stauts */
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 16px;
    gap: 2px;
    width: 96px;
    height: 31px;
    /* Cinza BG */
    background: #F2F3F7;
    border-radius: 100px;
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;
    /* Descrição */

    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    /* identical to box height */
    display: flex;
    align-items: center;
    /* Cinza Escuro */
    color: #737373;
    /* Inside auto layout */
    flex: none;
    flex-grow: 0;
}

.controle-lista-usuario-individual-nome {
    height: 18px;
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    /* identical to box height, or 129% */
    display: flex;
    align-items: center;
    letter-spacing: 0.008em;
    /* Cinza800 */
    color: #3F3F3F;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 1;
}

.controle-lista-usuario-individual-trespontos {
    /* Right */

    width: 24px;
    height: 24px;
    border-radius: 5px;
    /* Inside auto layout */
    flex: none;
    order: 7;
    flex-grow: 0;
}

.div-superior-as-abas {
    /* Frame 10557 */
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 32px;
    width: 1023px;
    height: 715px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

.div-abas {
    /* Frame 6488 */
    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    width: 495.5px;
    height: 715px;
    /* Branca */
    background: #FFFFFF;
    border-radius: 10px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

.div-permissao-usuario {
    /* Frame 6489 */

    box-sizing: border-box;
    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 23px 15px 0px 25px;
    gap: 24px;
    width: 495.5px;
    height: 715px;
    /* Branca */
    background: #FFFFFF;
    /* Cinza */
    border-left: 1px solid #D9D9D9;
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 1;
}


.usuario-definir-permissao {
    /* Frame 10563 */

    box-sizing: border-box;
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px 0px 24px;
    gap: 16px;
    width: 447.5px;
    height: 68px;
    /* Cinza */
    border-bottom: 1px solid #D9D9D9;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

.usuario-nome {
    /* Frame 10566 */
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 6px;
    width: 234px;
    height: 32px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

.usuario-nome-imagem {
    /* icones */

    width: 32px;
    height: 32px;
    border-radius: 3.78361px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

.usuario-nome-nome {
    /* Bruna Campos Vioti */

    width: 182px;
    height: 26px;
    /* H3 */
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    /* identical to box height, or 130% */
    display: flex;
    align-items: center;
    letter-spacing: -0.56px;
    font-feature-settings: 'case' on;
    /* Cinza800 */
    color: #3F3F3F;
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;
    /* Bruna Campos Vioti */
    /* H3 */
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    /* identical to box height, or 130% */
    display: flex;
    align-items: center;
    letter-spacing: -0.56px;
    font-feature-settings: 'case' on;
    /* Cinza800 */
    color: #3F3F3F;
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;
}

.usuario-seleciona-perfil-select {
    /* Container */
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 12px 14px;
    gap: 8px;
    width: 161.5px;
    height: 44px;
    /* Neutral 96 */
    background: #F2F3F7 url('../Imagens/Icones/UsuarioSetaBaixoSelect.png') 95.5% 50% no-repeat;
    border-radius: 8px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 1;
    /* Label */
    /* H5 */
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    /* identical to box height, or 143% */
    display: flex;
    align-items: center;
    letter-spacing: -0.2px;
    font-feature-settings: 'case' on;
    /* Neutral 46 */
    color: #797979;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 1;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.usuario-lista-permissao-inserir {
    /* Frame 10565 */
    /* Auto layout */
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 8px;
    width: fit-content;
    /* Inside auto layout */
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
}

.usuario-lista-permissao {
    /* Frame 10565 */
    /* Auto layout */
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 8px;
    width: fit-content;
    height: 599px;
    /* Inside auto layout */
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
}

.usuario-lista-permissao-permissao {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    padding-top: 10px;
    gap: 10px 15px;
    width: 463px;
    height: 395px;
    align-self: stretch;
    align-content: flex-start;
    justify-content: flex-start;
    overflow-y: auto;
}

.usuario-lista-permissao-permissao-perfil {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px 0px 10px;
    gap: 9px;
    width: 213px;
    border-bottom: 1px solid #D9D9D9;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

.usuario-lista-permissao-permissao-perfil-titulo {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 10px;
    width: 220px;
    height: 24px;
    flex: none;
    order: 0;
    flex-grow: 0;
}

    .usuario-lista-permissao-permissao-perfil-titulo > span {
        width: 187px;
        font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 17px;
        color: #3F3F3F;
        flex: none;
        order: 1;
        flex-grow: 0;
    }


.usuario-lista-permissao-permissao-perfil-titulo-checkbox {
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 8px;
    width: 20px;
    height: 24px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
    accent-color: #18a35b;
}

.usuario-lista-permissao-permissao-perfil-acao {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 8px;
    width: 218px;
}

.usuario-lista-permissao-permissao-perfil-acao-opcao {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 4px;
    width: 213px;
}

.usuario-lista-permissao-permissao-perfil-acao-opcao-titulo {
    width: 182px;
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 15px;
    color: #737373;
    flex: none;
}

.usuario-lista-permissao-lista-botoes {
    /* Frame 36917 */

    box-sizing: border-box;
    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 15px 0px 0px;
    gap: 8px;
    width: 435.5px;
    height: 76px;
    /* Cinza */
    border-top: 1px solid #D9D9D9;
    /* Inside auto layout */
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
}

.usuario-lista-permissao-botoes {
    /* Frame 36859 */
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 8px;
    width: 435.5px;
    height: 44px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

.usuario-lista-permissao-botoes-desfazer {
    /* Button type and states */

    box-sizing: border-box;
    /* Auto layout */
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 13px 32px;
    gap: 10px;
    width: 213.75px;
    height: 44px;
    /* Cinza */
    border: 1px solid #D9D9D9;
    border-radius: 22px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 1;
    background-color: transparent;
    /* Text */

    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    /* identical to box height */
    display: flex;
    align-items: center;
    text-align: center;
    /* Azul Rend */
    color: #0A1D6F;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

.usuario-lista-permissao-botoes-salvar {
    /* Button type and states */
    /* Auto layout */
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 13px 32px;
    gap: 10px;
    width: 213.75px;
    height: 44px;
    /* Verde Pay */
    background: #54E99C;
    border-radius: 100px;
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 1;
    /* Text */

    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    /* identical to box height */
    display: flex;
    align-items: center;
    text-align: center;
    /* Azul Rend */
    color: #0A1D6F;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
    border: none;
}

.linha-clique:hover {
    cursor: pointer;
}

.controle-novo-usuario {
    /* CADASTRO NOVO USUÁRIO [ Limpo ] */
    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px 32px;
    gap: 40px;
    position: absolute;
    width: 502px;
    height: 507px;
    left: 574px;
    top: 196px;
    z-index: 999;
    background: #FFFFFF;
    border-radius: 20px;
    box-shadow: 3px 3px #c6bcbc2e, -3px -3px 3px #c6bcbc2e;
}

.controle-novo-usuario-conteudo {
    /* Frame 36860 */
    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    gap: 32px;
    width: 438px;
    height: fit-content;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

.controle-novo-usuario-conteudo-formulario {
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 32px;
    width: 438px;
    height: 392px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

.controle-novo-usuario-conteudo-titulo {
    /* Frame 10566 */
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 6px;
    width: 438px;
    height: 32px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    /* Cadastro de novo usuário */
    /* Cadastro de novo usuário */

    width: 438px;
    height: 32px;
    /* H2 */
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    /* identical to box height, or 133% */
    display: flex;
    align-items: center;
    letter-spacing: -0.6px;
    font-feature-settings: 'case' on;
    /* Cinza800 */
    color: #3F3F3F;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 1;
}

.controle-novo-usuario-conteudo-formulario-campos {
    /* Frame 36877 */
    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 6px;
    width: 438px;
    height: 228px;
    /* Inside auto layout */
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
}

.controle-novo-usuario-conteudo-formulario-campos-input {
    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 10px;
    gap: 4px;
    width: 438px;
    /*height: 60px;*/
    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

.controle-novo-usuario-conteudo-formulario-campos-select {
    padding: 12px;
}

    .controle-novo-usuario-conteudo-formulario-campos-select > option {
        /* Label */

        width: 378px;
        height: 20px;
        /* Body small */
        font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        /* identical to box height, or 143% */
        display: flex;
        align-items: center;
        letter-spacing: -0.2px;
        font-feature-settings: 'case' on;
        /* Neutral 46 */
        color: #797979;
        /* Inside auto layout */
        flex: none;
        order: 0;
        flex-grow: 1;
    }

.controle-novo-usuario-conteudo-botoes {
    /* Frame 36859 */
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 438px;
    height: 44px;
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;
}

.controle-novo-usuario-conteudo-botoes-cancelar {
    /* Button type and states */

    box-sizing: border-box;
    /* Auto layout */
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 13px 32px;
    gap: 10px;
    width: 211px;
    height: 44px;
    /* Cinza */
    border: 1px solid #D9D9D9;
    border-radius: 22px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 1;
    /* Text */
    background-color: transparent;
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    /* identical to box height */
    display: flex;
    align-items: center;
    text-align: center;
    /* Azul Rend */
    color: #0A1D6F;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

.controle-novo-usuario-conteudo-botoes-salvar {
    /* Button type and states */

    box-sizing: border-box;
    /* Auto layout */
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 13px 32px;
    gap: 10px;
    width: 211px;
    height: 44px;
    /* Cinza */
    border: 1px solid #D9D9D9;
    border-radius: 22px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 1;
    /* Text */
    background-color: #54E99C;
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    /* identical to box height */
    display: flex;
    align-items: center;
    text-align: center;
    /* Azul Rend */
    color: #0A1D6F;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

.menu-usuario-opcao {
    padding: 8px;
    width: 108px;
    background: #FFFFFF;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    z-index: 999;
    position: relative;
    left: 49px;
    top: 79px;
}

.menu-usuario-opcao-ver-desabilitar {
    /* Frame 36879 */
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 6px 10px;
    gap: 10px;
    width: 92px;
    height: 33px;
    /* Branco */
    background: #FFFFFF;
    /* Inside auto layout */
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
}

    .menu-usuario-opcao-ver-desabilitar > span {
        /* [ Nome ] */

        width: 72px;
        height: 21px;
        font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 21px;
        /* identical to box height, or 150% */
        display: flex;
        align-items: center;
        /* Cinza Escuro */
        color: #737373;
        /* Inside auto layout */
        flex: none;
        order: 0;
        flex-grow: 0;
    }

/* ----------- INICIO CHECKBOX AO ESTILO DO FIGMA --------------                                                                        */
/*  SÓ COLOCAR O HTML ABAIXO E VER O RESULTADO                                                                                          */
/*          <input class="chkInputRendi" type="checkbox" id="switch" /><label for="switch" class="chkLabel">Toggle</label>              */

.chkInputRendi[type=checkbox] {
    height: 0;
    width: 0;
    visibility: hidden;
}

.chkLabel {
    cursor: pointer;
    text-indent: -9999px;
    width: 32px;
    height: 16px;
    background-color: transparent;
    display: block;
    border-radius: 100px;
    position: relative;
    border: solid 1px #73737380;
}

    .chkLabel:after {
        content: '';
        position: absolute;
        top: 0.6px;
        left: 2px;
        width: 13px;
        height: 13px;
        background: #73737380;
        border-radius: 90px;
        transition: 0.3s;
    }

.chkInputRendi:checked + .chkLabel {
    background: #54E99C;
    border: solid 1px #54E99C;
}

    .chkInputRendi:checked + .chkLabel:after {
        background: white;
    }

    .chkInputRendi:checked + .chkLabel:after {
        left: calc(100% - 2px);
        transform: translateX(-100%);
    }

.chkLabel:active:after {
    width: 32px;
}
/* ----------- FIM CHECKBOX AO ESTILO DO FIGMA -------------- */

.perfil-botao-edicao {
    /* Stauts */

    box-sizing: border-box;
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 5px 8px;
    gap: 2px;
    width: 105px;
    height: 22px;
    background: #FFF3EB;
    border-radius: 100px;
    /* Inside auto layout */
    flex: none;
    flex-grow: 0;
    /* Descrição */

    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    /* Vermelho */
    color: #C85454;
    /* Inside auto layout */
    flex: none;
    flex-grow: 0;
}


.menu-perfil-opcao {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 8px;
    position: absolute;
    /*left: 786px;
    top: 388px;*/
    margin-left: 25%;
    width: 108px;
    background: #FFFFFF;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
}

.modal-controle-perfil-excluir {
    /* EXCLUIR */
    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 32px 56px;
    gap: 32px;
    position: relative;
    width: 380px;
    height: 294px;
    left: 93px;
    top: 232px;
    background: #FFFFFF;
    border-radius: 10px;
    position: absolute;
    left: 600px;
    box-shadow: 3px 3px #c6bcbc2e, -3px -3px 3px #c6bcbc2e;
    z-index: 999;
}

.modal-controle-perfil-excluir-titulo {
    /* Frame 3942 */
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 10px;
    width: 189px;
    height: 34px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

.modal-controle-perfil-excluir-titulo-img {
    /* Group */

    width: 34px;
    height: 34px;
}

.modal-controle-perfil-excluir-titulo-label {
    /* Título */

    height: 32px;
    /* H2 */
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    /* identical to box height, or 133% */
    letter-spacing: -0.6px;
    font-feature-settings: 'case' on;
    /* Cinza800 */
    color: #3F3F3F;
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;
}

.modal-controle-perfil-excluir-descricao {
    /* Frame 4006 */
    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 268px;
    height: 88px;
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;
}

.modal-controle-perfil-excluir-descricao-superior {
    width: 269px;
    height: 24px;
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    /* identical to box height, or 150% */
    letter-spacing: 0.008em;
    /* Cinza800 */
    color: #3F3F3F;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

.modal-controle-perfil-excluir-descricao-inferior {
    /* Conteúdo */

    width: 280px;
    height: 48px;
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    /* or 150% */
    letter-spacing: 0.008em;
    /* Cinza800 */
    color: #3F3F3F;
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;
}

.modal-controle-perfil-excluir-botao {
    /* Frame 10584 */
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 16px;
    width: 268px;
    height: 44px;
    /* Inside auto layout */
    flex: none;
    order: 2;
    align-self: stretch;
    flex-grow: 0;
}

.modal-controle-perfil-excluir-botao-nao {
    /* Button solid */
    /* Auto layout */
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px 49px;
    gap: 10px;
    width: 126px;
    height: 44px;
    /* Verde Pay */
    background: #54E99C;
    border-radius: 22px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
    /* Text */

    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: center;
    text-align: center;
    /* Azul Rend */
    color: #0A1D6F;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

.modal-controle-perfil-excluir-botao-sim {
    /* Button solid */

    box-sizing: border-box;
    /* Auto layout */
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px 49px;
    gap: 10px;
    width: 126px;
    height: 44px;
    /* Verde Pay */
    border: 1.5px solid #54E99C;
    border-radius: 22px;
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;
    /* Text */

    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: center;
    text-align: center;
    /* Verde Pay */
    color: #54E99C;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
    background-color: transparent;
}

/* IMPEDIR EXLCUIR PERFIL */
.modal-impedir-exclusao-perfil {
    /* EXCLUIR */
    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 32px;
    gap: 32px;
    position: relative;
    width: 380px;
    height: 372px;
    left: 600px;
    top: 232px;
    background: #FFFFFF;
    border-radius: 10px;
    position: absolute;
    z-index: 999;
    box-shadow: 3px 3px #c6bcbc2e, -3px -3px 3px #c6bcbc2e;
}

.modal-impedir-exclusao-perfil-titulo {
    /* Frame 3942 */
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 10px;
    width: 316px;
    height: 64px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

.modal-impedir-exclusao-perfil-descricao-img {
    /* Group 3865 */

    width: 32px;
    height: 32px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

.modal-impedir-exclusao-perfil-descricao-label {
    /* Título */

    width: 274px;
    height: 64px;
    /* H2 */
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    /* or 133% */
    letter-spacing: -0.6px;
    font-feature-settings: 'case' on;
    /* Cinza800 */
    color: #3F3F3F;
    /* Inside auto layout */
    flex: none;
    flex-grow: 1;
}

.modal-impedir-exclusao-perfil-descricao {
    /* Frame 4006 */
    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 316px;
    height: 136px;
    /* Inside auto layout */
    flex: none;
    align-self: stretch;
    flex-grow: 0;
}

.modal-impedir-exclusao-perfil-descricao-superior {
    /* Conteúdo */

    width: 316px;
    height: 48px;
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    /* or 150% */
    letter-spacing: 0.008em;
    /* Cinza800 */
    color: #3F3F3F;
    /* Inside auto layout */
    flex: none;
    align-self: stretch;
    flex-grow: 0;
}

.modal-impedir-exclusao-perfil-descricao-inferior {
    /* Conteúdo */

    width: 316px;
    height: 72px;
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    /* or 150% */
    letter-spacing: 0.008em;
    /* Cinza800 */
    color: #3F3F3F;
    /* Inside auto layout */
    flex: none;
    align-self: stretch;
    flex-grow: 0;
}

.modal-impedir-exclusao-perfil-botao {
    /* Button solid */
    /* Auto layout */
    flex-direction: row;
    justify-content: center;
    padding: 0px 49px;
    gap: 10px;
    width: 180px;
    height: 44px;
    /* Verde Pay */
    background: #54E99C;
    border-radius: 22px;
    /* Inside auto layout */
    /* Text */

    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: center;
    text-align: center;
    /* Azul Rend */
    color: #0A1D6F;
    /* Inside auto layout */
    flex: none;
    flex-grow: 0;
}

/* MODAL INSERIR PERFIL -----------------------*/
.modal-inserir-perfil {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    width: 498px;
    /*height: 733px;*/
    padding: 10px;
    left: 600px;
    top: 59px;
    background: #FFFFFF;
    border-radius: 20px;
    position: absolute;
    z-index: 999;
    box-shadow: 3px 3px #c6bcbc2e, -3px -3px 3px #c6bcbc2e;
}

.info {
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 17px !important;
    letter-spacing: 0.02em !important;
    color: #0A1D6F !important;
    flex: none;
    order: 1;
    flex-grow: 1;
}

.definicao-senha {
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 17px !important;
    display: flex;
    align-items: center;
    letter-spacing: 0.008em !important;
    color: #737373 !important;
    flex: none;
    order: 1;
    flex-grow: 1;
}

#novaSenha.erro, #confirmarSenha.erro, #labelConfirmarSenha.erro, #labelNovaSenha.erro {
    border: 2px solid red;
    color: red;
}

#novaSenha.sucesso, #confirmarSenha.sucesso, #labelConfirmarSenha.sucesso, #labelNovaSenha.sucesso {
    border: 2px solid green;
    color: green;
}

.container-filtro-data-prestacao-conta {
    transform: translate(-260px, 40px) !important;
}

.divider-filtro-data-prestacao-conta {
    margin-left: 0px;
}

.up-solicitacartao {
    /* Frame 37014 */
    /* Auto layout */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px 8px;
    gap: 10px;
    width: 975px;
    height: 98px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    margin: 22px 0px 6px 19px;
}

.up-solicitacartao-titulo {
    /* Frame 37015 */
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 10px;
    width: 975px;
    height: 32px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

.up-solicitacartao-titulo-img {
    /* icones */

    width: 32px;
    height: 32px;
    border-radius: 3.78361px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

.up-solicitacartao-titulo-descricao {
    /* Arquivo “lista-de-novos-cartoes.txt” importado com sucesso! */

    width: 933px;
    height: 24px;
    /* H3 */
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    /* or 130% */
    letter-spacing: -0.56px;
    font-feature-settings: 'case' on;
    /* Cinza800 */
    color: #3F3F3F;
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 1;
}

.up-solicitacartao-mensagem {
    /* Frame 37016 */
    /* Auto layout */
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px 40px;
    gap: 10px;
    width: 975px;
    height: 48px;
    /* Inside auto layout */
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
}

.up-solicitacartao-texto {
    /* Os novos cartões estão listados abaixo para sua análise. Caso os dados estejam corretos, 
por favor, veja o valor total e confirme seu pedido. */

    width: 895px;
    height: 48px;
    /* Body */
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    /* or 150% */
    letter-spacing: -0.2px;
    font-feature-settings: 'case' on;
    /* Cinza800 */
    color: #3F3F3F;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 1;
}

.prestacao-centro-custo-botao {
    /* Button type and states */

    box-sizing: border-box;
    /* Auto layout */
    flex-direction: row;
    padding: 10px 16px;
    gap: 4px;
    width: 166px;
    height: 37px;
    /* Cinza */
    border: 1px solid #D9D9D9;
    border-radius: 100px;
    /* Inside auto layout */
    /* Novo perfil */

    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    /* identical to box height */
    display: flex;
    align-items: center;
    letter-spacing: -0.2px;
    font-feature-settings: 'case' on;
    /* Azul Rend */
    color: #0A1D6F;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
    background-color: transparent;
    margin-left: auto;
}

/* MODAL CENTRO DE CUSTO */
.modal-centrocusto {
    /* CADASTRO NOVO USUÁRIO [ Limpo ] */
    /* Auto layout */
    flex-direction: column;
    align-items: center;
    padding: 24px 32px;
    gap: 40px;
    position: relative;
    width: 480px;
    height: 538px;
    left: 527px;
    top: 132px;
    background: #FFFFFF;
    border-radius: 20px;
    position: absolute;
    z-index: 900;
    box-shadow: 3px 3px #c6bcbc2e, -3px -3px 3px #c6bcbc2e;
}

.modal-centrocusto-conteudo {
    /* Frame 36860 */
    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    gap: 24px;
    width: 416px;
    height: 490px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 1;
}

.modal-centrocusto-cabecalho {
    /* Frame 37413 */
    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 8px;
    width: 416px;
    height: 80px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

.modal-centrocusto-cabecalho-titulo {
    /* Frame 10566 */
    /* Auto layout */
    flex-direction: row;
    padding: 0px;
    gap: 6px;
    width: 416px;
    height: 32px;
    /* Inside auto layout */
    align-self: stretch;
    /* Centro de custos */
    /* H2 */
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    /* identical to box height, or 133% */
    display: flex;
    align-items: center;
    letter-spacing: -0.6px;
    font-feature-settings: 'case' on;
    /* Cinza800 */
    color: #3F3F3F;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 1;
}

.modal-centrocusto-cabecalho-titulo-xis {
    margin-left: auto;
}

.modal-centrocusto-cabecalho-descricao {
    width: 416px;
    height: 40px;
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    /* or 143% */
    letter-spacing: -0.2px;
    font-feature-settings: 'case' on;
    /* Cinza800 */
    color: #3F3F3F;
    /* Inside auto layout */
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
}

.modal-centrocusto-registro {
    padding: 0px;
    height: 386px;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 1;
}

.modal-centrocusto-registro-filtro {
    /* Frame 37443 */

    box-sizing: border-box;
    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px 8px 8px;
    gap: 8px;
    width: 416px;
    height: 88px;
    /* Success */
    border-bottom: 2px solid #54E99C;
    /* Inside auto layout */
    flex: none;
    order: 2;
    align-self: stretch;
    flex-grow: 0;
}

.modal-centrocusto-registro-filtro-pes-bot {
    /* Frame 37445 */
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 8px;
    width: 400px;
    height: 40px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

.modal-centrocusto-registro-filtro-pes-bot-pesquisa {
    /* Frame 4804 */

    box-sizing: border-box;
    /* Auto layout */
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px;
    padding-left: 38px;
    gap: 4px;
    width: 313px;
    height: 40px;
    /* Cinza BG */
    background: #F2F3F7;
    border-radius: 5px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 1;
}

.modal-centrocusto-registro-filtro-pes-bot-botao {
    box-sizing: border-box;
    width: 79px;
    height: 37px;
    border: 1px solid #D9D9D9;
    border-radius: 100px;
    padding: 0px;
    gap: 4px;
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    background-color: transparent;
    /***/
    align-items: center;
    letter-spacing: -0.2px;
    font-feature-settings: 'case' on;
    /* Azul Rend */
    color: #0A1D6F;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

.modal-centrocusto-registro-filtro-status {
    /* Frame 36921 */
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 177px;
    height: 32px;
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;
}

.modal-centrocusto-registro-filtro-status-opcao {
    /* Button type and states */
    /* Auto layout */
    flex-direction: row;
    padding: 6px;
    gap: 4px;
    width: 48px;
    height: 32px;
    border-radius: 100px;
    /* Inside auto layout */
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    /* identical to box height, or 167% */
    display: flex;
    align-items: center;
    letter-spacing: -0.2px;
    font-feature-settings: 'case' on;
    /* Cinza Escuro */
    color: #737373;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

.modal-centrocusto-registro-filtro-status-opcao-selecionado {
    border-bottom: 1px solid #737373;
    border-radius: 0px;
}

.modal-centrocusto-registro-grid {
    /* Frame 10562 */
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 8px 0px 0px;
    gap: 4px;
    width: 416px;
    height: 298px;
    overflow-y: scroll;
    overflow-x: hidden;
    /* Inside auto layout */
    flex: none;
    order: 3;
    align-self: stretch;
    flex-grow: 1;
}

.modal-centrocusto-registro-grid-linhas {
    /* Frame 36977 */
    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 4px;
    width: 404px;
    height: 290px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 1;
}

.modal-centrocusto-registro-grid-linhas-registro {
    box-sizing: border-box;
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px 16px;
    gap: 8px;
    height: 44px;
    /* Branco */
    background: #FFFFFF;
    /* Cinza */
    border-bottom: 1px solid #D9D9D9;
    border-radius: 0px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

.modal-centrocusto-registro-grid-linhas-registro-texto {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 4px;
    width: 235px;
    height: 20px;
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.2px;
    font-feature-settings: 'case' on;
    color: #3F3F3F;
    flex: none;
    order: 2;
    flex-grow: 0;
}

.modal-centrocusto-registro-grid-linhas-registro-menu {
    text-align: center;
    width: 24px;
    height: 24px;
    border-radius: 3.78361px;
    flex: none;
    order: 2;
    flex-grow: 0;
    font-size: 15px;
    margin-left: auto;
}

/* MODAL CENTRO CUSTO INSERIR */

.modal-centrocusto-inserir {
    /* CADASTRO NOVO USUÁRIO [ Limpo ] */
    /* Auto layout */
    flex-direction: column;
    align-items: center;
    padding: 24px 32px;
    gap: 40px;
    width: 480px;
    height: 538px;
    left: 527px;
    top: 132px;
    background: #FFFFFF;
    border-radius: 20px;
    position: absolute;
    z-index: 920;
    box-shadow: 3px 3px #c6bcbc2e, -3px -3px 3px #c6bcbc2e;
}

.modal-centrocusto-inserir-conteudo {
    /* Frame 10557 */
    /* Auto layout */
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 48px;
    width: 416px;
    height: 434px;
    /* Inside auto layout */
    flex: none;
    order: 1;
    align-self: stretch;
}

.modal-centrocusto-inserir-conteudo-form {
    /* Frame 36884 */
    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 416px;
    height: 322px;
    /* Inside auto layout */
    flex: none;
    order: 3;
    align-self: stretch;
    flex-grow: 0;
}

.modal-centrocusto-inserir-conteudo-form-titulo {
    display: flex;
    align-items: flex-start;
    padding: 0px;
    gap: 8px;
    width: 416px;
    height: 26px;
    align-self: stretch;
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    display: flex;
    letter-spacing: -0.56px;
    font-feature-settings: 'case' on;
    color: #3F3F3F;
    flex: none;
    order: 0;
}

.modal-centrocusto-inserir-conteudo-form-input {
    /* Frame 36877 */
    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 24px;
    width: 416px;
    height: 144px;
    /* Inside auto layout */
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
}

.modal-centrocusto-inserir-conteudo-form-input-campo {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    width: 416px;
    height: 60px;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

.modal-centrocusto-inserir-conteudo-barra {
    width: 416px;
    height: 1px;
    background: #E0E0E0;
    flex: none;
    order: 4;
    align-self: stretch;
    flex-grow: 0;
    margin-bottom: 40px;
}

.modal-centrocusto-inserir-conteudo-barra-superior {
    width: 416px;
    height: 1px;
    /* Neutral 88 */
    background: #E0E0E0;
    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

.modal-centrocusto-inserir-conteudo-botoes {
    /* Frame 36859 */
    /* Auto layout */
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
    padding: 0px;
    gap: 16px;
    width: 416px;
    height: 44px;
    /* Inside auto layout */
    flex: none;
    order: 5;
    align-self: stretch;
    flex-grow: 0;
}

.modal-centrocusto-inserir-conteudo-botoes-cancelar {
    /* Button type and states */

    box-sizing: border-box;
    /* Auto layout */
    flex-direction: row;
    justify-content: center;
    padding: 13px 32px;
    gap: 10px;
    width: 200px;
    height: 44px;
    /* Cinza */
    border: 1px solid #D9D9D9;
    border-radius: 22px;
    /* Inside auto layout */
    /* Text */

    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    /* identical to box height */
    display: flex;
    align-items: center;
    text-align: center;
    /* Azul Rend */
    color: #0A1D6F;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
    background-color: transparent;
    /* Text */
}

.modal-centrocusto-inserir-conteudo-botoes-salvar {
    justify-content: center;
    padding: 13px 32px;
    gap: 10px;
    width: 200px;
    height: 44px;
    background: #54E99C;
    border-radius: 100px;
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #0A1D6F;
    flex: none;
    order: 0;
    flex-grow: 0;
    border: none;
}

/* MENU DO MODAL DE CENTRO DE CUSTO */
.centro-custo-menu {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    width: 100px;
    height: 67px;
    left: -78px;
    top: -85px;
    z-index: 999;
    background: #FFFFFF;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.10);
    border-radius: 8px;
}

.centro-custo-menu-inativo {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    width: 100px;
    left: -78px;
    top: -47px;
    z-index: 999;
    background: #FFFFFF;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.10);
    border-radius: 8px;
}

.primeiro-menu-centro-custo {
    top: 2px !important;
}

.centro-custo-menu-opcao {
    /* Frame 36879 */
    /* Auto layout */
    flex-direction: row;
    padding: 6px 10px;
    gap: 10px;
    height: 33px;
    /* Branco */
    background: #FFFFFF;
    /* Inside auto layout */
    align-self: stretch;
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    /* identical to box height, or 150% */
    display: flex;
    align-items: center;
    /* Cinza Escuro */
    color: #737373;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

.menu-filtros-container-log-ocorrencias {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    list-style: none !important;
    padding: 0 !important;
    width: 100% !important;
}

.input-busca-cpf-log-ocorrencias {
    width: 100% !important;
}

.filter-input-container-log-ocorrencias {
    flex-grow: 1 !important;
}

.search-container-log-ocorrencias {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
}

.menu-filtros-container-bloqueio {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    list-style: none !important;
    padding: 0 !important;
    width: 100% !important;
}

.filter-input-container-bloqueio {
    flex-grow: 1 !important;
}

.search-container-bloqueio {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
}

.input-busca-cpf-bloqueio {
    flex-grow: 1 !important;
    padding-left: 34px
}

.btn-busca-bloqueio {
    background: none !important;
    border: none !important;
    cursor: pointer !important;
    padding: 0 !important;
}

    .btn-busca-bloqueio img {
        width: 20px !important;
        height: 20px !important;
    }

.menu-tab-bloqueios-lista .filter-button {
    white-space: nowrap !important;
    width: fit-content !important;
    padding: 10px;
}

.menu-tab-bloqueios-lista .menu-filtros-container > li:not(:first-child) {
    margin-left: 0 !important;
}

.tela-bloqueio-content .form-switch .form-check-input {
    width: 40px;
}

    .tela-bloqueio-content .form-switch .form-check-input:checked {
        background-color: #30D158;
        border-color: #30D158;
        border: none;
        background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba(255,255,255,1.0)'/></svg>");
    }

.tela-bloqueio-content .form-switch {
    display: flex !important;
    justify-content: center;
}

.tela-bloqueio-content table td {
    padding: 0px 10px;
}



.tela-log-ocorrencias-content .form-switch .form-check-input {
    width: 40px;
}

    .tela-log-ocorrencias-content .form-switch .form-check-input:checked {
        background-color: #30D158;
        border-color: #30D158;
        border: none;
        background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba(255,255,255,1.0)'/></svg>");
    }

.tela-log-ocorrencias-content .form-switch {
    display: flex !important;
    justify-content: center;
}

.tela-log-ocorrencias-content table td {
    padding: 0px 10px;
}

.fundoMudar {
    background-color: #f2f3f7;
}

/* INICIO GRUPO MCC */
.grupomcc {
    /* Frame 6488 */
    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 6px;
    width: 1023px;
    height: 464px;
    /* Branca */
    background: #FFFFFF;
    border-radius: 10px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 1;
}

.grupomcc-filtro {
    /* Frame 6838 */

    box-sizing: border-box;
    /* Auto layout */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 0px 6px 8px;
    gap: 6px;
    width: 1023px;
    height: 90px;
    border-bottom: 2px solid #54E99C;
    /* Inside auto layout */
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
}

.grupomcc-filtro-pesquisa {
    /* Frame 36922 */
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 24px;
    width: 1011px;
    height: 44px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

.grupomcc-filtro-pesquisa-campo {
    height: 44px;
}

/* INICIO PESQUISA */
.grupomcc-filtro-pesquisa-campo-pesquisar {
    width: 846px;
    height: 44px;
    padding-left: 35px;
}

.grupomcc-filtro-pesquisa-campo-pesquisar-icone {
    position: relative;
    top: -38px;
    left: 8px;
}

.grupomcc-filtro-pesquisa-campo-pesquisar-seta {
    position: relative;
    top: -38px;
    left: 782px;
    border: none;
    background: transparent;
}
/* FIM PESQUISA */

.grupomcc-filtro-pesquisa-divisoria {
    width: 1px;
    height: 32px;
    /* Neutral 88 */
    background: #E0E0E0;
    /* Inside auto layout */
    flex: none;
    flex-grow: 0;
}

.grupomcc-filtro-adicionar {
    /* Button type and states */

    box-sizing: border-box;
    /* Auto layout */
    flex-direction: row;
    padding: 10px 16px;
    gap: 4px;
    width: 116px;
    height: 37px;
    /* Cinza */
    border: 1px solid #D9D9D9;
    border-radius: 100px;
    /* Inside auto layout */
    /* Novo perfil */

    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    /* identical to box height */
    display: flex;
    align-items: center;
    letter-spacing: -0.2px;
    font-feature-settings: 'case' on;
    /* Azul Rend */
    color: #0A1D6F;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
    background-color: transparent;
}

.grupomcc-filtro-status {
    /* Frame 36921 */
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 210px;
    height: 32px;
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;
}

.grupomcc-filtro-status-opcao {
    flex-direction: row;
    padding: 6px;
    gap: 4px;
    height: 20px;
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    display: flex;
    letter-spacing: -0.2px;
    font-feature-settings: 'case' on;
    color: #737373;
    flex: none;
    order: 0;
    flex-grow: 0;
    padding-bottom: 20px;
}

.grupomcc-filtro-status-opcao-selecionada {
    border-bottom: solid 1px #737373;
}

.grupomcc-grid {
    /* Frame 10551 */
    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 4px;
    width: 1023px;
    height: 378px;
    overflow-y: scroll;
    /* Inside auto layout */
    flex: none;
    order: 2;
    align-self: stretch;
    flex-grow: 0;
}


    .grupomcc-grid .grupomcc-grid-grupo .dropdown-toggle:after {
        display: none;
    }

.grupomcc-grid-grupo {
    /* Frame 37420 */
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 16px;
    gap: 20px;
    height: 60px;
    /* Branco */
    background: #FFFFFF;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
    border-bottom: solid 1px #E0E0E0;
    width: 100%;
}

.grupomcc-grid-grupo-registro {
    /* Content */
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 16px;
    height: 44px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 1;
}

.grupomcc-grid-grupo-registro-titulo {
    width: 152px;
    height: 20px;
    /* H5 */
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    /* identical to box height, or 143% */
    letter-spacing: -0.2px;
    font-feature-settings: 'case' on;
    /* Cinza800 */
    color: #3F3F3F;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

.grupomcc-grid-grupo-registro-divisoria {
    width: 1px;
    height: 44px;
    /* Neutral 88 */
    background: #E0E0E0;
    /* Inside auto layout */
    flex: none;
    align-self: stretch;
    flex-grow: 0;
}

.grupomcc-grid-grupo-registro-descricao {
    /* Frame 37427 */
    /* Auto layout */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 0px;
    height: 20px;
    /* Inside auto layout */
    /* Sem estrições */

    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    /* identical to box height, or 143% */
    letter-spacing: -0.2px;
    font-feature-settings: 'case' on;
    /* Cinza Escuro */
    color: #737373;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

.grupomcc-grid-grupo-menu {
    /* Right */

    width: 24px;
    height: 24px;
    border-radius: 3.78361px;
    /* Inside auto layout */
    flex: none;
    order: 2;
    flex-grow: 0;
    margin-left: auto;
}

.grupomcc-grid-grupo-menu-aberto {
    padding: 8px;
    position: relative;
    width: 103px;
    background: #FFFFFF;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    margin-top: 30px;
}

.grupomcc-grid-grupo-menu-aberto-opcao {
    /* Frame 36880 */
    /* Auto layout */
    flex-direction: row;
    padding: 6px 10px;
    gap: 10px;
    height: 33px;
    /* Branco */
    background: #FFFFFF;
    /* Inside auto layout */
    align-self: stretch;
    /* [ Nome ] */

    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    /* identical to box height, or 150% */
    display: flex;
    align-items: center;
    /* Cinza Escuro */
    color: #737373;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}
/* FIM GRUPO MCC */

/* INICIO DETALHE GRUPO MCC EDITAR E INSERIR */

.detalhegrupomcc {
    /* Frame 10557 */
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 24px;
    width: 1023px;
    height: 471px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 1;
}

.detalhegrupomcc-esquerdo {
    /* Frame 6488 */
    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    width: 487px;
    height: 471px;
    /* Branca */
    background: #FFFFFF;
    border-radius: 10px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 1;
}

.detalhegrupomcc-esquerdo-filtro {
    /* Frame 6838 */

    box-sizing: border-box;
    /* Auto layout */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 0px 6px 12px;
    gap: 6px;
    width: 487px;
    height: 56px;
    border-bottom: 2px solid #54E99C;
    /* Inside auto layout */
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
}

.detalhegrupomcc-esquerdo-filtro-pesquisa {
    display: flex;
    /* flex-direction: row; */
    /* align-items: center; */
    padding: 0px;
    gap: 10px;
    width: 475px;
    height: 44px;
    /* flex: none; */
    /* order: 2; */
    /* align-self: stretch; */
    /* flex-grow: 0; */
}

.detalhegrupomcc-esquerdo-filtro-pesquisa-campo {
}

.detalhegrupomcc-esquerdo-filtro-pesquisa-campo-pesquisar {
    /* Frame 4804 */

    box-sizing: border-box;
    /* Auto layout */
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 10px;
    gap: 8px;
    width: 358px;
    height: 44px;
    /* Cinza BG */
    background: #F2F3F7;
    border-radius: 5px;
    /* Inside auto layout */
    flex-grow: 1;
    /* Group 1886 */

    opacity: 0.7;
    /* Inside auto layout */
    flex: none;
    order: 1;
    padding-left: 35px;
}

.detalhegrupomcc-esquerdo-filtro-pesquisa-campo-pesquisar-icone {
    position: relative;
    width: 20px;
    height: 20px;
    left: 6px;
    top: -36px;
}

.detalhegrupomcc-esquerdo-filtro-pesquisa-campo-pesquisar-seta {
    /* Group */

    position: relative;
    width: 20px;
    height: 20px;
    left: 300px;
    top: -35px;
    border: none;
    background: none;
}

.detalhegrupomcc-esquerdo-filtro-pesquisa-divisoria {
}

.detalhegrupomcc-esquerdo-filtro-grupos {
    /* box-sizing: border-box; */
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    padding: 10px 16px;
    /* gap: 4px; */
    width: 101px;
    height: 37px;
    border: 1px solid #D9D9D9;
    border-radius: 100px;
    /* flex: none; */
    /* order: 1; */
    /* flex-grow: 0; */
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    /* display: flex; */
    /* align-items: center; */
    /* letter-spacing: -0.2px; */
    /* font-feature-settings: 'case' on; */
    color: #0A1D6F;
    /* flex: none; */
    /* order: 0; */
    /* flex-grow: 0; */
    margin-top: 5px;
}

..detalhegrupomcc-esquerdo-filtro-grupos:hover {
    color: #0A1D6F !important;
}

.detalhegrupomcc-esquerdo-grid {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 6px 0px 0px;
    gap: 8px;
    width: 487px;
    height: 415px;
    /* flex: none; */
    order: 2;
    align-self: stretch;
    flex-grow: 1;
    overflow-y: auto;
    overflow-x: hidden;
}

.detalhegrupomcc-esquerdo-grid-registro {
    /* Frame 37440 */
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 13.5px 16px;
    gap: 10px;
    width: 473px;
    height: 48px;
    /* Branco */
    background: #FFFFFF;
    border-radius: 0px;
    /* Inside auto layout */
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
    border-bottom: solid 1px #E0E0E0;
}

.detalhegrupomcc-esquerdo-grid-registro-descricao {
    /* Frame 37429 */
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 10px;
    width: 410px;
    height: 20px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 1;
}

.detalhegrupomcc-esquerdo-grid-registro-descricao-identificador {
    /* Frame 37430 */
    /* Auto layout */
    flex-direction: row;
    padding: 0px;
    gap: 10px;
    width: 49px;
    height: 20px;
    /* Inside auto layout */
    align-self: stretch;
    /* 4722 */
    /* H5 */
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    /* identical to box height, or 143% */
    display: flex;
    align-items: center;
    letter-spacing: -0.2px;
    font-feature-settings: 'case' on;
    /* Cinza800 */
    color: #3F3F3F;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

.detalhegrupomcc-esquerdo-grid-registro-descricao-divisoria {
    /* Divider

Divider

Divider
*/

    width: 1px;
    height: 16px;
    /* Neutral 88 */
    background: #E0E0E0;
    /* Inside auto layout */
    flex: none;
    flex-grow: 0;
}

.detalhegrupomcc-esquerdo-grid-registro-descricao-titulo {
    /* AGÊNCIAS DE VIAGENS (TRAVEL AGENCIES) */

    width: 351px;
    height: 20px;
    /* Body small */
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    /* identical to box height, or 143% */
    display: flex;
    align-items: center;
    letter-spacing: -0.2px;
    font-feature-settings: 'case' on;
    /* Cinza Escuro */
    color: #737373;
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 1;
}

.detalhegrupomcc-esquerdo-grid-registro-imagem {
    border-radius: 3.78361px;
    flex: none;
    order: 1;
    flex-grow: 0;
}

.detalhegrupomcc-divisoria {
    /* Divider

Divider

Divider
*/

    width: 1px;
    height: 471px;
    /* Cinza */
    background: #D9D9D9;
    /* Inside auto layout */
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
}

.detalhegrupomcc-direito {
    /* Frame 37440 */
    /* Auto layout */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 0px;
    gap: 8px;
    width: 487px;
    height: 471px;
    /* Inside auto layout */
    flex: none;
    order: 2;
    align-self: stretch;
    flex-grow: 1;
}

.detalhegrupomcc-direito-pesquisa {
    /* box-sizing: border-box; */
    display: flex;
    /* flex-direction: column; */
    /* justify-content: center; */
    align-items: flex-start;
    /* padding: 0px 6px 12px; */
    /* gap: 6px; */
    width: 487px;
    height: 56px;
    border-bottom: 2px solid #0A1D6F;
    /* flex: none; */
    /* order: 0; */
    /* align-self: stretch; */
    /* flex-grow: 0; */
}

.detalhegrupomcc-direito-pesquisa-campo {
    /* Frame 4804 */

    box-sizing: border-box;
    /* Auto layout */
    flex-direction: row;
    justify-content: center;
    padding: 12px;
    gap: 8px;
    width: 475px;
    height: 44px;
    /* Cinza BG */
    background: #F2F3F7;
    border-radius: 5px;
    /* Inside auto layout */
    flex: none;
    order: 3;
    align-self: stretch;
    flex-grow: 0;
    /* Grupo 7 */

    position: absolute;
    left: 2.53%;
    right: 7.58%;
    top: 30.68%;
    bottom: 30.68%;
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    /* identical to box height */
    display: flex;
    align-items: center;
    letter-spacing: 0.008em;
    /* Cinza800 */
    color: #3F3F3F;
}

.detalhegrupomcc-direito-pesquisa-campo-procura {
    box-sizing: border-box;
    /* display: flex; */
    /* flex-direction: row; */
    /* justify-content: center; */
    /* align-items: center; */
    padding: 12px;
    gap: 8px;
    width: 475px;
    height: 44px;
    background: #F2F3F7;
    border-radius: 5px;
    /* flex: none; */
    /* order: 3; */
    align-self: stretch;
    flex-grow: 0;
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    display: flex;
    align-items: center;
    letter-spacing: 0.008em;
    color: #3F3F3F;
}

.detalhegrupomcc-direito-pesquisa-campo-procura-xis {
    width: 16px;
    height: 16px;
    border-radius: 3.78361px;
    /* flex: none; */
    /* order: 3; */
    /* flex-grow: 0; */
    position: relative;
    top: 14px;
    right: -458px;
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 17px;
    display: flex;
    align-items: center;
    letter-spacing: 0.008em;
    color: #737373;
}

.detalhegrupomcc-direito-grid {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    gap: 8px;
    width: 487px;
    height: 339px;
    /* flex: none; */
    order: 1;
    align-self: stretch;
    flex-grow: 1;
    overflow-y: auto;
    overflow-x: hidden;
}

.detalhegrupomcc-direito-vazio {
    /* Frame 37423 */

    box-sizing: border-box;
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 13.5px 16px;
    gap: 10px;
    width: 473px;
    height: 48px;
    /* Branco */
    background: #FFFFFF;
    /* Cinza */
    border: 1px dashed #D9D9D9;
    border-radius: 8px;
    /* Inside auto layout */
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
}

.detalhegrupomcc-direito-vazio-registro {
    /* Frame 37429 */
    /* Auto layout */
    flex-direction: row;
    padding: 0px;
    gap: 10px;
    width: 410px;
    height: 20px;
    /* Inside auto layout */
    /* AGÊNCIAS DE VIAGENS (TRAVEL AGENCIES) */
    /* Body small */
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    /* identical to box height, or 143% */
    display: flex;
    align-items: center;
    letter-spacing: -0.2px;
    font-feature-settings: 'case' on;
    /* Cinza Escuro */
    color: #737373;
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 1;
}

.detalhegrupomcc-direito-vazio-registro-zero {
    /* Frame 37430 */
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 10px;
    width: 49px;
    height: 20px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

.detalhegrupomcc-direito-vazio-registro-divisoria {
    width: 1px;
    height: 16px;
    /* Cinza */
    background: #D9D9D9;
    /* Inside auto layout */
    flex: none;
    flex-grow: 0;
}

.detalhegrupomcc-direito-vazio-imagem {
    /* Down */

    width: 21px;
    height: 21px;
    border-radius: 3.78361px;
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;
}

.detalhegrupomcc-direito-grid-preenchido {
    /* Frame 37423 */

    box-sizing: border-box;
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 13.5px 16px;
    gap: 10px;
    width: 473px;
    height: 48px;
    /* Branco */
    background: #FFFFFF;
    /* Cinza */
    border: 1px solid #D9D9D9;
    border-radius: 8px;
    /* Inside auto layout */
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
}

.detalhegrupomcc-direito-grid-preenchido-grupo {
    /* Frame 37429 */
    /* Auto layout */
    flex-direction: row;
    padding: 0px;
    gap: 10px;
    width: 410px;
    height: 20px;
    /* Inside auto layout */
    /* AGÊNCIAS DE VIAGENS (TRAVEL AGENCIES) */
    /* Body small */
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    /* identical to box height, or 143% */
    display: flex;
    align-items: center;
    letter-spacing: -0.2px;
    font-feature-settings: 'case' on;
    /* Cinza Escuro */
    color: #737373;
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 1;
}

.detalhegrupomcc-direito-grid-preenchido-grupo-codigo {
    /* Frame 37430 */
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 10px;
    width: 49px;
    height: 20px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

.detalhegrupomcc-direito-grid-preenchido-grupo-divisoria {
    width: 1px;
    height: 16px;
    /* Cinza */
    background: #D9D9D9;
    /* Inside auto layout */
    flex: none;
    flex-grow: 0;
}

.detalhegrupomcc-direito-grid-preenchido-xis {
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    width: 21px;
    height: 21px;
    border-radius: 3.78361px;
    flex: none;
    order: 1;
    flex-grow: 0;
    color: #D9D9D9;
}

.detalhegrupomcc-direito-botoes {
    /* Frame 36917 */
    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px 0px 0px;
    gap: 8px;
    width: 487px;
    height: 60px;
    /* Branco */
    background: #FFFFFF;
    /* Inside auto layout */
    flex: none;
    order: 2;
    align-self: stretch;
    flex-grow: 0;
}

.detalhegrupomcc-direito-botoes-container {
    /* Frame 36859 */
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 8px;
    width: 487px;
    height: 44px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

.detalhegrupomcc-direito-botoes-container-limpar {
    /* Button type and states */

    box-sizing: border-box;
    /* Auto layout */
    flex-direction: row;
    justify-content: center;
    padding: 13px 32px;
    gap: 10px;
    width: 239.5px;
    height: 44px;
    /* Cinza */
    border: 1px solid #D9D9D9;
    border-radius: 22px;
    /* Inside auto layout */
    /* Text */

    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    /* identical to box height */
    display: flex;
    align-items: center;
    text-align: center;
    /* Azul Rend */
    color: #0A1D6F;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
    background-color: transparent;
}

.detalhegrupomcc-direito-botoes-container-salvar {
    /* Button type and states */
    /* Auto layout */
    flex-direction: row;
    justify-content: center;
    padding: 13px 32px;
    gap: 10px;
    width: 239.5px;
    height: 44px;
    /* Verde Pay */
    background: #54E99C;
    border-radius: 100px;
    /* Inside auto layout */
    /* Text */

    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    /* identical to box height */
    display: flex;
    align-items: center;
    text-align: center;
    /* Azul Rend */
    color: #0A1D6F;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
    border: none;
}

/* FIM DETALHE GRUPO MCC EDITAR E INSERIR */

/* INICIO ENTRAR PORTAL ADMIN */
.loginadmin-entrar {
    /* Login */
    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 32px;
    gap: 32px;
    position: absolute;
    width: 375px;
    height: 303px;
    left: 80px;
    top: 80px;
    /* Branca */
    background: #FFFFFF;
    box-shadow: 0px 3.80488px 7.60976px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
}

.loginadmin-entrar-campos {
    /* Frame 6969 */
    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 6px;
    width: 311px;
    height: 217px;
    /* Inside auto layout */
}

.loginadmin-entrar-campos-label {
    /* Frame 4801 */
    /* Auto layout */
    flex-direction: row;
    padding: 0px 0px 0px 12px;
    gap: 10px;
    width: 311px;
    height: 17px;
    /* Inside auto layout */
    align-self: stretch;
    /* E-mail, CPF ou CNPJ */

    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    /* identical to box height */
    display: flex;
    align-items: center;
    letter-spacing: 0.008em;
    /* Cinza Escuro */
    color: #737373;
    /* Inside auto layout */
    flex: none;
    order: 0;
}

.loginadmin-entrar-campos-input {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 12px;
    gap: 4px;
    width: 311px;
    height: 50px;
    /* Cinza BG */
    background: #F2F3F7;
    border-radius: 5px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

.loginadmin-entrar-botao {
    /* Frame 6972 */
    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    gap: 16px;
    width: 270px;
    height: 44px;
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;
}

.loginadmin-entrar-botao-entrar {
    flex-direction: row;
    justify-content: center;
    padding: 13px 30px;
    gap: 10px;
    width: 270px;
    height: 48px;
    background: #D9D9D9;
    border-radius: 100px;
    align-self: stretch;
    border: none;
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #737373;
    flex: none;
    order: 0;
    flex-grow: 0;
}

    .loginadmin-entrar-botao-entrar:hover {
        background: #0A1D6F !important;
        color: #57FFFF !important;
    }
/* FIM ENTRAR PORTAL ADMIN*/


/* INICIO DESABILITAR USUARIO */
.modal-usuario-desabilitar {
    /* EXCLUIR */
    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 32px 56px;
    gap: 32px;
    position: relative;
    width: 380px;
    height: 294px;
    left: 93px;
    top: 232px;
    background: #FFFFFF;
    border-radius: 10px;
    position: absolute;
    left: 600px;
    box-shadow: 3px 3px #c6bcbc2e, -3px -3px 3px #c6bcbc2e;
    z-index: 999;
}

.modal-usuario-desabilitar-titulo {
    /* Frame 3942 */
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 10px;
    width: 189px;
    height: 34px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

.modal-usuario-desabilitar-titulo-img {
    /* Group */

    width: 34px;
    height: 34px;
}

.modal-usuario-desabilitar-titulo-label {
    /* Título */

    height: 32px;
    /* H2 */
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    /* identical to box height, or 133% */
    letter-spacing: -0.6px;
    font-feature-settings: 'case' on;
    /* Cinza800 */
    color: #3F3F3F;
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;
}

.modal-usuario-desabilitar-descricao {
    /* Frame 4006 */
    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 268px;
    height: 88px;
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;
}

.modal-usuario-desabilitar-descricao-superior {
    width: 269px;
    height: 24px;
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    /* identical to box height, or 150% */
    letter-spacing: 0.008em;
    /* Cinza800 */
    color: #3F3F3F;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

.modal-usuario-desabilitar-descricao-inferior {
    /* Conteúdo */

    width: 280px;
    height: 48px;
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    /* or 150% */
    letter-spacing: 0.008em;
    /* Cinza800 */
    color: #3F3F3F;
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;
}

.modal-usuario-desabilitar-botao {
    /* Frame 10584 */
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 16px;
    width: 268px;
    height: 44px;
    /* Inside auto layout */
    flex: none;
    order: 2;
    align-self: stretch;
    flex-grow: 0;
}

.modal-usuario-desabilitar-botao-nao {
    /* Button solid */
    /* Auto layout */
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px 49px;
    gap: 10px;
    width: 126px;
    height: 44px;
    /* Verde Pay */
    background: #54E99C;
    border-radius: 22px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
    /* Text */

    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: center;
    text-align: center;
    /* Azul Rend */
    color: #0A1D6F;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

.modal-usuario-desabilitar-botao-sim {
    /* Button solid */

    box-sizing: border-box;
    /* Auto layout */
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px 49px;
    gap: 10px;
    width: 126px;
    height: 44px;
    /* Verde Pay */
    border: 1.5px solid #54E99C;
    border-radius: 22px;
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;
    /* Text */

    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: center;
    text-align: center;
    /* Verde Pay */
    color: #54E99C;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
    background-color: transparent;
}
/* FIM DESABILITAR USUARIO */


.portador-solicitar-botoes-editar {
    display: flex;
    /* align-content: flex-start; */
    justify-content: center;
}

.aba-portador-filtro {
    display: flex;
    margin-top: 15px;
}


/***/

.aba-portador-filtro-status {
    margin-left: 10px;
    /* Frame 36921 */
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 210px;
    height: 32px;
    /* Inside auto layout */
    flex: none;
    order: 3;
    flex-grow: 0;
    margin-top: 6px;
}

.aba-portador-filtro-status-botoes-ativo {
    /* Button type and states */
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    padding: 6px;
    gap: 4px;
    width: 48px;
    height: 32px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

    .aba-portador-filtro-status-botoes-ativo > span {
        /* Frame 36856 */
        /* Auto layout */
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 0px;
        gap: 4px;
        width: 36px;
        height: 20px;
        /* Inside auto layout */
        flex: none;
        order: 1;
        flex-grow: 0;
        /* Novo perfil */

        width: 36px;
        height: 20px;
        font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 12px;
        line-height: 20px;
        /* identical to box height, or 167% */
        display: flex;
        align-items: center;
        letter-spacing: -0.2px;
        font-feature-settings: 'case' on;
        /* Cinza Escuro */
        color: #737373;
        /* Inside auto layout */
        flex: none;
        order: 0;
        flex-grow: 0;
    }

.aba-portador-filtro-status-botoes-desativado {
    /* Button type and states */
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    padding: 6px;
    gap: 4px;
    width: 83px;
    height: 32px;
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;
}

    .aba-portador-filtro-status-botoes-desativado > span {
        /* Frame 36856 */
        /* Auto layout */
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 0px;
        gap: 4px;
        width: 71px;
        height: 20px;
        /* Inside auto layout */
        flex: none;
        order: 1;
        flex-grow: 0;
        /* Novo perfil */

        width: 71px;
        height: 20px;
        font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 12px;
        line-height: 20px;
        /* identical to box height, or 167% */
        display: flex;
        align-items: center;
        letter-spacing: -0.2px;
        font-feature-settings: 'case' on;
        /* Cinza Escuro */
        color: #737373;
        /* Inside auto layout */
        flex: none;
        order: 0;
        flex-grow: 0;
    }

.aba-portador-filtro-status-botoes-todos {
    /* Button type and states */
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    padding: 6px;
    gap: 4px;
    width: 47px;
    height: 32px;
    /* Inside auto layout */
    flex: none;
    order: 2;
    flex-grow: 0;
}

    .aba-portador-filtro-status-botoes-todos > span {
        /* Frame 36856 */

        box-sizing: border-box;
        /* Auto layout */
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 0px;
        gap: 4px;
        width: 35px;
        height: 20px;
        /* Cinza Escuro */
        /* Inside auto layout */
        flex: none;
        order: 1;
        flex-grow: 0;
        /* Novo perfil */

        width: 35px;
        height: 20px;
        font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 12px;
        line-height: 20px;
        /* identical to box height, or 167% */
        display: flex;
        align-items: center;
        letter-spacing: -0.2px;
        font-feature-settings: 'case' on;
        /* Cinza Escuro */
        color: #737373;
        /* Inside auto layout */
        flex: none;
        order: 0;
        flex-grow: 0;
    }

.aba-portador-filtro-status-borda {
    border-bottom: 1px solid #737373;
}

.aba-portador-menu {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 8px;
    position: absolute;
    /* margin-left: 25%; */
    width: 108px;
    /* background: #FFFFFF; */
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
}


.popup-adicionar-assinante .form-switch .form-check-input {
    width: 40px;
}

    .popup-adicionar-assinante .form-switch .form-check-input:checked {
        background-color: #30D158;
        border-color: #30D158;
        border: none;
        background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba(255,255,255,1.0)'/></svg>");
    }

.popup-adicionar-assinante .form-switch {
    display: flex !important;
    justify-content: center;
}

.popup-adicionar-assinante .form-check-input {
    order: 0;
}

.fatura-saldo-anterior {
    display: flex;
    gap: 16px;
    justify-content: space-between;
    margin-top: 15px;
}

.fatura-saldo-anterior-valor-titulo {
    background: #FFFFFF;
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 0.008em;
    color: #737373;
    margin-left: auto;
    padding: 5px 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
}

.cartao-lista-titular-pj {
    border: 2px solid rgb(155 229 235);
    background-color: rgb(236 250 253);
    margin-top: 5px;
    margin-bottom: 3px;
    padding: 5px;
}

.cartao-lista-titular-pj-row {
    margin-left: 10px !important;
    height: 245px;
}

.cartao-lista-titular-pj-plastico {
    background: linear-gradient(119deg, rgb(10 29 111) 0%, rgb(10 29 111 / 70%) 63%, rgb(10 29 111) 100%);
    align-content: center;
    text-align: center;
    border-radius: 15px;
    box-shadow: -4px 4px 9px 1px #000000bd;
}

.cartao-lista-titular-pj-descricao {
    margin-top: 5px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.cartao-lista-titular-pj-valor {
    margin-bottom: 5px;
    margin-top: 0px;
    font-size: 16px;
    font-weight: bold;
}

.cartao-lista-titular-pj-cartao-chip-group {
    display: inline-flex;
    place-content: center;
    flex-wrap: wrap;
}

.cartao-lista-titular-pj-cartao-chip-icon {
    width: 20px;
    height: 20px;
    border: 0.1px solid #c7c700;
    border-radius: 3px;
    place-self: center;
    margin-bottom: 10px;
    background: linear-gradient(119deg, #ffff00 0%, #919100 50%, #ffff00 100%);
}

.cartao-lista-titular-pj-cartao-chip-wifi {
    fill: white;
    margin-left: 5px;
    transform: rotate(90deg);
}

.cartao-lista-titular-pj-cartao-final-descricao {
    color: white;
    font-size: 12px;
    place-self: center;
    padding: 0px;
}

.cartao-lista-titular-pj-cartao-final-valor {
    color: white;
    font-weight: bold;
    place-self: center;
    padding: 0px;
}

.tab-alterar-senha-cartao {
    display: none;
}

.tab-enviando-codigo {
}

.tab-alterar-senha-cartao.active {
    display: block !important;
}

.tab-enviando-codigo .modal-body {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    place-content: center;
}

.cartao-lista-titular-pj-plastico-bloqueado {
    position: relative;
}

    .cartao-lista-titular-pj-plastico-bloqueado::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient( 119deg, #c4c6c7 0%, #c4c6c7 30%, #c4c6c7 50%, #b1b2b2 70%, #b1b2b2 100% ) !important;
        border-radius: 15px;
        z-index: 1;
    }

    .cartao-lista-titular-pj-plastico-bloqueado::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 70px;
        height: 70px;
        background-image: url('../Imagens/Icones/cadeadoCinza.png');
        background-size: 25px 25px; /* Tamanho do ícone */
        background-repeat: no-repeat;
        background-position: center; /* Centraliza o ícone */
        background-color: white;
        border-radius: 50%;
        border: 2px solid white;
        z-index: 2;
        box-sizing: border-box; /* Garante que a borda não aumente o tamanho total */
    }

.cartao-lista-titular-pj-bandeira-bloqueado {
    z-index: 4;
}

.cartao-lista-titular-pj-plastico {
    position: relative;
    padding-bottom: 25px;
}

.cartao-lista-titular-pj-bandeira {
    position: absolute;
    bottom: 5px;
    right: 15px;
    color: white;
    font-weight: bold;
    font-size: 11px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    justify-self: anchor-center;
    z-index: 4;
}

.cartao-lista-titular-pj-plastico-solicitar {
    position: relative;
    cursor: pointer;
    background: linear-gradient( 119deg, rgba(220, 220, 220, 0.9) 0%, rgba(100, 100, 100, 0.8) 30%, rgba(70, 70, 70, 0.9) 50%, rgba(120, 120, 120, 0.8) 70%, rgba(200, 200, 200, 0.9) 100%) !important;
}

    .cartao-lista-titular-pj-plastico-solicitar::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(100, 181, 246, 0.7); /* Azul claro com 70% de opacidade */
        border-radius: 15px;
        z-index: 1;
    }

    .cartao-lista-titular-pj-plastico-solicitar::before {
        content: "+";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 50px;
        font-weight: bold;
        z-index: 2;
        color: white;
        text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
        width: 60px;
        height: 60px;
        line-height: 45px;
        text-align: center;
        border: 3px solid white;
        border-radius: 50%;
    }

.cartao-lista-titular-pj-criar-cartao {
    font-size: 16px;
    place-self: center;
    font-weight: bold;
}

.cartao-lista-titular-pj-olho-icon-aberto {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23A0A0A0'%3E%3Cpath d='M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    z-index: 10;
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.3));
}

.cartao-lista-titular-pj-olho-icon-fechado {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23A0A0A0'%3E%3Cpath d='M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z'/%3E%3Cline x1='3' y1='21' x2='21' y2='3' stroke='%23A0A0A0' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    z-index: 10;
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.3));
}


.modal-cartao-titular-alterar-senha .modal-header {
    border-bottom: 0px !important;
    padding-bottom: 0px;
}

.modal-cartao-titular-alterar-senha .modal-footer {
    border-top: 0px !important;
}

.modal-cartao-titular-alterar-senha .botoes-salvar {
    display: flex;
    gap: 20px;
    justify-content: center;
    align-items: center;
}

.modal-cartao-titular-alterar-senha .modal-body {
    overflow-y: auto;
    height: 300px;
    padding-top: 0px;
}

.cartao-lista-titular-pj-row-email-enviado {
    position: relative;
    padding-left: 25px; /* Espaço para o ícone */
    font-size: 14px;
    color: #192b77;
    display: inline-flex;
    align-items: center;
    font-weight: bold;
}

    .cartao-lista-titular-pj-row-email-enviado::before {
        content: "";
        position: absolute;
        left: 0;
        width: 18px;
        height: 18px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23192b77' stroke-width='2.0' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/%3E%3Cpath d='M22 6l-10 7L2 6'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: contain;
        margin-right: 5px;
    }

.cartao-lista-titular-pj-row-telefone-enviado {
    position: relative;
    padding-left: 25px; /* Espaço para o ícone */
    font-size: 14px;
    color: #192b77;
    display: inline-flex;
    align-items: center;
    font-weight: bold;
}

    .cartao-lista-titular-pj-row-telefone-enviado::before {
        content: "";
        position: absolute;
        left: 0;
        width: 18px;
        height: 18px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23192b77' stroke-width='2.0'%3E%3Crect x='6' y='3' width='12' height='18' rx='1.5'/%3E%3Crect x='11' y='18.5' width='2' height='1.5' rx='0.5'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: contain;
        margin-right: 5px;
    }

.div-input-validacao-codigo {
    display: flex;
    gap: 5px;
}

    .div-input-validacao-codigo input {
        width: 41.67px;
        height: 55px;
        background: #F2F3F7;
        border-radius: 10px;
    }

.hifen-box-validar-token {
    margin: 0 10px;
    font-size: 20px;
    line-height: 1;
    align-self: center;
}


.avancar-box-validar-token {
    margin: 0 10px;
    font-size: 20px;
    line-height: 1;
    order: 2;
    cursor: pointer;
}

/* Esconde o box por padrão (telas grandes) */
.avancar-box-validar-token {
    display: none !important;
}

.hifen-erro-box-validar-token {
    color: #B90A00 !important;
}

.input-error-validar-token {
    border: 1px solid #ED8F69;
    color: #B90A00;
}

.tab-alterar-senha-cartao#tab-alterar-senha .form-label {
    font-weight: bold;
    color: #192b77;
}

.modal-alterar-senha-dica-seguranca {
    border: 1px solid red;
    font-size: 14px;
    border-radius: 15px;
}

    .modal-alterar-senha-dica-seguranca legend {
        float: none;
        width: auto;
        padding: 2px 7px 2px 7px;
        line-height: normal;
        font-size: 14px;
        color: red;
        font-weight: bold;
    }

    .modal-alterar-senha-dica-seguranca span {
        font-weight: bold;
    }




.tab-alterar-senha-cartao#tab-alterar-senha .modal-body {
    height: 390px;
}

.fatura-transacao-pendente-linha {
    height: 40px !important;
    /*border: none !important;*/
}

.fatura-transacao-pendente-linha-celula {
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    letter-spacing: 0.008em !important;
    color: #737373 !important;
}

.assinante-compliance-observacao {
    margin-bottom: 10px;
    width: 100%;
}

.assinante-compliance-observacao-textarea {
    margin-top: 17px;
    resize: none;
    width: 100%;
    padding: 10px;
}

.assinante-compliance-situacao {
    /*width: 100%;
    height: 50px;*/
}

.assinante-compliance-situacao-titulo {
    height: fit-content;
    width: fit-content;
}

.assinante-compliance-documento {
    display: flex;
    margin-bottom: 5px;
    align-items: center;
    border-bottom: 1px solid #54E99C;
    padding: 5px;
}

.assinante-compliance-documento-nome {
    width: 300px;
}

.assinante-compliance-situacao-select {
    height: 25px;
    width: 25px;
}

.assinante-compliance-situacao-label {
    height: fit-content;
    width: fit-content;
    padding: 0px;
    flex-grow: unset;
    gap: 5px;
    margin-right: 15px;
}

.assinante-compliance-situacao-grupo {
    display: flex;
    justify-content: center;
}

.assinante-compliance-botoes {
    display: flex;
    gap: 20px;
    justify-content: center;
    align-items: center;
    margin-top: 24px;
}

.assinante-compliance-arquivo {
    width: 100%;
}

.assinante-compliance-arquivo-botao {
    box-sizing: border-box;
    display: flex;
    width: 150px;
    height: 40px;
    background: #54E99C;
    border-radius: 100px;
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    align-items: center;
    justify-content: center;
    font-feature-settings: 'case' on;
    color: #0A1D6F;
    border: none;
    margin: auto;
}

.assinante-compliance-documento-linha-div {
    overflow-x: hidden;
    overflow-y: scroll;
    height: 150px;
}

.assinante-compliance-documento-nome-botao {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 13px 32px;
    gap: 10px;
    width: 65px;
    height: 30px;
    border: 1px solid #D9D9D9;
    border-radius: 22px;
}

.assinante-compliance-documento-nome {
    width: 370px;
}

.popup-assinante-compliance {
    z-index: 900;
}

.assinante-compliance-botao-principal {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    padding: 10px;
    gap: 4px;
    width: 126px;
    height: 37px;
    border: 1px solid #D9D9D9;
    border-radius: 100px;
    background: transparent;
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    display: flex;
    align-items: center;
    letter-spacing: -0.2px;
    font-feature-settings: 'case' on;
    color: #0A1D6F;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.popup-assinante-compliance{
    height:405px;
}

.tarifa {
    padding-top: 24px;
}

.botao-condicoes {
    width: 117px;
    height: 37px;
}

.tarifa-titulo {
    height: 25px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 30px 0px;
}

.tarifa-titulo-sessao {
    font-family: 'Inter', Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    letter-spacing: -0.2px;
    color: #3F3F3F;
    flex: none;
    order: 1;
    flex-grow: 0;
    padding: 8px 0px 0px;
    gap: 10px;
}

.tarifa-campos-input {
    margin-bottom: 10px;
    width: 100%;
}

.tarifa-campos-input{

}
