@font-face {
    font-family: 'CAIXA Std Bold';
    src: url('/Style%20Library/fonts/CAIXAStd-Bold.eot');
    src: url('/Style%20Library/fonts/CAIXAStd-Bold.eot?#iefix') format('embedded-opentype'), url('/Style%20Library/fonts/CAIXAStd-Bold.woff') format('woff'), url('/Style%20Library/fonts/CAIXAStd-Bold.woff2') format('woff2');
}


@font-face {
    font-family: 'CAIXA Std Bold Italic';
    src: url('/Style%20Library/fonts/CAIXAStd-BoldItalic.eot');
    src: url('/Style%20Library/fonts/CAIXAStd-BoldItalic.eot?#iefix') format('embedded-opentype'), url('/Style%20Library/fonts/CAIXAStd-BoldItalic.woff') format('woff'), url('/Style%20Library/fonts/CAIXAStd-BoldItalic.woff2') format('woff2');
}

@font-face {
    font-family: 'CAIXA Std Book';
    src: url('/Style%20Library/fonts/CAIXAStd-Book.eot');
    src: url('/Style%20Library/fonts/CAIXAStd-Book.eot?#iefix') format('embedded-opentype'), url('/Style%20Library/fonts/CAIXAStd-Book.woff') format('woff'), url('/Style%20Library/fonts/CAIXAStd-Book.woff2') format('woff2');
}

@font-face {
    font-family: 'CAIXA Std Book Italic';
    src: url('/Style%20Library/fonts/CAIXAStd-BookItalic.eot');
    src: url('/Style%20Library/fonts/CAIXAStd-BookItalic.eot?#iefix') format('embedded-opentype'), url('/Style%20Library/fonts/CAIXAStd-BookItalic.woff') format('woff'), url('/Style%20Library/fonts/CAIXAStd-BookItalic.woff2') format('woff2');
}

@font-face {
    font-family: 'CAIXA Std ExtraBold';
    src: url('/Style%20Library/fonts/CAIXAStd-ExtraBold.eot');
    src: url('/Style%20Library/fonts/CAIXAStd-ExtraBold.eot?#iefix') format('embedded-opentype'), url('/Style%20Library/fonts/CAIXAStd-ExtraBold.woff') format('woff'), url('/Style%20Library/fonts/CAIXAStd-ExtraBold.woff2') format('woff2');
}

@font-face {
    font-family: 'CAIXA Std ExtraBold Italic';
    src: url('/Style%20Library/fonts/CAIXAStd-ExtraBoldItalic.eot');
    src: url('/Style%20Library/fonts/CAIXAStd-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), url('/Style%20Library/fonts/CAIXAStd-ExtraBoldItalic.woff') format('woff'), url('/Style%20Library/fonts/CAIXAStd-ExtraBoldItalic.woff2') format('woff2');
}

@font-face {
    font-family: 'CAIXA Std Italic';
    src: url('/Style%20Library/fonts/CAIXAStd-Italic.eot');
    src: url('/Style%20Library/fonts/CAIXAStd-Italic.eot?#iefix') format('embedded-opentype'), url('/Style%20Library/fonts/CAIXAStd-Italic.woff') format('woff'), url('/Style%20Library/fonts/CAIXAStd-Italic.woff2') format('woff2');
}

@font-face {
    font-family: 'CAIXA Std Light';
    src: url('/Style%20Library/fonts/CAIXAStd-Light.eot');
    src: url('/Style%20Library/fonts/CAIXAStd-Light.eot?#iefix') format('embedded-opentype'), url('/Style%20Library/fonts/CAIXAStd-Light.woff') format('woff'), url('/Style%20Library/fonts/CAIXAStd-Light.woff2') format('woff2');
}

@font-face {
    font-family: 'CAIXA Std Light Italic';
    src: url('/Style%20Library/fonts/CAIXAStd-LightItalic.eot');
    src: url('/Style%20Library/fonts/CAIXAStd-LightItalic.eot?#iefix') format('embedded-opentype'), url('/Style%20Library/fonts/CAIXAStd-LightItalic.woff') format('woff'), url('/Style%20Library/fonts/CAIXAStd-LightItalic.woff2') format('woff2');
}

@font-face {
    font-family: 'CAIXA Std Regular';
    src: url('/Style%20Library/fonts/CAIXAStd-Regular.eot');
    src: url('/Style%20Library/fonts/CAIXAStd-Regular.eot?#iefix') format('embedded-opentype'), url('/Style%20Library/fonts/CAIXAStd-Regular.woff') format('woff'), url('/Style%20Library/fonts/CAIXAStd-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'CAIXA Std SemiBold';
    src: url('/Style%20Library/fonts/CAIXAStd-SemiBold.eot');
    src: url('/Style%20Library/fonts/CAIXAStd-SemiBold.eot?#iefix') format('embedded-opentype'), url('/Style%20Library/fonts/CAIXAStd-SemiBold.woff') format('woff'), url('/Style%20Library/fonts/CAIXAStd-SemiBold.woff2') format('woff2');
}

@font-face {
    font-family: 'CAIXA Std SemiBold Italic';
    src: url('/Style%20Library/fonts/CAIXAStd-SemiBoldItalic.eot');
    src: url('/Style%20Library/fonts/CAIXAStd-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('/Style%20Library/fonts/CAIXAStd-SemiBoldItalic.woff') format('woff'), url('/Style%20Library/fonts/CAIXAStd-SemiBoldItalic.woff2') format('woff2');
}


.ms-rteFontFace-caixa-std-bold {
    -ms-name: "CAIXA Std Bold";
    font-family: "CAIXA Std Bold" !important;
    -webkit-font-family: "CAIXA Std Bold" !important;
    -moz-font-family: "CAIXA Std Bold" !important;
    -o-font-family: "CAIXA Std Bold" !important;
}

.ms-rteFontFace-caixa-std-bold-italic {
    -ms-name: "CAIXA Std Bold Italic";
    font-family: "CAIXA Std Bold Italic" !important;
    -webkit-font-family: "CAIXA Std Bold Italic" !important;
    -moz-font-family: "CAIXA Std Bold Italic" !important;
    -o-font-family: "CAIXA Std Bold Italic" !important;
}

.ms-rteFontFace-caixa-std-book {
    -ms-name: "CAIXA Std Book";
    font-family: "CAIXA Std Book" !important;
    -webkit-font-family: "CAIXA Std Book" !important;
    -moz-font-family: "CAIXA Std Book" !important;
    -o-font-family: "CAIXA Std Book" !important;
}

.ms-rteFontFace-caixa-std-book-italic {
    -ms-name: "CAIXA Std Book Italic";
    font-family: "CAIXA Std Book Italic" !important;
    -webkit-font-family: "CAIXA Std Book Italic" !important;
    -moz-font-family: "CAIXA Std Book Italic" !important;
    -o-font-family: "CAIXA Std Book Italic" !important;
}

.ms-rteFontFace-caixa-std-extrabold {
    -ms-name: "CAIXA Std ExtraBold";
    font-family: "CAIXA Std ExtraBold" !important;
    -webkit-font-family: "CAIXA Std ExtraBold" !important;
    -moz-font-family: "CAIXA Std ExtraBold" !important;
    -o-font-family: "CAIXA Std ExtraBold" !important;
}

.ms-rteFontFace-caixa-std-extrabold-italic {
    -ms-name: "CAIXA Std ExtraBold Italic";
    font-family: "CAIXA Std ExtraBold Italic" !important;
    -webkit-font-family: "CAIXA Std ExtraBold Italic" !important;
    -moz-font-family: "CAIXA Std ExtraBold Italic" !important;
    -o-font-family: "CAIXA Std ExtraBold Italic" !important;
}

.ms-rteFontFace-caixa-std-italic {
    -ms-name: "CAIXA Std Italic";
    font-family: "CAIXA Std Italic" !important;
    -webkit-font-family: "CAIXA Std Italic" !important;
    -moz-font-family: "CAIXA Std Italic" !important;
    -o-font-family: "CAIXA Std Italic" !important;
}

.ms-rteFontFace-caixa-std-light {
    -ms-name: "CAIXA Std Light";
    font-family: "CAIXA Std Light" !important;
    -webkit-font-family: "CAIXA Std Light" !important;
    -moz-font-family: "CAIXA Std Light" !important;
    -o-font-family: "CAIXA Std Light" !important;
}

.ms-rteFontFace-caixa-std-light-italic {
    -ms-name: "CAIXA Std Light Italic";
    font-family: "CAIXA Std Light Italic" !important;
    -webkit-font-family: "CAIXA Std Light Italic" !important;
    -moz-font-family: "CAIXA Std Light Italic" !important;
    -o-font-family: "CAIXA Std Light Italic" !important;
}

.ms-rteFontFace-caixa-std-regular {
    -ms-name: "CAIXA Std Regular";
    font-family: "CAIXA Std Regular" !important;
    -webkit-font-family: "CAIXA Std Regular" !important;
    -moz-font-family: "CAIXA Std Regular" !important;
    -o-font-family: "CAIXA Std Regular" !important;
}

.ms-rteFontFace-caixa-std-semibold {
    -ms-name: "CAIXA Std SemiBold";
    font-family: "CAIXA Std SemiBold" !important;
    -webkit-font-family: "CAIXA Std SemiBold" !important;
    -moz-font-family: "CAIXA Std SemiBold" !important;
    -o-font-family: "CAIXA Std SemiBold" !important;
}

.ms-rteFontFace-caixa-std-semibold-italic {
    -ms-name: "CAIXA Std SemiBold Italic";
    font-family: "CAIXA Std SemiBold Italic" !important;
    -webkit-font-family: "CAIXA Std SemiBold Italic" !important;
    -moz-font-family: "CAIXA Std SemiBold Italic" !important;
    -o-font-family: "CAIXA Std SemiBold Italic" !important;
}

.fieldset-validado .legend {
    margin-bottom: 0;
}

.fieldset-validado .legend-step {
    border-color: #d2d4da;
    color: #a5aab5 !important;
}

.fieldset-validado .legend-title {
    color: #a5aab5;
}

.fieldset-d ul.form-set.validado,
.fieldset-d ul.validado,
.fieldset-validado .legend-desc {
    display: none;
}


.fieldset-validado .legend-desc {
    color: #a5aab5 !important;
}

.fieldset-validado ul.form-set {
    display: none;
}

.fieldset-validado ul.campos-formulario,
.fieldset-validado ul.campos-formulario * {
    display: none;
}

.fieldset-validado ul.form-set.validado,
.fieldset-validado ul.validado,
.fieldset-validado ul.validado * {
    display: block;
}

    .fieldset-validado ul.form-set.validado *,
    .fieldset-validado ul.validado * {
        color: #a5aab5;
    }

.fieldset-hide {
    display: none;
}

i.fa.fa-check-circle.checkBoleto {
    font-size: 6em;
    color: #0072C6;
    margin-left: 4em;
    margin-bottom: 25px;
}

#Penhor .btn,
.modal .btn {
    border: 1px solid #0072C6;
    color: #0072C6;
    background-color: transparent;
}

    #Penhor .btn.blue,
    #Penhor .btn.orange,
    .modal .btn.blue,
    .modal .btn.orange {
        color: #fff;
        border: none;
    }

    #Penhor .btn.orange,
    .modal .btn.orange {
        border: none;
        background-image: none;
        background-color: #f7941e;
        border-radius: 3px;
        color: #fff;
    }

#Penhor .blue:focus,
#Penhor .blue.btn-selected,
.modal .blue:focus,
.modal .blue.btn-selected {
    background: #0b6daa;
    border-top-color: #000;
    color: #fff;
}

#Penhor a.btn {
    position: relative;
    display: inline-block;
    padding: .8em 1em;
    border-radius: 2px;
    -moz-border-radius: 2px;
    font-family: sans-serif;
    font-size: 1.225em;
    line-height: 1rem;
    outline: none;
    text-align: center;
}

.name-user {
    font-size: 1.6em;
}

.right {
    float: right;
}

.center {
    text-align: center
}

.top {
    margin-top: 40px;
}

.colsm-6.coluna {
    width: 42%;
}

input[type="button"], input[type="reset"], input[type="submit"], button {
    margin-left: 0;
}

.action-button {
    margin-bottom: 3em;
}

    .action-button a.btn.orange {
        color: #fff;
    }

.margin-left {
    margin-left: 1em;
}
/*TABELA*/
.tabela-contratos {
    text-align: center;
}

    .tabela-contratos th {
        text-align: center;
    }

        .tabela-contratos th .ordenacao {
            display: inline-grid;
            position: absolute;
            margin: 0 5px;
        }

        .tabela-contratos th:last-child {
            background: #047ECC26;
        }

    .tabela-contratos a.action-table {
        font-weight: bold;
        color: #4c556c;
        cursor: pointer;
    }

        .tabela-contratos a.action-table.disabled {
            font-weight: bold;
            color: #a1a1a1;
            cursor: no-drop;
        }

.info-contratos-selecionados {
    display: flow-root;
}

    .info-contratos-selecionados div.contador-selecionado {
        float: right;
        margin-bottom: 2em;
    }

        .info-contratos-selecionados div.contador-selecionado p {
            margin: 0;
        }
/*lista*/
.lista-boletos {
    margin-bottom: 3em;
}

    .lista-boletos .titulo-lista {
        font-weight: bold;
        color: #4c556c;
        font-size: 1.2rem;
        line-height: 1.45;
        padding: .4em 0;
    }

    .lista-boletos .item-lista {
        width: 100%;
        border-top: #ccc 1px solid;
        padding: 15px 0;
    }

        .lista-boletos .item-lista a.btn {
            border: 1px solid #0072C6;
            color: #0072C6;
        }

            .lista-boletos .item-lista a.btn:hover {
                border: 1px solid #0072C6;
                color: #0072C6;
            }

        .lista-boletos .item-lista:last-child {
            border-bottom: #ccc 1px solid;
        }

.dados-contrato {
    padding: 5px 0;
    margin-bottom: 1em;
}

    .dados-contrato:last-child {
        margin-bottom: 2em;
    }

    .lista-boletos .item-lista p,
    .dados-contrato p {
        margin: 0;
    }

.lista-dados-renovacao {
    border-top: 1px solid #ccc;
    /* border-bottom: 1px solid #ccc; */
    padding: 2em 10px;
    margin-bottom: 2em;
}
/*status*/
.bloco-contratos .info-item .status-vencido,
.tabela-contratos .status-vencido,
.lista-boletos .status-vencido {
    color: #FAAF00;
    font-weight: bold;
}

.bloco-contratos .info-item .status-a-vencer,
.tabela-contratos .status-a-vencer,
.lista-boletos .status-a-vencer {
    color: #143DA6;
    font-weight: bold;
}

.bloco-contratos .info-item .status-pago,
.tabela-contratos .status-pago,
.lista-boletos .status-pago {
    color: #008254;
    font-weight: bold;
}

.bloco-contratos .info-item .status-em-licitacao,
.tabela-contratos .status-em-licitacao,
.lista-boletos .status-em-licitacao {
    color: #C20000;
    font-weight: bold;
}

.cabecalho-dados-renovacao {
    padding: 10px;
}

    .cabecalho-dados-renovacao p {
        padding: 5px;
    }

.botoes-prazo {
    margin: 2em 0;
}

.space {
    margin-top: 25px;
    font-size: 1.2rem;
}

.lista-botoes-prazo li {
    display: inline-block;
    margin: 5px;
}

    .lista-botoes-prazo li:first-child {
        margin-left: 0;
    }

    .lista-botoes-prazo li:last-child {
        margin-right: 0;
    }

.lista-botoes-prazo .btn-prazo {
    border: 1px solid #4c556c;
    height: 45px;
    width: 45px;
    font-size: 18px;
    color: #4c556c;
    font-weight: bold;
    display: inline-grid;
    text-align: center;
    align-items: center;
    cursor: pointer;
}

    .lista-botoes-prazo .btn-prazo.selected {
        background: #F39200;
    }

.lista-botoes-prazo .outro-prazo {
    border: 1px solid #4c556c;
    height: 45px;
    font-size: 18px;
    color: #4c556c;
    font-weight: bold;
    margin-bottom: 3.9%;
    text-align: right;
    padding: 0%;
    padding-right: 10%;
    width: 81%
}

.li-outro-prazo {
    width: 14%;
}

.texto-outro-prazo {
    float: left;
    font-size: 12px;
    min-width: 175px;
}

.btn.btnOk {
    height: 45px;
    font-size: 13px;
    bottom: 2px;
    min-width: 5em;
    margin-left: 10px;
}

li.li-btnOk {
    margin-left: -25px;
}


@media only screen and (max-device-width: 350px) {
    .lista-botoes-prazo .outro-prazo {
        width: 70%;
        padding-right: 4%;
        font-size: 15px;
    }

    .li-outro-prazo {
        width: 52%;
        padding: 0.1em;
        float: left;
    }

    .btnOk {
        position: relative;
        display: inline-block;
        min-width: 5em;
        float: left;
    }

    li.li-btnOk.ok-margin {
        padding: 0.1em 1em;
        margin-left: -47px;
    }
}

@media only screen and (min-width: 361px) and (max-width: 400px) {
    .lista-botoes-prazo .outro-prazo {
        width: 71%;
        padding-right: 2%;
        font-size: 16px;
    }

    .li-outro-prazo {
        width: 52%;
        padding: 0.1em;
        float: left;
    }

    .btnOk {
        position: relative;
        display: inline-block;
        min-width: 5em;
        float: left;
    }

    li.li-btnOk.ok-margin {
        padding: 0.1em 1em;
        margin-left: -45px;
    }
}

@media only screen and (min-width: 401px) and (max-width: 425px) {
    .lista-botoes-prazo .outro-prazo {
        padding-right: 3%;
        width: 70%;
        font-size: 16px;
    }

    .li-outro-prazo {
        width: 48%;
        padding: 0.1em;
        float: left;
    }

    .btnOk {
        position: relative;
        display: inline-block;
        min-width: 5em;
        float: left;
    }

    li.li-btnOk.ok-margin {
        padding: 0.1em 1em;
        margin-left: -47px;
    }
}

@media only screen and (min-width: 426px) and (max-width: 452px) {
    .lista-botoes-prazo .outro-prazo {
        padding-right: 2%;
        width: 68%;
    }

    .li-outro-prazo {
        width: 48%;
        padding: 0.1em;
        float: left;
    }

    .btnOk {
        position: relative;
        display: inline-block;
        min-width: 5em;
        float: left;
    }

    li.li-btnOk {
        padding: 0.1em 1em;
        margin-left: -62px;
    }
}

@media only screen and (min-width: 453px) and (max-width: 488px) {
    .lista-botoes-prazo .outro-prazo {
        padding-right: 2%;
        width: 65%;
    }

    .li-outro-prazo {
        width: 48%;
        padding: 0.1em;
        float: left;
    }

    .btnOk {
        position: relative;
        display: inline-block;
        min-width: 5em;
        float: left;
    }

    li.li-btnOk {
        padding: 0.1em 1em;
        margin-left: -58px;
        float: left;
    }
}

@media only screen and (min-width: 489px) and (max-width: 544px) {
    .lista-botoes-prazo .outro-prazo {
        padding-right: 4%;
        width: 77%;
    }

    .li-outro-prazo {
        width: 37%;
        padding: 0.1em;
        float: left;
    }

    .btnOk {
        position: relative;
        display: inline-block;
        min-width: 5em;
        float: left;
    }

    li.li-btnOk {
        padding: 0.1em 1em;
        margin-left: -42px;
        float: left;
    }
}

@media only screen and (min-width: 545px) and (max-width: 600px) {
    .lista-botoes-prazo .outro-prazo {
        padding-right: 3%;
        width: 68%;
    }

    .li-outro-prazo {
        width: 37%;
        padding: 0.1em;
        float: left;
    }

    .btnOk {
        position: relative;
        display: inline-block;
        min-width: 5em;
        float: left;
    }

    li.li-btnOk {
        padding: 0.1em 1em;
        margin-left: -62px;
        float: left;
    }
}

@media only screen and (min-width: 601px) and (max-width: 630px) {
    .lista-botoes-prazo .outro-prazo {
        padding-right: 3%;
        width: 60%;
    }

    .li-outro-prazo {
        width: 37%;
        padding: 0.1em;
        float: left;
    }

    .btnOk {
        position: relative;
        display: inline-block;
        min-width: 5em;
        float: left;
    }

    li.li-btnOk {
        padding: 0.1em 1em;
        margin-left: -84px;
        float: left;
    }
}

@media only screen and (min-width: 631px) and (max-width: 680px) {
    .lista-botoes-prazo .outro-prazo {
        padding-right: 3%;
        width: 76%;
    }

    .li-outro-prazo {
        width: 27%;
        padding: 0.1em;
    }

    .btnOk {
        position: relative;
        display: inline-block;
        min-width: 5em;
        float: left;
    }

    li.li-btnOk {
        margin-left: -35px;
    }
}

@media only screen and (min-width: 681px) and (max-width: 730px) {
    .lista-botoes-prazo .outro-prazo {
        padding-right: 2%;
        width: 69%;
    }

    .li-outro-prazo {
        width: 27%;
        padding: 0.1em;
    }

    .btnOk {
        position: relative;
        display: inline-block;
        min-width: 5em;
        float: left;
    }

    li.li-btnOk {
        margin-left: -45px;
    }
}

@media only screen and (min-width: 731px) and (max-width: 781px) {
    .lista-botoes-prazo .outro-prazo {
        padding-right: 2%;
        width: 64%;
    }

    .li-outro-prazo {
        width: 27%;
        padding: 0.1em;
    }

    .btnOk {
        position: relative;
        display: inline-block;
        min-width: 5em;
    }

    li.li-btnOk {
        margin-left: -57px;
    }
}

@media only screen and (min-width: 782px) and (max-width: 835px) {
    .li-outro-prazo {
        width: 22%;
    }

    .lista-botoes-prazo .outro-prazo {
        padding-right: 2%;
        width: 72%;
    }

    li.li-btnOk {
        margin-left: -37px;
    }
}

@media only screen and (min-width: 836px) and (max-width: 900px) {
    .li-outro-prazo {
        width: 22%;
    }

    .lista-botoes-prazo .outro-prazo {
        padding-right: 2%;
        width: 66;
    }

    li.li-btnOk {
        margin-left: -46px;
    }
}

@media only screen and (min-width: 901px) and (max-width: 940px) {
    .li-outro-prazo {
        width: 20%;
    }

    .lista-botoes-prazo .outro-prazo {
        padding-right: 2%;
        width: 68%;
    }

    li.li-btnOk {
        margin-left: -43px;
    }
}

@media only screen and (min-width: 941px) and (max-width: 970px) {
    .li-outro-prazo {
        width: 20%;
    }

    .lista-botoes-prazo .outro-prazo {
        padding-right: 2%;
        width: 64%;
    }

    li.li-btnOk {
        margin-left: -56px;
    }
}

@media only screen and (min-width: 971px) and (max-width: 999px) {
    .li-outro-prazo {
        width: 20%;
    }

    .lista-botoes-prazo .outro-prazo {
        padding-right: 2%;
        width: 63%;
    }

    li.li-btnOk {
        margin-left: -60px;
    }
}

@media only screen and (min-width: 1000px) and (max-width: 1055px) {
    .li-outro-prazo {
        width: 25%;
    }

    .lista-botoes-prazo .outro-prazo {
        padding-right: 3%;
        width: 74%;
    }

    li.li-btnOk {
        margin-left: -36px;
    }
}

@media only screen and (min-width: 1056px) and (max-width: 1240px) {
    .li-outro-prazo {
        width: 22%;
    }

    .lista-botoes-prazo .outro-prazo {
        padding-right: 3%;
        width: 78%;
    }

    li.li-btnOk {
        margin-left: -30px;
    }
}

@media only screen and (min-width: 1241px) and (max-width: 1300px) {
    .li-outro-prazo {
        width: 22%;
    }

    .lista-botoes-prazo .outro-prazo {
        padding-right: 1%;
        width: 66%;
    }

    li.li-btnOk {
        margin-left: -50px;
    }
}


.dados-renovacao {
    margin: 1em 0;
}

    .dados-renovacao p {
        margin: 0
    }

    .dados-renovacao .titulo-item {
        color: #4c556c;
        font-size: 1.2em;
        line-height: 1.35;
        display: inline;
    }

/*mobile*/
.blocos-mobile {
    display: none;
}

.bloco-contratos {
    width: 100%;
    /* max-width:400px; */
    border: 1px solid #D2D4DA;
    box-sizing: border-box;
    border-radius: 2px;
    margin-bottom: 2em;
}

    .bloco-contratos .info-item {
        font-weight: bold;
        width: 50%;
        float: left;
        margin-bottom: 5px;
    }

    .bloco-contratos .info-contrato {
        padding: 9px;
        margin: 10px 0;
        display: inline-block;
        width: 100%;
    }

    .bloco-contratos .info-item span {
        font-weight: normal;
    }

.title-action {
    background: #047ECC26;
    font-weight: bold;
    display: inline-block;
    width: 100%;
    padding: 8px;
    text-align: center;
}

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

    .action-contrato .info-action {
        width: 33%;
        float: left;
        display: inline-table;
        padding: 10px;
    }

.retirar-contrato {
    float: left;
    margin: 1.3em 0;
}

    .retirar-contrato a.btn-retirar-contrato,
    .retirar-contrato a.btn-retirar-contrato:hover,
    .retirar-contrato a.btn-retirar-contrato:active,
    .retirar-contrato a.btn-retirar-contrato:visited {
        color: #006bae;
        font-family: 'CAIXA Std Book';
        font-size: 1.5em;
        cursor: pointer;
    }
/* Popover*/
.popover-link {
    font-size: 1.2em;
    text-decoration: none;
    text-align: center;
    color: #4c556c;
    line-height: 1.35;
}

.popover {
    position: relative;
    display: initial;
}

.popover-container {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0px;
    bottom: -65px;
    transform: translate(0, 10px);
    background-color: #fcfcfc;
    padding: 1.5rem;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    width: auto;
}

.popover:hover .popover-container {
    z-index: 10;
    opacity: 1;
    visibility: visible;
    transform: translate(0, -20px);
    transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
}

.popover-text {
    text-align: center;
}
/* Collapse*/
.collapse-contratos {
    border-top: 1px solid #ccc;
    padding: 1em;
}

    .collapse-contratos:last-child {
        border-bottom: 1px solid #ccc;
    }

    .collapse-contratos .titulo-contrato-collapse {
        font-weight: bold;
        font-family: 'CAIXA Std Bold';
        font-size: 1.6em;
        padding: 10px 0;
        cursor: pointer;
    }

        .collapse-contratos .titulo-contrato-collapse .icon-collapse {
            position: absolute;
            right: 2em;
        }

            .collapse-contratos .titulo-contrato-collapse .icon-collapse.up {
                display: none;
            }

    .collapse-contratos.open-collapse .titulo-contrato-collapse .icon-collapse.up {
        display: initial;
    }

    .collapse-contratos.open-collapse .titulo-contrato-collapse .icon-collapse.down {
        display: none;
    }

    .collapse-contratos .dados-contrato-collapse {
        display: none;
    }

    .collapse-contratos.open-collapse .dados-contrato-collapse {
        display: block;
    }
/*MODAL*/
.mask-modal {
    background: #000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    opacity: 0.3;
    z-index: 9999;
    display: none;
}

    .mask-modal.on {
        display: block;
    }

.modal {
    display: none;
    width: 800px;
    height: auto;
    background: #fff;
    position: fixed;
    z-index: 99999;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top: 50%;
    border: 1px solid #ccc;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 4px;
    padding: 1rem;
}

    .modal.on {
        display: block;
    }

    .modal .header-modal {
        width: 100%;
        /* height: 40px; */
        /* border-bottom: 1px solid #ccc; */
        /* padding: .5em 2rem; */
    }

    .modal .title-modal {
        font-size: 1.3em;
        float: left;
    }

    .modal .body-modal {
        padding: 1em 2em;
    }

    .modal .btn-close {
        font-size: 1.6em;
        width: 1em;
        text-align: center;
        margin-top: -3px;
    }

h2.title-blue {
    color: #0066b3 !important;
    font-family: 'CAIXA Std Bold';
    margin-bottom: 50px;
    font-size: 1.7em;
}

.title-sucesso {
    font-family: 'CAIXA Std Bold';
    margin-bottom: 10px;
    font-size: 1.6em;
}

.info-list {
    font-family: 'CAIXA Std Book';
    font-size: 1.2em;
    color: #1f2a47;
}


.title-confirmacao {
    margin-bottom: 2em;
}

    .title-confirmacao h3 {
        font-weight: bold;
        color: #4c556c;
        font-size: 1.8em;
    }

    .title-confirmacao .icon-blue {
        color: #0484D4;
        font-size: 5em;
        margin-bottom: 15px;
    }

.dados-confirmacao {
    margin-bottom: 1em;
}

.action-confirmacao {
    margin: 2em 0;
}

.dados-confirmacao p {
    margin: 0;
}

.colsm-2.icon {
    margin-top: 12px;
    width: 60px;
}

.ajuste {
    margin-left: 50px;
}

.float {
    float: left;
}

.modal-alert {
    display: none;
    width: 380px;
    height: auto;
    background: #fff;
    position: fixed;
    z-index: 99999;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top: 50%;
    border: 1px solid #ccc;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 4px;
    padding: 1rem;
}

    .modal-alert.on {
        display: block;
    }

.close-modal {
    margin-left: auto;
    margin-right: auto;
    float: none;
    font-weight: 100;
}

.modal-alert .mensagem-alert {
    text-align: center;
}

.modal-alert .header-modal {
    padding: 0;
}

.modal-alert .body-modal {
    padding: 1em;
    text-align: center;
}

    .modal-alert .body-modal .btn.close-modal {
        display: inline-block;
    }

.modal-alert .mensagem-alert h3 {
    font-size: 4em;
    color: #FAAF00;
}

.btn-close-modal {
    float: right;
    border: none;
    background: none;
    font-size: 2em;
    padding: 0;
    width: 1em;
    min-width: auto;
    font-weight: bold;
}

.btn.modalbtn {
    min-width: 100px;
    width: auto;
}

/*loading*/
#loading {
    background: #000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    opacity: 0.2;
    z-index: 9999;
    display: none;
}

    #loading .icon-loading {
        width: 80px;
        height: 80px;
        position: fixed;
        z-index: 99999;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        border-radius: 4px;
        padding: 1rem;
        background-image: url("/Style Library/pix/img/loading.gif");
        background-repeat: no-repeat;
        background-size: 80px 80px;
    }

.ordem-blocos-mobile {
    display: none;
}

    .ordem-blocos-mobile .ordenacao-blocos {
        width: 120px;
        border-radius: 2px;
        margin-left: 1em;
    }

.msg-copia {
    background: #c4fbd2;
    padding: 1em;
    margin: 2em 0;
    border-radius: 2px;
    color: #000;
    font-size: 1em;
    width: 50%;
    text-align: center;
    display: none;
    transform: translate(0,10px);
}

    .msg-erro.fixed {
        position: fixed;
        top: 20%;
        z-index: 9999;
        width: auto;
        min-width: 320px;
    }

.msg-erro, .msg-erro-contrato-simulado {
    display: none;
    background-color: #ffb7b6;
    color: #000;
    border-radius: 4px;
    padding: 15px;
    z-index: 1;
    font-size: 1rem;
    margin: 2% 0;
    
}
.close-erro {
    color: #686868;
    cursor: pointer;
    float: left;
    margin-top: 5px;
    font-size: 12px;
    margin-right: 20px;
}
/*Ate 1000px*/
@media screen and (max-width: 1000px) {
    .modal {
        width: 700px;
        top: 50%;
        padding: 1rem;
    }

    .dados-confirmacao p {
        display: inline;
    }
}
@media only screen and (min-width: 769px) and (max-width: 1100px) {

    .btn-mobile {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        margin-bottom: 1em;
        max-width: 500px;
        float: none;
    }
    .col-mobile {
        display: flex;
    }
}
/*Ate 768px*/
@media screen and (max-width: 768px) {
    .blocos-mobile {
        display: block;
    }

    .tabela-desktop {
        display: none;
    }

    .info-contratos-selecionados div.contador-selecionado p {
        display: inline-block;
        margin: 0 .3em
    }

        .info-contratos-selecionados div.contador-selecionado p:first-child {
            margin-right: 2em;
        }

    .lista-boletos .item-lista .info-item {
        margin-bottom: 1em;
    }

        .lista-boletos .item-lista .info-item p {
            display: initial;
        }

    .lista-boletos .item-lista .action-item {
        text-align: center;
    }

        .lista-boletos .item-lista .action-item a.btn {
            min-width: 300px;
            margin-left: auto;
            margin-right: auto;
            padding: 10px 0;
            max-width: 500px;
        }

    .btn {
        min-width: 300px;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        margin-bottom: 1em;
        max-width: 500px;
        float: none;
    }

    .action-button, .control-item {
        margin-bottom: 0;
    }

    .modal {
        width: 560px;
        top: 50%;
        padding: 1rem;
    }

        .modal .body-modal {
            padding: 1em;
        }

    .action-confirmacao {
        margin: 1em 0;
    }

    .ordem-blocos-mobile {
        display: block;
        font-family: 'CAIXA Std Bold';
        font-size: 1.2em;
        font-weight: bold;
        margin-bottom: 2em;
    }
}
/*Ate 500px*/
@media screen and (max-width: 500px) {
    .action-button .right {
        float: none;
    }

    .modal {
        width: calc (100% - 20px);
        top: 50%;
        padding: 0.5rem;
    }

        .modal .body-modal {
            padding: .5em;
        }

    .modal-alert {
        width: 300px;
    }

    .info-contratos-selecionados div.contador-selecionado {
        float: none;
        width: 100%;
    }

    .msg-copia {
        width: 100%;
    }
}
/*Ate 425px*/
@media screen and (max-width: 425px) {
    .lista-botoes-prazo .btn-prazo {
        height: 40px;
        width: 40px;
        font-size: 16px;
    }

    .title-confirmacao .icon-blue {
        color: #0484D4;
        font-size: 4em;
        margin-bottom: 10px;
    }

    .title-confirmacao h3 {
        font-size: 1.5em;
    }

    .modal .body-modal {
        padding: 0;
    }
}
/*Ate 400px*/
@media screen and (max-width: 400px) {
    .lista-botoes-prazo li {
        margin: 2px;
    }

    .lista-botoes-prazo .btn-prazo {
        height: 40px;
        width: 40px;
        font-size: 16px;
    }
}
/*Ate 350px*/
@media screen and (max-width: 350px) {
    .lista-botoes-prazo .btn-prazo {
        height: 38px;
        width: 38px;
        font-size: 15px;
    }

    .modal {
        width: 320px;
        top: 50%;
        padding: 0.5rem;
    }
}
/*Ate 320px*/
@media screen and (max-width: 320px) {
    .modal {
        width: 300px;
        top: 50%;
        padding: 0.5rem;
    }
}

.numero-boleto {
    margin-bottom: 15px !important;
}

.marginBtn {
    margin-top: 30px;
}

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

@media only screen and (min-width: 351px) and (max-width: 360px) {
    .lista-botoes-prazo .outro-prazo {
        width: 73%;
        padding-right: 3%;
        font-size: 16px;
    }

    .li-outro-prazo {
        width: 52%;
        padding: 0.1em;
        float: left;
    }

    .btnOk {
        position: relative;
        display: inline-block;
        min-width: 5em;
        float: left;
    }

    li.li-btnOk.ok-margin {
        padding: 0.1em 1em;
        margin-left: -40px;
    }

    .lista-botoes-prazo li {       
        margin: 1px;
    }
}

.modal-sucesso.on {
    display: block;
}

.modal-sucesso {
    display: none;
    width: 380px;
    height: auto;
    background: #fff;
    position: fixed;
    z-index: 99999;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top: 50%;
    border: 1px solid #ccc;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 4px;
    padding: 1rem;
}

    .modal-sucesso .mensagem-sucesso {
        text-align: center;
    }

        .modal-sucesso .mensagem-sucesso h3 {
            font-size: 4em;
            color: #008000;
        }

#btnCancelarBoleto, .btn-voltar-lista-contratos, .campos-formulario .btn-sair, #btnRenovarContrato, #btnRenovar {
    min-height: 2.9em;
    font-size: 1.07em;
    margin-right: 5px;
}