:root {
    --windowHeight: 100vh;
    --btnSucessColor: #00B050;
    --background_azul-2: #E5F8FFA8;
    --background_azul-3: #ffffff;
    --background_azul-4: #ffffff;
    --background_eaqui-hover: #FFE8D8;
    --filter-invert-svg: 0;
    --color-000000: #000000;
    --color-37393C: #37393C;
    --color-4D5156: #4D5156;
    --color-00152A: #00152A;
    --color-FFFFFF-001B37: #FFFFFF;
} 


/*Scrool Bar*/
::-webkit-scrollbar {
    width: 10px
}

::-webkit-scrollbar-track {
    background: #f2f2f2;
}

::-webkit-scrollbar-thumb {
    background: #BCC0C4;
    border-radius: 5px;
    border: 2px solid #eeeeee;
}

::-webkit-scrollbar-track {
    background-color: #eeeeee;
}


::-webkit-scrollbar-button:single-button {
    background-color: #eeeeee;
    display: block;
    border-style: solid;
    height: 8px;
    width: 8px;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
    display: block;
}

::-webkit-scrollbar-button:end:increment {
    border-width: 4px;
    border-color: #BCC0C4 transparent transparent transparent;
}

::-webkit-scrollbar-button:start:decrement {
    border-width: 6px;
    border-color: transparent transparent #BCC0C4 transparent;
}

.tela-escondida {
    width: 100%;
    height: 100%;
    background: transparent;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    display: none;
}

.modal-typeform {
    position: fixed;
    right: 0px;
    bottom: 0px;
    width: 264px;
    height: 320px;
    z-index: 2000;
}

    .modal-typeform .body-typeform {
        background-color: #00274E;
        height: 100%;
        width: 100%;
        display: flex;
        flex-direction: column;
        position: relative;
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px;
        align-items: flex-end;
    }

        .modal-typeform .body-typeform > i {
            color: #FFF;
            font-size: 18px;
            margin: 16px 18px;
            display: flex;
            justify-content: flex-end;
            position: relative;
            top: 0px;
        }

            .modal-typeform .body-typeform > i:hover {
                color: #0897CB;
                cursor: pointer;
            }

        .modal-typeform .body-typeform .content-typeform {
            padding: 24px;
            height: 270px;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            align-items: center;
            width: 100%;
        }

            .modal-typeform .body-typeform .content-typeform > img {
                width: 100%;
                height: 28%;
                margin-bottom: 22px;
            }

            .modal-typeform .body-typeform .content-typeform > .content-title {
                font-family: Montserrat;
                color: #FFF;
                font-weight: 600;
                font-size: 22px;
                margin-bottom: 4px;
            }

            .modal-typeform .body-typeform .content-typeform > .content-description {
                font-family: Montserrat;
                color: #FFF;
                font-weight: 400;
                font-size: 16px;
                margin-bottom: 28px;
                text-align: center;
            }

            .modal-typeform .body-typeform .content-typeform > a {
                display: block;
                width: 100%;
                padding: 8px;
                background-color: rgb(0, 176, 80);
                color: #FFF;
                text-align: center;
                font-family: Montserrat;
                font-weight: 600;
                border-radius: 4px;
            }

                .modal-typeform .body-typeform .content-typeform > a:hover {
                    background-color: rgb(38, 188, 106);
                }

@media (max-width:440px) {
    .modal-typeform .body-typeform {
        width: 100%;
        left: 0px;
    }

        .modal-typeform .body-typeform .content-typeform {
            width: 100%;
        }
}

/*Modal geral de aviso para MEI*/
            #modal_erro--mei .modal_background {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: 100vw;
}

#modal_erro--mei .modal-content {
    width: 420px;
    height: 347px;
    border-radius: 5px;
    padding: 82px 52px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    #modal_erro--mei .modal-content .title {
        font-family: Ubuntu;
        font-size: 24px;
        font-weight: 700;
        line-height: 28px;
        letter-spacing: 0em;
        text-align: center;
        color: #00152A;
        margin: 0;
    }
    
    #modal_erro--mei .modal-content .description {
        font-family: Montserrat;
        font-size: 16px;
        font-weight: 400;
        line-height: 26px;
        letter-spacing: 0em;
        text-align: center;
        color: #4D5156;
    }

    #modal_erro--mei .modal-content button {
        margin-top: 33px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 16px 24px;
        width: 106px;
        height: 54px;
        background: #F1F4F9;
        border: 1px solid rgba(0, 21, 42, 0.5);
        border-radius: 5px;
        color: #00152A;
    }

        #modal_erro--mei .modal-content button:hover {
            background-color: #dfe6f1 !important;
        }

/*Skeleton Loading*/
#div-loading-conteudo .div-conteudo {
    display: flex;
    justify-content: center;
    align-items: center;
}

#div-loading-conteudo .skeletonTitle {
    width: 30%;
    height: 40px;
    border-radius: 5px;
    z-index: 1;
    position: absolute;
    top: 100px;
    left: 110px;
    background: #EEF5F9;
}

.div-ajuda .icone-ajuda::after {
    color: #0897CB !important;
    opacity: unset !important;
}

#div-loading-conteudo .skeleton-box-eaqui {
    width: calc(100% - 20px);
    height: 100%;
    margin: 10px;
    background: rgba(238, 245, 249, 0.4);
    border-radius: 5px;
}

#div-loading-conteudo .dashboardSkeleton {
    width: 100%;
    height: calc(100vh - 140px);
    display: none;
    flex-direction: row;
}

    #div-loading-conteudo .dashboardSkeleton > div {
        width: 50%;
        height: 100%;
        display: flex;
        flex-wrap: wrap;
    }

        #div-loading-conteudo .dashboardSkeleton > div > .box-smart-skeleton {
            width: calc(50% - 20px);
            margin: 10px;
            height: calc(50% - 20px);
            border-radius: 10px;
        }

        #div-loading-conteudo .dashboardSkeleton > div > .box-large-skeleton {
            width: calc(100% - 20px);
            height: calc(100% - 20px);
            margin: 10px;
            border-radius: 10px;
        }


/*******************/
.mnu_selected {
    color: #00c1eb !important;
}

#colEaqui {
    display: none;
    margin-left: 0;
    margin-right: 0;
}

#navbar1 {
    transition: 0.3s !important;
    position: fixed;
    top: 0;
    width: 100%;
    height: 64px;
    box-sizing: border-box;
}

#main-wrapper {
    /*background-image: url("../figma/fundo-plataforma.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
    margin-left: 0px !important;*/
}

.custom-close {
    padding: 1rem !important;
    margin: -1.4rem -1rem -1rem auto;
    cursor: pointer;
    -webkit-appearance: none;
    padding: 0;
    background-color: transparent;
    border: 0;
    appearance: none;
    float: right;
    font-size: 2rem;
    line-height: 1;
    color: #00274E;
    font-weight: 700;
}

    .custom-close:hover {
        color: #00c1eb;
    }

.module {
    overflow: hidden;
}

.line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.btn-Upload-padrao {
    float: right;
    position: relative;
    display: block;
    height: 54px;
    background: #FF6407;
    box-shadow: 4px 4px 4px rgb(0 0 0 / 6%);
    margin-top: 3%;
}

.btn-Azul {
    height: 54px;
    background: #0897CB;
    border-radius: 5px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    color: #FFFFFF;
    border: none;
}

    .btn-Azul .esquerda {
        margin-right: 100%;
    }

    .btn-Azul .direita {
        margin-left: 100% !important;
    }

    .btn-Azul:hover {
        background-color: #00C1EB !important;
        transition: 0s;
    }

.btn-Verde {
    height: 54px;
    background: #00B050;
    border-radius: 5px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 22px;
    color: #FFFFFF;
    border: none;
    padding: 10px 24px;
}

    .btn-Verde .esquerda {
        margin-right: 100%;
    }

    .btn-Verde .direita {
        margin-left: 100% !important;
    }

    .btn-Verde:hover {
        background-color: #1FCC6E !important;
        transition: 0s;
    }

.btn-cinza {
    height: 54px;
    background: #F1F4F9;
    border: none;
    border-radius: 5px;
    border: 1px solid #00152A80;
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    color: #00152A;
    padding: 10px 24px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-transparent{
    width: auto;
    height: auto;
    border: none;
    background-color: transparent;
}


.btn-Upload-light {
    -webkit-filter: grayscale(0%);
}

    .btn-Upload-light:hover {
        background: #FF863E !important;
        transition: 0s;
        color: white !important;
    }

.select2-container--default .select2-results > .select2-results__options {
    max-height: 260px !important;
}

.select2-results__option {
    padding: 15px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
}

.select2-selection__placeholder {
    color: #00152A !important;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background: #FFFFFF !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
    border-color: rgba(159, 231, 247) !important;
}

.select2-container--default .select2-results__option[aria-selected=true]:hover {
    background: #ffe8d8 !important;
}

/*TEXTO DO SELECT*/
.select2-container .select2-selection--single .select2-selection__rendered {
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    display: block;
    width: 100%;
    height: 46px;
    padding: 0 1.4rem 0 .75rem !important;
    line-height: 46px !important;
    color: #00152A;
    border-radius: 50px;
    align-items: center;
}

.select2-container--default .select2-selection--single {
    height: auto !important;
}

.select2-container--open .select2-dropdown--below {
    border-radius: 1%;
}

.swal2-container {
    background-color: rgba(0, 39, 78, 0.8) !important;
}

.modal-backdrop {
    opacity: 0.8 !important;
    background-color: #00274E !important;
}

.menu-title {
    /*color: rgba(255,255,255,.8);*/
    color: #00c1eb;
    font-size: 18px;
    padding: 10px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
}

.menu-item a {
    color: #ffffff;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 5px;
    padding-right: 10px;
    width: 100%;
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    height: 42px !important;
    /*margin: 2px;*/
}

.menu-item .disabled {
    padding-top: 10px;
    padding-left: 11.5px;
    padding-bottom: 5px;
    padding-right: 10px;
    width: 100%;
    pointer-events: none;
    color: #304D6A;
    height: 42px !important;
    white-space: nowrap;
}

.menu-item a:hover {
    border-color: transparent !important;
    padding-top: 9px;
    padding-left: 9px;
    padding-bottom: 4px;
    padding-right: 9px;
    color: #FF6407;
    border: 1px solid #00C1EB;
    box-sizing: border-box;
    font-weight: 700;
    /*border-radius: 10px;*/
}

.row.col-lg-12.menu-item {
    height: 42px !important;
    margin-left: -10px;
}

.menu-info {
    color: #ffffff;
    font-family: Montserrat;
    font-size: 12px;
    font-weight: bold;
    padding-top: 5px;
    padding-left: 17px;
    padding-bottom: 5px;
    padding-right: 10px;
}

.menu-info-title {
    color: #00c1eb;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: bold;
    padding-top: 5px;
    padding-left: 17px;
    padding-bottom: 5px;
    padding-right: 10px;
    cursor: pointer;
}

.menu-info-dropdown {
    border: none;
    color: #00c1eb;
    background: none;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: bold;
    width: 100%;
    cursor: pointer;
    position: relative;
}

.menu-ca {
    /*background-color: rgba(0,39,78,.7);*/
    background-color: #001E3C;
    margin-top: 0px;
    margin-left: 0px !important;
}

.menu-ca-r {
    background: #001E3C;
    margin-top: 0px;
    margin-left: -202px !important;
}

.input__googleWorkspace {
    margin-top: 3px;
    border: none;
    background-color: #B7E6FF;
    height: 36px;
    width: 206px;
    color: #003E7C;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
}

.text__googleWorkspace {
    margin-top: 29px;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 18px;
    color: #383838;
    text-align: center;
}

.bloco__googleWorkspace {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
}

.bloco__textcodigo {
    margin-top: 16px;
    font-size: 14px;
    font-weight: 600;
}

.btn__contratargoogle {
    background-color: #00B050;
    color: #FFFFFF;
    border: none;
    font-size: 18px;
    font-weight: 700;
    height: 52px;
    margin-bottom: 24px;
    padding: 15px 41px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn__contratargoogle:hover {
    background-color: #1FCC6E;
}

/* Tooltip */
.tip {
    color: #00152A;
    background: #FFFFFF;
    font-size: 10px;
    display: none;
    padding: 5px;
    position: fixed;
    z-index: 1000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #00274E66;
    box-shadow: 0px 4px 10px 3px rgba(0, 0, 0, 0.1);
}

.tip::after {
        content: '';
    width: 8px;
    height: 8px;
    background-color: white;
    position: absolute;
    left: calc(50% - 4px);
    bottom: -4px;
    border: 1px solid #00274E66;
    border-top: none;
    border-left: none;
    transform: rotate(45deg);
}

.dad__tooltipCopia {
    display: flex;
    flex-direction: column;
    position: relative;
}

@media (max-width:767px) {
    .menu-ca table {
        background-color: #476481;
        width: 100% !important;
        margin-left: 150px !important;
        font-size: 80% !important;
    }
}

.line-right {
    border-right: 1px solid #00C1EB;
}

.line-bottom {
}

.nav-ca {
    height: 100%;
    padding-left: 5px;
    padding-right: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 5px solid transparent;
}

    .nav-ca .nav-link i.fa-chevron-down {
        font-size: 12px !important;
        margin: 5px;
    }

        .nav-ca:hover .nav-link {
            color: #00c1eb !important;
            font-weight: bold;
            font-size: 12px;
            cursor: pointer;
        }

        .nav-ca:hover .nav-link i.fa-chevron-down {
            font-weight: bold;
        }

    .nav-ca .nav-link div img:last-child {
        display: none;
    }

    .nav-ca:hover .nav-link div img:last-child {
        display: inline-block;
    }

    .nav-ca .nav-link div img:first-child {
        display: inline-block;
    }

    .nav-ca:hover .nav-link div img:first-child {
        display: none;
    }

.navbar-logo {
    width: 136px !important;
}

#navbarSupportedContent .navbar-nav:hover .nav-ca:not(:hover) > span, #navbarSupportedContent .navbar-nav:hover .nav-ca:not(:hover) > span > i {
    color: #ffffff !important;
}

#navbarSupportedContent .nav-ca:hover .nav-link {
    color: #00c1eb !important;
}

@media (max-width:767px) {
    .navbar-logo {
        width: 100% !important;
    }
}

/**PAINEL LATERAL*/
.tabtext {
    font-size: 14px;
}

    .tabtext a {
        /*border-style: solid;
        border-bottom-width: 2px;
        border-top-width: 0;
        border-right-width: 0;
        border-left-width: 0;*/
    }

        .tabtext a.link-orange {
            color: #fff;
            font-size: 90%;
            font-weight: 800;
            /*letter-spacing: -1px;*/
            padding-top: 10px;
            padding-bottom: 10px;
            background-color: #fe6601;
            border-radius: 10rem;
            width: 100% !important;
            display: inline-block;
            text-align: center;
        }

        .tabtext a.link-darkblue {
            color: #fff;
            font-size: 90%;
            font-weight: 800;
            /*letter-spacing: -1px;*/
            padding-top: 10px;
            padding-bottom: 20px;
            background-color: #00274e;
            border-radius: 10rem;
            width: 100% !important;
            display: inline-block;
            text-align: center;
        }

        .tabtext a.link-lightblue {
            color: #fff;
            font-size: 90%;
            font-weight: 800;
            /*letter-spacing: -1px;*/
            padding-top: 10px;
            padding-bottom: 10px;
            background-color: #00c1eb;
            border-radius: 10rem;
            width: 100% !important;
            display: inline-block;
            text-align: center;
        }

    .tabtext .info {
        position: absolute;
        /*color: #00c1eb;*/
        font-size: 90%;
        font-weight: 800;
        bottom: 20px;
        letter-spacing: -1px;
    }

/*FORMS*/
.titulo-tela-create {
    font-size: 28px;
    font-weight: 800;
    border: 1px solid rgba(0, 39, 78, 0.2);
    box-sizing: border-box;
    border-radius: 5px 5px 0px 0px;
}

    .titulo-tela-create.verde {
        color: #00b050;
        text-align: center;
    }

    .titulo-tela-create.vermelho {
        color: #f62d51;
        text-align: center;
    }

.body-tela-create {
    border-left: 1px solid rgba(0, 39, 78, 0.2);
    border-right: 1px solid rgba(0, 39, 78, 0.2);
    border-bottom: 1px solid rgba(0, 39, 78, 0.2);
    box-sizing: border-box;
    border-radius: 0px 0px 5px 5px;
}

.tooltip_templates {
    display: none;
}

.invalid-tooltip-new {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 15px;
    color: #FA0000;
    margin-top: -10px;
}

.btn-warning-help {
    color: #fff;
    background-color: #00274e;
    border-color: #00274e;
    border-radius: 40px !important;
    transform: scale(0.6) !important;
    font-weight: bold;
    margin-top: -10px;
}

    .btn-warning-help:hover {
        color: #fff;
    }

.decimal {
    text-align: right;
}

.select_div:after {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #00274e;
    position: absolute;
    top: 43%;
    right: 15px;
    content: "";
    z-index: 98;
    color: black;
    cursor: pointer;
}

/*ICONS*/
.input-group-addon {
    cursor: pointer;
}

/*    .input-group-addon:hover {
      background-color: #fe6601;
        color: #fff;
    }*/

.input-group-btn {
    cursor: pointer;
}

    .input-group-btn:hover {
        /*border: 2px solid #00274e;*/
        background-color: #00274e;
        color: #00c1eb;
    }

/*.has-error {*/
    /*border: 1px solid #f62d51 !important;*/
    /*background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23f62d51' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23f62d51' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center right calc(-1.5em + .0rem) !important;
    background-size: calc(4.875em + .375rem) calc(.75em + .375rem) !important;*/
/*}*/

.has-error {
    border: none !important;
    border-radius: 0px;
    background: url(/assets/images/exclamation-circle-red.svg) no-repeat;
    background-repeat: no-repeat !important;
    background-position: center right 1px !important;
    background-size: 16px 16px !important;
}

.has-error-focus:focus {
    border-color: #f62d51 !important;
    /*box-shadow: 0 0 0 .2rem rgba(246,45,81,.25) !important;*/
}

/*GRID*/
.sorttable_nosort {
    cursor: default !important;
}

.sortable th {
    cursor: pointer;
}

/*ATIVO*/
.custom-control-input-switch {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.custom-control-label-switch {
    cursor: pointer !important;
}

.custom-control-input-switch:checked ~ .custom-control-label-switch.color-green::before {
    color: #00b050;
    border-color: #00b050;
    background-color: #00b050;
}

.custom-control-input-switch:checked ~ .custom-control-label-switch.color-red::before {
    color: #f62d51;
    border-color: #f62d51;
    background-color: #f62d51;
}

.custom-control-input-switch:checked ~ .custom-control-label-switch::before {
    color: #00274e;
    border-color: #00274e;
    background-color: #00274e;
}

.custom-control-input-switch:focus:not(:checked) ~ .custom-control-label-switch::before {
    border-color: #00274e;
}

/*.custom-control-input-switch:not(:disabled):active ~ .custom-control-label-switch::before {
        color: #00274e;
        background-color: #00274e;
        border-color: #00274e;
    }*/

.custom-control-input-switch:disabled ~ .custom-control-label-switch {
    color: #6c757d;
}

    .custom-control-input-switch:disabled ~ .custom-control-label-switch::before {
        background-color: #e9ecef;
    }

.custom-control-label-switch {
    position: relative;
    vertical-align: top;
}

    .custom-control-label-switch::after, .custom-control-label-switch::before {
        position: absolute;
        left: -1.5rem;
        display: block;
        width: 1rem;
        height: 1rem;
        content: "";
    }

    .custom-control-label-switch::before {
        pointer-events: none;
        background-color: #fff;
        border: 1px solid #00274e;
    }

    .custom-control-label-switch::after {
        background: 50%/50% 50% no-repeat;
    }

.custom-switch {
    padding-left: 2.25rem;
}

    .custom-switch .custom-control-label-switch::before {
        left: -2.29rem;
        /*width: 1.75rem;*/
        width: 47px;
        height: 22px;
        pointer-events: all;
        /*border-radius: .5rem;*/
        border-radius: 1.5rem;
    }

    .custom-switch .custom-control-label-switch::after {
        top: calc(.19rem);
        left: calc(-2.25rem + 2px);
        /*width: calc(1rem - 4px);
        height: calc(1rem - 4px);*/
        /*width: 22px;
        height: 22px;*/
        background-color: white;
        border: 1px solid;
        /*border-radius: .5rem;*/
        border-radius: 1.5rem;
        transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }

@media (prefers-reduced-motion:reduce) {
    .custom-switch .custom-control-label-switch::after {
        transition: none;
    }
}

.custom-switch .custom-control-input-switch:checked ~ .custom-control-label-switch::after {
    background-color: #fff;
    transform: translateX(26px);
}

.custom-switch .custom-control-input-switch:disabled:checked ~ .custom-control-label-switch::before {
    background-color: rgba(116,96,238,.5);
}

.custom-switch-span {
    padding-left: 40px;
    position: absolute;
    top: 4px;
    width: 160px;
}

.custom-control-input-switch:checked ~ .custom-control-label-switch.color-green {
    color: #00b050;
}

.custom-control-input-switch:checked ~ .custom-control-label-switch.color-red {
    color: #f62d51;
}

/*CAIXA*/
.caixa-principal {
    background-color: rgb(212, 234, 255);
    border: 1px solid #00274e;
}

.caixa-borda {
    border: 1px solid rgba(0, 39, 78, 0.5);
    border-radius: 5px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

    .caixa-borda.vermelho {
        border: 2px solid rgba(246, 41, 73, 0.5);
        box-sizing: border-box;
        box-shadow: 4px 4px 4px rgba(255, 56, 87, 0.16);
    }

    .caixa-borda.verde {
        border: 2px solid rgba(0, 176, 80, 0.5);
        box-sizing: border-box;
        box-shadow: 4px 4px 4px rgba(0, 176, 80, 0.16);
    }

    .caixa-borda.amarelo {
        border: 2px solid rgba(255, 200, 7, 0.5);
        box-sizing: border-box;
        box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.06);
    }

    .caixa-borda.cinza {
        border: 1px solid #A5A5A5;
        box-sizing: border-box;
        box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.06);
    }

    .caixa-borda.degrade-azul {
        background: linear-gradient(180deg, #74D3E9 0%, #4176AB 100%);
        border: 0px solid;
        box-shadow: 4px 4px 30px rgba(52, 176, 203, 0.16);
    }

    .caixa-borda.degrade-azul-escuro {
        background: linear-gradient(180deg, #00274E 0%, #08325C 48.44%, #011931 100%);
        border: 0px solid;
        box-shadow: 4px 4px 30px rgba(52, 176, 203, 0.16);
    }

    .caixa-borda.verde.verde-degrade {
        background: linear-gradient(137.51deg, #2DF488 0%, #27AA63 95.77%);
        border: 1px solid rgba(0, 176, 80, 0.5);
        box-shadow: 4px 4px 30px rgba(0, 176, 80, 0.5);
    }

    .caixa-borda.amarelo.amarelo-degrade {
        background: linear-gradient(136.88deg, #FFC000 0%, #FF9900 100%);
        border: 1px solid rgba(255, 200, 7, 0.5);
        box-shadow: 4px 4px 30px rgba(255, 200, 7, 0.5);
    }

    .caixa-borda.vermelho.vermelho-degrade {
        background: linear-gradient(137.9deg, #FF8497 2.85%, #EA0226 98.64%);
        border: 1px solid rgba(255, 56, 87, 0.5);
        box-shadow: 4px 4px 30px rgba(255, 56, 87, 0.5);
    }

    .caixa-borda.cinza.cinza-degrade {
        background: linear-gradient(180deg, #A5A5A5 0%, #797979 100%);
        border: 1px solid #A5A5A5;
        box-shadow: 4px 4px 30px rgba(165, 165, 165, 0.5);
    }

.caixa-titulo {
    /*background-color: white;*/
    /*border-left: 1px solid rgba(0, 39, 78, 0.5);
    border-top: 1px solid rgba(0, 39, 78, 0.5);
    border-right: 1px solid rgba(0, 39, 78, 0.5);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;*/
    text-align: center;
    font-weight: 800;
    font-size: 25px;
    height: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.caixa-body {
    background-color: white;
    /*border-left: 1px solid rgba(0, 39, 78, 0.5);
    border-right: 1px solid rgba(0, 39, 78, 0.5);
    border-bottom: 1px solid rgba(0, 39, 78, 0.5);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;*/
    font-weight: 800;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    padding: 5px 0px 5px 0px;
}

    .caixa-body.verde {
        color: #00b050;
    }

    .caixa-body.vermelho {
        color: #f62d51;
    }

    .caixa-body.vermelho-escuro {
        color: #c00000;
    }

    .caixa-body.azul {
        color: #00c1eb;
    }

    .caixa-body.amarelo {
        color: rgba(255, 200, 7, 0.5);
    }

    .caixa-body.cinza {
        color: #A5A5A5;
    }

/*TÍTULO TELA*/
.icone-titulo-tela {
    margin-right: 20px;
}

/* topo | direita | inferior | esquerda */
.row .rowTelaEmpresa {
    margin: 24px 0 -3.5px -10px;
}

.titulo-tela {
    font-family: Ubuntu;
    font-style: normal;
    font-size: 36px;
    color: #00152A;
    align-items: center;
    display: flex;
    padding: 0;
    height: auto;
    font-weight: 700 !important;
}

    .titulo-tela h2 {
        margin-bottom: 0px;
    }

/*CAIXA ESCOLHA DE DATA*/
.caixa-data {
    cursor: pointer;
    background-color: white;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 800;
    padding: 0px;
}

    .caixa-data.voltar {
        border-left: 1px solid #dcdcdc;
        font-size: 23px;
        background: #00C1EB;
        border: 1px solid rgba(0, 39, 78, 0.2);
        box-sizing: border-box;
        border-radius: 5px 0px 0px 5px;
        color: white;
    }

    .caixa-data.proximo {
        border-right: 1px solid #dcdcdc;
        font-size: 23px;
        background: #00C1EB;
        border: 1px solid rgba(0, 39, 78, 0.2);
        box-sizing: border-box;
        border-radius: 5px 0px 0px 5px;
        transform: rotate(-180deg);
        color: white;
    }

    .caixa-data.principal {
        border-left: 1px solid #dcdcdc;
        border-right: 1px solid #dcdcdc;
        font-size: 18px;
    }

.campo-data {
    color: #00274e;
    border: none;
    background-color: transparent;
    font-weight: 700;
    padding: 0px;
    width: 100%;
    height: 48px;
    text-align: center;
    cursor: pointer;
    text-transform: capitalize;
}

/*MULTISELECT*/
.li-todos {
    padding: 0px 10px 0px 10px;
}

.label-selecione {
    font-weight: 800;
    font-size: 20px;
}

.label-opcoes {
    font-size: 15px;
}

.check-opcoes {
    margin-right: 10px;
}

.btn-opcoes {
    margin-top: 10px;
    width: 120px;
}

/*COL - DESIGN TELA*/
.col10, .col10-auto, .col10-lg, .col10-lg-1, .col10-lg-10, .col10-lg-11, .col10-lg-12, .col10-lg-2, .col10-lg-3, .col10-lg-4, .col10-lg-5, .col10-lg-6, .col10-lg-7, .col10-lg-8, .col10-lg-9, .col10-lg-auto {
    position: relative;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.col10 {
    flex-basis: 0;
    flex-grow: 1;
}

.col10-auto {
    flex: 0 0 auto;
    width: auto;
}

@media (min-width:992px) {
    .col10-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

    .col10-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col10-lg-1 {
        flex: 0 0 10%;
        max-width: 10%;
    }

    .col10-lg-2 {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .col10-lg-3 {
        flex: 0 0 30%;
        max-width: 30%;
    }

    .col10-lg-4 {
        flex: 0 0 40%;
        max-width: 40%;
    }

    .col10-lg-5 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col10-lg-6 {
        flex: 0 0 60%;
        max-width: 60%;
    }

    .col10-lg-7 {
        flex: 0 0 70%;
        max-width: 70%;
    }

    .col10-lg-8 {
        flex: 0 0 80%;
        max-width: 80%;
    }

    .col10-lg-9 {
        flex: 0 0 90%;
        max-width: 90%;
    }

    .col10-lg-10 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.centralizar-imagem {
    align-items: center;
    display: flex;
}

.semititulo-indexnovo {
    color: #F15500;
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
}

.corpo-indexnovo {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 19px;
    /* identical to box height */
    color: #00274E;
    padding-left: 25px;
    padding-bottom: 15px;
}

.subtexto-indexnovo {
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #F15500;
}

.texto-indexnovo {
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    padding-top: 15px;
    text-align: left;
}

.modal-title-laranja {
    font-family: Ubuntu;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 28px;
    color: #FF6407;
}

.modal-title-azul {
    font-family: Ubuntu;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 23px;
    text-align: center !important;
    color: #00152A;
    margin: 0;
}

.icone {
    display: flex;
    align-items: center;
    padding: .375rem .75rem .375rem .75rem;
    font-size: .875rem;
    line-height: 1.5;
    text-align: center;
    background-color: #fff;
    border-right: 1px solid rgba(0, 39, 78, 0.5);
    border-bottom: 1px solid rgba(0, 39, 78, 0.5);
    border-top: 1px solid rgba(0, 39, 78, 0.5);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    font-size: 28px;
}

/*HOVER DO ICON DE BUSCA*/ /**/
i[class*="fas fa-search btnSearch"]:hover {
    background-color: #003E7C;
}

.custom-control-label::after, .custom-control-label::before {
    top: auto;
}

.close:focus {
    border: none;
    outline: none;
}
/* topo | direita | inferior | esquerda */
/*label {
    margin: 4px 0 4px 0;
}*/

.close:hover {
    color: #00c1eb;
}

.tool {
    position: relative;
    display: inline-block;
    color: #00C1EB;
}

    .tool .tooltiptext {
        visibility: hidden;
        width: 265px;
        height: 115.03px;
        background-color: #D9F0FF;
        color: #00274E;
        border-radius: 10px;
        padding: 10px 5px 0px 10px;
        position: absolute;
        z-index: 1;
        bottom: 125%;
        left: 50%;
        margin-left: -230px;
        opacity: 0;
        transition: opacity 0.3s;
        font-family: Montserrat;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;
        border: solid 1px #E5E5E5;
    }

        .tool .tooltiptext::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 86.9%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #c1f0f7 transparent transparent transparent;
        }

    .tool:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
    }

.letra-menu {
    display: flex;
    align-items: center;
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    letter-spacing: 1px;
}

.fundo-card {
    /*background: radial-gradient(1449.05% 202.81% at 71.8% 42.45%, #196C89 0%, #1A617C 7.95%, #084066 25.39%, #012346 44.68%, #00274E 67.1%, #00152A 100%);*/
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    background: radial-gradient(76.52% 71.57% at 86.02% 64.94%, #196C89 0%, #1A617C 7.95%, #084066 25.39%, #012346 44.68%, #00274E 67.1%, #00152A 100%);
}

.text-card {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 17px;
    line-height: 20px;
    color: #00274E;
    padding-left: 9px;
    padding-top: 15px;
}

.card-numero {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 41px;
    color: #00B050;
}

.bnt-card {
    background: linear-gradient(225.34deg, #DD7C13 0%, #F62D51 72.42%);
    border-radius: 5px;
    color: #fff;
    height: 32px !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 15px;
}

/*Calculadora*/
/*inicio*/
@media only screen and (max-width: 1222px) {
    .respobnt {
        height: auto;
    }
}

@media (max-width:1089px) {
    #quadropro {
        height: auto !important;
    }
}

@media (max-width:992px) {
    #quadroscalc {
        padding-top: 16px;
        padding-left: 0px !important;
    }
}

/*FIM!*/

@media (max-width:703px) {
    #toolsocio .tool .tooltiptext {
        left: 924% !important;
    }
}

@media (max-width:703px) {
    #toolsocio .tool .tooltiptext::after {
        left: 7.6% !important;
    }
}

@media (max-width:601px) {
    #toolpis .tool .tooltiptext::after {
        left: 62.9% !important;
    }
}

@media (max-width:991px) {
    #dataretirada {
        max-width: none !important;
    }
}

#mobile-modal .alert-elemento {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
}

#mobile-modal .alert-botao span {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
}

#mobile-modal .alert-botao {
    line-height: 21px;
}

.borda-white {
    border-color: #fff;
}

.color-white {
    color: #fff !important;
}

/*OMISSAO DO TOAST
#toast-container {
    display:none !important;
}*/

/*#region customationToastr*/

#toast-container > .toast-success {
    position: relative;
    padding: 16px 15px 16px 60px !important; 
    color: #00B050 !important;
    font-size: 100% !important;
    border-color: #00B050;
    border-width: 1px 1px 1px 8px;
    background-color: #fff !important;
}

    #toast-container > .toast-success::before /*Icone*/{
        content: "\f00c"; /* aqui coloca o codigo do icone */
        color: #fff;
        background-color: #00B050;
        width: 32px; 
        height: 32px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 20px;
        border-radius: 50%;
        font-family: FontAwesome;
        position: absolute;
        top: 10px;
        left: 14px;
    }

    #toast-container > .toast-success::after /*ICONE CLOSE*/ {
        content: "\f00d"; /* aqui coloca o codigo do icone */
        font-family: "Font Awesome 5 Pro";
        font-weight: 700 !important;
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: 16px !important;
        line-height: 16px;
        color: #00B050;
    }

#toast-container > .toast-error {
    position: relative;
    padding: 16px 15px 16px 60px !important;
    color: #FF3857 !important;
    font-size: 100% !important;
    border-color: #FF3857;
    border-width: 1px 1px 1px 8px;
    background-color: #fff !important;
}

    #toast-container > .toast-error::before {
        content: "\f00d"; /* aqui coloca o codigo do icone */
        color: #fff;
        background-color: #FF3857;
        width: 32px;
        height: 32px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 20px;
        border-radius: 50%;
        font-family: FontAwesome;
        position: absolute;
        top: 10px;
        left: 14px;
    }

    #toast-container > .toast-error::after {
        content: "\f00d"; /* aqui coloca o codigo do icone */
        font-family: "Font Awesome 5 Pro";
        font-weight: 700 !important;
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: 16px !important;
        line-height: 16px;
        color: #FF3857;
    }

#toast-container > .toast-warning {
    position: relative;
    padding: 16px 15px 16px 60px !important;
    color: #FC9700 !important;
    font-size: 100% !important;
    border-color: #FC9700;
    border-width: 1px 1px 1px 8px;
    background-color: #fff !important;
}

    #toast-container > .toast-warning::before {
        content: "\f071"; /* aqui coloca o codigo do icone */
        color: #FC9700;
        font-size: 28px;
        line-height: 32px;
        font-family: FontAwesome;
        position: absolute;
        top: 10px;
        left: 14px;
    }

    #toast-container > .toast-warning::after {
        content: "\f00d"; /* aqui coloca o codigo do icone */
        font-family: "Font Awesome 5 Pro";
        font-weight: 700 !important;
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: 16px !important;
        line-height: 16px;
        color: #FC9700;
    }


#toast-container > .toast-info {
    position: relative;
    padding: 16px 15px 16px 60px !important;
    color: #0059B2 !important;
    font-size: 100% !important;
    border-color: #0059B2;
    border-width: 1px 1px 1px 8px;
    background-color: #fff !important;
}

    #toast-container > .toast-info::before {
        content: "\f05a"; /* aqui coloca o codigo do icone */
        color: #0059B2;
        font-size: 32px;
        line-height: 32px;
        font-family: FontAwesome;
        position: absolute;
        top: 10px;
        left: 14px;
    }

    #toast-container > .toast-info::after {
        content: "\f00d"; /* aqui coloca o codigo do icone */
        font-family: "Font Awesome 5 Pro";
        font-weight: 700 !important;
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: 16px !important;
        line-height: 16px;
        color: #0059B2;
    }

.toast-title {
    font-weight: 700;
    margin-bottom: 8px;
    font-family: Ubuntu;
    font-size: 18px !important;
    line-height: 20px;
    color: #00152a !important;
}

.toast-message {
    font-family: Ubuntu;
    color: #4D5156 !important;
}

/*#endregion customationToastr*/

/* v Conteudos Relatorios v */

.contentDescricao {
    margin: 0px;
    width: 100%;
    padding: 6px 0px 0px 24px;
    display: block !important;
}

.boxheader {
    left: 11.67%;
    right: 30.42%;
    top: 14.67%;
    bottom: 73.66%;
    background: #FFFFFF;
    /* 0897CB */

    border: 1px solid #0897CB;
    box-sizing: border-box;
    /* azul claro */

    box-shadow: 4px 4px 4px rgba(0, 193, 235, 0.06);
    border-radius: 5px;
}

.titulos {
    font-family: Ubuntu;
    font-size: 20px !important;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: 1px;
    text-align: left;
    color: #00152A !important;
}

.headerfont2 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 14px !important;
    line-height: 26px;
    color: #000000 !important;
}

.headerfont3 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 26px;
}

.imgImposto {
    display: flex;
    flex-direction: row;
    float: right;
    width: 28%;
    height: auto;
}

.font-with-img {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 26px;
    color: #00152A !important;
}

.titulo-datas {
    text-align: left !important;
    margin-top: -7% !important;
    margin-bottom: -15% !important;
    margin-left: -15% !important
}

.btnVizualizarRelatorio {
    -webkit-filter: grayscale(0%);
}

    .btnVizualizarRelatorio:hover {
        background-color: #0BB1ED !important;
        transition: 0s;
        color: white !important;
    }

/* ^ Conteudos Relatorios ^ */


/*Novo Layout*/

/*nav-bar-top-mobile*/

/*
.nav-bar-top-mobile {
    width: 100vw;
    display: none;
}

    .nav-bar-top-mobile > .div-content {
        width: 100%;
        background-color: #001B37;
        height: auto;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }

        .nav-bar-top-mobile > .div-content > .head {
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 16px 5% 0px 5%;
            margin-bottom: 16px;
        }

            .nav-bar-top-mobile > .div-content > .head > .btn-open-div-usuario-mobile {
                width: 50px;
                height: 50px;
                border-radius: 50%;
                background-color: #C4C4C4;
                background-size: cover;
                background-position: center;
            }

        .nav-bar-top-mobile > .div-content > .div-options-page {
            width: 100%;
            display: none;
            justify-content: space-between;
            align-items: center;
            padding: 16px 5% 0px 5%;
        }

            .nav-bar-top-mobile > .div-content > .div-options-page > div > span {
                color: white;
                font-size: 16px;
                font-family: Montserrat;
                font-weight: bold;
            }

    .nav-bar-top-mobile .bottom-navbar {
        width: 100%;
        height: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        background-color: white;
        margin-bottom: -2px;
    }
*/

/***************Mobile****************/

.header-mobile{
    display: none;
}



/*************Abas menu mobile**************/

.aba-menu-dad::-webkit-scrollbar {
    display: none;
}

.aba-menu-dad {
    position: fixed;
    bottom: -100vh;
    left: 0px;
    z-index: 10000;
    background: white;
    width: 100vw;
    height: 100%;
    padding: 20px 16px;
    overflow: auto;
    transition: 0.4s;
}

    .aba-menu-dad > .cabecalho {
        display: flex;
        justify-content: space-between;
        width: 100%;
        font-size: 24px;
        line-height: 27px;
        color: #BDBDBD;
        padding: 0px !important;
    }

        .aba-menu-dad > .cabecalho > i:first-child {
            font-size: 18px;
        }

    .aba-menu-dad > .title {
        width: 100%;
        margin: 16px 0;
        font-size: 24px;
        line-height: 29px;
        display: flex;
        align-items: center;
        color: #08698C;
        font-family: Montserrat;
        font-weight: 600;
    }

        .aba-menu-dad > .title > .ball {
           width: 56px;
            height: 56px;
            border-radius: 50%;
            border: 1px solid #99A9B8;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 24px;
            box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
        }


    .aba-menu-dad > .option {
        width: calc(100% + 32px);
        margin: 0px -16px 0 -16px;
        color: #4D5156;
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
        font-family: Montserrat;
        padding: 32px 16px 32px 16px;
        border-top: 1px solid #CCD4DC;
    }

    .aba-menu-dad > :nth-child(3) {
        border-top: none;
    }

        .aba-menu-dad > .option > .title {
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 16px;
            color: #000000;
            margin-bottom: 16px;
        }

        .aba-menu-dad > .option-help > .title-help {
            width: 100%;
            font-size: 20px;
            font-family: Ubuntu;
            font-weight: 400;
            line-height: 23px;
            color: #000000;
            margin-bottom: 8px;
        }

    .aba-menu-dad > .option-help > .description-help {
        width: 100%;
        font-size: 16px;
        font-family: Montserrat;
        font-weight: 500;
        line-height: 24px;
        color: #4D5156;
    }

            .aba-menu-dad > .option > .title > div {
                font-size: 20px;
                font-family: Ubuntu;
                font-weight: 400;
                line-height: 25px;
            }

            .aba-menu-dad > .option > .title > i:last-child {
                font-size: 14px;
                color: #4D5156;
            }

/*Menu Mobile*/
.div-menu-mobile {
    width: auto;
    height: 100vh;
    background-color: #001B37;
    padding-left: 0px;
}

.dropdown-mobile {
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 400;
    padding: 10px 0px 10px 0px;
    color: #ffffff;
}

    .dropdown-mobile:hover {
        color: #FF6407;
    }

    .dropdown-mobile > i {
        font-size: 12px;
        transition-duration: 1s;
        margin-left: 3px;
    }

    .dropdown-mobile:hover .dropdown {
        display: flex;
    }

    .dropdown-mobile:hover i {
        transform: rotate(180deg);
    }

    .dropdown-mobile > .dropdown {
        display: none;
        padding-left: 0px;
        flex-direction: column;
    }

        .dropdown-mobile > .dropdown > .title {
            margin-top: 17px;
            font-family: Montserrat;
            font-style: normal;
            font-weight: bold;
            font-size: 15px;
            line-height: 18px;
            color: #00C1EB;
        }

        .dropdown-mobile > .dropdown > .option {
            margin: 5px 0px 5px 5px;
            font-family: Montserrat;
            font-style: normal;
            font-weight: normal;
            font-size: 16px;
            line-height: 18px;
        }

        .dropdown-mobile > .dropdown > .option > a {
            color: #ffffff;
        }



/*DorpDown*/
.div-dropdown {
    display: none;
    background-color: #001B37;
    width: 100%;
    position: fixed;
    left: 0px;
    top: 64px;
    padding-left: 100px;
    flex-direction: row;
    justify-content: space-between;
}

.group-option {
    padding: 0px !important;
    display: flex;
    flex-direction: column;
}

.div-dropdown > div > .group-option > .title-group-option {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 20px;
    color: #00C1EB;
}

.div-dropdown > div > .group-option > .link-group-option {
    margin-top: 20px;
}

.div-dropdown > div > .group-option > .link-group-option {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 20px;
    color: #FFFFFF;
    cursor: pointer;
}

    .div-dropdown > div > .group-option > .link-group-option:hover {
        color: #FF6407;
    }

.div-navbartop-help-title {
    position: fixed;
    top: 0px;
    right: 0px;
    width: 240px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .div-navbartop-help-title span {
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        font-size: 24px;
        line-height: 29px;
        text-align: center;
        color: #FFFFFF;
    }

.div-navbartop-help {
    height: 100%;
    width: 240px;
    border-left: 1px solid #FFFFFF33;
}

    .div-navbartop-help > ul {
        font-family: Ubuntu;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 16px;
        list-style: none;
        margin: 0px;
        padding: 0px 10px 0px 10px;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-content: space-around;
    }

        .div-navbartop-help > ul > li {
            margin-bottom: 13px;
            margin-top: 13px;
            color: #FFFFFF;
            cursor: pointer;
        }

            .div-navbartop-help > ul > li:hover {
                color: #FF6407;
            }

            .div-navbartop-help > ul > li > a {
                color: #FFFFFF;
            }

                .div-navbartop-help > ul > li > a:hover {
                    color: #FF6407;
                }

.nav-ca:hover .div-dropdown {
    display: flex !important;
}

.nav-ca:hover .letra-menu > i {
    transition: 0.4s;
    transform: rotate(-90deg);
}



/*Barra da Esquerta*/

.nav-bar-vert-left {
    position: fixed;
    z-index: 1035;
    width: 80px;
    height: 100%;
    left: 0px;
    top: 0px;
    background: #001B37;
}

.div-layout-esquerta-opc-bottom {
    position: fixed;
    bottom: 0px;
    width: 80px;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 16px 0px;
}

.div-layout-esquerta-opc {
    width: 100%;
    text-align: center;
    color: white;
    font-size: 24px;
    margin-top: 16px;
    padding: 5px 0px;
}

.div-layout-esquerta-opc-img {
    width: 100%;
    text-align: center;
    color: white;
    font-size: 24px;
    margin-top: 8px;
    padding: 5px 0px;
}

.div-layout-esquerta-opc-menu {
    width: 100%;
    text-align: center;
    color: white;
    font-size: 24px;
    margin-top: 16px;
    padding: 5px 0px;
    display: none;
}

.layout-left-icon-opc-active {
    display: none;
    cursor: pointer;
    width: 216px;
    height: 36px;
    background-color: #0897CB;
    border-radius: 149px;
    z-index: 1;
    align-items: center;
    margin-left: 15px;
}

    .layout-left-icon-opc-active > div {
        width: 65px;
        float: left;
        text-align: left;
        color: white;
    }

    .layout-left-icon-opc-active > span {
        color: white;
        float: right;
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        font-size: 14px;
        line-height: 20px;
    }

    .icon-primario{
        color: white;
    }


/*Ajuda*/
.div-ajuda {
    position: fixed;
    width: 616px;
    height: 100%;
    background-color: #001B37;
    z-index: 51;
    padding-left: 80px;
    bottom: 0px;
    display: none;
}

.div-ajuda-top {
    padding: 40px 30px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #495968;
}

.div-ajuda-top-title {
    float: left;
    margin-left: 24px;
    font-size: 28px;
    color: white;
    font-family: Ubuntu;
    font-weight: bold;
}

.div-ajuda-top-exit-icon {
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    position: absolute;
    right: 24px;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .div-ajuda-top-exit-icon i {
        color: #00274E;
    }

.div-ajuda-opc {
    padding: 24px;
    border-bottom: 1px solid #495968;
    display: flex;
    align-items: center;
    cursor: pointer;
}

    .div-ajuda-opc:hover .div-text > .lbl-title {
        color: #FF6407;
    }

.div-ajuda-opc-img {
    float: left;
    width: 60px;
    height: 60px;
    border-radius: 5px;
}

.div-ajuda-opc > .div-text {
    float: left;
    width: 412px;
    color: white;
    margin-left: 16px;
}

    .div-ajuda-opc > .div-text > .lbl-title {
        font-size: 16px;
        line-height: 20px;
        font-weight: bold;
        font-family: 'Montserrat';
        cursor: pointer;
    }

    .div-ajuda-opc > .div-text > .lbl-subtitle {
        font-size: 14px;
        line-height: 18px;
        font-weight: 500;
        font-family: 'Montserrat';
        cursor: pointer;
    }
/*Usuario*/

#div-usuario {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 50;
    bottom: 0px;
}

.div-user {
    width: 523px;
    height: auto;
    background-color: #001B37;
    padding-left: 80px;
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.div-user-top {
    color: #00C1EB;
    padding: 15px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #495968;
}

    .div-user-top > .div-img {
        background-color: #C4C4C4;
        height: 40px;
        width: 40px;
        border-radius: 50%;
    }

    .div-user-top > .div-name {
        max-width: calc(100% - 60px);
    }

    .div-user-top > .div-exit {
        font-size: 14px;
        position: absolute;
        right: 24px;
    }

.div-user > .div-opc {
    color: #00C1EB;
    padding-top: 24px;
    display: flex;
    align-items: center;
}

    .div-user > .div-opc > ul {
        color: white;
        list-style: none;
        font-size: 16px;
        margin: 0px;
    }

        .div-user > .div-opc > ul > li {
            padding: 12px 0px;
            cursor: pointer;
            display: flex;
            align-items: center;
        }

            .div-user > .div-opc > ul > li {
                display: inline-block;
                color: white;
            }
            
            .div-user > .div-opc > ul > li a{
                display: inline-block;
                color: white;
            }

        .div-user > .div-opc > ul .simple:hover {
            color: #FF6407 !important;
        }
        
        .div-user > .div-opc > ul .simple > a:hover {
            color: #FF6407 !important;
        }

        .div-user > .div-opc > ul .exit > a:hover {
            color: #FF3857 !important;
        }

            .div-user > .div-opc > ul > li .report {
                cursor: pointer;
            }

            .div-user > .div-opc > ul .exit > i {
                 color: #00C1EB !important;
            }

            .div-user > .div-opc > ul .exit > a:hover i {
                color: #FF3857 !important;
            }


/*Pesquisa*/

.div-layout-pesquisa {
    width: 100%;
    height: 100vh;
    background-color: #001B37;
    position: absolute;
    z-index: 52;
    padding: 76px 44px 0px 104px;
    display: none;
}

    .div-layout-pesquisa > div {
        color: white;
        position: relative;
    }

        .div-layout-pesquisa > div > .div-input-dad {
            position: absolute;
            width: 50%;
            margin-top: 32px;
        }

            .div-layout-pesquisa > div > .div-input-dad > .div-input-result {
                position: absolute;
                top: 22px;
                max-height: 350px;
                width: 100%;
                background: #061428;
                opacity: 0.88;
                border-radius: 0px 0px 10px 10px;
                padding: 20px;
                padding-top: 42px;
                overflow: hidden;
                display: none;
            }

                .div-layout-pesquisa > div > .div-input-dad > .div-input-result > label {
                    font-family: Montserrat;
                    font-style: normal;
                    font-weight: 600;
                    font-size: 18px;
                    line-height: 22px;
                    color: #FFFFFF;
                }

                .div-layout-pesquisa > div > .div-input-dad > .div-input-result > ul {
                    font-family: Montserrat;
                    font-style: normal;
                    font-weight: normal;
                    font-size: 14px;
                    line-height: 17px;
                    color: #FFFFFF;
                    list-style: none;
                    padding: 0px;
                }

                    .div-layout-pesquisa > div > .div-input-dad > .div-input-result > ul > li {
                        padding: 16px 0px;
                        cursor: pointer;
                    }

                        .div-layout-pesquisa > div > .div-input-dad > .div-input-result > ul > li:hover {
                            color: #FF6407;
                        }

/*Div conteudo*/

.div-principal-conteudo {
    padding-left: 80px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.div-conteudo {
    width: calc(100% - 264px);
    height: 100%;
    display: block;
    float: left;
    padding: 20px;
    padding-bottom: 24px;
    padding-top: 85px;
    /*border-right: 1px solid rgba(0, 39, 78, 0.2);*/
    min-height: 100vh;
}

#divViews .cabecalho-mobile {
    display: none;
    justify-content: space-between;
    width: 100%;
    font-size: 18px;
    line-height: 24px;
    color: #BDBDBD;
    padding-bottom: 16px;
}

/*Skeleton Loading*/

.div-conteudo-skeleton {
    width: calc(100% - 238px);
    height: 100%;
    display: flex;
    float: left;
    padding: 20px;
    padding-bottom: 24px;
    padding-top: 85px;
    border-right: 1px solid rgba(0, 39, 78, 0.2);
    min-height: 100vh;
    align-items: center;
    justify-content: center;
}

/********************/


/*E-aqui*/


.title-eaqui {
    color: #FF6407;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 1px;
}

#divConteudoContrato > p{
    flex-wrap: wrap;
}


/*Certificados Direito*/
#div-show-product::-webkit-scrollbar {
    width: 10px;
}

#div-show-product::-webkit-scrollbar-track {
    background-color: transparent;
}

#div-show-product::-webkit-scrollbar-thumb {
    border: 2px solid var(--color-FFFFFF-001B37);
    background: rgba(0,0,0,.2);
}

#div-show-product::-webkit-scrollbar-button:single-button {
    display: none;
}

#div-show-product {
    overflow-y: hidden;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    flex: 1;
}

.div-show-product_content {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    padding: 20px 19px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .div-show-product_content .tolt {
        position: relative;
        display: flex;
        justify-content: center;
        padding: 8px 16px;
        border-radius: 25px;
        background-color: #D73A08;
        color: #FFF;
        font-family: Montserrat;
        font-size: 18px;
        line-height: 18px;
        font-weight: 700;
    }

        .div-show-product_content .tolt i {
            position: absolute;
            bottom: -16px;
            color: #D73A08;
            font-size: 28px;
            line-height: 0px;
        }

    .div-show-product_content .product_content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        flex: 1;
        margin: 24px 0px 0px;
    }

    .div-show-product_content .product_content--c6 {
        margin-top: 0px;
    }

        .div-show-product_content .product_content .logo_content_indiqueaqui {
            width: 100%;
            display: flex;
            margin-bottom: 14px;
        }

.logo_content_planoAnual {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0;
    margin-bottom: 20px;
}
.listPlanoAnual {
    margin-bottom: 52px;
    color: #001B37;
    font-family: Oswald;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    text-align: center;
}

.box-eAqui :first-child {
    color: #001B37;    
    text-align: center;
    font-family: Oswald;
    font-size: 52px;
    font-style: normal;
    font-weight: 400;
    line-height: 61px;
}
.box-eAqui :last-child {
    color: #001B37;
    text-align: center;
    font-family: Oswald;
    font-size: 76px;
    font-style: normal;
    font-weight: 400;
    line-height: 94px;
}
.div-show-product_content .product_content .logo_content_indiqueaqui .logo_indiqueaqui {
    height: 40px;
    width: 40px !important;
    margin-top: 4px;
}

            .div-show-product_content .product_content .logo_content_indiqueaqui .logo_text_indiqueaqui {
                color: #D73A08;
                font-family: Montserrat;
                font-size: 36px;
                font-weight: 700;
                line-height: 38px;
                display: block;
                padding-left: 8px;
            }

    .logo_content_planoAnual .logo_text_planoAnual {
        color: #001B37;
        text-align: center;
        font-family: Montserrat;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 117.4%;
    }
        
        .div-show-product_content .product_content .logo_plano_saude {
            color: #001B37;
            font-size: 45px;
            font-weight: 100;
            margin-bottom: 12px;
        }
        
        .div-show-product_content .product_content .product_logo {
            height: 100px;
        }

        .div-show-product_content .product_content .plano_logo {
            max-height: 136px;
            margin-bottom: 16px;
        }
        
        .div-show-product_content .product_content .content_type {
            margin-bottom: 50px;
        }

        .div-show-product_content .product_content .type_product {
            width: 100%;
            color: #001B37;
            text-align: center;
            font-family: Montserrat;
            font-size: 16px;
            font-weight: 500;
            line-height: 18px;
            margin-bottom: 0px;
        }

        .div-show-product_content .product_content .title_product {
            width: 90%;
            color: #001B37;
            font-family: Oswald;
            font-size: 24px;
            font-weight: 400;
            line-height: 30px;
            display: flex;
            margin-bottom: 16px;
            align-items: flex-end;
            height: 66px;
            text-align: center;
            justify-content: center;
        }

        .div-show-product_content .product_content .price_detail_small {
            width: 100%;
            color: #001B37;
            font-family: 'Montserrat';
            font-size: 12px;
            font-weight: 400;
            line-height: 12px;
            display: flex;
            align-items: baseline;
            justify-content: center;
            margin: 0;
        }
        
        .div-show-product_content .product_content .price_product {
            width: 100%;
            color: #001B37;
            font-family: Oswald;
            font-size: 30px;
            font-weight: 400;
            display: flex;
            align-items: baseline;
            justify-content: center;
            margin: 0;
        }

            .div-show-product_content .product_content .price_product span {
                font-size: 56px;
                line-height: 56px;
            }

        .div-show-product_content .product_content .description_product {
            width: 95%;
            color: #001B37;
            text-align: center;
            font-family: Oswald;
            font-size: 18px;
            font-weight: 300;
            line-height: 22px;
            margin-top: 16px;
            margin-bottom: 24px;
        }

        .div-show-product_content .product_content .description_product--saude-title {
            color: #001B37;
            text-align: center;
            font-family: Montserrat;
            font-size: 24px;
            font-style: italic;
            font-weight: 700;
            line-height: 24px;
            margin-bottom: 0px;
            margin-left: -5%;
            margin-right: -5%;
            width: 110%;
        }

        .div-show-product_content .product_content .description_product--saude-subtitle {
            color: #001B37;
            text-align: center;
            font-family: Montserrat;
            font-size: 16px;
            font-style: italic;
            font-weight: 500;
            line-height: 24px;
            margin-bottom: 0px;
            margin-left: -5%;
            margin-right: -5%;
            width: 110%;
            margin-bottom: 16px;
        }

        .div-show-product_content .product_content .description_product--indiqueaqui-subtitle {
            color: #000;
            text-align: center;
            font-family: Montserrat;
            font-size: 15px;
            font-style: italic;
            font-weight: 500;
            line-height: 24px;
            margin-bottom: 0px;
            width: 100%;
            margin-bottom: 16px;
        }

.div-show-product_content .product_content .description_product--planoAnual-subtitle {
    overflow: hidden;
    color: #001B37;
    text-align: center;
    text-overflow: ellipsis;
    font-family: Oswald;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 19px;
    margin-bottom: 0px;
    padding-bottom: 16px;
}
        
        .div-show-product_content .product_content .description_product--c6-title {
            color: #00152A;
            text-align: center;
            font-family: Montserrat;
            font-size: 16px;
            font-weight: 600;
            line-height: 24px;
            margin-bottom: 0px;
        }
        
        .div-show-product_content .product_content .description_product--c6 {
            color: #4D5156;
            text-align: center;
            font-family: Montserrat;
            font-size: 16px;
            font-weight: 400;
            line-height: 18px;
            margin-bottom: 16px;
        }

        .div-show-product_content .product_content .list_description--c6 {
            padding: 0;
            margin-bottom: 1.2rem !important;
            margin-top: .75rem;
            width: 100%;
            margin-left: 5px;
        }

            .div-show-product_content .product_content .list_description--c6 li {
                color: #4D5156;
                font-family: Montserrat;
                font-size: 14px;
                font-weight: 400;
                line-height: 24px;
                padding-left: 8px;
                width: 105%;
                margin-left: -4%;
            }

                .div-show-product_content .product_content .list_description--c6 li::marker {
                    content: "•";
                }

        .div-show-product_content .product_content .list_description--saude {
            padding: 0;
            margin-bottom: 1.2rem;
            margin-top: .75rem;
            width: 100%;
        }

            .div-show-product_content .product_content .list_description--saude li {
                color: #001B37;
                font-family: Montserrat;
                font-size: 14px;
                font-weight: 400;
                font-style: italic;
                line-height: 24px;
                padding-left: 6px;
            }

                .div-show-product_content .product_content .list_description--saude li::marker {
                    content: "•";
                }

        .div-show-product_content .product_content .list_description_plano {
            list-style: none;
            padding: 0;
            margin-bottom: 4px;
            margin-top: 16px;
        }

            .div-show-product_content .product_content .list_description_plano li {
                color: #001B37;
                font-family: Oswald;
                font-size: 18px;
                font-weight: 300;
                margin-bottom: 12px;
            }

            .div-show-product_content .product_content .list_description_plano i {
                font-size: 16px;
                color: #00B050;
                margin-right: 14px;
            }

        .div-show-product_content .product_content .button_eaqui {
            width: 100%;
            text-align: center;
            color: #FFF;
            background-color: #D73A08;
            padding: 8px;
            border: none;
            border-radius: 17px !important;
            font-family: Montserrat;
            font-size: 14px;
            font-weight: 600;
            line-height: 18px;
        }

        .div-show-product_content .product_content .button_eaqui:hover {
            background-color: #FF6407;
        }

        .div-show-product_content .product_content .button_eaqui--dark {
            width: 100%;
            text-align: center;
            color: #FFF;
            background-color: #000000;
            padding: 8px;
            border: none;
            border-radius: 17px !important;
            font-family: Montserrat;
            font-size: 14px;
            font-weight: 600;
            line-height: 18px;
        }

            .div-show-product_content .product_content .button_eaqui--dark:hover {
                background-color: #00274E;
            }

        .div-show-product_content .product_content .button_eaqui--dark_blue {
            width: 100%;
            text-align: center;
            color: #FFF;
            background-color: #001B37;
            padding: 8px;
            border: none;
            border-radius: 17px !important;
            font-family: Montserrat;
            font-size: 14px;
            font-weight: 600;
            line-height: 18px;
        }

            .div-show-product_content .product_content .button_eaqui--dark_blue:hover {
                background-color: #00274E;
            }

        .div-show-product_content .product_content .button_eaqui--indiqueaqui {
            width: 100%;
            text-align: center;
            color: #FFF;
            background-color: #D73A08;
            padding: 8px;
            border: none;
            border-radius: 17px !important;
            font-family: Montserrat;
            font-size: 14px;
            font-weight: 600;
            line-height: 18px;
        }

            .div-show-product_content .product_content .button_eaqui--indiqueaqui:hover {
                background-color: #FF863E;
            }

    .div-show-product_content .eaqui__backdrop--c6 {
        position: absolute;
        bottom: -114px;
        left: -70px;
        width: 136% !important;
        transform: rotate(18deg);
        z-index: -1;
    }

    .div-show-product_content .eaqui__backdrop--c6_rosa {
        position: absolute;
        bottom: -160px;
        left: -30px;
        width: 136% !important;
        transform: rotate(10deg);
        z-index: -1;
    }

    .div-show-product_content .eaqui__backdrop--indiqueaqui {
        position: absolute;
        bottom: 0px;
        left: 0px;
        opacity: .4;
        z-index: -1;
    }

    .div-show-product_content .count_eaqui {
        display: flex;
        align-items: center;
    }

        .div-show-product_content .count_eaqui .count_label {
            color: #000;
            font-family: Montserrat;
            font-size: 14px;
            font-weight: 400;
            line-height: 22px;
            margin: 0px 12px;
        }

        .div-show-product_content .count_eaqui--white .count_label {
            color: #FFF;
        }

        .div-show-product_content .count_eaqui i {
            cursor: pointer;
            font-size: 24px;
            color: #000;
        }

        .div-show-product_content .count_eaqui--white i {
            color: #FFF;
        }




#gestores_conta {
    background: linear-gradient(348deg, #012346 12.15%, #00274E 46.86%, #00152A 102.37%);
    padding: 0 30px;
}

    #gestores_conta > div {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

.container-images-gestores {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

.container-gestores {
    flex: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .container-gestores > div > h1 {
        color: #FF6407;
        font-family: Montserrat;
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        line-height: 42px;
    }

    .container-gestores > div > p {
        color: #FFF;
        font-family: Montserrat;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
    }

        .container-gestores > div > p > span {
            color: #00C1EB;
            font-family: Montserrat;
            font-size: 14px;
            font-style: normal;
            font-weight: 600;
        }

.container-options-gestores {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

    .container-options-gestores div {
        color: #FFF;
        text-align: center;
        font-family: Montserrat;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        display: flex;
        padding: 12px 16px;
        justify-content: center;
        align-items: center;
        gap: 14px;
        align-self: stretch;
        border-radius: 5px;
        border: 1px solid #0897CB;
        cursor: pointer;
        white-space: nowrap;
    }

        .container-options-gestores div:hover {
            background: #00C1EB;
        }

.container-gestores > .container-horario > p {
    color: #FF6407;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    display: flex;
    justify-content: center;
    margin-top: 14px;
}

    /*Notificações*/
    .bola-span {
        position: absolute;
        width: 25px;
        height: 25px;
        background-color: #FF3857;
        color: white;
        content: '';
        border-radius: 100%;
        display: flex;
        place-content: center;
        z-index: 1;
        margin-left: -3%;
        margin-top: -10%;
        line-height: 24px;
        flex-direction: column;
        font-size: 10px;
        font-weight: bold;
    }

/******************E-aqui*****************/

#div-cont-right .header-mobile {
    display: none;
    justify-content: space-between;
    width: 100%;
    font-size: 18px;
    color: #BDBDBD;
    padding: 20px 14px 22px 14px;
    flex-direction: column;
}

    #div-cont-right .header-mobile > i {
        font-size: 18px;
        color: #BDBDBD;
        margin-bottom: 20px;
    }


    #div-cont-right .header-mobile > .title-mobile {
        width: 100%;
        font-size: 30px;
        line-height: 34px;
        color: #000000;
        font-family: Ubuntu;
        font-weight: 700;
        margin-bottom: 24px;
    }

    #div-cont-right .header-mobile > .select-mobile {
        width: 100%;
        height: 48px;
        border-radius: 22px !important;
        background: #F1F4F9;
        display: flex;
        justify-content: space-between;
        position: relative;
    }

        #div-cont-right .header-mobile > .select-mobile span, #div-cont-right .header-mobile > .select-mobile div {
            width: 50%;
            padding: 15px 24px;
            font-size: 14px;
            font-family: 'Montserrat';
            font-weight: 600;
            line-height: 20px;
            color: #000000;
            text-align: center;
            position: absolute;
            z-index: 1;
        }

        #div-cont-right .header-mobile > .select-mobile > .active {
            width: 50%;
            height: 48px;
            border-radius: 24px;
            background: white;
            box-shadow: 1px 1px 6px 0px #00000040;
            transition: ease-in-out .6s;
            left: 0px;
        }

        #div-cont-right .header-mobile > .select-mobile > .left {
            left: 0px;
        }

        #div-cont-right .header-mobile > .select-mobile > .right {
            left: 50%;
        }

#div-cont-right .div-cont-right-certificado {
    width: 100%;
    transition: background-color .2s; 
    background-color: var(--background_azul-3);
    box-shadow: 0px 2px 4px 2px rgba(0, 39, 78, 0.25);
    border-radius: 5px;
    padding: 30px 16px 16px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
    cursor: pointer;
}

    #div-cont-right .div-cont-right-certificado:hover {
        background-color: var(--background_eaqui-hover);
    }

#div-cont-right .titleDad {
    height: 48px;
    margin-top: 4px;
    width: 100%;
}

#div-cont-right .title {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 24px;
    color: var(--color-000000);
    text-align: left;
    cursor: pointer;
}

#div-cont-right .price {
    width: 100%;
    text-align: center;
    margin-top: 18px;
    display: flex;
    align-items: start;
}

#div-cont-right img {
    width: 100%;
}

#div-cont-right .price > label:nth-child(1) {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 19px;
    color: #000;
    line-height: 18px;
    letter-spacing: 0px;
    cursor: pointer;
}

    #div-cont-right .price > label:nth-child(2) {
        font-family: Montserrat;
        font-style: normal;
        font-weight: 700;
        font-size: 11px;
        line-height: 12px;
        color: #000;
        cursor: pointer;
    }

    .p_textGoogleWorkspace-mb {
        display: none;
    }

#trocaCards {
    width: 100%;
    transition: background-color .2s, opacity .5s;
    background-color: var(--background_azul-3);
    box-shadow: 0px 2px 4px 2px rgba(0, 39, 78, 0.25);
    border-radius: 5px;
    padding: 30px 16px 16px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    aspect-ratio: 1/1;
    opacity: 1;
}

    #trocaCards.without-justify-content {
        justify-content: initial;
    }

    #trocaCards.fade-out {
        opacity: 0; 
    }

    #trocaCards.fade-in {
        opacity: 1; 
    }

.fade-transition {
    animation-name: fade;
    animation-duration: .5s;
}

@keyframes fade {
    0% {
        opacity: 0;
    }
    
    100% {
        opacity: 1;
    }    
}

#div-cont-right .div-cont-right-bank {
    transition: background-color .2s;
    background-color: var(--background_azul-3);
    box-shadow: 0px 2px 4px 2px rgba(0, 39, 78, 0.25);
    border-radius: 5px;
    cursor: pointer;
    aspect-ratio: 1/1.1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
}

}
.div-cont-right-bank > img {
    padding: 0px 14px;
}

.buttomC6 {
    border-radius: 50px !important;
    border: 1px solid #000;
    color: #FFF;
    box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.22);
    background: #000;
    width: 146px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 8px;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    font-variant: all-small-caps;
}

.hover-img {
    padding-left: 13px;
    position: relative;
    right: 1px;
    bottom: 2px;
}
    
.hover-img:hover {
    padding-left: 13px;
    position: relative;
    right: 1px;
    bottom: 2px;
}

#div-cont-right .div-cont-right-indique-aqui {
    box-shadow: 0px 2px 4px 2px rgba(0, 39, 78, 0.25);
    border-radius: 5px;
    background-repeat: no-repeat;
    background-position: center;
    padding: 25px 14px;
    background-image: url( /dist/figma/Dashboard/CardEaquiIndiqueAqui.svg);
    margin-bottom: 15px;
    height: 230px;
    width: 210px;
}

    #div-cont-right .div-cont-right-indique-aqui:hover {
        background-color: #FFE8D8;
        pointer-events:painted;
    }

    .eAquiIndique {
        display: grid;
        color: #D73A08;
        text-shadow: -46px 18px 37px 0px rgba(0, 0, 0, 0.15) !important;
        font-family: Montserrat;
        font-size: 34px;
        font-style: normal;
        font-weight: 700;
        line-height: 90.9%;
        font-variant: all-small-caps;
    }


.imageCoracao {
    width: 33px !important;
    height: 33px;
    margin-top: 4px;
    margin-right: 8px;
}

.textEaquiIndique {
    margin-bottom: 12px;
    margin-top: 18px;
    text-align: center;
}

    .textEaquiIndique > span {
        color: var(--neutros-preto, #000);
        text-align: center;
        font-family: Montserrat;
        font-size: 12px;
        font-style: italic;
        font-weight: 300;
        line-height: normal;
    }

.groupButtomEaqui {
    justify-content: center;
    display: flex;
}

.buttomEaquiIndicacao {
    border:none;
    width: 146px;
    height: 28px;
    flex-shrink: 0;
    border-radius: 24px !important;
    background: #D73A08;
    box-shadow: 4px 4px 8px 0px rgba(255, 255, 255, 0.12);
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    font-variant: all-small-caps;
}

    .buttomEaquiIndicacao:hover {
        background: #FF6407;
    }

.fa-stethoscope {
    color: var(--neutros-branco, #FFF);
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.containerCertificadoErroMobile{
    display: none;
}

.containerCertificadoVencidoMobile {
    display: none;
}

.containerCertificadoVerificandoMobile {
    display: none;
}

.containerCertificadoSemCertificadoMobile {
    display: none;
}

.containerCertificadoBloqueadoMobile {
    display: none;
}
.containerCertificadoQuaseVencidoMobile {
    display: none;
}
/*****************************************/
@media (min-width:769px) {
    .d__none-lg, #id_calendarioHorizontal-mb {
        display: none !important;
    }

    .div-cont-right {
        padding-top: 0px;
        padding-bottom: 0px;
        width: 264px;
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: fixed;
        top: 64px !important;
        right: 0px;
        height: calc(100vh - 65px);
        background-color: var(--background_azul-4);
    }
}


@media (max-width:768px) {
    .notMobile {
        display: none !important;
    }

    .toast-success {
        display: none !important;
    }

    /*Alertas temporarios*/

    #modal__Novidade-tarefaMes {
        display: none !important;
    }

    /*Geral*/
    input[type="date"], input[type="month"] {
        position: relative;
        background-color: white !important;
        background: white !important;
    }

        input[type="date"]::-webkit-datetime-edit, input[type="month"]::-webkit-datetime-edit {
            background: white !important;
            background-color: white !important;
            padding: 0px !important;
        }

        input[type="date"]::-webkit-date-and-time-value, input[type="month"]::-webkit-date-and-time-value {
            text-align: left !important;
        }

        input[type="date"]::-webkit-calendar-picker-indicator, input[type="month"]::-webkit-calendar-picker-indicator {
            z-index: 1;
            background: transparent;
            background-color: transparent;
        }

        input[type="date"]:before, input[type="month"]:before {
            background: #ffffff;
            display: block;
            font-family: 'FontAwesome';
            content: '\f073';
            width: 26px;
            height: 26px;
            font-size: 20px;
            position: absolute;
            bottom: 0px;
            right: 0px;
            color: #FF6407;
        }

    ::-webkit-scrollbar {
        width: 4px
    }


    /***** Skeleton Loading *****/
    .div-conteudo-skeleton {
        width: 100% !important;
        padding-top: 0px;
        min-height: calc(100vh - 300px) !important;
    }

    #div-loading-conteudo .skeletonTitle {
        display: none;
    }

    #div-loading-conteudo .loadingEmpreendeaquiSpinner {
        display: block !important;
    }

    #div-loading-conteudo .dashboardSkeleton {
        display: none !important;
    }

    /***************************/

    /****Div Conteudo****/

    #divViews .cabecalho-mobile {
        display: flex;
        flex-direction: row;
    }

    /*******************/

    /*#region modais*/

    #mdl_mobile {
        position: fixed;
        z-index: 10001;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background-color: #00000066;
    }

        #mdl_mobile .mdlBox-mb {
            position: absolute;
            bottom: -100%;
            left: 0px;
            background-color: #fff;
            width: 100%;
            height: 100%;
            transition: bottom ease-in-out .4s;
            padding: 24px 16px;
            overflow-y: auto;
        }

            #mdl_mobile .mdlBox-mb > .cabecalho {
                display: flex;
                justify-content: space-between;
                width: 100%;
                font-size: 24px;
                line-height: 27px;
                color: #BDBDBD;
                padding: 0px !important;
                margin-bottom: 16px;
            }

                #mdl_mobile .mdlBox-mb > .cabecalho > i:first-child {
                    font-size: 18px;
                }

        #mdl_mobile .title-help {
            width: 100%;
            font-size: 24px;
            line-height: 29px;
            display: flex;
            align-items: center;
            color: #08698C;
            font-family: Montserrat;
            font-weight: 600;
        }

            #mdl_mobile .title-help > .ball {
                width: 56px;
                height: 56px;
                border-radius: 50%;
                border: 1px solid #99A9B8;
                display: flex;
                align-items: center;
                justify-content: center;
                margin-right: 24px;
                box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
            }

                #mdl_mobile .title-help > .ball > i {
                    font-size: 24px;
                    color: #08698C;
                }

        #mdl_mobile .option-help > .title-help {
            width: 100%;
            font-size: 20px;
            font-family: Ubuntu;
            font-weight: 400;
            line-height: 23px;
            color: #000000;
            margin-bottom: 8px;
        }

        #mdl_mobile .option-help {
            width: calc(100% + 32px);
            margin: 0px -16px 0 -16px;
            color: #4D5156;
            font-size: 16px;
            line-height: 24px;
            font-family: Montserrat;
            padding: 32px 16px 32px 16px;
            border-bottom: 1px solid #CCD4DC;
        }



    /*#endregion modais*/


    /*Eaqui*/
    #div-cont-right .title-mobile {
        display: flex;
        flex-direction: column;
    }

    .div-cont-right-certificado:nth-child(2) .price {
        justify-content: center;
    }

    #div-cont-right .price > label:nth-child(1) {
        font-size: 16px;
    }

    /* Modal google */
    #modalGoogleWorkspace {
        z-index: 10000;
        position: fixed;
        width: 100%;
        left: 0px;
        top: 0px;
        /*opacity: 1;*/
    }

        #modalGoogleWorkspace .modal-content {
            position: fixed;
            width: 100%;
            height: auto;
            left: 0px;
            bottom: -100%;
            transition: .4s;
            border-top-left-radius: 16px;
            border-top-right-radius: 16px;
        }

    .childmodal {
        justify-content: unset !important;
        align-items: unset !important;
        height: 0px !important;
        width: 0px !important;
    }

    .modal-header {
        width: 100%;
        padding: 16px 16px 0px !important;
        margin-bottom: 24px;
    }

        .modal-header .close {
            left: 0px;
            top: 16px;
            width: 100%;
            height: 20px;
            font-size: 24px !important;
            color: #BDBDBD;
        }

        .modal-header > h4 {
            width: 100%;
            margin: 0px !important;
            display: flex;
            padding-left: 32px;
            margin-bottom: 32px !important;
            font-family: Ubuntu;
            color: #000000;
            font-weight: 500;
        }

        .modal-header > img {
            width: 80%;
        }

    #modalGoogleWorkspace .modal-content div:nth-child(2) {
        padding: 0px !important;
        margin: 0px !important;
    }

    .text__googleWorkspace {
        margin: 0px;
        color: #000000;
    }

        .text__googleWorkspace > p:first-child {
            display: none;
        }

    .p_textGoogleWorkspace-mb {
        display: flex !important;
        padding: 16px;
    }

    .bloco__googleWorkspace {
        padding: 0px 16px;
    }

    .btn__contratargoogle {
        height: 44px;
        border-radius: 22px !important;
        width: 100%;
        margin-bottom: 16px;
    }


    /**********/
    .topbar {
        display: none;
    }

    .nav-bar-vert-left {
        display: none;
    }

    .div-menu-mobile {
        display: block;
    }

    .div-layout-esquerta-opc-bottom {
        width: 50px;
    }

    .div-layout-esquerta-opc {
        display: none;
    }

    .div-layout-esquerta-opc-img {
        width: 50px !important;
        font-size: 20px;
        margin-top: 8px;
        display: none;
    }

    .div-layout-esquerta-opc-menu {
        width: 100%;
        text-align: center;
        color: white;
        font-size: 24px;
        margin-top: 16px;
        padding: 5px 0px;
        display: block;
    }

    .div-layout-esquerta-opc > a > div {
        width: 50px !important;
    }

    .div-layout-esquerta-opc > a > img {
        width: 30px !important;
    }

    .div-layout-esquerta-opc-img > a > img {
        width: 30px !important;
    }

    .div-conteudo {
        width: 100% !important;
        padding-top: 20px;
        min-height: 0 !important;
        border: none;
    }

    .div-principal-conteudo {
        padding: 0px;
        padding-bottom: 30px;
    }

    .nav-bar-top-mobile {
        display: block !important;
    }

    .nav-bar-bottom-mobile {
        display: block !important;
    }

    /*E-aqui***************/

    #div-cont-right .header-mobile {
        display: flex !important;
    }

    #div-cont-right .title-mobile {
        display: flex;
    }

    .title-eaqui {
        display: none;
    }

    .div-cont-right {
        background: white;
        border-right: none;
        height: 100%;
        width: 100vw;
        padding: 4px;
        padding-top: 0px;
        display: none;
        position: fixed;
        left: 0px;
        z-index: 1050;
        top: 100vh;
        transition: top .5s;
        overflow: auto;
    }

        .div-cont-right::-webkit-scrollbar {
            display: none;
        }

    #div-show-product {
        justify-content: space-between;
        padding: 10px 12px 0px 12px !important;
    }

    #div-cont-right .div-cont-right-certificado {
        width: calc(50% - 10px);
        padding: 24px 8px 16px 8px;
        border-radius: 2px;
        margin-bottom: 20px;
    }

    #div-cont-right .title {
        font-size: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    #div-cont-right .div-cont-right-certificado .img-empreendeaqui {
        width: 64% !important;
    }

    #div-cont-right .div-cont-right-certificado .img-Cardsinova {
        width: 48px !important;
    }

    #div-cont-right .div-cont-right-certificado .box-empreendeaqui {
        width: 80% !important;
    }

    /*****************/


    /*Div Usuario*/
    .div-user {
        width: 100%;
        padding-left: 0px;
    }

    .div-user-top > .div-name {
        max-width: calc(100% - 40px);
    }

    .div-user > .div-opc {
        padding-top: 10px;
    }

        .div-user > .div-opc > ul {
            font-size: 14px;
            padding-left: 20px;
        }


    /*Ajuda*/
    .div-ajuda {
        width: 100%;
        padding-left: 0px;
        transition: .4s;
        right: auto;
        overflow: overlay;
    }

        .div-ajuda::-webkit-scrollbar {
            display: none;
        }

    .div-ajuda-top {
        padding: 0px 16px 24px;
        border-bottom: none;
    }

    .div-ajuda-top-title {
        margin-left: 24px;
        font-family: Montserrat;
        font-size: 24px;
        font-weight: 600;
    }

    .div-ajuda-top-exit-icon {
        height: 35px;
        width: 35px;
    }

    .div-ajuda-opc-img > div {
        background-size: auto 100% !important;
        background-repeat: no-repeat;
        background-position: center;
    }

    #sugerirMelhoria {
        display: none !important;
    }

    .div-ajuda-opc {
        padding: 24px 16px;
    }

        .div-ajuda-opc > .div-text {
            width: calc(100% - 68px);
            margin-left: 19px;
        }

            .div-ajuda-opc > .div-text > .lbl-title {
                font-size: 16px;
                line-height: 18px;
            }

            .div-ajuda-opc > .div-text > .lbl-subtitle {
                font-size: 14px;
                line-height: 24px;
                font-family: Montserrat;
            }

    #btn-exit-div-ajuda {
        display: none;
    }

    .div_header-mb {
        display: block !important;
        padding: 24px 16px 36px;
    }

        .div_header-mb .fa-arrow-left {
            color: #FFFFFF;
            font-size: 18px;
        }

    .fad.fa-question-circle:after {
        color: #0897CB;
        opacity: 1;
    }

    .div-ajuda-top .fa-question-circle {
        color: #FFFFFF;
        font-size: 40px;
    }

    #div-ajuda .div-ajuda-top > div:nth-child(1) {
        font-size: 0 !important;
    }

    .div-ajuda-opc-img {
        width: 40px;
        height: 40px;
        padding: 0 !important;
    }

    #abriChat {
        border-bottom: none;
    }

    .div-ajuda-opc:hover .div-text > .lbl-title {
        color: #FFFFFF !important;
    }

    #abriChat > .div-ajuda-opc-img {
        width: 40px;
        height: 32px;
    }

    .d__none-mb {
        display: none !important;
    }

    .modal-inadimplente {
        width: calc(100% - 48px) !important;
        max-width: 328px;
        height: auto !important;
        position: unset !important;
        margin-bottom: 10px !important;
    }

    .text-inadimplente {
        display: none;
    }

    .text-inadimplente-mobile {
        display: block !important;
        color: #FFF;
        font-family: Montserrat;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
    }

        .text-inadimplente-mobile > span {
            color: #FFF;
            font-family: Montserrat;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 24px;
        }

    .txt_titleMesalidade-mobile {
        color: #000;
        font-family: Ubuntu;
        font-size: 22px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .txt_finance_vencimento-mobile {
        color: var(--4D5156, #4D5156);
        font-family: Montserrat;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .txt_vl_mensalidadeVencida {
        color: #000;
        font-family: Montserrat;
        font-size: 22px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

        .txt_vl_mensalidadeVencida > span {
            font-weight: 500;
        }

    .btn_mensalidadeVencida-mobile {
        border-radius: 49px !important;
        background: #FF3857;
        padding: 12px 26px 12px 27px;
        color: #F8F9FC;
        font-family: Montserrat;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        border: none;
    }

    .modal-mensalidadeVencida-mobile {
        display: block !important;
        border-radius: 10px;
        border: 1px solid rgba(153, 169, 184, 0.50);
        background: #FFF;
        box-shadow: 1px 1px 6px 0px rgba(0, 39, 78, 0.25);
        width: calc(100% - 48px) !important;
        max-width: 328px;
        height: auto;
        padding: 16px;
    }

    .fundoAzulModal-inadimplente {
        background: #010F1C66 !important;
        height: 100vh !important;
        position: relative !important;
    }

    .div-ajuda {
        right: 0 !important;
    }

    .alinhamento-modal-inadimplente {
        display: flex;
        flex-direction: column;
        align-items: center;
        height: calc(100vh - 214px);
        padding: 24px 0px;
    }

        .alinhamento-modal-inadimplente::-webkit-scrollbar-track {
            background-color: transparent;
        }

    .main-hide {
        display: none !important;
    }

    .containerCertificadoErroMobile {
        height: 100vh;
        position: fixed;
        z-index: 2000;
        background: #00152ACC;
        top: 0;
        display: none;
        align-items: flex-end;
    }

    .conteudoCertificadoErroMobile {
        height: 100vh;
        background: #fff;
        position: relative;
        z-index: 1;
        transition: bottom 1s ease-in-out;
        bottom: -100%;
    }

        .conteudoCertificadoErroMobile.active {
            bottom: 0;
        }

    .headerCertificadoErroMobile {
        position: absolute;
        right: 30px;
        top: 30px;
    }

        .headerCertificadoErroMobile > i {
            color: #00274E;
            font-size: 24px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
        }

    .conteudoBannerMobileCertificadoErro > p {
        line-height: normal;
        font-style: normal;
        color: #000;
    }

        .conteudoBannerMobileCertificadoErro > p:first-child {
            display: flex;
            justify-content: center;
            margin-top: 30px;
            text-align: center;
            font-family: Ubuntu;
            font-size: 25px;
            font-weight: 700;
        }

        .conteudoBannerMobileCertificadoErro > p:nth-of-type(2) {
            font-family: Montserrat;
            font-size: 15px;
            font-weight: 500;
            margin-top: 40px;
        }

    .conteudoBannerMobileCertificadoErro > hr {
        color: rgba(0, 39, 78, 0.20);
        width: 100%;
    }

    .conteudoBannerMobileCertificadoErro > button {
        border: none;
        border-radius: 6px;
        background: #003E7C;
        color: #FFF;
        text-align: center;
        font-family: Montserrat;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        padding: 10px 0px;
        width: 100%;
        margin-top: 29px;
    }

    .conteudoCertificadoErroMobile > div > img {
        width: 212px;
        height: 148px;
        margin-left: 35px;
        margin-top: 60px;
    }

    .containerCertificadoVencidoMobile {
        height: 100%;
        position: fixed;
        top: 0;
        z-index: 2000;
        background: #00152ACC;
        display: none;
    }

    .conteudoCertificadoVencidoMobile {
        height: 100%;
        background: #fff;
        position: relative;
        z-index: 1;
        transition: bottom 1s ease-in-out;
        bottom: -100%;
    }

    .grupoTextoCertificadoVerificandoMobile {

    }
      
        .grupoTextoCertificadoVerificandoMobile > p:first-child {
            display: flex;
            justify-content: center;
            text-align: center;
            font-family: Ubuntu;
            font-size: 25px;
            font-weight: 700;
            margin: 0;
        }

    .grupoTextoCertificadoVerificandoMobile > p:nth-of-type(2) {
        font-family: Montserrat;
        font-size: 15px;
        font-weight: 500;
        margin-top: 40px;
        display: flex;
        flex-direction: column;
        gap: 15px;
    }


    .containerCertificadoBloqueadoMobile {
        height: 100%;
        position: fixed;
        top: 0;
        z-index: 2000;
        background: #00152ACC;
        display: none;
    }

    .conteudoCertificadoBloqueadoMobile {
        height: 100%;
        background: #fff;
        position: relative;
        z-index: 1;
        transition: bottom 1s ease-in-out;
        bottom: -100%;
        padding: 20px 50px;
    }

        .conteudoCertificadoBloqueadoMobile.active {
            bottom: 0;
        }

    .headerCertificadoBloqueadoMobile {
        position: absolute;
        right: 50px;
        top: 50px;
    }
        .headerCertificadoBloqueadoMobile > i {
            color: #00274E;
            font-size: 24px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
        }


    .conteudoCertificadoBloqueadoMobile > div > img {
        width: 212px;
        height: 148px;
        margin-top: 45px;
        width: 100%;
    }

    .conteudoCertificaNenhumCertificadoMobile {
        margin-top: 24px;
    }

    .conteudoCertificaNenhumCertificadoMobile > a {
        color: #00C1EB;
        font-family: Montserrat;
        font-size: 15px;
        font-style: italic;
        font-weight: 600;
    }

    .containerCertificadoQuaseVencidoMobile {
        height: 100%;
        position: fixed;
        top: 0;
        z-index: 2000;
        background: #00152ACC;
        display: none;
    }

    .conteudoCertificadoQuaseVencidoMobile {
        height: 100%;
        background: #fff;
        position: relative;
        z-index: 1;
        transition: bottom 1s ease-in-out;
        bottom: -100%;
        padding: 20px 50px;
    }

        .conteudoCertificadoQuaseVencidoMobile.active {
            bottom: 0;
        }

    .headerCertificadoQuaseVencidoMobile {
        position: absolute;
        right: 50px;
        top: 50px;
    }

        .headerCertificadoQuaseVencidoMobile > i {
            color: #00274E;
            font-size: 24px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
        }


    .conteudoCertificadoQuaseVencidoMobile > div > img {
        width: 212px;
        height: 148px;
        margin-top: 60px;
        width: 100%;
    }

    .conteudoCertificaNenhumCertificadoMobile {
        margin-top: 24px;
    }

        .conteudoCertificaNenhumCertificadoMobile > a {
            color: #00C1EB;
            font-family: Montserrat;
            font-size: 15px;
            font-style: italic;
            font-weight: 600;
        }

    .conteudoCertificadoVencidoMobile > div > img {
        width: 212px;
        height: 148px;
        margin-left: 35px;
        margin-top: 60px;
    }

        .conteudoCertificadoVencidoMobile > a {
            text-decoration: underline;
            color: #00C1EB;
            font-family: Montserrat;
            font-size: 15px;
            font-style: italic;
            font-weight: 600;
        }

        .conteudoCertificadoVencidoMobile > p:first-child {
            display: flex;
            justify-content: center;
            text-align: center;
            font-family: Ubuntu;
            font-size: 25px;
            font-weight: 700;
            margin: 0;
        }

        .conteudoCertificadoVencidoMobile > p:nth-of-type(2) {
            font-family: Montserrat;
            font-size: 15px;
            font-weight: 500;
            margin-top: 40px;
        }


        .conteudoCertificadoVencidoMobile.active {
            bottom: 0;
        }

    .containerCertificadoVerificandoMobile {
        height: 100%;
        position: fixed;
        top: 0;
        z-index: 2000;
        background: #00152ACC;
        display: none;
    }

    .conteudoCertificadoVerificandoMobile {
        height: 100%;
        background: #fff;
        position: relative;
        z-index: 1;
        transition: bottom 1s ease-in-out;
        bottom: -100%;
    }

        .conteudoCertificadoVerificandoMobile.active {
            bottom: 0;
        }

    .grupoContadorBannerCertificadoMobile {
        margin-top: 35px;
    }

    .grupoContadorBannerCertificadoMobile > p {
        color: #003E7C;
        font-family: Montserrat;
        font-size: 15px;
        font-style: normal;
        line-height: normal;
        margin: 0;
    }

        .grupoContadorBannerCertificadoMobile > p:first-child {
            font-weight: 500;
        }

        .grupoContadorBannerCertificadoMobile > p:last-child {
            font-weight: 700;
        }

    .conteudoCertificadoVerificandoMobile > div > img {
        width: 100%;
        height: 148px;
        margin-top: 60px;
    }

    .containerCertificadoSemCertificadoMobile {
        height: 100%;
        position: fixed;
        z-index: 2000;
        background: #00152ACC;
        top: 0;
        display: none;
        align-items: flex-end;
    }

    .conteudoCertificadoSemCertificadoMobile {
        height: 100%;
        background: #fff;       
        position: relative;
        z-index: 1;
        transition: bottom 1s ease-in-out;
        bottom: -100%;
    }

    .conteudoCertificadoSemCertificadoMobile > div > img {
        width: 100%;
        height: 148px;
        margin-top: 60px;
    }

    .conteudoCertificaNenhumCertificadoMobile > p {
        font-family: Montserrat;
        font-size: 15px;
        font-weight: 500;
        margin-top: 40px;
    }

    .conteudoCertificaNenhumCertificadoMobile > button {
        border: none;
        border-radius: 6px;
        background: #003E7C;
        color: #FFF;
        text-align: center;
        font-family: Montserrat;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        padding: 10px 0px;
        width: 100%;
        margin-top: 29px;
    }

    .conteudoCertificaNenhumCertificadoMobile > p:first-child {
        display: flex;
        justify-content: center;
        text-align: center;
        font-family: Ubuntu;
        font-size: 25px;
        font-weight: 700;
        margin: 0;
    }

    .conteudoCertificaNenhumCertificadoMobile > p:nth-of-type(2) {
        font-family: Montserrat;
        font-size: 15px;
        font-weight: 500;
        margin-top: 40px;
        margin-bottom: 30px;
    }

    .conteudoCertificadoSemCertificadoMobile.active {
        bottom: 0;
    }
}

@media (min-width:769px) and (max-width:915px) {
    .div-cont-right {
        width: 100%;
        display: none !important;
        flex-wrap: wrap !important;
    }

    .div-cont-right-certificado {
        width: 40%;
        float: left;
        margin: 5%;
    }

    .div-conteudo {
        width: 100% !important;
    }

    .div-principal-conteudo {
        padding-left: 80px;
    }

    .title-eaqui {
        display: none;
    }
}


@media (min-width:916px) {
    /*Mensagem*/
    .icon-caixa-de-entrada:hover .icon-primario {
        display: none;
    }

    .icon-caixa-de-entrada:hover .icon-caixa-de-entrada-active {
        display: flex;
    }

    /*Tarefa*/
    .icon-calendar-check:hover .icon-primario {
        display: none;
    }

    .icon-calendar-check:hover .icon-calendar-check-active {
        display: flex;
    }

    /*Calendly*/
    .icon-notas:hover .icon-primario {
        display: none;
    }

    .icon-notas:hover .icon-notas-active {
        display: flex;
    }

    /*IndicaAqui*/
    .click-indicaaqui:hover .icon-primario {
        display: none;
    }

    .click-indicaaqui:hover .click-indicaaqui-active {
        display: flex;
    }

    /*Sugerir Melhoria - Painel ADM*/
    .click-sugerirmelhoria:hover .icon-primario {
        display: none;
    }

    .click-sugerirmelhoria:hover .click-sugerirmelhoria-active {
        display: flex;
    }

    /*Pesquisar*/
    .click-search:hover .icon-primario {
        display: none;
    }

    .click-search:hover .click-search-active {
        display: flex;
    }

    /*Pesquisar*/
    .click-help:hover .icon-primario {
        display: none;
    }

    .click-help:hover .click-help-active {
        display: flex;
    }
}

.fundoAzulModal-inadimplente {
    position: fixed;
    z-index: 1049;
    background: #00274ECC;
    width: 100%;
    height: 100%;
    top: 0px;
    right: 0;
}

.modal-inadimplente {
    border-radius: 8px;
    background: #003265;
    width: 458px;
    height: 236px;
    padding: 24px;
    position: fixed;
    bottom: 67px;
    left: 100px;
}

.titulo-inadimplente {
    color: #FFF;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.text-inadimplente {
    color: var(--neutros-branco, #FFF);
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

    .text-inadimplente > span {
        color: var(--neutros-branco, #FFF);
        font-family: Montserrat;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px;
    }

.buttom-inadimplente {
    background: #003265;
    border-radius: 3px;
    border: 1px solid #FFF;
    color: #FFF;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: flex;
    margin-left: calc(100% - 80px);
    padding: 8px;
}

.navbar-option-light::after {
    content: "";
    border-bottom: 1px solid #fff;
    box-shadow: 0px 0px 5px 1px rgba(255, 255, 255, 0.50);
    width: 108px;
    bottom: 16px;
    position: absolute;
    left: 719px;
}

.navbar-option-lightMensalidade::after {
    content: "";
    border-bottom: 1px solid #fff;
    box-shadow: 0px 0px 5px 1px rgba(255, 255, 255, 0.50);
    width: 180px;
    position: absolute;
    left: 0px;
    top: 79px;
}

.nav-left-open-Mensalidade {
    pointer-events: all;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    box-shadow: -5px 0px 5px 0px rgba(255, 255, 255, 0.70);
}

.disabled-item {
    pointer-events: none;
    opacity: 0.5;
}

.containerCertificado {
    position: fixed;
    top: 0;
    background: #001B37cc;
    height: 100vh;
    width: 100%;
    z-index: 2000;
    justify-content: center;
    align-items: center;
    display:none;
}

.conteudoCertificado {
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 500px;
    width: 598px;
    display: flex;
    flex-direction: column;
    border-radius: 5px;
    padding-top: 20px;
}

#modalCertificadoQuaseVencido .conteudoCertificado {
    height: 530px;
}

    #modalCertificadoQuaseVencido .conteudoCertificado hr {
        margin-top: 20px;
    }

#modalCertificadoBloqueado .conteudoCertificado{
    padding: 0;
}

    #modalCertificadoBloqueado .conteudoCertificado .hr {
        padding: 0px 30px 10px 30px;
        margin-top: 0;
    }

    #modalCertificadoBloqueado .conteudoCertificado .headerCertificado {
        margin-top: 0;
    }


.headerCertificado {
    color: #00152A;
    font-family: Ubuntu;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0px 30px;
    align-items: center;
    margin-bottom: 0px;
    margin-top: -22px;
}

    .headerCertificado > p {
        margin: 0;
    }

    .headerCertificado > i {
        cursor: pointer;
        font-size: 24px;
        width: 15px;
    }

    .headerCertificado > i:hover {
        color: #00C1EB;
    }

    .conteudoDireitaCertificado {
        margin-left: 20px;
    }

        .conteudoDireitaCertificado > p:first-child {
            color: #00152A;
            font-family: Montserrat;
            font-size: 24px;
            font-style: normal;
            font-weight: 700;
            line-height: 27px;
        }

    .conteudoDireitaCertificado > p:last-child {
        color: #00152A;
        font-family: Montserrat;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
    }

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


    .containerFooterCertificado > button:first-child {
        border-radius: 5px;
        color: #FF3857;
        text-align: center;
        font-family: Montserrat;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        border: none;
        padding: 16px;
        background: #fff;
        border: 1px solid #FF3857;
    }

        .containerFooterCertificado > button:first-child:hover {
            background: #FFF0F0;
        }

    .containerFooterCertificado > button:last-child {
        border-radius: 5px;
        background: #00B050;
        color: #FFF;
        text-align: center;
        font-family: Montserrat;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        border: none;
        padding: 16px 25px;
    }

        .containerFooterCertificado > button:last-child:hover {
            background: #1FCC6E;
        }


.conteudoDireitaModalDuplo {
    display: flex;
    margin-bottom: 51px;
    padding: 0px 29px;
    align-items: center;
}

.conteudoDireitaModalDuplo {
    display: flex;
    margin-bottom: 51px;
    padding: 0px 29px;
}

.contador {
    align-items: end;
    display: flex;
    flex-direction: column;
    margin-right: 230px;
}

    .contador > p {
        margin: 0;
        line-height: normal;
        font-style: normal;
        font-family: Montserrat;
        color: #003E7C;
        text-align: center;
        font-size: 12px;
        margin-right: -7px;
    }

        .contador > p:first-child {
            font-weight: 500;
            margin-right: 7px;
        }

        .contador > p:last-child {
            font-weight: 700;
            display: flex;
        }

.conteudoDireitaModalVerificando {
    display: flex;
    margin-bottom: 51px;
    padding: 0px 29px;
    flex-direction: column;
    margin-top: 60px;
}