@font-face {
    font-family: "SF Pro Display";
    src: url(/theassets/fonts/sf_pro_display/SF-Pro-Display-Thin.otf);
    font-weight: 100;
}
@font-face {
    font-family: "SF Pro Display";
    src: url(/theassets/fonts/sf_pro_display/SF-Pro-Display-Ultralight.otf);
    font-weight: 200;
}
@font-face {
    font-family: "SF Pro Display";
    src: url(/theassets/fonts/sf_pro_display/SF-Pro-Display-Light.otf);
    font-weight: 300;
}
@font-face {
    font-family: "SF Pro Display";
    src: url(/theassets/fonts/sf_pro_display/SF-Pro-Display-Medium.otf);
    font-weight: 400;
}
@font-face {
    font-family: "SF Pro Display";
    src: url(/theassets/fonts/sf_pro_display/SF-Pro-Display-Regular.otf);
    font-weight: 500;
}
@font-face {
    font-family: "SF Pro Display";
    src: url(/theassets/fonts/sf_pro_display/SF-Pro-Display-Semibold.otf);
    font-weight: 600;
}
@font-face {
    font-family: "SF Pro Display";
    src: url(/theassets/fonts/sf_pro_display/SF-Pro-Display-Bold.otf);
    font-weight: 700;
}
@font-face {
    font-family: "SF Pro Display";
    src: url(/theassets/fonts/sf_pro_display/SF-Pro-Display-Black.otf);
    font-weight: 900;
}


body { font-family: 'SF Pro Display', sans-serif !important;}


.hasProblem {  }
.hasProblem h3 { background-color:#f9eded !important; color:#FF6E6E !important; }
.hasProblem tbody td {border: 7px solid #f9eded !important; font-weight: bold; color: #6b4646 }

.hasProblem .np-table-wrapper .np-table td { 
    background-color: #fffefe !important;
}



.center { text-align: center !important }

.np-block .np-block-header { border-radius: 7px;
    margin: 2% 0 0; }

.np-block-content .np-evaluation .np-evaluation-card { width: 67%; border-radius: 10px; margin: 0 0 3%; }
.np-block-content .np-evaluation .np-evaluation-card.left { width: 66.5%;  }
.np-block-content .np-evaluation .np-evaluation-card.right { width: 30.5%;  }

.hide {display:none}

.np-block .np-block-header { background-color: #2DA3C7;}

.np-block .np-block-header .np-header-logo { float: left }

.np-block-content .np-evaluation .np-evaluation-card { background-color: #EDF4F6; border: 0; }

.np-block-content .np-evaluation .np-evaluation-card .np-evaluation-title { color: #2CA7AF; }


p.fipe { font-size: 0.95em; width: 100%; text-align: justify; line-height: 1.6; color: #333; }
small.fipe { font-size: 0.7em;  width: 100%; text-align: center; float: left; margin: 3% 0; }

.np-block .np-block-header .np-header-title { float: left; text-align: left; font-size: 20px; font-weight: 600; text-transform: none; line-height: 2.5; }

.np-block .np-block-header .np-header-title-top { float: right; text-align: right; font-size: 20px; font-weight: 600; text-transform: none; line-height: 2.5; color: #FFF }


.np-table-block .np-table-title {  padding: 20px 0 10px; text-align: center; background-color: #edf4f6; color: #2ca7af; font-weight: 700; border-radius: 10px 10px 0 0; }

.np-table-block .np-table-title.excep { background-color: transparent;}

.np-table-block .np-table-title.excep a { color: #2ca7af !important; }
.np-table-block .np-table-title.excep a:hover { text-decoration: none !important; }


.np-table-block .np-table-title.process { opacity: .4 }



.np-table-block .np-table-wrapper .np-table td { padding: 16px;  background-color: #f8fbfc;  border: 7px solid #edf4f6; }
.np-table-block .np-table-wrapper .ajuste-td td{ min-width: 140px; }

.np-table-block .np-table-wrapper { background-color: #edf4f6; }


.np-block-content .np-evaluation.fives { width: 100%; margin: 0 }
.np-block-content .np-evaluation.fives .np-evaluation-card { width: 18%; margin: 0 1.5% 0 0; text-decoration: none; }
.np-block-content .np-evaluation.fives .np-evaluation-card.last { margin: 0 }

.np-block-content .np-evaluation.fives .np-evaluation-card:hover { opacity: .85 }
.np-block-content .np-evaluation.fives .np-evaluation-card .np-evaluation-title { font-size: 1em; }
.np-block-content .np-evaluation.fives .np-evaluation-card.danger { background-color: #fbf2f2; }
.np-block-content .np-evaluation.fives .np-evaluation-card.danger .np-evaluation-title { color: #cf7d7d }
.np-block-content .np-evaluation.fives .np-evaluation-card.danger .np-value { color: #cf7d7d }




.gradient-historicar {
    background: #2da1d2; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #2da1d2 0%, #2ba99f 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #2da1d2 0%,#2ba99f 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #2da1d2 0%,#2ba99f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2da1d2', endColorstr='#2ba99f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


.np-disclaimer { margin-bottom:0; }


.np-table-block .np-table-wrapper.-pending:before {  
    background-color: #fceded;
}
.np-table-block .np-table-wrapper.-pending::after {
    color: #fa5e5e;
    font-weight: 600;
    font-size: 0.95em;
}

.box-qr-code {
    border: 1px solid #e5e5e5;
    padding: 10px;
    border-radius: 10px;
    height: 120px;
}

.box-qr-code img {
    float: left;
    margin-right: 10px;
}

.box-qr-code p {
    line-height: 22px;
}

.box-qr-code a {
    color: #4ab0ce;
    font-weight: bold;
}

@media (max-width:767px) {
    .np-table-block .np-table-wrapper .np-table.-responsive td { display:block !important; text-align:center !important }

    .np-table-block .np-table-wrapper .np-table.-responsive tr {width: 50%; float: left;  }
    .np-table-block.CemPorCento .np-table-wrapper .np-table.-responsive tr {width: 100%}
    #Multas.debitos.np-table-block .np-table-wrapper .np-table.-responsive tr {width: 100%}
    .np-table-block .np-table-wrapper .np-table.-responsive td[data-title]:before {     width: 100%; text-align: center; display: block; }

    #Leilao .np-table-block .np-table-wrapper .np-table.-responsive tr {width: 100%; border-bottom: 20px solid white;}
    #Leilao .np-table-block .np-table-wrapper .np-table.-responsive tr td {width: 100%; padding: 0 0 10px; border-width: 1px !important;}

    .np-table-block .np-table-wrapper .np-table.-responsive tr.excep33 {width: 100%  }
    .np-table-block .np-table-wrapper .np-table.-responsive tr.excep33 td {background: transparent;  }
    .np-block .np-block-header .np-header-title { line-height: 1.5; }
    .np-table-block .np-table-wrapper .np-table td { padding: 10px; }

}