.table-responsive {
    min-height: .01%;
    overflow-x: auto;
    width: 100%;
}

/*P�gina de Orienta��o de Cancelamento*/
#orientacao-cancelamento {
}

    #orientacao-cancelamento ul {
        counter-reset: contador;
        margin: 0;
        padding: 0;
    }

        #orientacao-cancelamento ul li {
            position: relative;
            list-style-type: none;
            margin: 0;
            padding: 0 0 0 40px;
        }

            #orientacao-cancelamento ul li + li {
                margin: 20px 0 0;
            }

            #orientacao-cancelamento ul li:before {
                content: counter(contador);
                counter-increment: contador;
                position: absolute;
                left: 0;
                top: 0;
                font-weight: bold;
                font-size: 21px;
                background-color: #30bac7;
                border-radius: 50%;
                color: #FFFFFF;
                width: 30px;
                height: 30px;
                text-align: center;
            }

            #orientacao-cancelamento ul li h4 {
                font-weight: bold;
                font-size: 20px;
                color: #204a72;
                margin: 0;
                padding: 0 0 10px;
            }

                #orientacao-cancelamento ul li h4 em {
                    font-style: normal;
                    font-size: 16px;
                    color: #8e8e8e;
                    font-weight: 400;
                }

            #orientacao-cancelamento ul li p {
                font-size: 16px;
                color: #8e8e8e;
            }

                #orientacao-cancelamento ul li p em {
                    font-style: normal;
                    color: #204a72;
                    font-weight: 600;
                }

    #orientacao-cancelamento .second-steps {
        margin: 30px 0 0;
        padding: 20px 0 0;
        border-top: 1px solid #e1e1e1;
    }

        #orientacao-cancelamento .second-steps ul li:before {
            background-color: #204a72;
        }

        #orientacao-cancelamento .second-steps > h4 {
            font-weight: bold;
            color: #204a72;
            font-size: 20px;
        }

        #orientacao-cancelamento .second-steps ul {
            margin: 30px 0;
        }

            #orientacao-cancelamento .second-steps ul li {
            }

                #orientacao-cancelamento .second-steps ul li h4 {
                    font-weight: 400;
                    color: #8e8e8e;
                    font-size: 16px;
                }

    #orientacao-cancelamento .end {
        margin: 0 40px;
        padding: 0 0 50px;
    }

        #orientacao-cancelamento .end p {
            color: #30bac7;
            font-weight: bold;
            font-size: 18px;
            margin: 0 0 20px;
        }

        #orientacao-cancelamento .end a:hover {
            color: #FFFFFF;
        }

        #orientacao-cancelamento .end .botao-voltar {
            display: flex;
            width: 100%;
        }

@media (min-width:768px) {
    #orientacao-cancelamento .end .botao-voltar {
        justify-content: flex-end;
    }
}



/*Fim p�gina de orienta��o de cancelamento*/

/*Bot�o de Voc� Sabia em Consulta Gratuita*/
/*Voc� sabia em barra de envio de titulos*/
.barra-consulta-gratuita.just-space .flex {
    justify-content: space-between;
}

@media (min-width:0) and (max-width:767px) {
    .barra-consulta-gratuita.just-space .flex {
        flex-flow: column wrap;
    }

        .barra-consulta-gratuita.just-space .flex .options ul {
            flex-flow: row wrap;
            justify-content: center;
            margin-bottom: 10px;
        }

            .barra-consulta-gratuita.just-space .flex .options ul li {
            }
}

.barra-consulta-gratuita.just-space .buttons-holder {
    display: flex;
}

    .barra-consulta-gratuita.just-space .buttons-holder div + div {
        /*margin:0 0 0 20px;*/
    }

/*Voc� sabia em barra de envio de titulos*/

.barra-consulta-gratuita.voce-sabia-2 .btn-voce-sabia {
    /*background-color:#3dcb4e!important;*/
}

    .barra-consulta-gratuita.voce-sabia-2 .btn-voce-sabia.active:before {
        /*border-top:10px solid #3dcb4e!important;*/
    }

.barra-consulta-gratuita .flex {
    justify-content: flex-end;
}

    .barra-consulta-gratuita .flex > div + div {
        margin: 0;
    }

    .barra-consulta-gratuita .flex .btn-voce-sabia {
    }

        .barra-consulta-gratuita .flex .btn-voce-sabia.active {
            background: #1e9ca9;
        }

    .barra-consulta-gratuita .flex .btn-access .icons-access {
        width: 27px;
        height: 20px;
        background-repeat: no-repeat;
    }

    .barra-consulta-gratuita .flex .btn-acesso-rapido .icons-access,
    .barra-consulta-gratuita .flex .btn-acesso-rapido.active .icons-access {
        background-position: 0 -820px;
    }

    .barra-consulta-gratuita .flex .btn-voce-sabia .icons-access {
        background-image: url('images/icones/icon-btn-voce-sabia.png');
        background-position: center top;
    }

    .barra-consulta-gratuita .flex .btn-blog .icons-access {
        width: 16px;
        background-position: 0px -580px;
    }

@media (min-width:0) and (max-width:767px) {
    .barra-consulta-gratuita .flex .icons-access {
        display: none;
    }

    .botoes-cancelamento-wrap {
        flex-flow: row wrap;
    }
}

@media (min-width:0) and (max-width:767px) {
    .barra-consulta-gratuita .flex .icons-access {
        display: none;
    }
}

.filter-wrap-2 {
    display: none;
    /*background-image: url('images/bg-content-voce-sabia.png');*/
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

    .filter-wrap-2.active {
        display: block;
    }

    .filter-wrap-2 .holder {
        height: 147px;
        padding: 3px 0;
        display: flex;
        border-left: 4px solid #0e9caa;
        background-color: #f9f9f9
    }

@media (max-width:767px) {
    .filter-wrap-2 .holder {
        height: 263px;
        flex-flow: row wrap !important;
    }
}

.filter-wrap-2 .titulo {
    float: left;
    width: 140px;
    padding: 0 0 0 14px;
    width: 20%;
    display: flex;
    align-items: center;
}

    .filter-wrap-2 .titulo h2 {
        color: #0e9caa;
        font-size: 20px;
        font-weight: bold;
        margin: 0;
        padding: 0;
        text-transform: uppercase;
        font-weight: 400;
    }

.filter-wrap-2 .opts-flex {
    width: 70%;
    height: 100%;
}

    .filter-wrap-2 .opts-flex.carrossel-voce-sabia {
        position: relative;
    }

        .filter-wrap-2 .opts-flex.carrossel-voce-sabia .owl-nav {
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            transform: translateY(-50px);
        }

            .filter-wrap-2 .opts-flex.carrossel-voce-sabia .owl-nav button {
                position: absolute;
                font-size: 70px;
                color: #24547d;
                font-weight: 300;
                cursor: pointer;
                margin: 0;
                line-height: 70px;
            }

                .filter-wrap-2 .opts-flex.carrossel-voce-sabia .owl-nav button:hover {
                    background: transparent;
                }

                .filter-wrap-2 .opts-flex.carrossel-voce-sabia .owl-nav button:focus {
                    outline: none;
                }

        .filter-wrap-2 .opts-flex.carrossel-voce-sabia .owl-prev {
            left: -50px;
        }

        .filter-wrap-2 .opts-flex.carrossel-voce-sabia .owl-next {
            right: -50px;
        }

@media (max-width:767px) {
    .filter-wrap-2 .opts-flex.carrossel-voce-sabia .owl-prev {
        left: -10px;
        top: -60px;
    }

    .filter-wrap-2 .opts-flex.carrossel-voce-sabia .owl-next {
        right: -10px;
        top: -60px;
    }
}

.filter-wrap-2 .opts-flex .opt {
    flex: 1;
    /*background-color: rgba(255, 255, 255, 0.5);*/
    padding: 12px 14px 50px 54px;
    color: #0e4a7f;
    font-size: 14px;
    background-position: 14px 14px;
    background-repeat: no-repeat;
}

@media (max-width:767px) {
    .filter-wrap-2 .opts-flex .opt {
        padding: 10px 14px 10px 54px;
    }
}

.filter-wrap-2 .opts-flex .opt.opt-1 {
    background-image: url('images/icones/icon-opt-voce-sabia-01.png');
}

.filter-wrap-2 .opts-flex .opt.opt-2 {
    background-image: url('images/icones/icon-opt-voce-sabia-02.png');
}

.filter-wrap-2 .opts-flex .opt.opt-3 {
    background-image: url('images/icones/icon-opt-voce-sabia-03.png');
}

.filter-wrap-2 .opts-flex .opt.opt-4 {
    background-image: url('images/icones/icon-opt-voce-sabia-04.png');
}

.filter-wrap-2 .opts-flex .opt.opt-5 {
    background-image: url('images/icones/icon-opt-voce-sabia-05.png');
}

.filter-wrap-2 .opts-flex .opt + .opt {
    margin: 0 0 0 4px;
}

.filter-wrap-2 .opts-flex .opt img {
    display: none;
}

.filter-wrap-2 .opt h3 {
    padding: 0;
    margin: 0;
    font-weight: bold;
    font-size: 16px;
}

.filter-wrap-2 .opt p {
    line-height: 17px;
}

.filter-wrap-2 .opt em {
    font-weight: 600;
    font-style: normal;
}

.filter-wrap-2 .opt a {
    font-weight: bold;
    display: block;
    text-decoration: underline;
    color: #3bbac7;
}

.filter-wrap-2 .fechar {
    width: 10%;
    text-align: right;
    padding-right: 20px;
}

    .filter-wrap-2 .fechar span {
        cursor: pointer;
        font-weight: bold;
        font-size: 16px;
        display: block;
        color: #0e9caa;
    }


@media (min-width:1000px) {
    .wrap-m .table-info td {
        font-size: 13px !important;
        word-break: break-word;
    }

    .wrap-m .fix-align-field.w355 {
        width: 355px !important;
        margin-right: 10px !important;
    }

    .wrap-m .mr0 {
        margin-right: 0 !important;
    }
}

@media (min-width:0px) and (max-width:1000px) {

    .filter-wrap-2 .titulo,
    .filter-wrap-2 .opts-flex {
        float: none;
        width: 100%;
    }

    .filter-wrap-2 .fechar {
        display: none;
    }

    .filter-wrap-2 .titulo {
        margin: 0 0 20px;
    }

    .filter-wrap-2 .holder {
        padding: 25px 17px;
        flex-flow: column wrap;
    }

    .filter-wrap-2 .opts-flex {
        flex-flow: column wrap;
    }

        .filter-wrap-2 .opts-flex h2 {
            margin: 20px 0;
        }

        .filter-wrap-2 .opts-flex .opt + .opt {
            margin: 10px 0 0;
        }
}

@media (min-width:0) and (max-width:480px) {
    .barra-consulta-gratuita .flex {
        justify-content: center;
        flex-direction: row;
    }
}

/**/
.relative-position {
    position: relative;
}

.icons-sprite,
.icons-access,
.icons-arrow-down,
.icons-arrow-light,
.icons-check-table,
.icons-close,
.icons-dollar,
.icons-edit,
.icons-export-pdf,
.icons-export-printer,
.icons-export-xls,
.icons-fluxo,
.icons-grafico,
.icons-log,
.icons-lupa-blue,
.icons-lupa-filtro,
.icons-paper,
.icons-people,
.icons-social-man,
.icons-view,
.icons-visualizar {
    background-image: url('images/icons-sb71349a986.png?ts=201906251714');
    background-repeat: no-repeat;
}

.icons-access {
    background-position: 0 -18px;
    height: 18px;
    width: 21px;
}

    .icons-access:hover,
    .icons-access.access-hover,
    .btn-access.btn-acesso-rapido.active span.icons-access {
        background-position: 0 0;
    }

.icons-arrow-down {
    background-position: 0 -36px;
    height: 13px;
    width: 13px;
}

.icons-arrow-light {
    background-position: 0 -49px;
    height: 11px;
    width: 16px;
}

.icons-check-table {
    background-position: 0 -60px;
    height: 19px;
    width: 26px;
}

.icons-close {
    background-position: 0 -79px;
    height: 14px;
    width: 14px;
}

.icons-dollar {
    background-position: 0 -127px;
    height: 34px;
    width: 34px;
}

    .icons-dollar:hover,
    .icons-dollar.dollar-hover,
    .process-management ul li:hover span.icons-dollar,
    .export-bar ul li:hover span.icons-dollar,
    .process-management ul li.active span.icons-dollar,
    .export-bar ul li.active span.icons-dollar {
        background-position: 0 -93px;
    }

.icons-edit {
    background-position: 0 -161px;
    height: 15px;
    width: 15px;
}

.icons-export-pdf {
    background-position: 0 -176px;
    height: 33px;
    width: 29px;
}

.icons-export-printer {
    background-position: 0 -209px;
    height: 33px;
    width: 31px;
}

.icons-export-xls {
    background-position: 0 -242px;
    height: 33px;
    width: 29px;
}

.icons-fluxo {
    background-position: 0 -313px;
    height: 38px;
    width: 29px;
}

    .icons-fluxo:hover,
    .icons-fluxo.fluxo-hover,
    .process-management ul li:hover span.icons-fluxo,
    .export-bar ul li:hover span.icons-fluxo,
    .process-management ul li.active span.icons-fluxo,
    .export-bar ul li.active span.icons-fluxo {
        background-position: 0 -275px;
    }

.icons-grafico {
    background-position: 0 -379px;
    height: 28px;
    width: 28px;
}

    .icons-grafico:hover,
    .icons-grafico.grafico-hover,
    .process-management ul li:hover span.icons-grafico,
    .export-bar ul li:hover span.icons-grafico,
    .process-management ul li.active span.icons-grafico,
    .export-bar ul li.active span.icons-grafico {
        background-position: 0 -351px;
    }

.icons-log {
    background-position: 0 -438px;
    height: 31px;
    width: 27px;
}

    .icons-log:hover,
    .icons-log.log-hover,
    .process-management ul li:hover span.icons-log,
    .export-bar ul li:hover span.icons-log,
    .process-management ul li.active span.icons-log,
    .export-bar ul li.active span.icons-log {
        background-position: 0 -407px;
    }

.icons-lupa-blue {
    background-position: 0 -499px;
    height: 30px;
    width: 29px;
}

    .icons-lupa-blue:hover,
    .icons-lupa-blue.lupa-blue-hover,
    .process-management ul li:hover span.icons-lupa-blue,
    .export-bar ul li:hover span.icons-lupa-blue,
    .process-management ul li.active span.icons-lupa-blue,
    .export-bar ul li.active span.icons-lupa-blue {
        background-position: 0 -469px;
    }

.icons-lupa-filtro {
    background-position: 0 -556px;
    height: 27px;
    width: 27px;
}

    .icons-lupa-filtro:hover,
    .icons-lupa-filtro.lupa-filtro-hover,
    .btn-access.btn-pesquisa-filtro.active span.icons-lupa-filtro,
    .btn-access.active.btn-acesso-rapido span.icons-lupa-filtro {
        background-position: 0 -529px;
    }

.icons-paper {
    background-position: 0 -583px;
    height: 15px;
    width: 13px;
}

.icons-people {
    background-position: 0 -644px;
    height: 46px;
    width: 46px;
}

    .icons-people:hover,
    .icons-people.people-hover,
    .tipo-acesso-wrap .item:hover span.icons-people {
        background-position: 0 -598px;
    }

.icons-social-man {
    background-position: 0 -739px;
    height: 49px;
    width: 42px;
}

    .icons-social-man:hover,
    .icons-social-man.social-man-hover,
    .tipo-acesso-wrap .item:hover span.icons-social-man {
        background-position: 0 -690px;
    }

.icons-view {
    background-position: 0 -788px;
    height: 17px;
    width: 33px;
}

.icons-visualizar {
    background-position: 0 -805px;
    height: 15px;
    width: 13px;
}

hr {
    width: 100%;
    border-bottom: solid 1px rgba(0, 0, 0, 0.3);
    margin: 35px 0;
}

.flex {
    display: -webkit-flex;
    display: flex;
}

@media only screen and (min-width: 0) and (max-width: 480px) {
    .flex {
        -webkit-flex-direction: column;
        flex-direction: column;
        /**/
    }
}

.icons-access {
    background-position: 0 -18px;
    height: 18px;
    width: 21px;
}

    .icons-access:hover,
    .icons-access.access-hover,
    .btn-access.btn-acesso-rapido.active span.icons-access {
        background-position: 0 0;
    }

.icons-arrow-down {
    background-position: 0 -36px;
    height: 13px;
    width: 13px;
}

.icons-arrow-light {
    background-position: 0 -49px;
    height: 11px;
    width: 16px;
}

.icons-check-table {
    background-position: 0 -60px;
    height: 19px;
    width: 26px;
}

.icons-close {
    background-position: 0 -79px;
    height: 14px;
    width: 14px;
}

.icons-dollar {
    background-position: 0 -127px;
    height: 34px;
    width: 34px;
}

    .icons-dollar:hover,
    .icons-dollar.dollar-hover,
    .process-management ul li:hover span.icons-dollar,
    .export-bar ul li:hover span.icons-dollar,
    .process-management ul li.active span.icons-dollar,
    .export-bar ul li.active span.icons-dollar {
        background-position: 0 -93px;
    }

.icons-edit {
    background-position: 0 -161px;
    height: 15px;
    width: 15px;
}

.icons-export-pdf {
    background-position: 0 -176px;
    height: 33px;
    width: 29px;
}

.icons-export-printer {
    background-position: 0 -209px;
    height: 33px;
    width: 31px;
}

.icons-export-xls {
    background-position: 0 -242px;
    height: 33px;
    width: 29px;
}

.icons-fluxo {
    background-position: 0 -313px;
    height: 38px;
    width: 29px;
}

    .icons-fluxo:hover,
    .icons-fluxo.fluxo-hover,
    .process-management ul li:hover span.icons-fluxo,
    .export-bar ul li:hover span.icons-fluxo,
    .process-management ul li.active span.icons-fluxo,
    .export-bar ul li.active span.icons-fluxo {
        background-position: 0 -275px;
    }

.icons-grafico {
    background-position: 0 -379px;
    height: 28px;
    width: 28px;
}

    .icons-grafico:hover,
    .icons-grafico.grafico-hover,
    .process-management ul li:hover span.icons-grafico,
    .export-bar ul li:hover span.icons-grafico,
    .process-management ul li.active span.icons-grafico,
    .export-bar ul li.active span.icons-grafico {
        background-position: 0 -351px;
    }

.icons-log {
    background-position: 0 -438px;
    height: 31px;
    width: 27px;
}

    .icons-log:hover,
    .icons-log.log-hover,
    .process-management ul li:hover span.icons-log,
    .export-bar ul li:hover span.icons-log,
    .process-management ul li.active span.icons-log,
    .export-bar ul li.active span.icons-log {
        background-position: 0 -407px;
    }

.icons-lupa-blue {
    background-position: 0 -499px;
    height: 30px;
    width: 29px;
}

    .icons-lupa-blue:hover,
    .icons-lupa-blue.lupa-blue-hover,
    .process-management ul li:hover span.icons-lupa-blue,
    .export-bar ul li:hover span.icons-lupa-blue,
    .process-management ul li.active span.icons-lupa-blue,
    .export-bar ul li.active span.icons-lupa-blue {
        background-position: 0 -469px;
    }

.icons-lupa-filtro {
    background-position: 0 -556px;
    height: 27px;
    width: 27px;
}

    .icons-lupa-filtro:hover,
    .icons-lupa-filtro.lupa-filtro-hover,
    .btn-access.btn-pesquisa-filtro.active span.icons-lupa-filtro,
    .btn-access.active.btn-acesso-rapido span.icons-lupa-filtro {
        background-position: 0 -529px;
    }

.icons-paper {
    background-position: 0 -583px;
    height: 15px;
    width: 13px;
}

.icons-people {
    background-position: 0 -644px;
    height: 46px;
    width: 46px;
}

    .icons-people:hover,
    .icons-people.people-hover,
    .tipo-acesso-wrap .item:hover span.icons-people {
        background-position: 0 -598px;
    }

.icons-social-man {
    background-position: 0 -739px;
    height: 49px;
    width: 42px;
}

    .icons-social-man:hover,
    .icons-social-man.social-man-hover,
    .tipo-acesso-wrap .item:hover span.icons-social-man {
        background-position: 0 -690px;
    }

.icons-view {
    background-position: 0 -788px;
    height: 17px;
    width: 33px;
}

.icons-visualizar {
    background-position: 0 -805px;
    height: 15px;
    width: 13px;
}

.edit-icon {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url("images/edit-icon.png");
}

.lupa-icon {
    display: inline-block;
    width: 21px;
    height: 21px;
    background: url("images/lupa-icon.png");
}


.cancelamento-icon {
    display: inline-block;
    width: 21px;
    height: 25px;
    background: url("images/icones/cancelamento.png");
}

.exportar-pdf-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url("images/icones/pdf2.png");
}

.user-icon {
    display: inline-block;
    width: 16px;
    height: 21px;
    background: url("images/user-icon.png");
}

.user-group {
    display: inline-block;
    width: 22px;
    height: 18px;
    background: url("images/user-group.png");
}

.user-icon-disabled {
    display: inline-block;
    width: 16px;
    height: 21px;
    background: url("images/user-icon-disabled.png");
}

.user-group-disabled {
    display: inline-block;
    width: 22px;
    height: 18px;
    background: url("images/user-group-disabled.png");
}


.lupa-clean-icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url("images/lupa-clean-icon.png");
}

.envelope-icon {
    display: inline-block;
    width: 18px;
    height: 15px;
    background: url("images/envelope-icon.png");
}

.paper-icon {
    display: inline-block;
    width: 16px;
    height: 20px;
    background: url("images/paper-icon.png");
}

.display-flex,
.filtro-wrap .inline-wrap-elements {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex-half-width {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.no-border-radius-right {
    border-top-right-radius: 0 !important;
}

@media only screen and (min-width: 0) and (max-width: 480px) {
    .flex-half-width {
        -webkit-flex-direction: column;
        flex-direction: column;
        /**/
    }
}

@font-face {
    font-family: "Calibri";
    src: url('fonts/calibri_light/Calibri-Light.woff?1520350116') format('woff'), url('fonts/calibri_light/Calibri-Light.woff2?1520350116') format('woff2');
}

.half-width {
    width: 50%;
}

.fw-600 {
    font-weight: 600;
}

.align-column,
#div-interna-cadastro,
.grid-wrap-titulos > div,
#div-endossante > div,
.filtro-wrap .inline-wrap-elements > div {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.align-center {
    -webkit-align-items: center;
    align-items: center;
}

.align-left {
    -webkit-align-items: flex-start !important;
    align-items: flex-start !important;
}

.justify-center {
    -webkit-justify-content: center;
    justify-content: center;
}

.space-between {
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.display-inline-block {
    display: inline-block !important;
}

.reset-horizontal-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.reset-padding-right {
    padding-right: 0 !important;
}

.reset-padding-left {
    padding-left: 0 !important;
}

.default-horizontal-margin {
    margin-left: 10px;
    margin-right: 10px;
}

.reset-horizontal-margin {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.vertical-padding {
    padding: 40px 0;
}

@media only screen and (min-width: 0) and (max-width: 480px) {
    .vertical-padding {
        padding: 20px 0;
        /**/
    }
}

.vertical-margin {
    margin: 20px 0;
}

.vertical-p-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.small-vertical-padding {
    padding: 20px 0 30px 0;
}

.position-relative {
    position: relative;
}

.small-margin-top {
    margin-top: 15px;
}

.m-bottom-30 {
    margin-bottom: 30px;
}

.m-bottom-40 {
    margin-bottom: 40px;
}

.m-top-30 {
    margin-top: 30px;
}

.m-top-20 {
    margin-top: 20px;
}


.m-top-10 {
    margin-top: 10px;
}

.m-top-15 {
    margin-top: 15px;
}

.width-auto {
    width: auto !important;
}

.p-left-20 {
    padding-left: 20px;
}

.table-icons {
    margin: 0 5px;
}

.grid-12 {
    float: left;
    width: 100%;
}

.no-margin-top {
    margin-top: 0 !important;
}

.no-margin-bottom {
    margin-bottom: 0 !important;
}

.no-margin {
    margin: 0 !important;
}

.no-padding {
    padding: 0 !important;
}

.no-padding-top {
    padding-top: 0 !important;
}

.no-padding-bottom {
    padding-bottom: 0 !important;
}

.no-padding-left {
    padding-left: 0 !important;
}

.margin-bottom-60 {
    margin-bottom: 60px;
}

.margin-bottom-30-imp,
.m-bottom-30-imp {
    margin-bottom: 30px !important;
}

@media only screen and (min-width: 1024px) and (max-width: 1920px) {
    .margin-bottom-30 {
        margin-bottom: 30px;
    }
}

.white-background {
    background: #FFF;
}

.dif-btn {
    background: #30bac7;
}

.margin-top-auto {
    margin-top: auto;
}

.no-margin-right {
    margin-right: 0 !important;
}

.no-margin-left {
    margin-left: 0 !important;
}

.even-background {
    background: #eeeeee;
}

.sucess-color {
    color: #449D44;
}

.warning-color {
    color: #f0ad4e;
}

.danger-color {
    color: #d9534f;
}

.info-color {
    color: #5bc0de;
}

.primary-color {
    color: #0d4a7f;
}

.default-color {
    color: #444444;
}

.accent-background {
    background: #0e9caa;
}

.m-left-auto {
    margin-left: auto;
}

img {
    max-width: 100%;
}

.flex-end {
    -webkit-align-self: flex-end;
    align-self: flex-end;
}

.accent-color {
    color: #0e9caa !important;
}

.flex-horizontal {
    display: -webkit-flex;
    display: flex;
}

.inline-wrap-elements {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

.padding-20 {
    padding: 20px;
}

.width-190 {
    width: 190px;
}

.m-right-15 {
    margin-right: 15px;
}

.m-right-10 {
    margin-right: 10px;
}

.m-right-5 {
    margin-right: 5px;
}

.margin-bottom-10 {
    margin-bottom: 10px !important;
}

.justify-content-lg-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

.info-alert-tr {
    background: #FFEFEF;
    color: #8D8F8E;
    text-transform: none;
    font-size: 13px;
}

    .info-alert-tr i {
        display: inline-block;
        margin-right: 10px;
    }

img {
    max-width: 100%;
}

.questions-toggle div div > a {
    padding: 10px 0;
    width: 100%;
    display: inline-block;
    font-size: 17px;
    font-weight: normal;
    color: #000;
}

section {
    display: inline-block;
    width: 100%;
}

@media only screen and (min-width: 0) and (max-width: 480px) {
    section {
        text-align: justify;
        display: inline-block;
        width: 100%;
        /**/
    }
}

.title {
    display: inline-block;
    width: 100%;
    color: #074981;
    margin: 20px 0;
    border-bottom: solid 2px #2FB9C7;
    letter-spacing: 2px;
    padding-bottom: 3px;
    text-transform: uppercase;
    text-align: left;
    font-size: 16px;
    font-weight: 600;
}

.title-inline {
    width: auto;
}

.info-title {
    display: inline-block;
    padding-left: 45px;
    position: relative;
    margin-bottom: 15px;
    font-size: 15px;
    color: #FF0000;
    text-transform: none;
}

i.info-icon {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    display: inline-block;
    width: 31px;
    height: 31px;
    background-image: url("images/icones/info-icon.png");
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 10px;
}

.sub-titulo-pagina {
    margin: 0 0 30px;
}

.subtitle,
.sub-titulo-pagina {
    text-align: left;
    width: 100%;
    color: #074981;
    /*margin: 20px 0 30px 0;*/
    /*margin:0 0 30px;*/
    position: relative;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
}

    .subtitle:before,
    .sub-titulo-pagina:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 35px;
        height: 2px;
        background: #0e9caa;
    }

    .subtitle span,
    .sub-titulo-pagina span {
        text-transform: none;
        color: #626262;
        letter-spacing: normal;
        margin-left: 20px;
        font-size: 14px;
        font-weight: 600;
    }

.ui-datepicker {
    z-index: 999 !important;
}

.new-subtitle {
    color: #0f91a0;
    margin: 30px 0 15px 0;
    font-size: 20px;
    font-weight: bold;
}

.subtitle-description {
    font-size: 22px;
    font-weight: 600;
}

.dinamic-subtitle {
    display: inline-block;
    text-align: left;
    color: #074981;
    margin: 20px 20px 30px 0;
    position: relative;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
}

    .dinamic-subtitle .dinamic-border {
        width: 100%;
        height: 2px;
        background: #0e9caa;
    }

        .dinamic-subtitle .dinamic-border:before {
            width: inherit;
        }

.sub-titulo-pagina {
    letter-spacing: -0.5px;
    text-transform: none;
    font-size: 30px;
    font-weight: 600;
}

    .sub-titulo-pagina:before {
        bottom: -5px;
        height: 3px;
    }

article {
    text-align: justify;
    line-height: 26px;
    margin-bottom: 20px;
    color: rgba(0, 0, 0, 0.5);
    /**/
    font-size: 16px;
}

.texto-primario {
    font-size: 16px;
    color: #074981;
}

@media only screen and (min-width: 0) and (max-width: 480px) {
    article {
        margin-bottom: 0;
        /**/
    }
}

@media only screen and (min-width: 0) and (max-width: 480px) {
    article {
        font-size: 16px !important;
        /**/
    }
}

.subtitle,
.sub-titulo-pagina {
    position: relative;
}

.subtitle2 {
    margin-bottom: 40px;
    position: relative;
    padding: 0 15px;
    color: #074981;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
}

@media only screen and (min-width: 1024px) and (max-width: 1920px) {
    .subtitle2 {
        width: 1170px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media only screen and (min-width: 0) and (max-width: 480px) {
    .subtitle2 {
        width: 90%;
        display: inline-block;
        /**/
    }
}

.subtitle2:before {
    content: "";
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    height: 1px;
    margin: auto;
    border-bottom: solid 1px #CCC;
}

.subtitle2 h4 {
    display: inline-block;
    padding: 10px;
    padding-left: 0;
    margin: 0;
    background: #FFF;
    position: relative;
    z-index: 10;
}

.icon.close2-icon {
    width: 13px;
    height: 13px;
    background-image: url("images/close.png");
    background-position: center;
    background-repeat: no-repeat;
}

.icon.edit2-icon {
    width: 19px;
    height: 19px;
    background-image: url("images/editar2.png");
    background-position: center;
    background-repeat: no-repeat;
}

.icon.download2-icon {
    width: 13px;
    height: 13px;
    background-image: url("images/download2.png");
    background-position: center;
    background-repeat: no-repeat;
}

.icon.detail2-icon {
    width: 25px;
    height: 10px;
    background-image: url("images/detalhes.png");
    background-position: center;
    background-repeat: no-repeat;
}

.default-color {
    color: #074981;
}

.m-left-auto {
    margin-left: auto;
}

.flex-g-0_1 {
    -webkit-flex-grow: 0.1;
    flex-grow: 0.1;
}

.flex-g-0_3 {
    -webkit-flex-grow: 0.3;
    flex-grow: 0.3;
}

.flex-g-0_4 {
    -webkit-flex-grow: 0.4;
    flex-grow: 0.4;
}

.flex-g-2 {
    -webkit-flex-grow: 2;
    flex-grow: 2;
}

.flex-g-3 {
    -webkit-flex-grow: 3;
    flex-grow: 3;
}

.flex-g-4 {
    -webkit-flex-grow: 4;
    flex-grow: 4;
}

.fa-1-5x {
    font-size: 1.5em;
}

.action-btn {
    margin-left: 10px;
}

    .action-btn span,
    .action-btn i.fa {
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }

@media only screen and (min-width: 1024px) and (max-width: 1920px) {
    .m-horizontal-10 {
        margin: 0 10px;
    }

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

    .w-8p {
        width: 8% !important;
    }

    .w-10p {
        width: 10% !important;
    }

    .w-12p {
        width: 12% !important;
    }

    .w-15p {
        width: 15% !important;
    }

    .w-100 {
        width: 100px !important;
    }

    .w-115 {
        width: 115px !important;
    }

    .w-120 {
        width: 120px !important;
    }

    .w-235 {
        width: 235px !important;
    }

    .w-144 {
        width: 144px !important;
    }

    .w-150 {
        width: 150px !important;
    }

    .w-160 {
        width: 160px !important;
    }

    .w-175 {
        width: 175px !important;
    }

    .w-220 {
        width: 220px !important;
    }

    .w-230 {
        width: 230px !important;
    }

    .w-250 {
        width: 250px !important;
    }

    .w-254 {
        width: 254px !important;
    }

    .w-270 {
        width: 270px !important;
    }

    .w-280 {
        width: 280px !important;
    }
}

.wrap-m .btn,
.btn-padrao-2 {
    -webkit-align-items: center;
    align-items: center;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    letter-spacing: 1px;
    background-color: #00aabb;
    text-transform: uppercase;
    height: 40px;
    font-size: 16px;
    /*border-radius:10px;*/
    border: 1px solid #00aabb;
    transition: all 0.2s ease-out;
}

    .wrap-m .btn:hover,
    .btn-padrao-2:hover {
        background-color: transparent;
        color: #00aabb;
        transition: all 0.2s ease-out;
    }

    .wrap-m .btn span,
    .btn-padrao-2 span {
        margin-right: 10px;
    }

    .wrap-m .btn.btn-danger,
    .btn-padrao-2.btn-danger {
        background-color: #d9534f;
        border: 1px solid #d9534f;
    }

        .wrap-m .btn.btn-danger:hover,
        .btn-padrao-2.btn-danger:hover {
            background-color: transparent;
            color: #d9534f;
        }

.send-icon {
    padding-left: 40px;
    background-image: url("images/send-icon.png");
    background-position: 10px center;
    background-repeat: no-repeat;
}

.add-icon,
.btn-primary-lighten {
    background-color: #58b9c2;
    border-bottom: solid 1px #0d4a7f;
    padding-left: 30px;
    color: #FFF;
    background-image: url("images/add-icon.png");
    background-position: 10px center;
    background-repeat: no-repeat;
}

    .add-icon:hover,
    .btn-primary-lighten:hover {
        color: #FFF;
        background-color: #7dc9d0;
    }

.btn-primary-lighten {
    background-image: none;
    padding-left: 10px;
}

.icon {
    display: inline-block;
}

    .icon.edit2-icon {
        width: 19px;
        height: 19px;
        background-image: url("images/icones/editar2.png");
        background-position: center;
        background-repeat: no-repeat;
    }

    .icon.close2-icon {
        width: 13px;
        height: 13px;
        background-image: url("images/close.png");
        background-position: center;
        background-repeat: no-repeat;
    }

    .icon.download-icon {
        width: 18px;
        height: 20px;
        background-image: url("images/icones/download2.png");
        background-position: center;
        background-repeat: no-repeat;
    }

.icon-hand-card {
    width: 32px;
    height: 32px;
    background-image: url("images/icones/pagamento_cenprot2.png");
    background-position: center;
    background-repeat: no-repeat;
}

/*font-family: 'Lemonada', cursive;
font-family: 'Roboto', sans-serif;
*/
.flex-horizontal {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    width: 100%;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

@media only screen and (min-width: 0) and (max-width: 480px) {
    .flex-horizontal {
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        align-items: center;
        /**/
    }
}

.access-details {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: portrait) {
    section {
        padding: 20px 0;
    }
}

* {
    font-family: 'Source Sans Pro', sans-serif;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media only screen and (min-width: 1024px) and (max-width: 1920px) {
    .form-consulta {
        position: absolute;
        top: 0;
        left: 25px;
        z-index: 10;
    }
}

@media only screen and (min-width: 0) and (max-width: 480px) {
    .slider-content {
        padding: 25px 0;
        /**/
        margin-bottom: 30px;
        /**/
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1920px) {
    #frmConsulta {
        margin-top: 25px;
    }
}

/*#frmConsulta .lblConsulta {
    color: #019baa;
    line-height: 33px;
    font-weight: 600;
    font-size: 23px;
}

    #frmConsulta .lblConsulta p {
        font-size: 39px;
    }*/

#frmConsulta .input-wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
}

    #frmConsulta .input-wrap input[type="tel"] {
        padding: 10px;
        margin-bottom: 15px;
    }

@media only screen and (min-width: 1024px) and (max-width: 1920px) {
    #frmConsulta .input-wrap input[type="tel"] {
        height: 40px;
    }
}

#frmConsulta .input-wrap input[type="button"] {
    width: 115px;
}

@media only screen and (min-width: 0) and (max-width: 480px) {
    #frmConsulta .input-wrap input[type="button"] {
        height: 30px;
        font-size: 13px;
        /**/
    }
}

.count-wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
}

    .count-wrap .odometer-value,
    .count-wrap p {
        font-size: 13px;
    }

    .count-wrap .odometer-value {
        color: #074981;
        font-weight: 700;
    }

    .count-wrap p {
        color: #989898;
    }

@media only screen and (min-width: 1024px) and (max-width: 1920px) {
    .carousel-inner > .item {
        height: 295px;
        background-position: center top;
        background-repeat: no-repeat;
    }
}

.carousel-inner .item .container {
    position: relative;
}

.carousel-caption {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

    .carousel-caption a {
        color: #166bb5;
        font-size: 18px;
        font-weight: 600;
    }

@media only screen and (min-width: 1024px) and (max-width: 1920px) {
    .carousel-caption {
        right: 0 !important;
    }

        .carousel-caption > div {
            padding: 0 20%;
        }
}

@media only screen and (min-width: 1400px) {
    .carousel-caption {
        right: 15% !important;
    }
}

.carousel-caption .main-title {
    font-size: 42px;
}

@media only screen and (min-width: 1024px) and (max-width: 1920px) {
    .carousel-indicators {
        right: 19%;
    }
}

@media only screen and (min-width: 1400px) {
    .carousel-indicators {
        right: 25%;
    }
}

.box {
    display: -webkit-flex;
    display: flex;
    /*input file*/
}

    .box .inputfile {
        width: 0.1px;
        height: 0.1px;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        z-index: -1;
    }

        .box .inputfile + label {
            max-width: 80%;
            text-overflow: ellipsis;
            white-space: nowrap;
            cursor: pointer;
            display: inline-block;
            overflow: hidden;
            padding: 0.625rem 1.25rem;
            height: 32px;
            /* 10px 20px */
        }

    .box .no-js .inputfile + label {
        display: none;
    }

    .box .inputfile:focus + label,
    .box .inputfile.has-focus + label {
        outline: 1px dotted #000;
        outline: -webkit-focus-ring-color auto 5px;
    }

    .box .inputfile + label * {
        /* pointer-events: none; */
        /* in case of FastClick lib use */
    }

    .box .inputfile + label svg {
        width: 1em;
        height: 1em;
        vertical-align: middle;
        fill: currentColor;
        margin-top: -0.25em;
        /* 4px */
        margin-right: 0.25em;
        /* 4px */
    }

    .box .inputfile-6 + label {
        color: #000;
    }

    .box .inputfile-6 + label {
        border: 1px solid #A1A1A1;
        background-color: #FFF;
        padding: 0;
    }

        .box .inputfile-6:focus + label,
        .box .inputfile-6.has-focus + label,
        .box .inputfile-6 + label:hover {
            border-color: #0E9CAA;
        }

        .box .inputfile-6 + label span,
        .box .inputfile-6 + label strong {
            padding: 0.625rem 1.25rem;
            /* 10px 20px */
        }

        .box .inputfile-6 + label span {
            width: 200px;
            min-height: 2em;
            display: inline-block;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            vertical-align: top;
        }

        .box .inputfile-6 + label strong {
            height: 100%;
            color: #FFF;
            background-color: #0E9CAA;
            display: inline-block;
        }

        .box .inputfile-6:focus + label strong,
        .box .inputfile-6.has-focus + label strong,
        .box .inputfile-6 + label:hover strong {
            background-color: #0a717b;
        }

    .box input[type="submit"] {
        margin-left: 5px;
        height: 32px;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

.acesso-certificado-digital {
    background: #F6F6F6;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin: 20px auto;
}

.table-info-mobile td {
    position: relative;
}

.table-info-mobile th .checkbox-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
}

.table-info-mobile td .checkbox-wrap {
    /*position: absolute;*/
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.hasDatepicker {
    background-image: url("images/icones/calendar.png") !important;
    background-position: 95% center !important;
    background-repeat: no-repeat !important;
}

input[type="text"],
input[type="password"],
select,
textarea {
    background-color: #fcfdfd;
    border: 1px solid #a1a1a1;
    height: 30px;
    color: #666;
    padding: 5px;
    font-size: 14px;
    -moz-border-radius: 2;
    -webkit-border-radius: 2;
    border-radius: 2;
    max-width: 100%;
}

    select option {
        font-size: 14px;
    }

.acesso-rapido-wrap {
    padding: 20px;
    background: #f1f1f1;
}

@media only screen and (min-width: 1024px) and (max-width: 1920px) {
    .acesso-rapido-wrap {
        margin-top: -40px;
    }
}

.download-contrato {
    display: inline-block;
    background-size: 30px 30px;
    padding-left: 40px;
    color: #2276be;
    background-image: url("images/icones/download-grande.png");
    background-position: left center;
    background-repeat: no-repeat;
    font-size: 22px;
    font-weight: 100;
}

.wrap-m {
    display: inline-block;
    width: 100%;
    /*padding: 0 0 40px 0;*/
}

    .wrap-m input[type="checkbox"] {
        position: static !important;
        margin: 0;
    }

    .wrap-m .input,
    .wrap-m div:not(.container),
    .wrap-m div:not(.half-width) {
        /*float: none !important;
  width: auto !important;*/
    }

    .wrap-m .digito-input {
        max-width: 60px;
    }

    .wrap-m .bg-inputs {
        background-color: #F3F3F3;
    }

    .wrap-m .lista-links {
        display: inline-block;
        width: 100%;
        margin: 20px 0;
    }

    .wrap-m select,
    .wrap-m input[type="text"]:not([class]) {
        padding-left: 5px;
        padding-right: 5px;
        /*margin: 0 !important;*/
        width: 100%;
    }

    .wrap-m .bank-info {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

        .wrap-m .bank-info select,
        .wrap-m .bank-info input[type="text"] {
            width: -moz-calc(100% / 3);
            width: -webkit-calc(100% / 3);
            width: calc(100% / 3);
        }

    .wrap-m .bank-table {
        margin-bottom: 40px;
        padding-bottom: 10px;
    }

        .wrap-m .bank-table thead {
            /*background:$default-color;
          color:#FFF;

          th{
              font:{
                  weight:normal;
              }
          }*/
        }

        .wrap-m .bank-table tbody .checkbox {
            margin: 0;
        }

    .wrap-m .table-info thead {
        background-color: #0e9caa;
    }

        .wrap-m .table-info thead th {
            color: #FFF;
            font-size: 15px;
        }

    .wrap-m .table-info td {
        font-size: 14px;
    }

    .wrap-m .table-info .checkbox {
        margin-top: 0;
        margin-bottom: 0;
    }

    .wrap-m .modal-info {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
    }

        .wrap-m .modal-info p {
            margin-left: 10px;
            color: #06477F;
            font-size: 18px;
        }

    .wrap-m .info-description {
        color: #444444;
        font-size: 17px;
    }

    .wrap-m .count-manager {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
    }

    .wrap-m .dados-titulos {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
    }

    .wrap-m .dados-devedores .manager-wrap {
        display: -webkit-flex;
        display: flex;
        width: 100%;
        margin-bottom: 10px;
        background: #E3F4F5;
        -webkit-align-items: center;
        align-items: center;
    }

        .wrap-m .dados-devedores .manager-wrap i.fa-users {
            color: #2FB9C7;
            margin: 10px;
        }

    .wrap-m .dados-devedores .dados-devedores-wrap {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .wrap-m .envio-titulo {
        text-align: center;
    }

    .wrap-m h3,
    .wrap-m h4,
    .wrap-m h5 {
        letter-spacing: -1px;
        color: #084b82;
        line-height: 25px;
    }

    .wrap-m h3 {
        margin-top: 20px;
        margin-bottom: 50px;
        font-size: 28px;
        font-weight: 600;
    }

    .wrap-m h4 {
        letter-spacing: -1px;
        color: #084b82;
        font-size: 22px;
        font-weight: 600;
    }

    .wrap-m h5 {
        font-size: 18px;
        font-weight: 600;
    }

    .wrap-m .add-titulo {
        margin-top: 15px;
        margin-bottom: 20px;
        text-transform: uppercase;
    }

    .wrap-m .envio-titulo .envio-titulo-wrap {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
    }

@media (min-width:0) and (max-width:767px) {
    .wrap-m .envio-titulo .envio-titulo-wrap {
        flex-flow: column wrap;
    }
}

.wrap-m .envio-titulo .envio-titulo-wrap .item {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    margin: 0 15px;
    position: relative;
}

    .wrap-m .envio-titulo .envio-titulo-wrap .item:hover .keyboard-hand,
    .wrap-m .envio-titulo .envio-titulo-wrap .item:hover .monitor,
    .wrap-m .envio-titulo .envio-titulo-wrap .item:hover .planilha {
        background-position: left bottom !important;
    }

    .wrap-m .envio-titulo .envio-titulo-wrap .item i.icon {
        width: 230px;
        height: 230px;
    }

        .wrap-m .envio-titulo .envio-titulo-wrap .item i.icon:hover {
            background-position: left bottom;
        }

        .wrap-m .envio-titulo .envio-titulo-wrap .item i.icon.keyboard-hand {
            background-image: url("images/keyboard-hans-icon.png");
            background-position: left top;
            background-repeat: no-repeat;
        }

        .wrap-m .envio-titulo .envio-titulo-wrap .item i.icon.monitor {
            background-image: url("images/monitor-icon.png");
            background-position: left top;
            background-repeat: no-repeat;
        }

        .wrap-m .envio-titulo .envio-titulo-wrap .item i.icon.planilha {
            background-image: url("images/planilha-icon.png");
            background-position: left top;
            background-repeat: no-repeat;
        }

    .wrap-m .envio-titulo .envio-titulo-wrap .item p {
        padding: 5px 10px;
        margin-top: 10px;
        text-transform: uppercase;
        color: #30bac7;
        font-size: 20px;
    }

.table-retorno-wrap {
    display: -webkit-flex;
    display: flex;
    margin: 0 0 30px;
}

.aba-lista-estados {
    cursor: pointer;
}

    .aba-lista-estados:after {
        content: "";
        position: absolute;
        top: 16px;
        right: 16px;
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 8px 6px 0 6px;
        border-color: #ffffff transparent transparent transparent;
        transform: rotate(180deg);
        transition: all 0.2 ease-out;
    }

    .aba-lista-estados.fechado:after {
        transform: rotate(0deg);
        transition: all 0.2 ease-out;
    }

.lista-estados {
    transition: height 0.2s ease-out;
    cursor: pointer;
    max-height: 1200px;
}

    .lista-estados.fechado {
        transition: height 0.2s ease-out;
        max-height: 0px;
        overflow: hidden;
    }

@media only screen and (min-width: 0) and (max-width: 1024px) {
    .table-retorno-wrap {
        -webkit-flex-direction: column;
        flex-direction: column;
        margin-bottom: 10px;
    }
}

.table-retorno-wrap > div:first-child {
    -webkit-flex: 0 0 79%;
    flex: 0 0 79%;
}

.table-retorno-consulta-options {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex: 0 0 21%;
    flex: 0 0 21%;
}

    .table-retorno-consulta-options .header {
        display: inline-block;
        background: #074981;
        width: 100%;
        padding: 12px 23px 22px;
        border-bottom: solid 37px #0e9caa;
    }

    @media (width < 992px) {
        .table-retorno-consulta-options .header {
            padding-bottom:20px;
            border-bottom: solid 59px #0e9caa;
        }
    }

    @media (width < 1024px) {
        .table-retorno-consulta-options .header {
            margin-bottom: 20px;
            display:none;
        }
    }

@media screen and (min-width: 0) and (max-width: 768px) {
    .table-retorno-consulta-options .header {
        display: none;
    }
}

@media screen and (min-width: 1024px) {
    .table-retorno-consulta-options-wrap {
        padding: 15px 0 0 20px;
    }

        .table-retorno-consulta-options-wrap.affix {
            top: 0;
            width: 220px;
            background: #FFF;
            z-index: 2;
            position: sticky !important;
        }
}

.table-retorno-consulta-options-wrap .title-table {
    color: #0b4076;
    font-size: 14px;
    text-align: center;
    line-height: 16px;
    margin-bottom:15px;
    line-height:1.5;
}

@media screen and (min-width: 0) and (max-width: 768px) {
    .table-retorno-consulta-options-wrap .title-table {
        padding: 15px;
    }
}

.table-retorno-consulta-options-wrap .wrap-m .btn {
    width: 100%;
    margin-bottom: 8px;
}

.table-retorno-consulta-options-wrap .orientacoes-restricao {
    margin-bottom: 10px;
}

    .table-retorno-consulta-options-wrap .orientacoes-restricao .title-table {
        font-weight: 400;
        line-height:1.2;
        margin-bottom:15px;
    }

@media (max-width:767px) {
    .table-retorno-consulta-options-wrap .orientacoes-restricao .title-table {
        padding: 0;
    }
}

.table-retorno-consulta-options-wrap .orientacoes-restricao .btn-padrao {
    background-color:#30BAC7;
    color:#FFF;
    font-size:13px;
    font-weight:700;
    width:100%;
    letter-spacing:normal;
    padding:6px 20px;
    text-align:center;
}

.contact-td {
    width: 10%;
}

.btn-contact-icon {
    display: inline-block;
    width: 31px;
    height: 21px;
    background-image: url("images/contact-icon.png");
    background-position: left top;
    background-repeat: no-repeat;
    border: 0;
}

    .btn-contact-icon:hover {
        background-position: left bottom;
    }

#modal-detalhes {
}

    #modal-detalhes .modal-dialog {
        max-width: 900px;
        width: 100%;
    }

    #modal-detalhes .modal-header {
        border: none;
    }

    #modal-detalhes h4.modal-title {
        color: #0c4a7f;
        font-size: 30px;
        font-weight: 600;
    }

    #modal-detalhes .modal-texto .cartorio-info {
        margin: 0 0 20px;
    }

        #modal-detalhes .modal-texto .cartorio-info b {
            color: #0c4a7f;
            font-size: 20px;
            font-weight: 600;
        }

        #modal-detalhes .modal-texto .cartorio-info span {
            color: #666666;
            font-size: 16px;
        }

    #modal-detalhes .modal-texto .table-responsive {
        max-height: 460px;
        overflow-y: auto;
    }

    #modal-detalhes .modal-texto .table {
        border: none;
    }

        #modal-detalhes .modal-texto .table thead {
            background-color: transparent;
        }

        #modal-detalhes .modal-texto .table th {
            background-color: transparent;
            border: none;
            border-bottom: 1px solid #d7d7d7;
            color: #0c4a7f;
            font-size: 20px;
            font-weight: 600;
            padding: 10px 0;
        }

        #modal-detalhes .modal-texto .table td {
            border: none;
            border-bottom: 1px solid #d7d7d7;
            color: #666666;
            font-size: 16px;
            padding: 10px 0;
        }

@media (min-width:0px) and (max-width:767px) {
    #modal-detalhes .modal-dialog {
        width: auto;
    }

    #modal-detalhes .btn-padrao {
        max-width: 260px;
        position: static;
    }

    #modal-detalhes .modal-texto .table th,
    #modal-detalhes .modal-texto .table td {
        padding: 10px;
    }
}


/*MODAL TAREFA 571*/
#modal-detalhes-2 {
    font-size: 20px;
}

    #modal-detalhes-2 .modal-dialog {
        max-width: 900px;
        width: 95%;
    }

    #modal-detalhes-2 .modal-header {
        border: none;
    }

    #modal-detalhes-2 h4.modal-title {
        color: #0c4a7f;
        font-size: 24px;
        font-weight: 600;
    }

    #modal-detalhes-2 .modal-texto {
        font-size: 16px;
    }

        #modal-detalhes-2 .modal-texto .cartorio-info {
            margin: 20px 0;
        }

            #modal-detalhes-2 .modal-texto .cartorio-info h4 {
                font-size: 20px;
            }

        #modal-detalhes-2 .modal-texto .cartorio-dados {
            color: #666666;
        }

            #modal-detalhes-2 .modal-texto .cartorio-dados b {
                color: #0c4a7f;
                font-weight: 600;
            }

        #modal-detalhes-2 .modal-texto .quantidade-protestos-valor {
            background-color: #0c4a7f;
            color: #FFFFFF;
            padding: 10px 15px;
            border-radius: 10px 10px 0 0;
        }

            #modal-detalhes-2 .modal-texto .quantidade-protestos-valor b {
                color: #FFFFFF;
                font-weight: 600;
            }

            #modal-detalhes-2 .modal-texto .quantidade-protestos-valor .quantidade-protestos {
                position: relative;
                padding-right: 20px;
            }

                #modal-detalhes-2 .modal-texto .quantidade-protestos-valor .quantidade-protestos:after {
                    content: "";
                    background-color: #FFFFFF;
                    width: 5px;
                    height: 5px;
                    border-radius: 50%;
                    display: inline-block;
                    position: absolute;
                    top: 11px;
                    right: 7px;
                }

        #modal-detalhes-2 .modal-texto .table-responsive {
            max-height: 400px;
            overflow-y: auto;
        }

        #modal-detalhes-2 .modal-texto .table {
            border: none;
        }

            #modal-detalhes-2 .modal-texto .table thead {
                background-color: transparent;
            }

            #modal-detalhes-2 .modal-texto .table th {
                background-color: #0e9caa;
                border: none;
                border-bottom: 1px solid #d7d7d7;
                color: #FFFFFF;
                font-size: 14px;
                font-weight: 600;
                padding: 10px 0;
                position: sticky;
                top: 0;
            }

            #modal-detalhes-2 .modal-texto .table td {
                border: none;
                border-bottom: 1px solid #d7d7d7;
                color: #666666;
                font-size: 14px;
                padding: 10px 0;
                text-align: center;
                vertical-align: middle;
            }

                #modal-detalhes-2 .modal-texto .table td .obs a {
                    font-weight: 700;
                    text-decoration: underline;
                    color: inherit;
                }

                #modal-detalhes-2 .modal-texto .table td .obs.autorizado {
                    /*color:#2db200;*/
                    /*color:#d93600;*/
                    color: red;
                }

                #modal-detalhes-2 .modal-texto .table td .obs.orientacoes {
                    /*color:#d93600;*/
                    color: #1e9ca9;
                }

    #modal-detalhes-2 .modal-footer .botoes-esquerda {
        flex: 1;
        text-align: left;
    }

    #modal-detalhes-2 .modal-footer button {
        float: none !important;
    }

@media (min-width:0px) and (max-width:767px) {
    #modal-detalhes-2 .modal-dialog {
        width: auto;
    }

    #modal-detalhes-2 .btn-padrao {
        max-width: 260px;
        position: static;
    }

    #modal-detalhes-2 .modal-texto .table th,
    #modal-detalhes-2 .modal-texto .table td {
        padding: 10px;
    }

    #modal-detalhes-2 .modal-texto .quantidade-protestos-valor {
        flex-flow: column wrap;
    }

        #modal-detalhes-2 .modal-texto .quantidade-protestos-valor .quantidade-protestos {
            position: relative;
            padding-right: 0;
        }

            #modal-detalhes-2 .modal-texto .quantidade-protestos-valor .quantidade-protestos:after {
                display: none;
            }

    #modal-detalhes-2 .modal-footer {
        flex-flow: column wrap;
        align-items: center;
    }

        #modal-detalhes-2 .modal-footer button {
            margin-right: 0;
            margin-bottom: 10px;
            width: 100%;
        }

        #modal-detalhes-2 .modal-footer .botoes-esquerda,
        #modal-detalhes-2 .modal-footer .botoes-direita {
            flex-flow: column wrap;
            align-items: center;
            text-align: center;
            width: 100%;
        }
}

@media (max-height: 767px) {
    #modal-detalhes-2 .modal-texto .table-responsive {
        max-height: 320px;
        overflow-y: auto;
    }
}

/*FIM*/

.btn-detalhes-icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-color: transparent;
    background-image: url("images/detalhes-icon-2.png");
    background-position: center top;
    background-repeat: no-repeat;
    border: 0;
}


.check-grid {
    margin-top: 20px;
}

    .check-grid i {
        display: inline-block;
    }

.tr-border {
    border: 1px solid #ddd;
}

.cadastro-pj-grid td {
    border-top: 0 !important;
    font-size: 16px;
}

table.cadastro-pj-grid thead tr th,
table.cadastro-pj-grid tbody tr td,
table.cadastro-pj-grid tfoot tr td {
    padding: 8px 5px 8px 25px;
    color: #565656;
}

table.cadastro-pj-grid thead tr th {
    color: #FFFFFF;
    padding: 8px 0 8px 25px;
}

table.cadastro-pj-grid tfoot tr td {
    padding: 8px 0 8px 25px;
}

.cadastro-pj-grid td input[type="radio"] {
    position: absolute;
    right: 0;
}

    .cadastro-pj-grid td input[type="radio"]:not(old) {
        width: 4em;
        height: 21px;
        margin: 0;
        padding: 0;
        font-size: 1em;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }

        .cadastro-pj-grid td input[type="radio"]:not(old) + label {
            display: inline-block;
            line-height: 1.5em;
            font-weight: normal;
        }

            .cadastro-pj-grid td input[type="radio"]:not(old) + label > span {
                display: inline-block;
                width: 0.875em;
                height: 0.875em;
                margin: 0.25em 0.5em 0.25em 0.75em;
                border: 0.0625em solid silver;
                background: #eeeeee;
                vertical-align: bottom;
                -moz-border-radius: 50%;
                -webkit-border-radius: 50%;
                border-radius: 50%;
            }

        .cadastro-pj-grid td input[type="radio"]:not(old):checked + label > span {
            background: #0b4076;
        }

.tabela-resultados td.actions-titulos {
    padding: 10px;
}

#div-lista-links {
    display: inline-block;
}

.form-cadastro.bottom-primeiroacesso1 {
    margin: 30px 0 0;
}

.tipo-acesso-wrap {
    float: none !important;
    min-height: 370px;
}

    .tipo-acesso-wrap .new-subtitle {
        margin: 0 0 15px;
    }

    .tipo-acesso-wrap ul {
        padding: 0;
        display: -webkit-flex;
        display: flex;
    }

        .tipo-acesso-wrap ul li {
            position: relative;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-direction: column;
            flex-direction: column;
            transition: all 0.2s ease-out;
        }

@media (max-width:767px) {
    .tipo-acesso-wrap ul li:not(:last-child) {
        margin-right: 10px;
    }
}

.tipo-acesso-wrap ul li article {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: left;
    margin-bottom: 0;
    border: solid 1px #074981;
    padding: 20px;
    color: #777777;
    font-size: 15px;
}

@media only screen and (min-width: 1024px) and (max-width: 1920px) {
    .tipo-acesso-wrap ul li article {
        width: 325px;
        margin-top: 65px;
    }

        .tipo-acesso-wrap ul li article:before {
            content: "";
            position: absolute;
            top: 0;
        }
}

.tipo-acesso-wrap ul li.active {
    background-image: url("images/arrow-down.png");
    background-position: 65px bottom;
    background-repeat: no-repeat;
}

    .tipo-acesso-wrap ul li.active article {
        display: inline-block;
    }

.tipo-acesso-wrap .item {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 155px;
    height: 155px;
    border: solid 2px #d9d9d9;
}

    .tipo-acesso-wrap .item .icon {
        text-align: center;
    }

    .tipo-acesso-wrap .item span {
        display: inline-block;
    }

.tipo-acesso-wrap ul li.active .item {
    background-color: #074981;
    border-color: #074981;
}

    .tipo-acesso-wrap ul li.active .item p {
        color: #FFFFFF;
    }

.tipo-acesso-wrap .pfisica-li.active .item .icon span {
    background-position: -50px -598px;
}

.tipo-acesso-wrap .pjuridica-li.active .item .icon span {
    background-position: -48px -689px;
}

.tipo-acesso-wrap .item p {
    margin: 20px 0 0;
    color: #0b4076;
    font-size: 16px;
    font-weight: 600;
}

@media (min-width:0) and (max-width:767px) {
    .tipo-acesso-wrap {
        min-height: auto;
        margin: 0 0 30px;
    }

        .tipo-acesso-wrap .item {
            width: 130px;
            height: 130px;
        }
}

.coluna-direita-cadastro {
    border-left: 1px solid #e1e1e1;
    min-height: 300px;
    margin: 0 0 30px;
}

@media (min-width:0) and (max-width:767px) {
    .coluna-direita-cadastro {
        border: none;
    }

        .coluna-direita-cadastro .check-grid {
            margin-top: 0px;
        }

        .coluna-direita-cadastro .email-checkbox {
            display: flex;
        }
}

.titulo-pessoa {
    margin: 0 0 50px;
}

    .titulo-pessoa p {
        font-size: 16px;
        color: #999999;
        font-weight: 400;
    }

.form-pessoa-fisica,
#PjTipo {
    margin: 0 !important;
    padding: 0 0 0 15px;
}

    .form-pessoa-fisica input.cpf-cadastro,
    .form-pessoa-juridica input.cnpj-cadastro {
        font-size: 14px;
    }

    .form-pessoa-fisica button.btn-verificar,
    .form-pessoa-juridica button.btn-verificar {
        font-size: 16px;
        padding: 4px 30px;
    }

.legend-titulo-form-cadastro {
    font-size: 17px;
    color: #104174;
    font-weight: 400;
}

@media only screen and (min-width: 1024px) and (max-width: 1920px) {
    .tipo-acesso-wrap .item:first-child {
        margin-right: 20px;
    }
}

.tipo-acesso-wrap .item:hover {
    border-color: #074981;
}

.grid-wrap-titulos,
#div-endossante {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

    .grid-wrap-titulos > div,
    #div-endossante > div {
        margin-bottom: 15px;
        margin-right: 10px;
    }

        .grid-wrap-titulos > div label,
        #div-endossante > div label {
            text-transform: none;
            color: #626262;
            font-weight: bold;
            font-size: 14px;
        }

        .grid-wrap-titulos > div.checkbox label,
        #div-endossante > div.checkbox label {
            font-weight: 400;
        }

    .grid-wrap-titulos .checkbox,
    #div-endossante .checkbox {
        margin-top: 28px;
        margin-bottom: 0;
    }

#div-endossante {
    -webkit-flex-direction: row;
    flex-direction: row;
    width: 725px;
    margin-right: 0 !important;
}

.card-panel {
    position: relative;
    margin-bottom: 20px;
    padding: 25px 35px 25px 35px;
    background: #f9f9f9;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}

    .card-panel .number {
        position: absolute;
        top: 10px;
        left: 10px;
        height: 15px;
        color: #30bac7;
        font-size: 16px;
        font-weight: 600;
    }

    .card-panel .close-btn {
        position: absolute;
        top: 10px;
        right: 10px;
        width: 13px;
        height: 13px;
        padding: 10px;
        cursor: pointer;
        background-image: url("images/close.png");
        background-position: center;
        background-repeat: no-repeat;
    }

        .card-panel .close-btn:hover {
            color: #4d4d4d;
            background-color: #D6DADC;
        }

    .card-panel:hover {
        background: #EDEFF0 !important;
        border-bottom: solid 1px #D6DADC;
    }

    .card-panel .checkbox input + label {
        background: #999;
        height: 16px;
        width: 16px;
        display: inline-block;
        padding: 0 0 0 0px;
    }

    .card-panel .checkbox input:checked + label {
        background: #0080FF;
        height: 16px;
        width: 16px;
        display: inline-block;
        padding: 0 0 0 0px;
    }

#div-interna-topo {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.process-management ul,
.export-bar ul {
    margin: 20px 0;
    padding: 0;
    border-bottom: solid 2px #0e9caa;
    display: -webkit-flex;
    display: flex;
}

    .process-management ul li,
    .export-bar ul li {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        align-items: center;
        position: relative;
        margin: 0 15px;
    }

        .process-management ul li .icon,
        .export-bar ul li .icon {
            display: -webkit-flex;
            display: flex;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-align-items: center;
            align-items: center;
            height: 45px;
            padding: 10px;
        }

            .process-management ul li .icon span,
            .export-bar ul li .icon span {
                display: inline-block;
            }

        .process-management ul li p,
        .export-bar ul li p {
            color: #074981;
            font-size: 22px;
            font-weight: 600;
        }

        .process-management ul li:hover p,
        .export-bar ul li:hover p {
            color: #0e9caa;
        }

        .process-management ul li.active p,
        .export-bar ul li.active p {
            color: #0e9caa;
        }

.export-bar {
    text-transform: none;
}

    .export-bar strong {
        font-size: 16px;
        color: #25547D;
    }

    .export-bar ul {
        border-bottom: none;
    }

        .export-bar ul li {
            margin: 0;
        }

    .export-bar.pull-right {
        display: inline;
    }

        .export-bar.pull-right strong {
            margin: 0 30px 0 0;
        }

        .export-bar.pull-right ul {
            margin: -10px 10px;
        }

    .export-bar.title-bar-pos {
        margin-top: 20px;
    }

    .export-bar.middle-pos {
        margin-left: 100px;
    }

#quantDevedores {
    color: #30bac7;
}

#quantCredores {
    color: #30bac7;
}

.btn-access {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    text-transform: uppercase;
    position: relative;
    padding: 5px 15px;
    background: #074981;
    letter-spacing: 2px;
    color: #FFF;
    line-height: 18px;
    font-size: 15px;
}

    .btn-access span {
        display: inline-block;
        margin-left: 5px;
    }

    .btn-access.rounded-access {
        -moz-border-radius: 100px;
        -webkit-border-radius: 100px;
        border-radius: 100px;
    }

@media only screen and (min-width: 1024px) and (max-width: 1920px) {

    .btn-access.btn-pesquisa-filtro,
    .btn-access.btn-acesso-rapido {
        margin: 0 1px;
    }
}

.btn-access.btn-acesso-rapido {
    background-image: none;
    margin: 0;
    margin-left: auto;
    position: relative;
}

    .btn-access.btn-acesso-rapido i {
        margin-left: auto;
        color: #30bac7;
        font-size: 1.5em;
    }

        .btn-access.btn-acesso-rapido i:before {
            content: "\f0d7";
        }

.btn-access:hover,
.btn-access:focus {
    color: #FFF;
    text-decoration: none;
}

.btn-access.active {
    background: #2FB9C7;
    color: #FFF;
    z-index: 20;
}

    .btn-access.active:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: -10px;
        margin: auto;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #2FB9C7;
    }


.referencias-holder {
    background: transparent;
    margin: 0 0 30px;
}

@media (max-width:767px) {
    .referencias-holder {
        background-color: #F9F9F9;
        display: none;
    }
}

.referencias-rapidas {
    display: none;
    z-index: 20;
    min-height: auto;
    display: -webkit-flex;
    text-align: center;
}

    .referencias-rapidas .owl-nav.disabled {
        display: flex !important;
    }

@media only screen and (min-width: 0) and (max-width: 767px) {
    .referencias-rapidas {
        -webkit-flex-direction: column;
        flex-direction: column;
        /**/
    }
}

.referencias-rapidas a {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    color: #00AABB;
    padding: 6px;
    text-align: center;
    margin: 0 3px;
    /*height: 30px;*/
    border: solid 1px #00AABB;
    -moz-border-radius: 5px;
    font-size: 13px;
    text-transform: uppercase;
    transition: all 0.2s ease-out;
    letter-spacing: 1px;
    justify-content: center;
}

.referencias-rapidas .owl-stage {
    width: 3000px !important;
}

@media only screen and (min-width: 0) and (max-width: 767px) {
    .referencias-rapidas a {
        justify-content: center;
        margin: 5px 0;
        height: auto;
        padding: 4px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .referencias-rapidas a {
        height: auto;
        padding: 4px;
    }
}

.referencias-rapidas a:hover {
    background: #2FB9C7;
    color: #FFF;
    text-decoration: none;
    border-color: #2FB9C7;
    transition: all 0.2s ease-out;
}

.filter-wrap {
    display: none;
    background: #F9F9F9;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    padding: 25px 0;
    /*margin:0 auto 20px;*/
    margin: 0;
    border-bottom: 2px solid #00AABB;
    overflow: hidden;
}

    .filter-wrap.active {
        display: -webkit-flex;
        display: flex;
    }

.filter-wrap-holder {
    width: 92%;
    margin: 0 auto;
}

    .filter-wrap-holder .referencias-rapidas .owl-nav {
        position: absolute;
        top: -43px;
        left: 0;
        width: 100%;
        display: flex;
        justify-content: space-between;
        z-index: -1;
    }

        .filter-wrap-holder .referencias-rapidas .owl-nav button span {
            font-size: 70px;
            color: #24547d;
            font-weight: 300;
            cursor: pointer;
            margin: 0;
            line-height: 70px;
        }

        .filter-wrap-holder .referencias-rapidas .owl-nav button:hover {
            background: transparent;
        }

        .filter-wrap-holder .referencias-rapidas .owl-nav button:focus {
            outline: none;
        }

        .filter-wrap-holder .referencias-rapidas .owl-nav .owl-prev {
            margin-left: -30px;
        }

        .filter-wrap-holder .referencias-rapidas .owl-nav .owl-next {
            margin-right: -30px;
        }

@media (min-width:0) and (max-width:767px) {
    .filter-wrap {
        margin: 0;
        border: none;
    }
}

.search-wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

.access-wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin-top: 20px;
}


    .access-wrap h2.sub-titulo-pagina {
        width: auto;
        margin-top: 0;
    }

.topo-filtro-listagem {
    position: relative;
}

    .topo-filtro-listagem a {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 20;
    }

    .topo-filtro-listagem i {
        margin-left: auto;
        color: #0e9caa;
        font-size: 1.5em;
    }

        .topo-filtro-listagem i:before {
            content: "\f0d8";
        }

.filtro-wrap {
    display: none;
    margin: 0;
    float: left;
    padding: 20px 35px;
    border: solid 2px #91AFC7;
    margin: 20px 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

    .filtro-wrap.active {
        display: block;
    }

    .filtro-wrap .inline-wrap-elements > div {
        width: auto;
        margin-bottom: 15px;
    }

        .filtro-wrap .inline-wrap-elements > div input[type="submit"] {
            margin-top: 15px;
        }

        .filtro-wrap .inline-wrap-elements > div label {
            color: #626262;
            font-size: 14px;
            font-weight: 400;
        }

#div-btn-cancelar-edicao-titulo input {
    margin: 0 15px;
}

#tblTitulos {
    margin: 10px 0;
}

    #tblTitulos tr td {
        padding: 15px;
        color: #8e8e8e;
    }

    #tblTitulos tr:hover td {
        border-top: solid 1px #0e9caa;
    }

    #tblTitulos tr:hover .card-panel {
        background-color: #FFF;
    }

.info-alert-tr td {
    padding: 10px !important;
}

.seta-info {
    display: inline-block;
    min-height: 20px;
    color: #626262;
    padding-left: 23px;
    margin-left: 30px;
    font-size: 13px;
}

    .seta-info.seta-cima {
        margin-top: 20px;
        background-image: url("images/seta-cima.png");
        background-position: left center;
        background-repeat: no-repeat;
    }

    .seta-info.seta-baixo {
        background-image: url("images/seta-baixo.png");
        background-position: left center;
        background-repeat: no-repeat;
    }

/*#div-interna-cadastro-devedores-container{
    padding-left: 43px;
}*/
thead {
    background: #0e9caa;
    color: #FFF;
    /*tr{
        &:hover{
            background:#0E9CAA!important;
        }
    }

    &:hover{
        background:#0E9CAA;
    }*/
}

    thead th {
        font-weight: 600;
    }



.ui-datepicker-calendar thead {
    background: transparent;
    color: #000;
}

.ui-datepicker {
    z-index: 9990 !important;
}

#tblTitulos tr:hover td {
    border-top: solid 1px #0e9caa;
}

.btn-options {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    float: left;
    width: 100%;
    margin: 50px 0;
}

    .btn-options > input {
        margin: 0 10px;
    }

    .btn-options .icon {
        position: relative;
    }

        .btn-options .icon span {
            display: inline-block;
        }

.lote-info {
    display: inline-block;
    width: 100%;
    margin: 20px 0;
    color: #626262;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
}

.default-format {
    color: #626262;
    font-size: 16px;
    font-weight: 400;
}

.requerimento-text-wrap {
    padding-left: 20px;
}

    .requerimento-text-wrap p,
    .requerimento-text-wrap article {
        color: #626262;
        font-size: 16px;
    }

    .requerimento-text-wrap p {
        font-weight: 600;
        margin-bottom: 5px;
        text-align: center;
    }

    .requerimento-text-wrap article {
        margin-bottom: 10px;
    }

.linha-titulo-selecionada {
    border: solid #0e9caa;
    border-width: 2px 0 2px;
    background: #f2f2f2;
}

footer {
    margin-top: 40px;
}

.itens-nav-wrap {
    width: 100%;
    background: #EEEEEE;
    display: -webkit-flex;
    display: flex;
}

    .itens-nav-wrap.barra-consulta-gratuita {
        margin: 0 0 30px;
    }

    .itens-nav-wrap .flex {
        -webkit-align-items: center;
        align-items: center;
    }

    .itens-nav-wrap .options ul {
        margin: 0;
        padding: 0;
        display: -webkit-flex;
        display: flex;
        list-style: none;
    }

        .itens-nav-wrap .options ul li a {
            display: inline-block;
            border-right: solid 1px #d8d8d8;
            padding: 6px 9px;
            color: #919191;
            text-transform: uppercase;
            border-bottom: solid 2px transparent;
            font-size: 13px;
            font-weight: 600;
        }

@media (min-width:0) and (max-width:767px) {
    .itens-nav-wrap .options ul li a {
        padding: 6px;
    }
}

button.btn-access {
    border-bottom: 2px solid #6e6e6e !important;
}

.itens-nav-wrap .botoes-auxiliares a.btn-access,
.itens-nav-wrap .botoes-auxiliares button.btn-access {
    padding: 4px 7px;
    background: transparent;
    color: #6e6e6e;
    font-size: 14px;
    letter-spacing: 1px;
    min-height: 36px;
    border-bottom: 2px solid #6e6e6e;
    margin-left: 10px;
}

    .itens-nav-wrap .botoes-auxiliares a.btn-access.active:before {
        border: none;
    }

.itens-nav-wrap .options ul li a:first-child {
    border-left: solid 1px #d8d8d8;
    margin-right: -1px;
}

.itens-nav-wrap .options ul li a.active-item {
    color: #074981;
    border-bottom: solid 2px #30bac7;
}

/* alteração Dani*/
.itens-nav-wrap .botoes-auxiliares button.btn-access.active {
    background: #FFFFFF !important;
    border: none !important;
}

    .itens-nav-wrap .botoes-auxiliares button.btn-access.active:before {
        border: none !important;
    }

.itens-nav-wrap .options button.btn-access:first-child {
    border-left: solid 1px #d8d8d8 !important;
    margin-right: -1px !important;
}

.itens-nav-wrap .options button.btn-access.active-item {
    color: #074981 !important;
    border-bottom: solid 2px #30bac7 !important;
}

/**/

@media only screen and (min-width: 1024px) and (max-width: 1920px) {
    .itens-nav-wrap #div-lista-links {
        margin-left: auto;
    }
}

.barra-consulta-gratuita-wrapper {
    display: flex;
    justify-content: flex-end;
    gap: 30px;
    justify-content: space-around;
    align-items: center;
    flex-flow: row;
}

@media (max-width:767px) {
    .barra-consulta-gratuita-wrapper {
        padding: 0 10px;
    }
}

@media (min-width:768px) {
    .barra-consulta-gratuita-wrapper {
        justify-content: flex-end;
    }
}

/*
    �cones de redes sociais
    PBI #1197 - Feita por Alves em 2021-07-28.
*/
.barra-consulta-gratuita .redes-sociais {
    display: flex;
    align-items: center;
    gap: 10px;
}

@media (max-width:768px) {
    .barra-consulta-gratuita .redes-sociais {
        /*margin-top:10px;*/
    }
}

.barra-consulta-gratuita .redes-sociais .link {
    color: #0197A6;
    font-size: 22px;
}


#cssmenu li a.active-item {
    background-color: #30bac7;
    color: #FFF;
}

.td-active {
    background: #FFF;
}

.table-upload-modal tbody,
.table-upload-modal thead {
    display: table-header-group;
}

.table-upload-modal.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
    border-bottom-width: 0px;
}

.table-upload-modal thead th {
    width: 20%;
    font-weight: bold;
}

    .table-upload-modal thead th td {
        text-align: center;
        vertical-align: middle;
    }

/*.table-upload-modal thead {
    background: #EEE;
}*/
.table-upload-modal tbody {
    overflow-x: auto;
    overflow-y: scroll;
    height: 100px;
}

.table img {
    max-width: none;
}

.carousel {
    display: inline-block;
    width: 100%;
}

/* popup envio de titulos*/
#steps-modal {
    margin: auto;
}

@media only screen and (min-width: 1024px) {
    #steps-modal {
        width: 900px;
    }
}

#steps-modal .modal-dialog {
    width: auto;
}

@media only screen and (min-width: 1024px) {
    #steps-modal .modal-content {
        height: 530px;
    }
}

#steps-modal .modal-body {
    height: 100%;
}

    #steps-modal .modal-body .bg-steps {
        background-image: url("images/bg-steps.png");
        background-position: right center;
        background-repeat: no-repeat;
    }

    #steps-modal .modal-body .flex {
        height: 100%;
    }

        #steps-modal .modal-body .flex > div {
            display: -webkit-flex;
            display: flex;
            -webkit-flex-direction: column;
            flex-direction: column;
        }

@media only screen and (min-width: 1024px) {
    #steps-modal .modal-body .flex>div {
        width: 50%;
        padding: 10px;
        text-align: right;
    }
}

#steps-modal .modal-body .flex > div .anchor {
    position: relative;
    /**/
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin: 11px 0;
}

    #steps-modal .modal-body .flex > div .anchor.active-anchor .icon {
        background: #18578A;
    }

    #steps-modal .modal-body .flex > div .anchor.active-anchor .status-step {
        border-color: #18578A;
    }

    #steps-modal .modal-body .flex > div .anchor.active-anchor span {
        color: #18578A;
    }

    #steps-modal .modal-body .flex > div .anchor span {
        -webkit-flex: 0 1 115px;
        flex: 0 1 115px;
        color: #727272;
        text-align: right;
        letter-spacing: -1px;
        font-size: 21px;
    }

    #steps-modal .modal-body .flex > div .anchor.importe-cadastre .status-step {
        right: 68px;
    }

    #steps-modal .modal-body .flex > div .anchor.revise-envie .status-step {
        right: 70px;
    }

    #steps-modal .modal-body .flex > div .anchor .icon {
        position: relative;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        margin-left: 10px;
        display: -webkit-flex;
        display: flex;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background: #2FB9C7;
    }

@media only screen and (min-width: 1024px) {
    #steps-modal .modal-body .flex>div .anchor .icon {
        width: 95px;
        height: 95px;
    }
}

#steps-modal .modal-body .flex > div .anchor .icon:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    height: 91px;
    width: 45.5px;
    background: rgba(255, 255, 255, 0.1);
    border-bottom-left-radius: 91px;
    border-top-left-radius: 91px;
}

#steps-modal .modal-body .flex > div .anchor .icon span {
    display: inline-block;
}

    #steps-modal .modal-body .flex > div .anchor .icon span.double-arrow {
        width: 64px;
        height: 62px;
        background-image: url("images/icones/double-arrow.png");
        background-position: center;
        background-repeat: no-repeat;
    }

    #steps-modal .modal-body .flex > div .anchor .icon span.folder {
        width: 64px;
        height: 54px;
        background-image: url("images/icones/folder.png");
        background-position: center;
        background-repeat: no-repeat;
    }

    #steps-modal .modal-body .flex > div .anchor .icon span.search {
        width: 52px;
        height: 64px;
        background-image: url("images/icones/search.png");
        background-position: center;
        background-repeat: no-repeat;
    }

    #steps-modal .modal-body .flex > div .anchor .icon span.okay {
        width: 62px;
        height: 64px;
        background-image: url("images/icones/okay.png");
        background-position: center;
        background-repeat: no-repeat;
    }

#steps-modal .modal-body .flex > div .anchor .status-step {
    position: absolute;
    bottom: 31px;
    right: -11px;
    width: 21px;
    height: 21px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: solid 3px #2FB9C7;
    background: #FFFFFF;
}

.target {
    display: none;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    flex-direction: column;
    /**/
}

    .target.active-target {
        display: -webkit-flex;
        display: flex;
    }

    .target h3 {
        letter-spacing: -1.5px;
        color: #074B81;
        margin-bottom: 25px;
        font-weight: 600;
        font-size: 30px;
    }

    .target article {
        letter-spacing: -0.9px;
        text-align: right;
        color: #8C8C8C;
        font-size: 21px;
    }

    .target ul {
        list-style: none;
    }

        .target ul li {
            display: -webkit-flex;
            display: flex;
            -webkit-align-items: center;
            align-items: center;
            -webkit-justify-content: flex-end;
            justify-content: flex-end;
            color: #2FB9C7;
        }

    .target .close-icon {
        margin-left: 10px;
        display: inline-block;
        background-image: url("images/close.png");
        background-position: center;
        background-repeat: no-repeat;
        width: 13px;
        height: 13px;
    }

    .target .edit-icon {
        margin-left: 10px;
        display: inline-block;
        background-image: url("images/icones/editar2.png");
        background-position: center;
        background-repeat: no-repeat;
        width: 19px;
        height: 19px;
    }

    .target .bg-steps-options {
        display: inline-block;
        width: 400px;
        height: 167px;
        background-image: url("images/bg-steps-options.png");
        background-position: center;
        background-repeat: no-repeat;
    }

.control {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    justify-content: flex-end;
    margin-top: -35px;
}

    .control ul {
        list-style: none;
        margin: 0;
        margin-left: 10px;
        padding: 0;
        display: -webkit-flex;
        display: flex;
    }

        .control ul li {
            margin: 0 7px;
        }

            .control ul li a {
                padding: 10px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
                border-radius: 5px;
                color: #FFF;
                background: #084B82;
                font-size: 17px;
            }

                .control ul li a.disable-btn {
                    background: #CCCCCC;
                }

                    .control ul li a.disable-btn:hover {
                        background: #CCCCCC;
                    }

                .control ul li a:hover {
                    background: #09599a;
                }

                .control ul li a.close-control {
                    background: #428BCA;
                }

.steps-bread-crumb {
    display: -webkit-flex;
    display: flex;
    width: 100%;
}

    .steps-bread-crumb ul {
        position: relative;
        margin-top: 25px;
        margin-bottom: 30px;
        padding: 0;
        width: 100%;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

        .steps-bread-crumb ul:before {
            content: "";
            position: absolute;
            top: 55px;
            left: 0;
            right: 0;
            /**/
            width: 100%;
            border-bottom: solid 4px #d4d4d4;
        }

        .steps-bread-crumb ul li {
            display: -webkit-flex;
            display: flex;
            -webkit-align-items: center;
            align-items: center;
            -webkit-flex-direction: column;
            flex-direction: column;
            position: relative;
            padding-bottom: 10px;
            letter-spacing: -1px;
            width: 100%;
            border-bottom: solid 1px transparent;
            color: #919191;
            font-size: 20px;
        }

            .steps-bread-crumb ul li.active-step {
                background: #FFF;
                color: #084b82;
                font-weight: 600;
            }

                .steps-bread-crumb ul li.active-step span {
                    background: #30bac7;
                    color: #FFF;
                    z-index: 10;
                }

                .steps-bread-crumb ul li.active-step:before {
                    content: "";
                    position: absolute;
                    top: 55px;
                    left: 0;
                    width: 100%;
                    border-bottom: solid 4px #0e9caa;
                }

            .steps-bread-crumb ul li span {
                padding: 3px 13px;
                -moz-border-radius: 50%;
                -webkit-border-radius: 50%;
                border-radius: 50%;
                border: solid 1px #30bac7;
                background: #FFF;
            }

            .steps-bread-crumb ul li:hover p {
                color: #074981;
            }

            .steps-bread-crumb ul li:hover span {
                background: #074981;
                color: #FFF;
                border-color: #074981;
            }

            .steps-bread-crumb ul li:hover.active-step span {
                background: #30bac7;
                color: #FFF;
                z-index: 10;
                border-color: transparent;
            }

.help-access {
    display: -webkit-flex;
    display: flex;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-left: auto;
    padding: 3px 10px;
    background: #ececec;
    width: 35px;
    height: 35px;
    border: solid 1px lightgray;
}

    .help-access span,
    .help-access a {
        color: #1e4b81;
        font-weight: 600;
        font-size: 28px;
    }

    .help-access:hover {
        background: lightgray;
    }

.legend {
    float: right;
    display: -webkit-flex;
    display: flex;
    background: #f1f1f1;
    padding: 10px;
    margin:40px 0;
    -webkit-align-items: center;
    align-items: center;
}

    .legend ul {
        padding: 0;
        margin: 0;
        margin-left: auto;
        display: -webkit-flex;
        display: flex;
    }

        .legend ul li {
            display: -webkit-flex;
            display: flex;
            -webkit-align-items: center;
            align-items: center;
            margin: 0 5px;
            color: #8e8e8e;
            text-transform: uppercase;
            font-size: 15px;
        }

            .legend ul li p {
                margin-bottom: 0;
                margin-left: 5px;
            }

    .legend.less-spacing {
        margin-bottom: 10px;
    }

.servicos-gratuitos {
    font-family: 'Source Sans Pro', sans-serif;
    background-color: #EEF4FA;
    float: left;
    clear: left;
    width: 380px;
    margin-top: 20px;
    padding: 5px 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    cursor: default;
}

    .servicos-gratuitos img {
        float: left;
        margin: 15px 10px 0 0;
    }

    .servicos-gratuitos p {
        color: #666666;
        font-size: 15px;
        margin: 10px 0px 15px;
    }

.w-300 {
    width: 300px;
}

.thead th {
    text-align: center;
}

.label-subtitle {
    color: #0e9caa;
    font-size: 16px;
}

/*Servi�os cart�rios*/

.referencias-holder {
    margin-bottom: 0;
}

.servicos-cartorios .banner-sc {
    width: 100%;
    padding: 40px 0;
    /*margin-top:-30px;*/
    margin-bottom: 40px;
    background-image: url('/Content/images/banner-servicos-cartorios.jpg');
    background-repeat: no-repeat;
    background-position: center;
}

    .servicos-cartorios .banner-sc h3 {
        color: #FFF;
        font-size: 36px;
        font-weight: 600;
        letter-spacing: -1px;
        margin: 0;
    }

.servicos-cartorios {
    /*display: flex;
    margin-top: -10px;
    -webkit-flex-direction: column;
    flex-direction: column;*/
    margin-top: -40px;
}

.servicos-cartorios-wrap {
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 30px;
}

    .servicos-cartorios-wrap .item {
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        width: 360px;
        padding: 25px;
        margin-bottom: 25px;
        -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.08);
        -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.08);
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.08);
    }

        .servicos-cartorios-wrap .item h3 {
            text-align: center;
            font-size: 30px;
            color: #0f4c80;
            font-weight: 700;
        }

        .servicos-cartorios-wrap .item article {
            font-size: 16px;
            color: #919191;
        }

        .servicos-cartorios-wrap .item a {
            padding: 6px 8px;
            text-transform: uppercase;
            background: #3bbac7;
        }

@media (min-width:0) and (max-width:767px) {
    .servicos-cartorios {
        margin-top: 0;
    }

    .servicos-cartorios-wrap .item article {
        margin-bottom: 15px;
    }

    .servicos-cartorios .banner-sc h3 {
        font-size: 27px;
    }
}

@media (min-width:1030px) and (max-width:1366px) {
    .servicos-cartorios .banner-sc {
        padding: 30px 0;
        margin-bottom: 30px;
    }

    .servicos-cartorios {
        display: block;
        /*margin-top:0px;*/
    }

    .servicos-cartorios-wrap {
    }

        .servicos-cartorios-wrap .item {
            padding: 15px;
            margin-bottom: 25px;
        }

            .servicos-cartorios-wrap .item h3 {
                margin: 0;
            }

            .servicos-cartorios-wrap .item article {
                text-align: center;
                margin: 0 0 5px;
            }
}

/*Tela do Roberto*/
@media (min-width:1200px) and (max-height:765px) {
    .servicos-cartorios-wrap .item {
        padding: 8px 15px;
    }
}

/*Expande footer pro final da tela*/
@media (min-width:1000px) {
    body.expandeFooter {
        position: relative;
        min-height: 100vh;
    }

        body.expandeFooter .footer-holder {
            position: absolute;
            bottom: 0;
            width: 100%;
        }
}


/*http://jsbin.com/AwegunUW/1/edit?html,css,js,output*/

.alerta-barra {
    position: relative;
    background-color: #f5f5f5;
    padding: 12px 20px;
}

    .alerta-barra .conteudo {
        display: flex;
        align-items: flex-start;
    }

        .alerta-barra .conteudo:before {
            content: "!";
            color: #ff3d00;
            min-width: 30px;
            height: 30px;
            border: 2px solid #ff3d00;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
            font-size: 18px;
            margin: 0 15px 0 0;
            font-weight: bold;
        }

    .alerta-barra p {
        color: #777777;
        font-size: 16px;
        margin: 0;
    }

    .alerta-barra.texto p {
        display: block;
    }

        .alerta-barra.texto p:before {
            float: left;
            margin-bottom: 30px;
        }

    .alerta-barra.sem-alerta p {
        padding-left: 45px;
        display: block;
        padding-top: 0px;
    }

        .alerta-barra.sem-alerta p:before {
            display: none !important;
        }

    .alerta-barra p a {
        color: #0b4277;
        text-decoration: none;
    }

        .alerta-barra p a:hover {
            text-decoration: underline;
        }

.scpt-simulacao .btn-padrao.quero-cancelar-agora {
    text-align: center;
}

.scpt-simulacao .btn-padrao.quero-cancelar-agora-resultado {
    margin: 30px 85px 0;
    text-align: center;
}

@media (min-width:0) and (max-width:767px) {
    .alerta-barra.sem-alerta p {
        padding-left: 0px;
    }

    .alerta-barra .conteudo {
        align-items: center;
        flex-flow: column wrap;
    }

        .alerta-barra .conteudo:before {
            margin-bottom: 10px;
        }

    .scpt-simulacao .coluna-dado {
        width: 100% !important;
    }

        .scpt-simulacao .coluna-dado.coluna-valor-total {
            text-align: center !important;
            height: auto;
            margin-bottom: 30px;
        }

            .scpt-simulacao .coluna-dado.coluna-valor-total h4 {
                margin-left: 0px;
            }

            .scpt-simulacao .coluna-dado.coluna-valor-total p {
                margin-left: 0px;
            }

    .scpt-simulacao .btn-padrao.quero-cancelar-agora-resultado {
        margin: 20px 0;
    }
}

/*SCPT*/
.borderEffect {
    position: relative;
}

    .borderEffect:before {
        content: "";
        width: 100%;
        transform: scaleX(0);
        transform-origin: bottom right;
        height: 4px;
        bottom: 0;
        position: absolute;
        display: block;
        background-color: #2bb2c1;
        transition: transform 0.4s ease-out;
        left: 0;
        right: 0;
    }

    .borderEffect:hover {
    }

        .borderEffect:hover:before {
            transform: scaleX(1);
            transform-origin: bottom left;
        }

.hoverEffect {
    transition: all 0.2s ease-out;
    opacity: 1;
}

    .hoverEffect:hover {
        transition: all 0.2s ease-out;
        opacity: .8;
    }

.btn-padrao {
    background-color: #084b82;
    color: #FFFFFF;
    padding: 10px 30px;
    font-size: 17px;
    letter-spacing: 1px;
    display: inline-block;
}

    .btn-padrao:hover,
    .btn-padrao:focus {
        text-decoration: none;
        color: #FFFFFF;
    }

.scpt-glossario {
}

    .scpt-glossario p.intro {
        font-size: 17px;
        color: #868686;
    }

    .scpt-glossario .lista-termos {
        border: 1px solid #d1d1d1;
        margin: 20px 0;
    }

        .scpt-glossario .lista-termos .item {
            border-top: 1px solid #d1d1d1;
            word-break: break-word;
        }

            .scpt-glossario .lista-termos .item:first-child {
                border-top: none;
            }

            .scpt-glossario .lista-termos .item:last-child {
                border-bottom: none;
            }

            .scpt-glossario .lista-termos .item .abreviatura {
                background-color: #3bbac7;
                color: #FFFFFF;
                min-width: 65px;
                width: 65px;
                padding-top: 14px;
            }

                .scpt-glossario .lista-termos .item .abreviatura span {
                    display: flex;
                    justify-content: center;
                    height: 100%;
                    font-size: 18px;
                }

            .scpt-glossario .lista-termos .item .definicao {
                padding: 12px 24px;
            }

                .scpt-glossario .lista-termos .item .definicao h4 {
                    font-size: 15px;
                    color: #0b4277;
                    font-weight: 600;
                    margin: 0;
                    letter-spacing: 0px;
                }

                .scpt-glossario .lista-termos .item .definicao p {
                    font-size: 15px;
                    color: #777777;
                    margin: 0;
                }

                    .scpt-glossario .lista-termos .item .definicao p a {
                        color: #3bbac7;
                        text-decoration: underline;
                    }

.scpt-simulacao {
}

    .scpt-simulacao .simulacao-passo-1 {
    }

        .scpt-simulacao .simulacao-passo-1 .form-holder {
            width: 290px;
        }

        .scpt-simulacao .simulacao-passo-1 .campo {
            margin: 0 0 30px;
        }

            .scpt-simulacao .simulacao-passo-1 .campo h5 {
                font-size: 18px;
                letter-spacing: 0px;
                margin: 0 0 5px;
            }

    .scpt-simulacao .simulacao-passo-2.resultados .colunas-resultados {
        margin: 35px 0;
    }

        .scpt-simulacao .simulacao-passo-2.resultados .colunas-resultados .coluna-data-valor {
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 340px;
            flex-flow: row wrap;
            border-right: 1px solid #d1d1d1;
        }

            .scpt-simulacao .simulacao-passo-2.resultados .colunas-resultados .coluna-data-valor .dado {
                align-items: center;
                margin: 0 0 15px;
            }

                .scpt-simulacao .simulacao-passo-2.resultados .colunas-resultados .coluna-data-valor .dado span {
                    color: #5b5b5b;
                    font-size: 18px;
                    display: inline-block;
                    margin-left: 15px;
                }

                    .scpt-simulacao .simulacao-passo-2.resultados .colunas-resultados .coluna-data-valor .dado span b {
                        color: #124179;
                        font-weight: 600;
                    }

        .scpt-simulacao .simulacao-passo-2.resultados .colunas-resultados .coluna-dado {
            width: 210px;
            border-right: 1px solid #e1e1e1;
            padding: 0 50px;
            align-items: center;
            text-align: center;
        }

            .scpt-simulacao .simulacao-passo-2.resultados .colunas-resultados .coluna-dado h4 {
                color: #124179;
                font-weight: 600;
                font-size: 18px;
            }

            .scpt-simulacao .simulacao-passo-2.resultados .colunas-resultados .coluna-dado p {
                font-weight: 700;
                color: #00a1b2;
                font-size: 22px;
            }

            .scpt-simulacao .simulacao-passo-2.resultados .colunas-resultados .coluna-dado.coluna-valor-total {
                border: none;
            }

                .scpt-simulacao .simulacao-passo-2.resultados .colunas-resultados .coluna-dado.coluna-valor-total p {
                    font-size: 28px;
                }

.scpt-glossario #modal-modelo-glossario {
}

    .scpt-glossario #modal-modelo-glossario .modal-body img {
        max-width: 100%;
    }

/*Ajustando altura em servi�os*/
@media (min-height:650px) {
    .ajusta-altura-servicos {
        min-height: calc(100vh - 408px);
    }
}

/*Fim*/


/*P�GINA DE ENVIO DE IMAGENS (PBI 612)*/
.envio-imagens {
}

    .envio-imagens .wi-100p {
        width: 100%;
    }

    .envio-imagens .wi-100p-imp {
        width: 100% !important;
    }

    .envio-imagens .labelForm {
        border-bottom: 2px solid #0E9CAA;
        margin-bottom: 10px;
        width: 100%;
    }

        .envio-imagens .labelForm.noborder {
            border: none !important;
        }

    .envio-imagens .lista-radios {
        display: flex;
        justify-content: space-between;
    }

        .envio-imagens .lista-radios li {
            display: inline-block;
            margin-right: 10px;
        }

            .envio-imagens .lista-radios li:last-child {
                margin: 0;
            }

    .envio-imagens .tabela-arquivos {
        max-height: 400px;
        overflow-y: auto;
    }

        .envio-imagens .tabela-arquivos thead {
            background: transparent;
        }

        .envio-imagens .tabela-arquivos th {
            position: sticky;
            top: 0;
            background-color: #0e9caa;
            z-index: 3;
        }

        .envio-imagens .tabela-arquivos th,
        .envio-imagens .tabela-arquivos td {
            text-align: center;
            vertical-align: middle;
        }

        .envio-imagens .tabela-arquivos .excluir-arquivo {
            font-size: 22px;
            color: #d93600;
        }

        .envio-imagens .tabela-arquivos .excluir-arquivo-desabilitado {
            font-size: 22px;
            color: lightgray;
            cursor: unset !important
        }

        .envio-imagens .tabela-arquivos .download-arquivo {
            font-size: 22px;
            color: #626262;
        }

    .envio-imagens.meus-documentos-enviados .tabela-arquivos {
        max-height: none;
        overflow: initial;
    }

        .envio-imagens.meus-documentos-enviados .tabela-arquivos .quebra-linha span {
            display: block;
            margin: 0 0 5px;
        }

.btn-danger.btn-mensagem-envios {
    font-size: 13px;
    max-width: 500px;
    white-space: normal;
    height: auto;
    text-transform: none;
    letter-spacing: normal;
}

.texto-aviso-cancelamento-holder {
    display: flex;
    justify-content: space-between;
}

.texto-aviso-cancelamento {
    max-width: 500px;
    text-align: right;
    color: #dd0000;
    font-weight: bold;
}

    .texto-aviso-cancelamento a {
        color: #084b82;
    }

@media (max-width:767px) {
    .texto-aviso-cancelamento.topo {
        text-align: left;
    }

    .texto-aviso-cancelamento-holder {
        display: flex;
        flex-flow: column wrap;
        justify-content: center;
        text-align: center;
        padding: 15px;
    }

        .texto-aviso-cancelamento-holder .texto-aviso-cancelamento {
            margin-top: 20px;
            text-align: center;
        }
}

.texto-aviso-cancelamento.texto-aviso-rodape {
    text-align: left;
}

/*FIM*/

/*Modal de s�ndico (PBI 683)*/
#modal-envio-documentos-condominio {
}

    #modal-envio-documentos-condominio .modal-dialog {
        width: 95%;
        max-width: 670px;
    }

    #modal-envio-documentos-condominio .modal-content {
        width: 100%;
        max-width: 670px;
        height: calc(100vh - 60px);
        overflow-y: auto;
    }

    #modal-envio-documentos-condominio .wrap-m .btn {
        display: flex;
        align-items: center;
    }

        #modal-envio-documentos-condominio .wrap-m .btn span {
            margin-right: 0px;
        }

    #modal-envio-documentos-condominio .aviso-upload {
        max-width: 300px;
        width: 100%;
    }

@media only screen and (min-height:1600px) {
    #modal-envio-documentos-condominio .modal-content {
        height: auto;
        overflow-y: auto;
    }
}

.envio-imagens {
    width: 80%;
}

    .envio-imagens .aviso-upload {
        float: none;
        max-width: 300px;
        font-size: 14px;
    }

@media only screen and (max-width:480px) {
    .target h3 {
        font-size: 18px;
        margin: 7px 0;
        text-align: center;
    }

    #steps-modal .modal-body .bg-steps {
        background-image: none;
    }

    #steps-modal .modal-body .flex > div .anchor .status-step {
        display: none;
    }

    #steps-modal .modal-body .flex > div .anchor .icon {
        display: none;
    }

    #steps-modal .modal-body .flex > div .anchor span {
        flex: auto;
        text-align: center;
        border-bottom: dotted 1px #CCC;
        padding: 5px 0;
        font-size: 17px;
    }

    .target .bg-steps-options {
        width: 100%;
        background-size: contain;
    }

    .target article {
        text-align: center;
    }

    #steps-modal .modal-body .flex > div .anchor {
        margin: 0;
        text-align: center;
    }

    .control {
        align-items: center;
        flex-flow: column wrap;
        margin-top: 0px;
    }

        .control ul {
            margin-top: 25px;
            margin-bottom:25px;
        }

        .control #naoMostrarNovamente {
            margin: 20px 0 0;
        }

    .target ul {
        display: flex;
        justify-content: center;
        padding-left: 0;
    }

        .target ul li:last-child {
            margin-left: 15px;
        }

    .requerimento-text-wrap {
        padding-left: 0;
        text-align: center;
    }

    .grid-wrap-titulos,
    #div-endossante {
        flex-direction: column;
        align-items: flex-start;
        padding-left: 0;
    }

    .box-border {
        display: flex;
        flex-direction: column;
    }

    .hide-high-access-menu .buttons-holder {
        display: none !important;
    }

    .legend {
        float: none;
        margin-top: 15px;
    }

        .legend ul {
            flex-direction: column;
            width: 100%;
        }

    #frmCadastroTitulos {
        display: flex;
        flex-direction: column;
    }

    #div-btn-cancelar-edicao-titulo input,
    #div-btn-salvar-titulo input {
        margin: 0;
        margin-bottom: 10px;
        max-width: 280px;
    }

    .localizar-cartorio .cartorios .legenda {
        flex-direction: column;
    }

        .localizar-cartorio .cartorios .legenda .legenda-titulo {
            margin-bottom: 10px;
        }

    .content-filtro-listagem .cancelamento-filtro.tipo-titulos {
        text-align: left;
        padding: 10px;
    }

    envio-imagens {
        width: 100%;
    }
}


.links-cancelamento-devedor {
    display: flex;
    justify-content: space-between;
}

@media (max-width:767px) {
    .links-cancelamento-devedor {
        justify-content: initial;
        flex-flow: column wrap;
    }

        .links-cancelamento-devedor .texto-aviso-cancelamento {
            text-align: left;
        }
}

@media (max-width:767px) {
    #div-protocolo .btn-options {
        gap: 10px;
    }

        #div-protocolo .btn-options .btn {
            height: auto;
            padding: 10px 12px;
        }
}


.quebra-links span {
    display: block;
}

    .quebra-links span:not(:first-child) {
        margin-top: 5px;
    }


/*Aviso de n�vel govbr no modal ap�s login*/
.modal .nivel-gov-br {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 -15px 20px;
    padding: 0 15px 15px;
    border-bottom: 1px solid #e5e5e5;
}

    .modal .nivel-gov-br .icone {
        display: flex;
        flex-flow: column;
        gap: 3px;
        width: 35px;
    }

    .modal .nivel-gov-br .barra {
        display: block;
        width: 100%;
        height: 6px;
        transform: skew(-15deg, 0deg);
        background-color: #eee;
    }

    .modal .nivel-gov-br.bronze .barra {
        background-color: #ff3a3a;
    }

        .modal .nivel-gov-br.bronze .barra:not(:nth-child(3)) {
            opacity: .3;
        }

    .modal .nivel-gov-br.prata .barra {
        background: rgb(66, 66, 66);
        background: radial-gradient(circle, rgba(66, 66, 66, 1) 0%, rgba(0, 0, 0, 1) 100%);
    }

        .modal .nivel-gov-br.prata .barra:first-child {
            opacity: .3;
        }

    .modal .nivel-gov-br.ouro .barra {
        background: rgb(255, 212, 55);
        background: radial-gradient(circle, rgba(255, 212, 55, 1) 0%, rgb(241 191 12) 100%);
    }

    .modal .nivel-gov-br p {
        font-size: 18px;
        color: #0c4a7f;
        font-weight: 600;
        margin: 0;
    }

.modal .multiplos-usuarios {
    margin: 0 0 20px;
}


/*Tela de Cadastro GOVBR*/
.cadastro-govbr {
}

    .cadastro-govbr .topo {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 25px;
        background-color: #f2f3f5;
        border-radius: 5px;
        padding: 15px 25px;
    }

@media (max-width:767px) {
    .cadastro-govbr .topo {
        flex-flow: column;
        padding: 15px;
        text-align: center;
    }
}

.cadastro-govbr .topo__texto {
    color: #348c98;
}

    .cadastro-govbr .topo__texto h1 {
        font-weight: bold;
        font-size: 35px;
        margin: 0;
    }

    .cadastro-govbr .topo__texto h2 {
        font-size: 23px;
        margin: 0;
    }

.cadastro-govbr .linha-formulario .input {
    width: 100%;
}

.cadastro-govbr .linha-formulario {
    display: flex;
}

.cadastro-govbr .sms-checkbox {
    margin-top: 5px;
}

.cadastro-govbr .linha-formulario.border-bottom {
    border-bottom: 2px solid #e3e7ee;
    padding-bottom: 15px;
    margin-bottom: 10px;
}

.cadastro-govbr .password-meter-bg,
.cadastro-govbr .password-meter-bar {
    height: 6px;
    margin-bottom: 10px;
}

.cadastro-govbr .texto-adesao {
    margin: 20px 0;
}

    .cadastro-govbr .texto-adesao p {
        font-size: 18px;
        color: #666;
    }

.cadastro-govbr .aceito-termo {
    font-size: 18px;
    color: #666;
    font-weight: 400;
}

    .cadastro-govbr .aceito-termo input[disabled] ~ span {
        opacity: .6;
    }

@media (max-width:991px) {
    .cadastro-govbr .linha-formulario {
        margin-bottom: 5px;
    }

    .cadastro-govbr .gap10 {
        gap: 10px;
    }

    .cadastro-govbr .linha-formulario > div {
        float: none;
        margin-bottom: 5px;
    }

    .cadastro-govbr .linha-formulario {
        flex-flow: column;
    }

        .cadastro-govbr .linha-formulario.border-bottom {
            padding-bottom: 5px;
        }
}

@media (min-width:992px) {
    .cadastro-govbr .linha-formulario {
        gap: 15px;
        margin-bottom: 10px;
    }

    .cadastro-govbr .password-meter {
        width: 800px;
    }
}

.aviso-pix {
    display: flex;
    align-items: center;
    font-weight: bold;
    gap: 10px;
    margin-top: 20px;
}

    .aviso-pix p {
        margin: 0;
    }

@media (max-width:767px) {
    .aviso-pix {
        flex-flow: column;
    }
}

/* Alteração Dani */

button.link-acessibility {
    background: none;
    border: none;
    padding: 0;
    color: #565656;
    text-decoration: none;
    cursor: pointer;
    margin: 13px 0 0;
    font-size: 13px;
}

    button.link-acessibility:hover {
        text-decoration: underline;
    }

@media (min-width: 0) and (max-width: 767px) {
    button.link-acessibility {
        text-align: center;
    }
}

.title-footer {
    background: #f6f6f6;
    margin: 20px 0 0;
    padding: 55px 0;
    padding: 0 0 30px;
    font-size: 17px;
    color: #0c4a7f;
    font-weight: 600;
    margin: 0;
}

.w100p {
    width: 100% !important;
}

/*Mensagem de "Pagamento Efetuado" - PBI 3200*/
.pagamentoEfetuado {
	 width: 100%;
	 max-width: 670px;
	 margin: 20px auto 80px;
	 float: none !important;
	 text-align: center;
	 color: #666;
}
 .pagamentoEfetuado div {
	 float: none !important;
}
 @media (min-width: 992px) {
	 .pagamentoEfetuado {
		 margin: 100px auto 30px;
	}
}
 .pagamentoEfetuado__mensagem {
	 background-color: #d8ebfb;
	 padding: 20px;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 gap: 20px;
	 margin-bottom: 30px;
}
 @media (min-width: 992px) {
	 .pagamentoEfetuado__mensagem {
		 padding: 30px 40px;
	}
}
 .pagamentoEfetuado__mensagem img {
	 flex-shrink: 0;
}
 .pagamentoEfetuado__mensagem h2 {
	 font-size: 32px;
	 margin: 0;
	 color: #2276be;
	 font-weight: 700;
}
 .pagamentoEfetuado__mensagem p {
	 font-size: 22px;
	 margin: 0;
}
 .pagamentoEfetuado__mensagem__conteudo {
	 width: auto !important;
}
 .pagamentoEfetuado__confirmacao {
	 font-size: 18px;
	 margin: 0;
}
 .pagamentoEfetuado__instrucoes {
	 width: 100%;
	 max-width: 500px;
	 margin: 40px auto 0;
	 font-size: 20px;
}
 .pagamentoEfetuado__instrucoes p {
	 margin-bottom: 0;
}