@font-face {
    font-family: 'Roboto';
    src: url('../lib/fonts/Roboto-Regular.ttf') format('truetype');
}

body {
    font-family: Roboto;
    background-color: #F5F5F5;
}

:root {
    --bgTipoA: #c9f3f4;
    --bgTipoB: #b5ebed;
    --bgTipoC: #78e1e1;
    --bgTipoD: #eeeeee;
    --bgTipoE: #f1d7d9;
    --bgTipoF: #FFDB00;
    --bgTipoG: #c2c2c2;
    --bgTipoH: #E6E6E6;
    --bgTipoI: #283385;
    --txTipoA: #1A1444;
    --txTipoB: #06748c;
    --txTipoC: #EB1C2E;
    --txTipoD: #424242;
    --txTipoE: #F2FCFC;
    --txTipoF: #99E5EA;
    --txTipoG: #28A3AF;
    --txTipoH: #C0BFC0;
    --txTipoI: #5C6F70;
    --lblForm: #404040;
    --txtForm: #b1b3b6;
    --tblBord: #e1e1e1;
    --tblHead: #06748c;
    --tblHtxt: #fff;
    --tblBtxt: #343741;
    --tblLbkg: #e9fafa;
    --txtAlrt1: #008040;
    --bkgAlrt1: #e1f2e6;
    --txtAlrt2: #d32f2f;
    --bkgAlrt2: #fff4f5;
    --txtAlrt3: #ffa200;
    --bkgAlrt3: #fff6e5;
    /**Novas Variaveis*/
    --tblSecundaria: #2C3A39;
    --tblPredominante: #FFC900;
}

/* -- título -- */
#titlePage h2 {
    font-size: 2rem;
    color: var(--txTipoA);
}

    #titlePage h2 div {
        font-size: 1.2rem;
        color: var(--txTipoB);
    }

#titleLabel {
    background-color: var(--bgTipoA);
    border-radius: .35rem;
    color: var(--txTipoB);
    font-size: 1rem;
    font-weight: bold;
}


    #titleLabel span {
        color: var(--txTipoA);
        font-weight: normal;
    }

/* -- header, footer e abas -- */
#mainTabs .nav-tabs {
    border-bottom: 2px solid var(--tblSecundaria);
    padding-bottom: 1px;
}

    #mainTabs .nav-tabs.gray {
        border-bottom: 2px solid var(--bgTipoH);
    }

#footerTabs .nav-tabs {
    border-top: 2px solid var(--tblSecundaria);
    border-bottom: none !important;
}

    #footerTabs .nav-tabs.gray {
        border-top: 2px solid var(--bgTipoH);
    }

#mainTabs div,
#footerTabs div {
    margin-left: 1.8rem !important;
}

#mainTabs span,
#footerTabs span {
    display: inline;
    position: relative;
}

#mainTabs .btn-imprimir, 
#footerTabs .btn-imprimir {
    box-shadow: none;
    outline: 0 none;
    z-index: 100;
}

#mainTabs span ul {
    position: absolute;
    display: none;
    top: 18px;
    left: 0;
    background-color: var(--bgTipoA);
    border-color: var(--bgTipoA);
    border-bottom-left-radius: 1.25rem !important;
    border-bottom-right-radius: 1.25rem !important;
    list-style: none;
    padding: 8px 21px;
    min-width: 110px;
    z-index: 99;
}

#footerTabs span ul {
    position: absolute;
    display: none;
    bottom: 14px;
    left: 0;
    background-color: var(--bgTipoA);
    border-color: var(--bgTipoA);
    border-top-left-radius: 1.25rem !important;
    border-top-right-radius: 1.25rem !important;
    list-style: none;
    padding: 8px 21px;
    margin-bottom: 0;
    min-width: 110px;
    z-index: 99
}

    #mainTabs span ul li a,
    #mainTabs span ul li a:hover,
    #footerTabs span ul li a,
    #footerTabs span ul li a:hover {
        color: var(--txTipoB);
        text-decoration: none;
        font-size: .7rem;
        font-weight: 600;
    } 

#mainTabs .nav-link,
#footerTabs .nav-link {
    background-color: #EEE;
    color: var(--txTipoA);
    font-size: 1rem;
    font-weight: bold;
    cursor: pointer;
}

#mainTabs .gray .nav-link,
#footerTabs .gray .nav-link {
    color: var(--txTipoH);
}

.nav-link.header {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.nav-link.bottom {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
}

#mainTabs .active,
#footerTabs .active {
    background-color: var(--tblSecundaria);
    border-color: var(--tblSecundaria);
    color: var(--tblHtxt);
}

#mainTabs .gray .active,
#footerTabs .gray .active {
    background-color: var(--bgTipoH);
    border-color: var(--bgTipoH);
    color: var(--txTipoA);
}

#mainTabs .btn,
#footerTabs .btn {
    background-color: var(--bgTipoA);
    border-color: var(--bgTipoA);
    border-radius: 1.25rem;
    color: var(--txTipoB);
    font-size: .7rem;
    font-weight: 600;
}

/* -- título da seção -- */
#pg-proposta,
#pg-ocorrencia {
    display: none;
}

.titleLibForm h3 {
    font-size: 1.6rem;
    font-weight: bold;
    color: var(--txTipoA);
}

    .titleLibForm h3 span {
        background-color: var(--bgTipoC);
        font-size: .7rem;
        font-weight: bold;
        display: none !important; /* REMOVER PARA MOSTRAR OS NUMERADORES NOS TÍTULOS DOS BLOCOS */
    }

.titleLibForm hr {
    border: 1px solid #ccc;
}

/* -- campos formulário -- */
.formShaddow {
    margin-top: 1.25rem;
    box-shadow: 3px 3px 6px var(--bgTipoG);
    border-radius: .75rem !important;
    background-color: var(--tblHtxt);
}

.libForm {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: .50rem;
}

    .libForm a {
        text-decoration: none;
        color: var(--txTipoD);
    }

        .libForm a:hover {
            text-decoration: none;
        }

        .libForm a.input-group-text,
        .libForm a.input-group-text:hover {
            color: var(--txTipoB);
            height: 2.2rem;
            border-color: var(--txtForm);
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }

    .libForm label,
    .libForm span,
    .libForm strong {
        font-size: .90rem;
        color: var(--lblForm);
    }

    .libForm input[type=text],
    .libForm input[type=search],
    .libForm input[type=number],
    .libForm input[type=email],
    .libForm button {
        height: 2.2rem;
        border-color: var(--txtForm);
        text-transform: uppercase;
    }

    .libForm input {
        z-index: 10;
    }

    .libForm button {
        z-index: 1;
    }

    .libForm .nomeC button:disabled {
        background-color: var(--bgTipoD);
    }

    .libForm input,
    .libForm input::placeholder,
    .libForm input:focus,
    .libForm select,
    .libForm select::placeholder,
    .libForm select:focus,
    .libForm textarea,
    .libForm textarea::placeholder,
    .libForm textarea:focus {
        font-size: .8rem;
        color: var(--txtForm) !important;
    }

        .libForm input:focus,
        .libForm button:focus,
        .select:focus,
        .libForm textarea:focus {
            border-color: var(--txTipoB);
            box-shadow: none;
            outline: 0 none;
        }

    .libForm button,
    .libForm button:hover {
        background-color: var(--bgTipoD);
        border-color: var(--txtForm);
        color: var(--txTipoB);
    }

    .libForm .btn-libform,
    .libForm .btn-libform:hover {
        border-radius: 1.25rem !important;
        font-size: .8rem;
        font-weight: 600;
    }

    .libForm .btn-tipoA {
        background-color: var(--bgTipoC) !important;
        border-color: var(--bgTipoC) !important;
        color: var(--txTipoA);
    }

        .libForm .btn-tipoA:hover {
            background-color: var(--bgTipoF) !important;
            border-color: var(--bgTipoF) !important;
            color: var(--txTipoA);
        }

    .libForm .btn-tipoB,
    .libForm .btn-tipoB:hover {
        background-color: var(--bgTipoA) !important;
        border-color: var(--bgTipoA) !important;
        color: var(--txTipoB);
    }

    .libForm .btn-tipoC {
        background-color: var(--tblHtxt) !important;
        border-color: var(--tblHtxt) !important;
        color: var(--txTipoG);
        font-size: .8rem;
    }

        .libForm .btn-tipoC:hover {
            color: var(--txTipoB);
        }

        .libForm .btn-tipoC i {
            margin-right: .3rem;
        }

    .libForm .btn-tipoD {
        background-color: var(--tblHtxt) !important;
        border: 1px solid var(--txTipoG) !important;
        color: var(--txTipoG);
    }

        .libForm .btn-tipoD:hover {
            background-color: var(--tblHtxt) !important;
            border-color: var(--tblHead) !important;
            color: var(--tblHead);
        }

        .libForm .btn-tipoD:disabled {
            background-color: var(--bgTipoH) !important;
            border-color: var(--bgTipoH) !important;
            color: var(--txTipoH);
        }

    .libForm .apnd-btn-border button,
    .libForm .apnd-btn-border button:focus,
    .libForm .apnd-btn-border button:hover {
        border-color: var(--txtForm) !important;
    }

    .libForm .cpfV button {
        margin: 0 1rem;
    }

    .libForm .inputLeft {
        margin-right: .75rem;
        border-top-right-radius: .30rem !important;
        border-bottom-right-radius: .30rem !important;
    }

    .libForm .inputRight {
        border-top-left-radius: .30rem !important;
        border-bottom-left-radius: .30rem !important;
    }

.required-corretor {
    border-left: 1px solid var(--txTipoC) !important;
}

.libForm .required-txt,
.input-validation-error {
    color: var(--txTipoC) !important;
}

.libForm .validation {
    height: 16px;
    line-height: 16px;
}

.libForm .form-feedback {
    height: 16px;
    line-height: 16px;
    font-size: .70rem;
    color: var(--txTipoC);
    font-weight: bold;
}

.libForm .form-Ok {
    height: 16px;
    line-height: 16px;
    font-size: .70rem;
    color: var(--txtAlrt1);
    font-weight: bold;
}

.libForm .col-input-radio {
    padding-top: 1.8rem;
}

.libForm .aposentado {
    display: none;
}

.libForm .grid-resp {
    display: grid;
    grid-template-columns: auto auto;
}

.libForm .grid-reserva {
    display: grid;
    grid-template-columns: auto auto auto auto auto auto;
}

.grid-telareserva {
    display: grid;
    grid-template-columns: max-content auto;
}

.agenda-reserva {
    background-color: var(--bgTipoA);
    border-radius: 0.35rem;
}

.reservaInfo {
    color: var(--txTipoA) !important;
    font-weight: bold;
}

.reservaInfoContato {
    color: var(--txTipoB) !important;
}

.reservaInfoDisp {
    font-size: medium !important;
    color: var(--txtAlrt1) !important;
    font-weight: bold !important;
}

.reservaInfoIndisp {
    font-size: medium !important;
    color: var(--txtAlrt2) !important;
    font-weight: bold !important;
}

.requiredReservaTeleSubscricao {
  border: 1px solid red;
}
#vld-agendaDisponivel {
  text-align: end !important;
}

.libForm div#apolice-cotacao {
    height: 59px !important;
}

    .libForm div#apolice-cotacao div.form-group {
        display: none;
    }

    .libForm div#campoSeguradora div.form-group {
        display: none;
    }

.libForm .ico-info {
    color: var(--bgTipoC);
}

.libForm .nota-input {
    font-size: .7rem;
}

.libForm hr {
    border: 1px solid var(--bgTipoC);
}

.libForm .libCard {
    color: var(--lblForm);
}

.libForm h4 {
    font-size: .9rem;
    font-weight: bold;
    color: var(--txTipoB);
}

.libForm .input-moeda,
.libForm .input-porcentagem,
.porcentagemDescontoAgravoExtra {
    text-align: end;
}

.libForm .datepicker-days {
    font-size: .7rem !important;
}

.tooltip-agenciamento {
    position: relative;
}

    .tooltip-agenciamento div {
        position: absolute;
        top: -165px;
        left: -30px;
        height: 168px;
        width: 262px;
        display: none;
    }

        .tooltip-agenciamento div span {
            display: block;
            background-color: var(--txTipoB);
            border: 1px solid var(--txTipoB);
            border-radius: .25rem;
            padding: 10px;
            opacity: 92%;
        }

        .tooltip-agenciamento div i {
            position: relative;
            top: -5px;
            left: -92px;
            color: var(--txTipoB);
            margin: 0;
            padding: 0;
            opacity: 92%;
        }

#itemAgenciamento,
#contrata-conjuge,
#itemAgenciamento,
#contrata-conjuge,
#fldsetConjuge,
#propostaEstrangeiro,
#propostaPPEE,
#propostaEndCorresp,
#proposta_EntrMed_contrConjuge,
#proposta_EntrMed_Automatica_contrConjuge,
#proposta_dadosDoBeneficiario_itemVinculo {
    display: none;
}

.servCompl .form-check-input {
    margin-top: .1rem;
    margin-left: -.60rem;
}

.DCDescricao {
    padding-left: 1.6rem;
}

/* -- modal -- */
#modalBuscaCorretor .modal-content {
    height: 755px !important;
}

#modalBuscaCorretor #btnModalBuscaCorretor:disabled {
    background-color: var(--bgTipoD);
}

#modalBuscaCorretor #mdBuscaCorretor,
#modalBuscaCorretor #tbCorretor_filter input {
    text-transform: uppercase;
}

#dadosPagamentoModal .modal-content {
    height: 550px !important;
}

.modal-header h5 {
    color: var(--txTipoA);
    font-size: 1.5rem;
    font-weight: bold;
}

.modal label {
    font-size: .90rem;
    color: var(--lblForm);
}

.requiredCocorretagem{
   border-color: var(--txTipoC) !important;
}

.modal input[type=text],
.modal input[type=number],
.modal input[type=search],
.modal input[type=email],
.modal a.btn,
.modal button {
    height: 2.2rem !important;
    border-color: var(--txtForm);
    text-transform: uppercase;
}

.modal input {
    z-index: 10;
}

.modal button {
    z-index: 1;
}

.modal input,
.modal input::placeholder,
.modal input:focus {
    font-size: .8rem;
    color: var(--txtForm) !important;
}

    .modal input:focus,
    .modal button:focus {
        border-color: var(--txTipoB) !important;
        box-shadow: none;
        outline: 0 none;
    }

.modal a.btn,
.modal a.btn:hover,
.modal button,
.modal button:hover {
    background-color: var(--bgTipoD);
    border-color: var(--txtForm);
    color: var(--txTipoB);
}

.modal #cCorretCadNova {
    display: none;
}

.modal .bd-cocorretagem h5 {
    font-size: 1rem;
    font-weight: bold;
    color: var(--txTipoD);
}

.modal .bd-cocorretagem div {
    font-size: .8rem;
    color: var(--txTipoA);
}

.modal .bd-cocorretagem span {
    display: block;
}

.modal .bd-cocorretagem .delete div {
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
    display: none;
}

.delete a,
.delete a:hover {
    color: var(--txtAlrt2) !important;
    text-decoration: none !important;
    vertical-align: middle !important;
    cursor: pointer !important;
}

.modal .bd-cocorretagem hr {
    margin-top: 1rem;
    border: 2px solid var(--bgTipoC);
}

.modal .bd-cocorretagem .cCorretParticipacao {
    text-align: right;
}

.modal .bd-cocorretagem button {
    display: flex;
    justify-content: left;
    background-color: var(--bgTipoC);
    color: var(--txTipoB);
    font-weight: bold;
    font-size: 1rem;
    border: 0 !important;
    border-radius: 2rem !important;
    line-height: 18px !important;
    height: 18px !important;
    width: 150px !important;
    padding: 0 .8rem 0 .1rem !important;
}

    .modal .bd-cocorretagem button i {
        padding-right: 5px !important;
    }

    .modal .bd-cocorretagem button.btn-co-corretag {
        margin: 0 0 0 .5rem;
        font-size: .6rem !important;
    }

.modal-footer {
    border-top: 0 !important;
}

    .modal-footer button {
        background-color: var(--bgTipoC) !important;
        border-color: var(--bgTipoC) !important;
        border-radius: 1.25rem !important;
        color: var(--txTipoA) !important;
        font-size: .8rem;
        font-weight: 600;
    }

.alerta-modal .modal-header {
    -webkit-border-top-left-radius: 1.25rem;
    -moz-border-top-left-radius: 1.25rem;
    border-top-left-radius: 1.25rem;
    -webkit-border-top-right-radius: 1.25rem;
    -moz-border-top-right-radius: 1.25rem;
    border-top-right-radius: 1.25rem;
}

.alerta-modal .modal-content {
    -webkit-border-radius: 1.25rem;
    -moz-border-radius: 1.25rem;
    border-radius: 1.25rem;
}

.alerta-modal .modal-header {
    background-color: var(--bgTipoA);
}

    .alerta-modal .modal-header h5 {
        font-size: 1rem;
        color: var(--txTipoI);
    }

    .alerta-modal .modal-header button {
        background-color: transparent !important;
    }

.alerta-modal .modal-body {
    text-align: center;
}

    .alerta-modal .modal-body div {
        padding: 2.5rem 0;
        color: var(--txTipoD);
        font-weight: bold;
    }

    .alerta-modal .modal-body button {
        background-color: var(--bgTipoA) !important;
        border-color: var(--bgTipoA) !important;
        border-radius: 1.25rem !important;
        color: var(--txTipoB) !important;
        font-size: .8rem;
        font-weight: 600;
        padding-left: 3rem;
        padding-right: 3rem;
    }

/* -- calculo -- */
.calculo {
    padding-left: 16px;
    padding-right: 16px;
}

    .calculo span {
        color: var(--txTipoF);
    }

    .calculo .nota-dia-pref {
        font-size: .7rem;
    }

    .calculo .cotacao-tt-tbl-calculo,
    .calculo .tt-calc {
        font-size: .9rem;
        font-weight: 600;
        color: var(--txTipoB);
    }

    .calculo .cotacao-tt-tbl-calculo {
        border-bottom: 2px solid var(--txTipoG);
        padding-bottom: 5px;
    }

#cotacao-tbl-calculo {
    font-size: .8rem;
}

    #cotacao-tbl-calculo td {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #cotacao-tbl-calculo tbody td {
        font-weight: bold;
        font-size: .85rem;
    }

    #cotacao-tbl-calculo thead td,
    #cotacao-tbl-calculo tbody td {
        text-align: center;
        width: 16%;
    }

        #cotacao-tbl-calculo thead td:last-child,
        #cotacao-tbl-calculo tbody td:last-child {
            text-align: end;
        }

    #cotacao-tbl-calculo thead,
    #cotacao-tbl-calculo tbody {
        border-bottom: 1px solid var(--txTipoF);
    }

.calculo .cotacao-tt-premiototal,
.calculo .cotacao-lbl-premiototal {
    color: var(--txTipoG);
}

.calculo .cotacao-lbl-premiototal {
    font-size: 1.1rem;
}

.calculo p,
.calculo .dia-prefer label {
    font-size: .9rem;
    color: var(--txTipoD);
}

.calculo .tt-calc {
    font-size: .9rem;
    font-weight: 600;
    color: var(--txTipoB);
}

    .calculo .tt-calc hr {
        border: 1px solid var(--txTipoG);
        margin-top: 5px;
        opacity: 100;
    }

.calculo .pl-calc {
    padding: 0 0 0 12px;
}

    .calculo .pl-calc ul {
        list-style: none;
        padding-left: 0;
        width: 100%;
    }

    .calculo .pl-calc .col-4 {
        padding: 0;
    }

    .calculo .pl-calc li {
        font-size: .85rem;
        padding: 0 0 0 20px !important;
        border-bottom: 1px solid var(--txTipoF);
        margin: 2px 0 4px 0;
    }

/* -- lista menu lateral -- */
#mn-proposta,
#mn-ocorrencia {
    display: none;
}

#formIndice {
    position: relative;
}

    #formIndice div.latFixa {
        position: fixed;
        width: 15.1rem;
    }

    #formIndice #acesso-rapido {
        font-weight: bold;
        color: var(--txTipoA);
        margin-bottom: 1rem;
    }

    #formIndice ul {
        font-size: .8rem;
        padding: 0;
    }

        #formIndice ul.rounded {
            border-radius: .75rem !important;
        }

    #formIndice li {
        position: relative;
    }

        #formIndice li.ar-btn {
            margin-bottom: 1rem;
        }

.ar-btn a,
.ar-btn a:hover {
    font-weight: bold !important;
    color: var(--txTipoA) !important;
}

#formIndice li.ar-btn a:hover {
    background-color: var(--tblHtxt) !important;
}

#formIndice li .nav-firstlink {
    border-top-left-radius: .75rem;
    border-top-right-radius: .75rem;
}

#formIndice li .nav-lastlink {
    border-bottom-left-radius: .75rem;
    border-bottom-right-radius: .75rem;
}

#formIndice ul li,
#formIndice ul li a {
    color: var(--tblSecundaria);
    font-weight: normal;
}

    #formIndice ul li span.warning {
        position: absolute;
        bottom: 7px;
        right: 1px;
        margin: 0 5px;
    }

#formIndice li a:hover {
    background-color: var(--tblPredominante);
    font-weight: bold;
}

#formIndice li a.active {
    background-color: var(--tblSecundaria);
    font-weight: bold;
    color:white;
}

#formIndice li a.warning {
    color: var(--txTipoC) !important;
    font-weight: bold;
}

#formIndice li span.warning {
    width: 19px;
    height: 19px;
    border-radius: 50%;
    border: 1px solid var(--txTipoC);
    background-color: var(--txTipoC);
    color: var(--tblHtxt);
    padding: 0 0 0 3px;
}

#formIndice li a span {
    background-color: var(--bgTipoC);
    font-size: .7rem;
    color: var(--txTipoA);
    font-weight: bold;
}

#formIndice li.nav-nolink {
    background-color: var(--bgTipoD);
    color: var(--txtForm);
    padding-top: .5rem;
    padding-bottom: 1rem;
    border-bottom-left-radius: .75rem;
    border-bottom-right-radius: .75rem;
}

    #formIndice li.nav-nolink span {
        color: var(--txTipoD);
        font-weight: bold;
    }

    #formIndice li.nav-nolink.active {
        color: var(--txTipoD);
        font-weight: bold;
    }

#formIndice #avisosDestaq {
    padding-left: 0 !important;
    padding-right: 0 !important;
    position: relative;
}

#formIndice div.nota-lateral {
    display: block !important;
    position: relative !important;
    border-radius: .35rem;
    padding: 12px;
    font-size: .8rem;
    /* width: 13.7rem !important; */
}

#formIndice .nota-lateral h4 {
    display: inline-flex;
    font-size: .8rem;
    font-weight: bold;
    height: 22px;
    margin-bottom: .3rem !important;
}

#formIndice .nota-lateral i {
    margin-right: 5px;
}

#formIndice .nota-lateral p {
    margin-bottom: 0 !important;
}

#formIndice .btn-close {
    padding: .50rem .50rem;
    background-image: none;
}

#formIndice .aviso-alerta {
    background-color: var(--bkgAlrt3) !important;
    border-color: var(--txtAlrt3) !important;
    color: var(--txtAlrt3) !important;
}

    #formIndice .aviso-alerta .btn-close {
        color: var(--txtAlrt3);
    }

#formIndice .aviso-sucesso {
    background-color: var(--bkgAlrt1) !important;
    border-color: var(--txtAlrt1) !important;
    color: var(--txtAlrt1) !important;
}

    #formIndice .aviso-sucesso .btn-close {
        color: var(--txtAlrt1)
    }

#formIndice .aviso-erro {
    background-color: var(--bkgAlrt2) !important;
    border-color: var(--txtAlrt2) !important;
    color: var(--txtAlrt2) !important;
}

    #formIndice .aviso-erro .btn-close {
        color: var(--txtAlrt2)
    }

#formIndice .acrapido-numerador {
    display: none !important; /* REMOVER PARA MOSTRAR OS NUMERADORES NOS ÍTENS DO ACESSO RÁPIDO */
}

/* -- datatables -- */
.table {
    border: 1px solid var(--tblBord) !important;
    font-size: .6rem !important;
    margin: 1rem 0 0 0 !important;
}

    .table th.hide,
    .table td.hide {
        display: none;
    }

    .table th:nth-child(3) {
        width: 70% !important;
    }

    .table th:nth-child(4) {
        width: 7% !important;
    }

    .table thead {
        background-color: var(--tblHead);
        color: var(--tblHtxt);
    }

    .table tbody {
        text-transform: uppercase;
        cursor: pointer;
    }

table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd {
    background-color: #fff;
}

table.dataTable.stripe tbody tr.even,
table.dataTable.display tbody tr.even {
    background-color: #e9fafa;
}

    table.dataTable.stripe tbody tr.odd.selected,
    table.dataTable.stripe tbody tr.even.selected,
    table.dataTable.stripe tbody tr.odd:hover,
    table.dataTable.stripe tbody tr.even:hover {
        background: var(--bgTipoC);
    }

.dataTables_wrapper {
    margin-top: 1rem;
}

.dataTables_filter {
    margin-bottom: 1.2rem;
}

    .dataTables_filter label {
        display: block;
    }

    .dataTables_filter input {
        color: var(--txtForm) !important;
    }

.dataTables_wrapper .dataTables_filter input {
    margin-left: 0 !important;
}

.dataTables_info {
    font-size: .8rem;
    color: var(--txTipoA);
}

.dataTables_paginate {
    font-size: .8rem;
    color: var(--txTipoA);
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    padding: 0 .5rem;
    font-size: .8rem;
    color: var(--tblHtxt) !important;
    border-color: var(--tblHead) !important;
    background: var(--tblHead) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0 .5rem;
    font-size: .8rem;
    color: var(--txTipoA);
    background: none !important;
}

    .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
        background: none !important;
        border: 1px solid #fff !important;
        border-color: none !important;
        font-size: .8rem;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        border-color: var(--tblHead) !important;
        background: var(--tblHead) !important;
        color: #fff;
    }

/* -- campos select - jquery chosen -- */
.chosen-single {
    height: 2.2rem !important;
    line-height: calc(1.5em + 0.5rem) !important;
}

    .chosen-single span {
        font-size: .8rem !important;
        color: var(--txtForm) !important;
        text-transform: uppercase;
        margin-top: 1px;
    }

.chosen-container-single .chosen-single {
    border: 1px solid var(--txtForm);
    box-shadow: none;
}

.chosen-container-active .chosen-single {
    border: 1px solid var(--txtForm);
    box-shadow: none;
}

.chosen-container .chosen-drop {
    border: 1px solid var(--txTipoB);
}

.chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid var(--txTipoB);
}

    .chosen-container-single .chosen-single div:after,
    .chosen-container-active.chosen-with-drop .chosen-single div:after {
        color: var(--txTipoB) !important;
        width: 1.8rem;
        height: 1.8rem;
        left: -.4rem;
        border-radius: .25rem;
    }

    .chosen-container-active.chosen-with-drop .chosen-single div:after {
        background-image: url('../img/ico-select-up.png') !important;
    }

.chosen-container-single .chosen-single div:after {
    background-image: url('../img/ico-select-down.png') !important;
}

.chosen-container .chosen-results li.highlighted {
    background-color: var(--txTipoB);
}

.chosen-single abbr {
    display: none !important;
}

.chosen-results {
    font-size: .7rem !important;
    text-transform: uppercase;
}

.no-results span {
    font-size: .7rem;
}

.requiredOBS,
.requiredReprovacaoManual,
.required,
.input-validation-error {
    border-color: var(--txTipoC) !important;
}

/* -- calendário - datepicker -- */
table.table-condensed {
    font-size: .6rem;
}

    table.table-condensed .active {
        background-color: var(--txTipoB);
    }

    table.table-condensed .prev,
    table.table-condensed .datepicker-switch,
    table.table-condensed .next {
        background-color: var(--bgTipoC);
        color: var(--txTipoA);
    }

        table.table-condensed .prev:hover,
        table.table-condensed .datepicker-switch:hover,
        table.table-condensed .next:hover {
            background-color: var(--bgTipoB);
            color: var(--txTipoA);
        }

    table.table-condensed td.day {
        color: var(--lblForm);
    }

    table.table-condensed td.old,
    table.table-condensed td.new {
        color: var(--txtForm);
    }

/* -- spinner -- */
.spnr-loading {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .5);
    z-index: 1061;
}

div.loader {
    width: 40px;
    height: 40px;
    border: 5px solid;
    border-color: var(--txTipoB) var(--bgTipoB) var(--bgTipoB);
    border-radius: 50%;
    animation: spinner 1.5s infinite;
}

@keyframes spinner {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* -- ocorrências -- */
table.ocorrencias-table {
    width: 100%;
}

    table.ocorrencias-table,
    table.ocorrencias-table tr,
    table.ocorrencias-table td {
        border: 1px solid var(--txtForm);
        font-size: .7rem;
    }

.ocorrencias-table thead {
    background-color: var(--tblHead);
    font-weight: 300;
    color: var(--bgTipoD);
}

.ocorrencias-table tbody tr:nth-child(even) {
    background-color: var(--tblLbkg);
}

.ocorrencias-table td {
    padding: 8px;
}

    .ocorrencias-table td.tbUcase {
        text-transform: uppercase;
    }

    .ocorrencias-table td.tbCenter {
        text-align: center;
    }

    .ocorrencias-table td.tbDir {
        text-align: right;
    }

.ocorrencias-table .ocorrencias-restricao {
    color: var(--txTipoC);
    text-align: center;
}

.ocorrencias-table .ocorrencias-aprov,
.ocorrencias-table .ocorrencias-reprov,
.ocorrencias-table .ocorrencias-delete {
    font-weight: bold;
    text-align: center;
}

    .ocorrencias-table .ocorrencias-aprov a {
        color: var(--txtAlrt1);
    }

    .ocorrencias-table .ocorrencias-reprov a,
    .ocorrencias-table .ocorrencias-delete a {
        color: var(--txtAlrt2);
    }

        .ocorrencias-table .ocorrencias-aprov a.blockAprovOco,
        .ocorrencias-table .ocorrencias-reprov a.blockReprovOco {
            pointer-events: none !important;
        }

        .ocorrencias-table .ocorrencias-aprov a.pointerHabilitado,
        .ocorrencias-table .ocorrencias-reprov a.pointerHabilitado {
            cursor: pointer;
        }

.ocorrencias-showitens-table {
    font-size: .8rem;
}

.ocorrencias-txtGravado {
    font-size: .8rem;
    margin-bottom: .5rem;
}

    .ocorrencias-txtGravado b {
        display: block;
        font-weight: bold;
        color: var(--txTipoD);
        margin-top: .5rem;
        margin-bottom: .5rem;
    }

    .ocorrencias-txtGravado p {
        display: block;
        font-weight: normal;
        color: var(--txTipoA);
        max-height: 80px;
        overflow: auto;
    }

/* -- proposta -- */
#pg-proposta label i {
    color: var(--txTipoF);
}

#pg-proposta .add-dadosBeneficiario {
    font-weight: bold;
    color: var(--txTipoB);
    display: inline;
}

    #pg-proposta .add-dadosBeneficiario span {
        display: inline;
        color: var(--txTipoB);
        font-size: .9rem;
        padding: 1px 4px 0;
        border: 2px solid var(--txTipoB);
        border-radius: 50%;
    }

    #pg-proposta .add-dadosBeneficiario a {
        cursor: pointer;
    }

        #pg-proposta .add-dadosBeneficiario a:hover {
            text-decoration: underline;
        }

#pg-proposta .proposta_dadosBenef_excluir {
    cursor: pointer;
    margin-top: 1.4rem;
    color: var(--txTipoB);
}

table.proposta-table {
    width: 100%;
}

    table.proposta-table,
    table.proposta-table tr,
    table.proposta-table td {
        border: 1px solid var(--txtForm);
        font-size: 1rem;
    }

.proposta-table thead {
    background-color: var(--tblHead);
    font-weight: 300;
    color: var(--bgTipoD);
}

.proposta-table tr.odd {
    background-color: var(--tblHtxt);
}

.proposta-table tr.even {
    background-color: var(--tblLbkg);
}

.proposta-table td {
    padding: 8px;
}

    .proposta-table td.tbCenter {
        text-align: center;
    }

    .proposta-table td.tbDir {
        text-align: right;
    }

    .proposta-table td.tbEsq {
        text-align: left;
    }

.proposta-cobranca hr {
    border: 1px solid var(--bgTipoC);
}

.proposta-cobranca h3 {
    font-size: 1.25rem;
    font-weight: bold;
    color: var(--txTipoD);
}

.coCorretagem_participacao
.proposta_participacao {
    text-align: end;
}

.validation_Questionario {
    text-align: end;
}

.link-disabled {
    cursor: text;
    color: var(--txtForm);
}



/* - modal proposta - formas de pagamento - */
#modalFormPgto .pl-frmpagamento {
    padding: 0 13px 0 13px;
}

    #modalFormPgto .pl-frmpagamento ul {
        list-style: none;
        padding-left: 0;
        width: 100%;
    }

    #modalFormPgto .pl-frmpagamento .col-4 {
        padding: 0;
    }

    #modalFormPgto .pl-frmpagamento li {
        font-size: .85rem;
        padding: 0 0 0 20px !important;
        border-bottom: 1px solid var(--txTipoF);
        margin: 2px 0 4px 0;
    }

#modalFormPgto .bd-frmpagamento span {
    color: var(--txTipoF);
}

#modalFormPgto .bd-frmpagamento .nota-dia-pref {
    font-size: .7rem;
}

#modalFormPgto .bd-frmpagamento p,
#modalFormPgto .bd-frmpagamento .rp-diapref label {
    font-size: .9rem !important;
    color: var(--txTipoD) !important;
}

#modalFormPgto .bd-frmpagamento .rp-diapref input {
    text-align: end;
}

#modalFormPgto .tt-frmpagamento div {
    font-size: .9rem;
    font-weight: 600;
    color: var(--txTipoB);
}

    #modalFormPgto .tt-frmpagamento div.tx-col {
        padding: 0 13px !important;
    }

#modalFormPgto .tt-frmpagamento hr {
    /* border: 1px solid var(--tblHead);
    margin-top: 5px; */
    border: 1px solid var(--txTipoG);
    margin-top: 5px;
    opacity: 100;
}

#modalFormPgto .bd-frmpagamento ul {
    list-style: none;
    padding-left: 0;
    width: 100%;
}

#modalFormPgto .bd-frmpagamento .col-4 {
    padding: 0 !important;
}

/* #modalFormPgto .bd-frmpagamento li {
    font-size: .85rem;
    padding: 0 0 0 20px !important;
    border-bottom: 1px solid var(--txTipoE);
    margin: 2px 0 4px 0;
} */

/* #modalFormPgto .bd-frmpagamento span {
    color: var(--txTipoE);
} */

#modalFormPgto .bd-frmpagamento .nota-dia-pref {
    font-size: .7rem;
}

/*Inicio - Propriedades do ToolTip*/
.tooltip-inner {
    background-color: var(--txTipoB) !important;
    /*!important is not necessary if you place custom.css at the end of your css calls. For the purpose of this demo, it seems to be required in SO snippet*/
    color: var(--txTipoE);
    white-space: pre-line;
}

.tooltip.top .tooltip-arrow {
    border-top-color: var(--txTipoB);
}

.tooltip.right .tooltip-arrow {
    border-right-color: var(--txTipoB);
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: var(--txTipoB);
}

.tooltip.left .tooltip-arrow {
    border-left-color: var(--txTipoB);
}

.tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: var(--txTipoB);
}

.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: var(--txTipoB);
}

.tooltip.bs-tooltip-start .tooltip-arrow::before {
    border-left-color: var(--txTipoB);
}

.tooltip.bs-tooltip-end .tooltip-arrow::before {
    border-right-color: var(--txTipoB);
}
/*Fim - Propriedades do ToolTip*/
.tooltip-inner {
    max-width: 350px;
    text-align: left;
    white-space: pre-line;
    font-size:smaller;
}

.somenteleitura {
    opacity: 0.65;
}

.cobertura-dependente-oculta {
    display: none;
}

.cobertura-dependente-visivel {
}

.cobertura-Conjuge {
    display: none;
}

.aba-desabilitada {
    pointer-events: none;
}

.bloco-calculo-oculto {
    display: none
}

.formaDePagamento {
    display: none;
}

.formaDePagamentoSelect {
    display: flex;
}

#pg-erro .height-around {
    height: 100vh;
}

#pg-erro div {
    text-align: center;
    margin-bottom: .5rem;
}

#pg-erro button {
    background-color: var(--bgTipoI);
    border-color: var(--bgTipoI);
}

.questaoReadOnly {
    opacity: 0.5;
    pointer-events: none;
}


.idadeCrono{
    display: none;
}

.cobertura-Pacote,
.rendaMensalCapitalOculta,
.cobCapitalSegurado {
    display: none;
}

@media (min-width: 576px) and (max-width: 767.98px) {
    #lblDescricaoProduto {
        font-size: 12px;
    }

    #lblDescricaoStatus, #spnStatus {
        font-size: 10px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    #lblDescricaoProduto {
        font-size: 18px;
    }

    #lblDescricaoStatus, #spnStatus {
        font-size: 14px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    #lblDescricaoProduto {
        font-size: 22px;
    }

    #lblDescricaoStatus, #spnStatus {
        font-size: 16px;
    }
}


.styleCapitalSegurado {
    margin: auto;
}

.colunaParcela {
    color: #06748c !important;
    margin-left: 8px;
    margin-right:3px;
}

.check-parcela {
    padding-top: 6px;
    padding-left: 13px !important;
    font-size: 14px;
    /*border-top: 1px solid #78e1e1;*/
}

@media (min-width: 1100px) {
    .modal-lg-xl {
        max-width: 950px;
    }
}

.divDadosBeneficiario {
    background: #F5F5F5;
    border-radius: 8px;
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin: .5rem .5rem;
}