.navbar-fixed-top {
    padding: 8px 0;
    transition: ease-in-out .3s;
}

.navbar-right {
    margin: 18px 30px 0 0;
    transition: ease-in-out .3s;
}

.navbar-fixed-top .navbar-header .navbar-brand .icone-topo {
    display: none;
    transition: ease-in-out .3s;
}

.menu-fixo {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    padding: 8px 0!important;
    transition: ease-in-out .3s;
}

    .menu-fixo .navbar-header .navbar-brand .logo-topo {
        display: none;
        transition: ease-in-out .3s;
    }

    .menu-fixo .navbar-header .navbar-brand .icone-topo {
        display: block;
        transition: ease-in-out .3s;
    }

    .menu-fixo .navbar-right {
        margin: 7px 0 0 0;
        transition: ease-in-out .3s;
    }
    
    
    
    
    btn-enviar@media (min-width: 993px) {
    .divKits {
        transform: scale(0.70);
        -webkit-transform: scale(0.70);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }

    .divCardsPromocionais {
        width: fit-content;
    }

    #sessao-cards .panel {
        margin-right: -150px;
        height: 360px!important;
    }

    #sessao-cards p {
        margin-left: 225px;
        line-height: 1.9 !important;
        font-size: 20px!important;
    }

    #sessao-cards a {
        margin-left: -30px;
        margin-top: 20px !important;
        font-size: 22px !important;
    }
}

body {
    font-family: 'Open Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
    position: relative;
    margin: 0;
    padding-bottom: 150px;
    min-height: 100%;
}

html {
    height: 100%;
    box-sizing: border-box;
}

relatorio-financeiro-paineis

html {
    height: 100%;
    box-sizing: border-box;
}

relatorio-financeiro-paineis2

*,
*:before,
*:after {
    box-sizing: inherit;
}

@media (min-width: 993px) {
    select {
        color: #333 !important;
        font-weight: normal !important;
    }
}

.flex-container {
    display: flex;
}

.no-padding {
    padding: 0;
}

.btn {
    box-shadow: inherit !important;
}

.btn {
    outline: inherit !important;
}

.btn-link:focus, .btn-link:hover {
    text-decoration: none;
}

.btn-link:hover {
    color: #1b305b !important;
}

.btn-azul-padrao {
    height: 44px;
    width: 100%;
    line-height: 44px;
    padding: 0;
    margin-bottom: 20px;
    background-color: #0f1b33;
    border: none;
    color: #fff !important;
    font-weight: 600;
    font-size: 14px;
}

    .btn-azul-padrao:hover, .btn-azul-padrao::selection, .btn-azul-padrao:active {
        color: #fff;
        background-color: #02aff0 !important;
        transition: background-color 0.8s;
    }

.alert-warning {
    color: #828282;
    background-color: #eaeaea;
    border-color: #ccc;
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 0;
    margin-bottom: 30px;
    height: 40px;
    line-height: 36px;
    font-weight: 500;
}

.text-danger {
    color: #f44336;
    font-weight: 600;
}

.text-primary {
    color: #1b305b;
    font-weight: 600;
}

.text-info {
    color: #0f1b33;
    font-weight: 600;
}

.text-success {
    color: #4CAF50;
    font-weight: 600;
}

.loader {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #02aff0;
    width: 80px;
    height: 80px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
    pointer-events: none;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

label {
    margin-bottom: 10px;
}

caption {
    margin-bottom: 10px;
}

textarea {
    resize: vertical;
}

/*///////////////////// INÍCIO DO MENU /////////////////////*/

#menu-mobile {
    display: none;
}

#menu-superior {
    padding-left: 36px;
    padding-right: 36px;
    height: 30px;
    line-height: 30px;
    background-color: #0f1b33;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    color: #ffffff;
}

    #menu-superior > ul > li > a {
        color: #ffffff;
    }

        #menu-superior > ul > li > a:hover {
            opacity: 0.5;
            transition: opacity 0.8s;
        }

    #menu-superior > .navbar-right > li {
        padding-left: 36px;
    }

    #menu-superior li .fa {
        font-size: 14px;
        margin-right: 8px;
    }

    #menu-superior .btn-group {
        vertical-align: inherit;
    }

    #menu-superior button {
        background-color: transparent;
        border: inherit;
        padding: inherit;
    }

    #menu-superior .dropdown-menu {
        text-align: center;
        color: #0f1b33;
        padding-top: 10px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
        width: 300px;
    }

        #menu-superior .dropdown-menu p, input {
            font-weight: normal;
            line-height: normal;
        }

        #menu-superior .dropdown-menu .alert {
            padding: 0;
            margin-bottom: 10px;
        }

        #menu-superior .dropdown-menu .fa {
            font-size: 16px;
            margin: 0;
        }

        #menu-superior .dropdown-menu .input-group {
            margin-bottom: 10px;
        }

            #menu-superior .dropdown-menu .input-group i {
                width: 16px;
            }

#dropdown-ajuda > li {
    cursor: default;
}

    #dropdown-ajuda > li, #dropdown-ajuda > li > a {
        display: flex !important;
        padding: 0;
    }

        #dropdown-ajuda > li > a:hover {
            color: #02aff0;
            background-color: inherit;
            transition: color 0.8s;
        }

#dropdown-ajuda li i {
    margin-right: 10px !important;
}

#btn-entrar {
    height: 44px;
    width: 100%;
    line-height: 44px;
    padding: 0;
    background-color: #0f1b33;
    border: none;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
}

    #btn-entrar:hover {
        background-color: #02aff0;
        transition: background-color 0.8s;
    }

#btn-esqueceu-senha {
    color: #0f1b33;
    font-size: 14px;
    margin-top: 14px;
    padding: 0;
    border: none;
    background-color: inherit;
}

    #btn-esqueceu-senha:hover {
        color: #02aff0;
        background-color: inherit;
        transition: color 0.8s;
    }

#btn-criar-conta {
    height: 44px;
    width: 100%;
    line-height: 42px;
    color: #828282;
    padding: 0;
    margin-top: 10px;
    font-weight: 600;
    font-size: 14px;
    border: 1px solid #ccc;
}

    #btn-criar-conta:hover, #btn-criar-conta:focus {
        color: #fff;
        background-color: #1abc9c;
        border-color: #1abc9c;
        transition: background-color 0.8s, color 0.4s;
    }

#menu-inferior {
    height: 70px !important;
    line-height: 70px;
    background-color: #ffffff;
    padding-left: 36px;
    padding-right: 36px;
    box-shadow: 2px 2px 18px 0 rgba(0, 0, 0, 0.22);
}

.navbar-default .navbar-nav > .open > a, .nav .open > a {
    background-color: inherit !important;
}

#menu-inferior img {
    height: 38px;
    margin-top: 12px;
}

#menu-inferior > div > ul > li > a {
    margin-left: 36px;
    font-size: 14px;
    text-align: center;
    color: #828282;
    height: 70px;
}

#menu-inferior a:hover {
    color: #1b305b;
    border-bottom: 1px solid #1b305b;
    transition: color 0.8s;
}

#menu-inferior .dropdown-menu {
    padding: 0;
}

    #menu-inferior .dropdown-menu > li > a {
        display: block;
        padding: 16px 20px;
        border: none;
        color: #828282;
    }

        #menu-inferior .dropdown-menu > li > a:hover {
            color: #1b305b;
        }

/*///////////////////// FIM DO MENU /////////////////////*/
/*///////////////////// INÍCIO DA PRIMEIRA SESSÃO /////////////////////*/

#sessao-servicos {
    height: 540px;
    z-index: 0;
    background: linear-gradient(to bottom, #02aff0, #284a8b);
    position: relative;
    overflow: hidden;
}

    #sessao-servicos .container-fluid:before {
        content: ' ';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        opacity: 0.2;
        background-image: url('../Imagens/sessao-servicos-bg.png');
        background-repeat: no-repeat;
        background-position: 50% 0;
        -ms-background-size: cover;
        -o-background-size: cover;
        -moz-background-size: cover;
        -webkit-background-size: cover;
        background-size: cover;
        -webkit-filter: blur(3px);
        filter: blur(3px);
    }

    #sessao-servicos .container {
        z-index: 0;
        width: fit-content;
    }

    #sessao-servicos h1 {
        width: 100%;
        font-size: 32px;
        font-weight: 300;
        text-align: center;
        color: #ffffff;
    }

    #sessao-servicos select {
        font-size: 18px;
        margin-top: 38px;
        margin-bottom: 38px;
    }

    #sessao-servicos .thumbnail {
        width: 132px;
        height: 132px;
        margin-top: 54px;
        margin-left: 6px;
        margin-right: 6px;
        border-radius: 8px;
        background-color: rgba(27, 48, 91, 0.2);
        border: solid 1px #ffffff;
        float: left;
        transition: width 0.4s, height 0.4s;
        cursor: default;
    }

        #sessao-servicos .thumbnail:hover {
            margin-top: 0;
            width: 200px;
            height: 240px;
        }

        #sessao-servicos .thumbnail img {
            max-height: 40px;
            color: #ffffff;
            margin-top: 16px;
            margin-bottom: 16px;
        }

        #sessao-servicos .thumbnail h3 {
            font-size: 14px;
            font-weight: 600;
            margin-bottom: 10px;
            text-align: center;
            color: #ffffff;
        }

    #sessao-servicos .caption {
        display: none;
        animation-delay: 0.26s;
        -webkit-animation-delay: 0.26s;
        -moz-animation-delay: 0.26s;
    }

    #sessao-servicos .thumbnail:hover .caption {
        display: block;
        font-size: 14px;
        font-weight: 300;
        text-align: center;
        color: #ffffff;
    }

    #sessao-servicos .thumbnail .caption .btn-primary {
        margin-top: 16px;
        width: 140px;
        height: 34px;
        line-height: 34px;
        border-radius: 8px;
        border: none;
        background-color: #ffffff;
        font-size: 14px;
        font-weight: 600;
        text-align: center;
        color: #1b305b;
    }

        #sessao-servicos .thumbnail .caption .btn-primary:hover {
            transition: color 0.8s;
            font-size: 14px;
            font-weight: 600 !important;
            color: #ffffff;
            transition: background-color 0.8s;
            background-color: #1b305b;
        }

@media (max-width: 992px) {

    #sessao-servicos .flex-container {
        display: block;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    #sessao-servicos select {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    #sessao-servicos {
        height: auto;
    }

        #sessao-servicos .thumbnail {
            width: 100%;
            height: 62px;
            margin: 0 0 10px 0;
            display: inline-flex;
            float: inherit;
        }

            #sessao-servicos .thumbnail:hover {
                width: auto !important;
                display: block;
            }

            #sessao-servicos .thumbnail img {
                margin-left: 10px;
                margin-right: 10px;
            }

            #sessao-servicos .thumbnail h3 {
                font-size: 16px !important;
                margin: 0 !important;
                line-height: 50px;
            }

            #sessao-servicos .thumbnail p {
                font-weight: 400;
                margin: 0 10px 0 10px;
            }

        #sessao-servicos .caption {
            animation: none;
        }
}

/*///////////////////// FIM DA PRIMEIRA SESSÃO /////////////////////*/
/*///////////////////// INÍCIO DA SEGUNDA SESSÃO /////////////////////*/

#sessao-cards {
    height: 200px;
}

    #sessao-cards .container {
        padding: 0;
    }

    #sessao-cards .panel {
        width: 564px;
        height: 260px;
        margin-bottom: 0;
        border-radius: 8px;
        background-color: #ffffff;
        box-shadow: 2px 2px 18px 0 rgba(0, 0, 0, 0.22);
        border: solid 1px #cccccc;
        position: relative;
        top: -130px;
    }

    #sessao-cards img {
        margin-top: 38px;
        margin-left: 30px;
        margin-right: 30px;
        float: left;
        width: 165px;
        height: 155.5px;
    }

    #sessao-cards h1 {
        margin-top: 34px;
        font-size: 32px;
        font-weight: 500;
        text-align: left;
    }

#kit-de-certidoes h1 {
    color: #1abc9c;
}

#validacao-de-certidao h1 {
    color: #02aff0;
}

#sessao-cards p {
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.62;
    text-align: justify;
    color: #4e4e4e;
    margin-right: 20px;
}

#sessao-cards .btn-default {
    margin-top: 10px;
    width: 212px;
    height: 46px;
    line-height: 44px;
    padding: 0;
    border-radius: 8px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    border: none;
    transition: background-color 0.8s;
}

#kit-de-certidoes .btn-default {
    background-color: #1abc9c;
}

    #kit-de-certidoes .btn-default:hover {
        background-color: #12876f;
    }

#validacao-de-certidao .btn-default {
    background-color: #02aff0;
}

    #validacao-de-certidao .btn-default:hover {
        background-color: #027eac;
    }

/*///////////////////// FIM DA SEGUNDA SESSÃO /////////////////////*/
/*///////////////////// INÍCIO DA TERCEIRA SESSÃO /////////////////////*/

#sessao-motivos {
    margin-bottom: 40px;
}

    #sessao-motivos h1 {
        font-size: 32px;
        font-weight: 300;
        line-height: 1.20;
        text-align: center;
        color: #1b305b;
    }

    #sessao-motivos .container {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    #sessao-motivos .box-motivos {
        margin-top: 84px;
    }

    #sessao-motivos img {
        max-height: 82px;
    }

    #sessao-motivos h2 {
        margin-top: 40px;
        font-size: 16px;
        font-weight: 600;
        text-align: center;
        color: #1b305b;
    }

    #sessao-motivos p {
        margin-top: 10px;
        font-size: 14px;
        line-height: 1.44;
        text-align: center;
        color: #828282;
    }

/*///////////////////// FIM DA TERCEIRA SESSÃO /////////////////////*/
/*///////////////////// INÍCIO DA QUARTA SESSÃO /////////////////////*/

#sessao-links-externos {
    background-color: #f5f5f5;
    padding-top: 54px;
    padding-bottom: 54px;
}

    #sessao-links-externos .box-links-externos {
        float: left;
        margin-top: 54px;
    }

#box-anoreg {
    float: right !important;
    margin-right: 80px;
}

#sessao-links-externos .linha-divisao {
    border-right: solid 1px #cccccc;
}

#sessao-links-externos .box-links-externos img {
    vertical-align: top;
}

#sessao-links-externos .box-links-externos-texto {
    margin-left: 30px;
    width: 300px;
    display: inline-block;
}

#sessao-links-externos h2 {
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    color: #4e4e4e;
}

#sessao-links-externos p {
    margin-top: 14px;
    margin-bottom: 14px;
    font-size: 14px;
    line-height: 1.44;
    text-align: left;
    color: #828282;
}

#sessao-links-externos .btn-default {
    width: 212px;
    height: 46px;
    border-radius: 8px;
    border: solid 1px #828282;
    background-color: #f5f5f5;
    line-height: 42px;
    padding: 0;
    font-size: 16px;
    font-weight: 600;
    color: #4e4e4e;
    transition: background-color 0.8s;
}

    #sessao-links-externos .btn-default:hover {
        background-color: #828282;
        color: #fff;
    }

/*///////////////////// FIM DA QUARTA SESSÃO E HOME /////////////////////*/
/*///////////////////// INÍCIO DA SESSÃO STATUS-ETAPAS /////////////////////*/

#status-etapas {
    background-color: #02aff0;
    height: 90px;
    width: 100%;
}

    #status-etapas .container {
        width: fit-content;
    }

    #status-etapas li {
        float: left;
        width: 240px;
        margin-top: 14px;
    }

    #status-etapas span {
        color: #fff;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

        #status-etapas span > .fa-inverse {
            color: #02aff0;
        }

    #status-etapas p {
        color: #fff;
        font-size: 12px;
        text-align: center;
        font-weight: 600;
        margin-top: 4px;
    }

#indicador-etapa {
    color: #fff;
    font-size: 26px;
    width: 14px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#status-etapas .etapa-inativa span, #status-etapas .etapa-inativa p {
    opacity: 0.2;
    color: black;
}

/*///////////////////// FIM DA SESSÃO STATUS-ETAPAS /////////////////////*/
/*///////////////////// INÍCIO DOS AJUSTES DAS CLASSES DE PEDIDO /////////////////////*/

/*///////////////////// FIM DOS AJUSTES DAS CLASSES DE PEDIDO /////////////////////*/
/*///////////////////// FIM DA SESSÃO PEDIDO-IDENTIFICAÇÃO /////////////////////*/

#pedido-identificacao {
    text-align: center;
    color: #0f1b33;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    width: 300px;
    display: block;
    margin-top: 6.6vh;
    margin-bottom: 6.6vh;
    margin-left: auto;
    margin-right: auto;
}

    #pedido-identificacao h2 {
        font-weight: 600;
        margin-bottom: 10px;
    }

    #pedido-identificacao hr {
        border-top: 1px solid #ccc;
    }

    #pedido-identificacao p, input {
        font-weight: normal;
        line-height: normal;
    }

    #pedido-identificacao .alert {
        padding: 0;
        margin-bottom: 10px;
    }

    #pedido-identificacao .fa {
        font-size: 16px;
        margin: 0;
    }

    #pedido-identificacao .input-group {
        margin-bottom: 10px;
    }

        #pedido-identificacao .input-group i {
            width: 16px;
        }

/*///////////////////// FIM DA SESSÃO PEDIDO-IDENTIFICAÇÃO /////////////////////*/
/*///////////////////// INÍCIO DA SESSÃO PEDIDO-PREENCHIMENTO /////////////////////*/

#pedido-preenchimento {
    width: fit-content;
    display: grid;
    margin-top: 4vh;
    padding-left: 4vw;
    padding-right: 4vw;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 4vh;
    max-width: 1530px;
}

    #pedido-preenchimento .form-group {
        display: inline-grid;
        padding: 0;
        padding-left: 10px;
        padding-right: 10px;
    }

        #pedido-preenchimento .form-group input, #pedido-preenchimento .form-group select {
            height: 34px;
            margin-bottom: 14px;
        }

#complemento-enredeco {
    border: 1px solid #ccc;
    border-radius: 8px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}

    #complemento-enredeco .form-group {
        margin-bottom: 0;
    }

    #complemento-enredeco h3 {
        margin-top: 20px;
        margin-left: 20px;
        font-size: medium;
    }

#btn-add-complemento {
    height: 44px;
    width: 100%;
    line-height: 42px;
    color: #828282;
    padding: 0;
    margin-top: 8px;
    font-weight: 600;
    font-size: 14px;
    border: 1px solid #ccc;
}

    #btn-add-complemento:hover, #btn-add-complemento:focus {
        color: #fff;
        background-color: #1abc9c !important;
        border-color: #1abc9c;
        transition: background-color 0.8s, color 0.4s;
    }

#lista-cartorios-encontrados {
    margin-top: 20px;
}

    #lista-cartorios-encontrados th {
        font-weight: 600;
    }

/*///////////////////// FIM DA SESSÃO PEDIDO-PREENCHIMENTO /////////////////////*/
/*///////////////////// INÍCIO DA MODAL TERMO DE CONCORDÂNCIA /////////////////////*/

#modal-termo-de-concordancia .modal-header {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    background-color: #0f1b33;
    border-radius: 6px 6px 0 0;
}

    #modal-termo-de-concordancia .modal-header button,
    #modal-termo-de-concordancia .modal-header button:hover {
        color: #fff;
        opacity: inherit;
    }

#modal-termo-de-concordancia p {
    white-space: pre-line;
    line-height: normal;
}

#modal-termo-de-concordancia strong {
    font-weight: bold;
}

#modal-termo-de-concordancia .modal-body {
    font-size: 14px;
    height: 300px;
    overflow-x: auto;
}

#modal-termo-de-concordancia #btn-voltar {
    width: 120px;
    margin: 0;
}

#modal-termo-de-concordancia #btn-enviar {
    width: 220px;
}

/*///////////////////// FIM DA MODAL TERMO DE CONCORDÂNCIA /////////////////////*/
/*///////////////////// INÍCIO DA MODAL CONTA CRIADA /////////////////////*/

#modal-conta-criada .modal-header {
    font-size: 16px;
    font-weight: 600;
    color: #02aff0;
    text-align: center;
}

#modal-conta-criada {
    float: inherit;
}

    #modal-conta-criada #btn-enviar {
        margin-top: 20px !important;
        display: block;
        margin: auto;
        float: inherit;
    }

    #modal-conta-criada .modal-body span {
        color: #02aff0;
        display: block;
        margin-left: auto;
        margin-right: auto;
        font-size: 48px;
        margin-bottom: 20px;
    }

        #modal-conta-criada .modal-body span > .fa-inverse {
            color: #fff;
        }

/*///////////////////// FIM DA MODAL CONTA CRIADA /////////////////////*/
/*///////////////////// INÍCIO DA SESSÃO PEDIDO-CARRINHO /////////////////////*/


#pedido-carrinho {
    width: fit-content;
    margin-top: 4vh;
    padding-left: 4vw;
    padding-right: 4vw;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 4vh;
}

    #pedido-carrinho .panel-default {
        float: left;
        margin-right: 4vw;
    }

    #pedido-carrinho .panel-heading {
        height: 40px;
        line-height: 40px;
        padding-top: 0;
        padding-bottom: 0;
        width: 100%;
    }

        #pedido-carrinho .panel-heading h3 {
            font-weight: 600;
            font-size: 14px;
        }

        #pedido-carrinho .panel-heading .btn-link {
            color: #828282;
            font-size: 14px;
            font-weight: 600;
            margin-left: 16px !important;
            vertical-align: top;
        }

            #pedido-carrinho .panel-heading .btn-link:hover {
                color: #1b305a;
            }

        #pedido-carrinho .panel-heading form {
            float: left;
        }

#info-total-a-pagar {
    float: right;
    margin-bottom: 20px;
}

    #info-total-a-pagar .total-a-pagar {
        font-size: 16px;
        font-weight: 600;
    }

    #info-total-a-pagar li {
        font-size: 14px;
        margin-bottom: 10px;
    }

#opcoes-pagamento {
    display: grid;
    margin-top: 20px;
}

#boletoGerado {
    display: grid;
}

#btn-codigo-barras {
    height: 44px;
    width: 180px;
    line-height: 42px;
    padding: 0;
    background-color: #fff;
    border: 1px solid #ccc;
    color: #828282;
    font-weight: 600;
    font-size: 14px;
}

    #btn-codigo-barras:hover {
        color: #fff;
        background-color: #1abc9c;
        border-color: #1abc9c;
        transition: background-color 0.8s, color 0.4s;
    }

#btn-visualizar-boleto {
    height: 44px;
    width: 180px;
    line-height: 44px;
    padding: 0;
    margin-top: 10px;
    background-color: #0f1b33;
    border: none;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
}

    #btn-visualizar-boleto:hover {
        background-color: #02aff0;
        transition: background-color 0.8s;
    }

#pedido-carrinho .table {
    margin-top: 15px;
    margin-left: 15px;
    font-size: 14px;
}

#pedido-carrinho thead {
    font-weight: 600;
}

#pedido-carrinho th, #pedido-carrinho td {
    border: none;
    padding: 0;
    max-width: 120px;
}

#pedido-carrinho #btn-ver-detalhes {
    margin-bottom: 20px;
}

#btn-ver-detalhes {
    width: 100% !important;
    display: block;
    margin-left: auto;
    margin-right: auto !important;
    color: #0f1b33 !important;
    /*font-size: 14px !important;*/
    font-weight: 600;
    background-color: #fff !important;
}

.dicas-pedido-concluido {
    text-align: center;
    margin-bottom: 4vh;
}

.obs-pedido-concluido {
    text-align: left;
    display: inline-flex;
    margin-right: 20px;
    vertical-align: -webkit-baseline-middle;
}

    .obs-pedido-concluido .fa-circle {
        color: #eaeaea;
    }

    .obs-pedido-concluido .fa-inverse {
        color: #828282;
    }

    .obs-pedido-concluido span {
        margin-right: 10px;
        font-size: 24px;
    }

    .obs-pedido-concluido p {
        font-size: 14px;
        margin-top: 10px;
    }

/*///////////////////// FIM DA SESSÃO PEDIDO-CARRINHO /////////////////////*/
/*///////////////////// INÍCIO DA SESSÃO NAVEGAÇÃO INFERIOR /////////////////////*/

#navegacao-inferior {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
    margin-bottom: 50px;
}

#btn-voltar {
    height: 44px;
    width: 180px;
    line-height: 42px;
    padding: 0;
    margin-right: 10px;
    background-color: #fff;
    border: 1px solid #ccc;
    color: #828282;
    font-weight: 600;
    font-size: 14px;
}

    #btn-voltar:hover {
        color: #fff;
        background-color: #828282 !important;
        border-color: #828282;
        transition: background-color 0.8s, color 0.4s;
    }

#btn-continuar {
    height: 44px;
    width: 180px;
    line-height: 44px;
    padding: 0;
    margin-left: 10px;
    background-color: #0f1b33;
    border: none;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
}

    #btn-continuar:hover {
        background-color: #02aff0;
        transition: background-color 0.8s;
    }

/*///////////////////// FIM DA SESSÃO NAVEGAÇÃO INFERIOR /////////////////////*/
#btn-gratuidade {
    height: 44px;
    width: 180px;
    line-height: 44px;
    padding: 0;
    margin-left: 10px;
    background-color: #0f1b33;
    border: none;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    float: right;
}

    #btn-gratuidade:hover {
        background-color: #02aff0;
        transition: background-color 0.8s;
    }

/*///////////////////// INÍCIO DAS PÁGINAS CRIAR CONTA E MINHA CONTA /////////////////////*/

#topo-form-conta {
    padding-top: 32px;
}

    #topo-form-conta h1 {
        color: #1b305b;
        font-size: 32px;
        font-weight: 300;
        text-align: center;
    }

    #topo-form-conta p {
        margin-top: 10px;
        font-size: 16px;
        line-height: 1.62;
        text-align: left;
        color: #4e4e4e;
        text-align: center;
    }

@media (min-width: 992px) {
    #form-conta {
        width: 600px;
    }
}

#form-conta {
    margin-bottom: 32px;
}

    #form-conta > .nav-tabs > li.active > a,
    #form-conta > .nav-tabs > li.active > a:active {
        border-top: 0;
        border-left: 0;
        border-right: 0;
        border-bottom: 2px solid #1b305b;
    }

    #form-conta > .nav-tabs > li.active > a {
        color: #1b305b;
        background-color: inherit;
        font-size: 16px;
        font-weight: 400;
        text-align: center;
        line-height: 48px;
        margin-bottom: 32px;
    }

    #form-conta a {
        color: #828282;
    }

        #form-conta a:hover {
            background-color: inherit;
        }

    #form-conta #btn-add-complemento {
        margin-top: 20px;
    }


/*///////////////////// FIM DAS PÁGINAS CRIAR CONTA E MINHA CONTAS /////////////////////*/
/*///////////////////// INÍCIO DA PÁGINA DEMAIS SERVIÇOS /////////////////////*/

#filtro-servicos-registros {
    padding-top: 32px;
    padding-left: 32px;
}

    #filtro-servicos-registros h2 {
        font-size: 14px;
        font-weight: 600;
        color: #1b305b;
        padding-bottom: 20px;
        border-bottom: 1px #1b305b solid;
    }

    #filtro-servicos-registros ul {
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 32px;
        background-color: #f5f5f5;
        margin-bottom: 20px;
    }

    #filtro-servicos-registros li {
        min-height: 44px;
        height: auto;
        padding-bottom: 20px;
        font-size: 14px;
    }

        #filtro-servicos-registros li > a {
            color: #4e4e4e;
            text-decoration: none;
            display: inline-flex;
            font-weight: 600;
        }

            #filtro-servicos-registros li > a:hover {
                opacity: 0.5;
                transition: opacity 0.8s;
            }

    #filtro-servicos-registros img {
        height: 26px;
        width: 26px;
        margin-right: 10px;
        filter: invert(60%);
    }

    #filtro-servicos-registros a > div {
        padding: 0;
    }

    #filtro-servicos-registros p {
        margin-top: 4px;
        font-weight: 400;
        line-height: 1.3;
    }

    #filtro-servicos-registros strong {
        font-weight: 600;
    }

#indicador-servico-selecionado a {
    color: #0f1b33 !important;
    cursor: default;
}

    #indicador-servico-selecionado a:hover {
        opacity: inherit !important;
    }

#indicador-servico-selecionado img {
    background-color: #0f1b33;
    filter: invert(0%);
    border-radius: 50%;
    padding: 3px;
}

#btn-alternar-servicos-registros {
    height: 44px;
    width: 100%;
    line-height: 44px;
    padding: 0;
    margin-bottom: 20px;
    background-color: #0f1b33;
    border: none;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
}

.btn-alternar-servicos-registros:hover {
    background-color: #02aff0;
    transition: background-color 0.8s;
}

#topo-servicos-registros {
    padding-top: 20px;
    padding-bottom: 20px;
}

    #topo-servicos-registros h1 {
        color: #1b305b;
        margin-right: 20px;
        font-size: 32px;
        font-weight: 300;
    }

    #topo-servicos-registros p {
        margin-top: 10px;
        font-size: 16px;
        line-height: 1.62;
        text-align: left;
        color: #4e4e4e;
    }

    #topo-servicos-registros .input-group {
        margin-top: 32px;
    }

#resultado-servicos-registros ul {
    margin-bottom: 32px;
}

#resultado-servicos-registros li {
    height: 120px;
    height: auto;
}

    #resultado-servicos-registros li .row {
        display: flex;
        align-items: center;
    }

#resultado-servicos-registros h3 {
    font-size: 16px;
    font-weight: 600;
    color: #4e4e4e;
    margin-top: 10px;
    margin-bottom: 10px;
}

#resultado-servicos-registros p {
    font-size: 14px;
    line-height: 1.3;
    text-align: left;
    color: #4e4e4e;
    margin-bottom: 10px;
}

#resultado-servicos-registros .row {
    vertical-align: middle !important;
}

#resultado-servicos-registros a {
    height: 44px;
    width: 180px;
    line-height: 42px;
    float: right;
    padding: 0;
    background-color: #fff;
    border: 1px solid #0f1b33;
    color: #0f1b33;
    font-weight: 600;
    font-size: 14px;
}

    #resultado-servicos-registros a:hover {
        color: #fff;
        background-color: #0f1b33;
        border-color: #0f1b33;
        transition: background-color 0.8s, color 0.4s;
    }

/*///////////////////// FIM DA PÁGINA DEMAIS SERVIÇOS /////////////////////*/
/*///////////////////// INÍCIO DA PÁGINA KIT DE CERTIDOES /////////////////////*/

#topo-lista-kit-de-certidoes {
    padding-top: 32px;
}

    #topo-lista-kit-de-certidoes h1 {
        color: #1b305b;
        margin-right: 20px;
        font-size: 32px;
        font-weight: 300;
        text-align: center;
    }

    #topo-lista-kit-de-certidoes p {
        margin-top: 10px;
        font-size: 16px;
        line-height: 1.62;
        text-align: left;
        color: #4e4e4e;
        text-align: center;
    }

#lista-kit-de-certidoes {
    margin-top: 32px;
}

    #lista-kit-de-certidoes .panel {
        float: left;
        width: 330px;
        height: 344px;
        padding: 20px;
        /*margin-left: 20px;*/
        margin-right: 20px;
        /*margin-bottom: 40px;*/
        box-shadow: 0px 0px 12px 0 rgba(0, 0, 0, 0.12);
    }

    #lista-kit-de-certidoes img {
        width: 74px;
        height: 74px;
        background-color: #02aff0;
        filter: invert(0%);
        border-radius: 50%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
    }

    #lista-kit-de-certidoes h3 {
        height: 32px;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.3;
        color: #0f1b33;
        text-align: center;
        margin-bottom: 20px;
    }

    #lista-kit-de-certidoes span {
        color: #4e4e4e;
        font-weight: 400;
    }

    #lista-kit-de-certidoes p {
        overflow-y: auto;
        height: 90px;
        font-size: 14px;
        line-height: 1.3;
        text-align: left;
        color: #4e4e4e;
        margin-bottom: 20px;
    }

        #lista-kit-de-certidoes p > br {
            line-height: 2;
        }

#btn-solicitar-kit {
    height: 44px;
    width: 100%;
    line-height: 42px;
    float: right;
    padding: 0;
    background-color: #fff;
    border: 1px solid #0f1b33;
    color: #0f1b33;
    font-weight: 600;
    font-size: 14px;
}

    #btn-solicitar-kit:hover {
        color: #fff;
        background-color: #0f1b33;
        border-color: #0f1b33;
        transition: background-color 0.8s, color 0.4s;
    }

/*///////////////////// FIM DA PÁGINA KIT DE CERTIDOES /////////////////////*/
/*///////////////////// INÍCIO DA PÁGINA MEUS PEDIDOS /////////////////////*/

#meus-pedidos-opcoes {
    width: 360px;
}

@media (min-width: 992px) {
    #meus-pedidos-opcoes {
        float: left;
        padding-left: 0;
        padding-right: 32px;
    }
}

#meus-pedidos-ordenacao {
    margin-bottom: 30px;
}

    #meus-pedidos-ordenacao .form-group {
        margin-top: 10px;
        color: #828282;
        font-size: 14px;
    }

#meus-pedidos-filtragem .form-group {
    display: inline-flex;
}

#meus-pedidos-ordenacao > .form-group > input:nth-last-child(2),
#meus-pedidos-filtragem > form > .form-group > .form-control:nth-last-child(1) {
    margin-left: 10px;
}

#meus-pedidos-filtragem > form,
#meus-pedidos-filtragem .form-control {
    margin-top: 10px;
    margin-bottom: 0;
    width: 100%;
}

#meus-pedidos-filtragem {
    margin-bottom: 30px;
}

    #meus-pedidos-filtragem .form-group {
        margin: 0;
    }

#btn-ver-mais-filtros {
    display: block;
    padding-left: auto;
    padding-right: auto;
    margin-top: 20px;
    color: #828282;
    font-size: 14px;
    font-weight: 600;
    margin-left: 16px;
}

#btn-filtrar {
    height: 44px;
    width: 100%;
    line-height: 42px;
    float: right;
    padding: 0;
    margin-top: 20px;
    background-color: #fff;
    border: 1px solid #0f1b33;
    color: #0f1b33;
    font-weight: 600;
    font-size: 14px;
}

    #btn-filtrar:hover, #btn-baixar:hover {
        color: #fff;
        background-color: #0f1b33;
        border-color: #0f1b33;
        transition: background-color 0.8s, color 0.4s;
    }

#meus-pedidos-exportacao {
    margin-bottom: 30px;
}

#btn-exportar {
    height: 44px;
    width: 48%;
    line-height: 42px;
    padding: 0;
    margin-top: 20px;
    background-color: #fff;
    border: 1px solid #0f1b33;
    color: #0f1b33;
    font-weight: 600;
    font-size: 14px;
}

    #btn-exportar:hover, #btn-exportar:hover {
        color: #fff;
        background-color: #0f1b33;
        border-color: #0f1b33;
        transition: background-color 0.8s, color 0.4s;
    }

#btn-Processar {
    height: 44px;
    width: 100%;
    line-height: 42px;
    padding: 0;
    margin-top: 20px;
    background-color: #fff;
    border: 1px solid #0f1b33;
    color: #0f1b33;
    font-weight: 600;
    font-size: 14px;
}

    #btn-Processar:hover, #btn-Processar:hover {
        color: #fff;
        background-color: #0f1b33;
        border-color: #0f1b33;
        transition: background-color 0.8s, color 0.4s;
    }

@media (min-width: 992px) {
    #meus-pedidos-paineis {
        float: right;
        width: 700px;
    }
}

#meus-pedidos-paineis .panel-heading {
    height: 46px;
    padding: 0px 15px;
}

    #meus-pedidos-paineis .panel-heading h3 {
        font-weight: 600;
        font-size: 14px;
        line-height: 46px;
    }

        #meus-pedidos-paineis .panel-heading h3 span {
            margin-left: 20px;
        }

    #meus-pedidos-paineis .panel-heading .btn-default {
        height: 34px;
        width: 130px;
        margin-top: 6px;
        padding: 0;
        background-color: #fff;
        border: 1px solid #828282;
        font-weight: 600;
        font-size: 14px;
    }

#meus-pedidos-paineis .panel-body .btn-default {
    height: 34px;
    width: 100px;
    font-size: 30px;
    margin-right: 10px;
    padding: 0;
    background-color: #fff;
    border: 1px solid #ddd;
    color: #828282;
    font-size: 14px;
}

#meus-pedidos-paineis .panel-heading .btn-default:hover, #meus-pedidos-paineis .btn-default:hover {
    color: #fff;
    background-color: #0f1b33;
    border-color: #0f1b33;
    transition: background-color 0.8s, color 0.4s;
}

#meus-pedidos-paineis .topo-ato {
    padding: 15px 15px 0;
    font-size: 14px;
    line-height: 20px;
    border-top: 1px solid #ddd;
}

#meus-pedidos-paineis .dropdown-menu {
    padding: 0;
    margin: 5px 0 0;
}

    #meus-pedidos-paineis .dropdown-menu a {
        color: #828282;
        height: 40px;
        line-height: 34px;
    }

        #meus-pedidos-paineis .dropdown-menu a:hover {
            color: #0f1b33;
        }

    #meus-pedidos-paineis .dropdown-menu i,
    #meus-pedidos-exportacao a i {
        margin-right: 10px;
    }

#meus-pedidos-paineis .table {
    margin-top: 15px;
    margin-left: 15px;
    font-size: 14px;
}

#meus-pedidos-paineis thead {
    font-weight: 600;
}

#meus-pedidos-paineis th, #meus-pedidos-paineis td {
    border: none;
    padding: 0;
}

#listaNomes, #listaNomesAssinadores, #listaNomesCC {
    border: 1px solid #ccc;
    border-radius: 8px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 20px !important;
}

    #listaNomes .form-group, #listaNomesAssinadores .form-group, #listaNomesCC .form-group {
        height: 60px;
        margin-right: 0 !important;
    }

        #listaNomes .form-group input, #listaNomesAssinadores .form-group input, #listaNomesCC .form-group input {
            width: 90%;
        }

.switch-button-label.on {
    color: #1b305b !important;
    font-weight: 600;
}

.switch-button-label {
    font-size: 16px !important;
}


/*///////////////////// FIM DA PÁGINA MEUS PEDIDOS /////////////////////*/
/*///////////////////// INÍCIO DA PÁGINA RELATÓRIO FINANCEIRO /////////////////////*/

#relatorio-financeiro-opcoes {
    width: 360px;
}

@media (min-width: 992px) {
    #relatorio-financeiro-opcoes {
        float: left;
        padding-left: 0;
        padding-right: 32px;
    }
}

#relatorio-financeiro-ordenacao {
    margin-bottom: 30px;
}

    #relatorio-financeiro-ordenacao .form-group {
        margin-top: 10px;
        color: #828282;
        font-size: 14px;
    }

#relatorio-financeiro-filtragem .form-group {
    display: inline-flex;
}

#relatorio-financeiro-ordenacao > .form-group > input:nth-last-child(2),
#relatorio-financeiro-filtragem > form > .form-group > .form-control:nth-last-child(1) {
    margin-left: 10px;
}

#relatorio-financeiro-filtragem > form,
#relatorio-financeiro-filtragem .form-control {
    margin-top: 10px;
    margin-bottom: 0;
    width: 100%;
}

#relatorio-financeiro-filtragem {
    margin-bottom: 30px;
}

    #relatorio-financeiro-filtragem .form-group {
        margin: 0;
    }

#btn-ver-mais-filtros {
    display: block;
    padding-left: auto;
    padding-right: auto;
    margin-top: 20px;
    color: #828282;
    font-size: 14px;
    font-weight: 600;
    margin-left: 16px;
}

#btn-filtrar {
    height: 44px;
    width: 100%;
    line-height: 42px;
    float: right;
    padding: 0;
    margin-top: 20px;
    background-color: #fff;
    border: 1px solid #0f1b33;
    color: #0f1b33;
    font-weight: 600;
    font-size: 14px;
}

    #btn-filtrar:hover, #btn-baixar:hover {
        color: #fff;
        background-color: #0f1b33;
        border-color: #0f1b33;
        transition: background-color 0.8s, color 0.4s;
    }

#relatorio-financeiro-exportacao {
    margin-bottom: 30px;
}

#btn-exportar {
    height: 44px;
    width: 48%;
    line-height: 42px;
    padding: 0;
    margin-top: 20px;
    background-color: #fff;
    border: 1px solid #0f1b33;
    color: #0f1b33;
    font-weight: 600;
    font-size: 14px;
}

    #btn-exportar:hover, #btn-exportar:hover {
        color: #fff;
        background-color: #0f1b33;
        border-color: #0f1b33;
        transition: background-color 0.8s, color 0.4s;
    }

#relatorio-financeiro-upload {
    margin-bottom: 30px;
}

#btn-enviarUP {
    height: 44px;
    width: 20%;
    line-height: 42px;
    padding: 0;
    margin-top: 20px;
    background-color: #fff;
    border: 1px solid #0f1b33;
    color: #0f1b33;
    font-weight: 600;
    font-size: 14px;
}

#btn-SelecionarUP {
    height: 44px;
    width: 30%;
    line-height: 42px;
    padding: 0;
    margin-top: 20px;
    background-color: #fff;
    border: 1px solid #0f1b33;
    color: #0f1b33;
    font-weight: 600;
    font-size: 14px;
}

#btn-CancelarUP {
    height: 44px;
    width: 20%;
    line-height: 42px;
    padding: 0;
    margin-top: 20px;
    background-color: #fff;
    border: 1px solid #0f1b33;
    color: #0f1b33;
    font-weight: 600;
    font-size: 14px;
}

.uploadFiles {
    margin-top: 10px;
}

#btn-enviarUP:hover, #btn-enviarUP:hover {
    color: #fff;
    background-color: #0f1b33;
    border-color: #0f1b33;
    transition: background-color 0.8s, color 0.4s;
}

#btn-SelecionarUP:hover, #btn-SelecionarUP:hover {
    color: #fff;
    background-color: #0f1b33;
    border-color: #0f1b33;
    transition: background-color 0.8s, color 0.4s;
}

#btn-CancelarUP:hover, #btn-CancelarUP:hover {
    color: #fff;
    background-color: #0f1b33;
    border-color: #0f1b33;
    transition: background-color 0.8s, color 0.4s;
}

@media (min-width: 992px) {
    #relatorio-financeiro-paineis {
        float: right;
        width: 700px;
    }
}

#relatorio-financeiro-paineis .panel-heading {
    height: 46px;
    padding: 0px 15px;
}

    #relatorio-financeiro-paineis .panel-heading h3 {
        font-weight: 600;
        font-size: 14px;
        line-height: 46px;
    }

        #relatorio-financeiro-paineis .panel-heading h3 span {
            margin-left: 20px;
        }

    #relatorio-financeiro-paineis .panel-heading .btn-default {
        height: 34px;
        width: 130px;
        margin-top: 6px;
        padding: 0;
        background-color: #fff;
        border: 1px solid #828282;
        font-weight: 600;
        font-size: 14px;
    }

#relatorio-financeiro-paineis .panel-body .btn-default {
    height: 34px;
    width: 100px;
    font-size: 30px;
    margin-right: 10px;
    padding: 0;
    background-color: #fff;
    border: 1px solid #ddd;
    color: #828282;
    font-size: 14px;
}

#relatorio-financeiro-paineis .panel-heading .btn-default:hover, #relatorio-financeiro-paineis .btn-default:hover {
    color: #fff;
    background-color: #0f1b33;
    border-color: #0f1b33;
    transition: background-color 0.8s, color 0.4s;
}

#relatorio-financeiro-paineis .topo-ato {
    padding: 15px 15px 0;
    font-size: 14px;
    line-height: 20px;
    border-top: 1px solid #ddd;
}

#relatorio-financeiro-paineis .dropdown-menu {
    padding: 0;
    margin: 5px 0 0;
}

    #relatorio-financeiro-paineis .dropdown-menu a {
        color: #828282;
        height: 40px;
        line-height: 34px;
    }

        #relatorio-financeiro-paineis .dropdown-menu a:hover {
            color: #0f1b33;
        }

    #relatorio-financeiro-paineis .dropdown-menu i,
    #relatorio-financeiro-exportacao a i {
        margin-right: 10px;
    }

#relatorio-financeiro-paineis .table {
    margin-top: 15px;
    margin-left: 15px;
    font-size: 14px;
}

#relatorio-financeiro-paineis thead {
    font-weight: 600;
}

#relatorio-financeiro-paineis th, #relatorio-financeiro-paineis td {
    border: none;
    padding: 0;
}

/*////////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 992px) {
    #relatorio-financeiro-paineis2 {
        float: right;
        width: 700px;
    }
}

/*#relatorio-financeiro-paineis2 .panel-heading {
  height: 46px;
  padding: 0px 15px;
}

#relatorio-financeiro-paineis2 .panel-heading h3 {
  font-weight: 600;
  font-size: 14px;
  line-height: 46px;
}

#relatorio-financeiro-paineis2 .panel-heading h3 span {
  margin-left: 20px;
}

#relatorio-financeiro-paineis2 .panel-heading .btn-default {
  height: 34px;
  width: 130px;
  margin-top: 6px;
  padding: 0;
  background-color: #fff;
  border: 1px solid #828282;
  font-weight: 600;
  font-size: 14px;
}

#relatorio-financeiro-paineis2 .panel-body .btn-default {
  height: 34px;
  width: 100px;
  font-size: 30px;
  margin-right: 10px;
  padding: 0;
  background-color: #fff;
  border: 1px solid #ddd;
  color: #828282;
  font-size: 14px;
}

#relatorio-financeiro-paineis2 .panel-heading .btn-default:hover, #relatorio-financeiro-paineis2 .btn-default:hover {
  color: #fff;
  background-color: #0f1b33;
  border-color: #0f1b33;
  transition: background-color 0.8s, color 0.4s;
}

#relatorio-financeiro-paineis2 .topo-ato {
  padding: 15px 15px 0;
  font-size: 14px;
  line-height: 20px;
  border-top: 1px solid #ddd;
}

#relatorio-financeiro-paineis2 .dropdown-menu {
  padding: 0;
  margin: 5px 0 0;
}

#relatorio-financeiro-paineis2 .dropdown-menu a {
  color: #828282;
  height: 40px;
  line-height: 34px;
}

#relatorio-financeiro-paineis2 .dropdown-menu a:hover {
  color: #0f1b33;
}

#relatorio-financeiro-paineis2 .dropdown-menu i,
#relatorio-financeiro-exportacao a i {
  margin-right: 10px;
}

#relatorio-financeiro-paineis2 .table {
  margin-top: 15px;
  margin-left: 15px;
  font-size: 14px;
}

#relatorio-financeiro-paineis2 thead {
  font-weight: 600;
}

#relatorio-financeiro-paineis2 th, #relatorio-financeiro-paineis2 td {
  border: none;
  padding: 0;
}*/
/*//////////////////////////////////////////////////////////////////////////////*/
#listaNomes {
    border: 1px solid #ccc;
    border-radius: 8px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 20px !important;
}

    #listaNomes .form-group {
        height: 60px;
        margin-right: 0 !important;
    }

        #listaNomes .form-group input {
            width: 90%;
        }

/*///////////////////// FIM DA PÁGINA RELATÓRIO FINANCEIRO /////////////////////*/
/*///////////////////// INÍCIO DA PÁGINA RELATÓRIO REPASSE /////////////////////*/

#relatorio-repasse-opcoes {
    width: 360px;
}

@media (min-width: 992px) {
    #relatorio-repasse-opcoes {
        float: left;
        padding-left: 0;
        padding-right: 32px;
    }
}

#relatorio-repasse-ordenacao {
    margin-bottom: 30px;
}

    #relatorio-repasse-ordenacao .form-group {
        margin-top: 10px;
        color: #828282;
        font-size: 14px;
    }

#relatorio-repasse-filtragem .form-group {
    display: inline-flex;
}

#relatorio-repasse-ordenacao > .form-group > input:nth-last-child(2),
#relatorio-repasse-filtragem > form > .form-group > .form-control:nth-last-child(1) {
    margin-left: 10px;
}

#relatorio-repasse-filtragem > form,
#relatorio-repasse-filtragem .form-control {
    margin-top: 10px;
    margin-bottom: 0;
    width: 100%;
}

#relatorio-repasse-filtragem {
    margin-bottom: 30px;
}

    #relatorio-repasse-filtragem .form-group {
        margin: 0;
    }

#btn-ver-mais-filtros {
    display: block;
    padding-left: auto;
    padding-right: auto;
    margin-top: 20px;
    color: #828282;
    font-size: 14px;
    font-weight: 600;
    margin-left: 16px;
}

#btn-filtrar {
    height: 44px;
    width: 100%;
    line-height: 42px;
    float: right;
    padding: 0;
    margin-top: 20px;
    background-color: #fff;
    border: 1px solid #0f1b33;
    color: #0f1b33;
    font-weight: 600;
    font-size: 14px;
}

    #btn-filtrar:hover, #btn-baixar:hover {
        color: #fff;
        background-color: #0f1b33;
        border-color: #0f1b33;
        transition: background-color 0.8s, color 0.4s;
    }

#relatorio-repasse-exportacao {
    margin-bottom: 30px;
}

#btn-exportar {
    height: 44px;
    width: 48%;
    line-height: 42px;
    padding: 0;
    margin-top: 20px;
    background-color: #fff;
    border: 1px solid #0f1b33;
    color: #0f1b33;
    font-weight: 600;
    font-size: 14px;
}

    #btn-exportar:hover, #btn-exportar:hover {
        color: #fff;
        background-color: #0f1b33;
        border-color: #0f1b33;
        transition: background-color 0.8s, color 0.4s;
    }

@media (min-width: 992px) {
    #relatorio-repasse-paineis {
        float: right;
        width: 700px;
    }
}

#relatorio-repasse-paineis .panel-heading {
    height: 46px;
    padding: 0px 15px;
}

    #relatorio-repasse-paineis .panel-heading h3 {
        font-weight: 600;
        font-size: 14px;
        line-height: 46px;
    }

        #relatorio-repasse-paineis .panel-heading h3 span {
            margin-left: 20px;
        }

    #relatorio-repasse-paineis .panel-heading .btn-default {
        height: 34px;
        width: 130px;
        margin-top: 6px;
        padding: 0;
        background-color: #fff;
        border: 1px solid #828282;
        font-weight: 600;
        font-size: 14px;
    }

#relatorio-repasse-paineis .panel-body .btn-default {
    height: 34px;
    width: 100px;
    font-size: 30px;
    margin-right: 10px;
    padding: 0;
    background-color: #fff;
    border: 1px solid #ddd;
    color: #828282;
    font-size: 14px;
}

#relatorio-repasse-paineis .panel-heading .btn-default:hover, #relatorio-repasse-paineis .btn-default:hover {
    color: #fff;
    background-color: #0f1b33;
    border-color: #0f1b33;
    transition: background-color 0.8s, color 0.4s;
}

#relatorio-repasse-paineis .topo-ato {
    padding: 15px 15px 0;
    font-size: 14px;
    line-height: 20px;
    border-top: 1px solid #ddd;
}

#relatorio-repasse-paineis .dropdown-menu {
    padding: 0;
    margin: 5px 0 0;
}

    #relatorio-repasse-paineis .dropdown-menu a {
        color: #828282;
        height: 40px;
        line-height: 34px;
    }

        #relatorio-repasse-paineis .dropdown-menu a:hover {
            color: #0f1b33;
        }

    #relatorio-repasse-paineis .dropdown-menu i,
    #relatorio-repasse-exportacao a i {
        margin-right: 10px;
    }

#relatorio-repasse-paineis .table {
    margin-top: 15px;
    margin-left: 15px;
    font-size: 14px;
}

#relatorio-repasse-paineis thead {
    font-weight: 600;
}

#relatorio-repasse-paineis th, #relatorio-repasse-paineis td {
    border: none;
    padding: 0;
}

#listaNomes {
    border: 1px solid #ccc;
    border-radius: 8px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 20px !important;
}

    #listaNomes .form-group {
        height: 60px;
        margin-right: 0 !important;
    }

        #listaNomes .form-group input {
            width: 90%;
        }

/*///////////////////// FIM DA PÁGINA RELATÓRIO REPASSE /////////////////////*/
/*///////////////////// INÍCIO DA EXIGÊNCIA /////////////////////*/

#topo-exigencia {
    height: 42px;
    line-height: 40px;
}

    #topo-exigencia div:nth-child(1),
    #topo-exigencia div:nth-child(2) {
        padding: 0;
    }

    #topo-exigencia span {
        font-size: 14px;
        color: #828282;
        font-weight: 600;
    }

#adicionar-exigencia {
    background-color: #f5f5f5;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 8px;
    height: 340px;
}

    #adicionar-exigencia .checkbox {
        margin-top: 30px;
    }

#lista-exigencia {
    margin-top: 32px;
}

    #lista-exigencia th,
    #lista-exigencia td {
        font-size: 14px;
    }

#btn-add-exigencia {
    float: right;
    height: 44px;
    width: 180px;
    line-height: 42px;
    padding: 0;
    background-color: #fff;
    border: 1px solid #ccc;
    color: #828282;
    font-weight: 600;
    font-size: 14px;
}

    #btn-add-exigencia:hover {
        color: #fff;
        background-color: #0f1b33 !important;
        border-color: #0f1b33;
        transition: background-color 0.8s, color 0.4s;
    }

#btn-cancelar-add-exigencia {
    height: 44px;
    width: 180px;
    line-height: 42px;
    padding: 0;
    margin-right: 10px;
    background-color: #fff;
    border: 1px solid #ccc;
    color: #828282;
    font-weight: 600;
    font-size: 14px;
}

    #btn-cancelar-add-exigencia:hover {
        color: #fff;
        background-color: #828282 !important;
        border-color: #828282;
        transition: background-color 0.8s, color 0.4s;
    }

#btn-add-exigencia::after {
    display: none;
}

@media (min-width: 992px) {
    #painel-chat-exigencia {
        width: 80%;
        float: right;
    }
}

#painel-chat-exigencia .btn-opcoes-exigencia {
    height: 44px;
    width: 180px;
    line-height: 42px;
    padding: 0;
    background-color: #fff;
    border: 1px solid #ccc;
    color: #828282;
    font-weight: 600;
    font-size: 14px;
}

    #painel-chat-exigencia .btn-opcoes-exigencia:hover, .btn-opcoes-exigencia:focus {
        line-height: 42px;
        font-size: 14px;
        font-weight: 600;
        color: #fff;
        background-color: #0f1b33 !important;
        border-color: #0f1b33;
        transition: background-color 0.8s, color 0.4s;
    }

#painel-chat-exigencia .panel-heading {
    background-color: #0f1b33;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

#painel-chat-exigencia .panel-body {
    padding: 18px;
}

#painel-chat-exigencia .chat-exigencia-esquerda {
    float: left;
}

#painel-chat-exigencia .chat-exigencia-direita {
    float: right;
}

#painel-chat-exigencia .chat-exigencia-esquerda,
#painel-chat-exigencia .chat-exigencia-direita {
    font-size: 14px;
    width: fit-content;
    margin-bottom: 10px;
}

#painel-chat-exigencia h4 {
    font-weight: 600;
}

#painel-chat-exigencia p {
    padding: 10px;
    background-color: #ddd;
    margin-top: 6px;
    margin-bottom: 6px;
}

#painel-chat-exigencia .chat-exigencia-esquerda p {
    border-radius: 8px 8px 8px 0px;
}

#painel-chat-exigencia .chat-exigencia-direita p {
    border-radius: 8px 8px 0px 8px;
}

#painel-chat-exigencia span {
    font-size: 12px;
    color: #828282;
    font-weight: 600;
}

#painel-chat-exigencia .chat-exigencia-esquerda span {
    float: right;
}

#painel-chat-exigencia .chat-exigencia-direita span {
    float: left;
}

#painel-chat-exigencia textarea {
    margin-bottom: 10px;
}

/*///////////////////// FIM DA PÁGINA EXIGÊNCIA /////////////////////*/
/*///////////////////// INÍCIO DA PÁGINA AJUDA /////////////////////*/

#pagina-ajuda {
    margin: 32px;
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 992px) {
    #central-de-atendimento-e-ouvidoria {
        padding-right: 4vw;
        border-right: 1px solid #0f1b33;
    }

    #perguntas-frequentes {
        padding-left: 4vw;
    }

    #lista-perguntas-frequentes {
        max-height: 440px;
        overflow-x: hidden;
        overflow-y: auto;
        padding-right: 20px;
    }
}

#central-de-atendimento-e-ouvidoria > .nav-tabs > li.active > a,
#central-de-atendimento-e-ouvidoria > .nav-tabs > li.active > a:active {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 2px solid #1b305b;
}

#central-de-atendimento-e-ouvidoria > .nav-tabs > li.active > a {
    color: #1b305b;
    background-color: inherit;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    line-height: 48px;
    margin-bottom: 32px;
}

#central-de-atendimento-e-ouvidoria a {
    color: #828282;
}

    #central-de-atendimento-e-ouvidoria a:hover {
        background-color: inherit;
    }

#perguntas-frequentes h2 {
    color: #1b305b;
    margin-bottom: 20px;
    font-size: 32px;
    font-weight: 300;
    text-align: left;
}

#busca-perguntas-frequentes {
    margin-bottom: 20px;
}

#perguntas-frequentes .panel {
    margin-bottom: 10px;
}

#perguntas-frequentes h3 {
    font-size: 14px;
    font-weight: 600;
    color: #4e4e4e;
}

#perguntas-frequentes a:hover, #perguntas-frequentes a:focus {
    text-decoration: none;
}

#perguntas-frequentes .panel-body {
    padding: 14px;
    font-size: 14px;
    line-height: 1.3;
    text-align: left;
    color: #4e4e4e;
}

#btn-enviar, #btn-avancar, #btn-enviar-modal, #btn-pesquisar-modal, #btn-enviar-modal2 {
    height: 44px;
    width: 180px;
    line-height: 44px;
    padding: 0;
    background-color: #0f1b33;
    border: none;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    /*float: right;*/
}

    #btn-enviar:hover, #btn-avancar:hover, #btn-enviar-modal:hover, #btn-pesquisar-modal:hover, #btn-enviar-modal2:hover {
        background-color: #02aff0;
        transition: background-color 0.8s;
    }

/*///////////////////// FIM DA PÁGINA AJUDA /////////////////////*/
/*///////////////////// INÍCIO DAS PÁGINAS DE ALTERAÇÃO DE SENHA /////////////////////*/

#alterar-senha {
    margin-top: 40px;
}

    #alterar-senha img {
        height: 58px;
        margin-bottom: 40px;
    }

#form-alterar-senha {
    width: 100%;
}

@media (min-width: 992px) {
    #form-alterar-senha {
        width: 320px;
    }
}

#alterar-senha #btn-enviar {
    width: 100%;
}

/*///////////////////// FIM DAS PÁGINAS DE ALTERAÇÃO DE SENHA /////////////////////*/
/*///////////////////// INÍCIO DA PÁGINA DE CARTORIO LISTAR /////////////////////*/

#cartorio-listar .btn-link {
    color: #828282;
    font-size: 14px;
    font-weight: 600;
}

/*///////////////////// FIM /////////////////////*/
/*///////////////////// INÍCIO DAS PÁGINAS DE EXIBIÇÃO DE FORMULARIOS COM JQUERY /////////////////////*/

.dadosformjquery {
    font-size: 14px;
}

    .dadosformjquery label {
        font-weight: 600;
    }

/*///////////////////// FIM DAS PÁGINAS DE EXIBIÇÃO DE FORMULARIOS COM JQUERY /////////////////////*/



/*///////////////////// INÍCIO PAGICAÇÃO /////////////////////*/

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.pagination > li > a, .pagination > li > span {
    color: #333;
}

/*///////////////////// FIM PAGICAÇÃO /////////////////////*/

.span-invisivel {
    border: 0;
    box-shadow: inset 0 0px 0px rgba(0,0,0,0);
}

.bootstrap-dialog-footer-buttons > button {
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 12px;
    padding-right: 12px;
    border: 1px;
}

.ImportadorWrapper {
    /*width: 200px;*/
    height: auto;
    /*background:#EFEFEF;*/
    box-shadow: 1px 1px 10px #999;
    /*margin: auto;*/
    margin-bottom: 30px;
    text-align: center;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    /*padding-top: 5px;*/
}

.ImportadorScroll {
    overflow-x: scroll;
    overflow-y: hidden;
    height: auto;
    white-space: nowrap;
}

.wedgrid-header {
    font-weight: 600 !important;
}

.tableRelatorioFinanceiro tbody tr:last-child {
    font-weight: 600 !important;
}


.panel-perfil {
    display: block;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-bottom-width: 1px;
}

.btnEditarExcluir
{
    width: auto !important;
    margin-top: -9px !important;
}