@charset "utf-8";
/* CSS Document */

@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;
}

/* ---------------- RESET ---------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h4, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0;  font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: middle; }
:focus { outline: 0;}
a, a:link, a:visited, a:hover, a:active{text-decoration:none}
th, td {text-align: left; font-weight: normal;}
img, iframe {border: none; text-decoration:none;}
ol, ul {list-style: none;}
input, textarea, select, button {font-size: 100%;font-family: inherit; margin:0; padding:0;}
select {margin: inherit;}
hr {margin: 0;padding: 0;border: 0;color: #000;background-color: #000;height: 1px}

body {
    font-family: 'SF Pro Display', sans-serif !important;
}
/*
    =============== COLORS BASE  ===============
*/

:root {
    --azul: #009CD6;
    --azul-escuro: #012D3F;
    --azul-medio: #01658D;
    --bg-leve: #F5F5F5;
    --style-guide-app-green: #00C1B4;
}

/*
    =============== FONTS MEMO  ===============

    font-family: 'Ra
    VERDE  -  color: #00a69c
    BLUE  -  color: #364150

*/

/* ICONS MASK */
.icon_user {
    width: 19px;
    height: 21px;
    background: #012D3FCC;
    mask: url('/theassets/images/icons/icon_no_img.svg') no-repeat center / contain;
    -webkit-mask: url('/theassets/images/icons/icon_no_img.svg') no-repeat center / contain;
    margin-bottom: 0 !important;
}

.icon_user_big {
    width: 19px;
    height: 81px;
    background: #012D3FCC;
    mask: url('/theassets/images/icons/icon_no_img.svg') no-repeat center / contain;
    -webkit-mask: url('/theassets/images/icons/icon_no_img.svg') no-repeat center / contain;
    margin-bottom: 0 !important;
}

.icon_atualizacao {
    width: 58px;
    height: 58px;
    background: #012D3F;
    mask: url('/theassets/images/icons/icon_atualizacao.svg') no-repeat center / contain;
    -webkit-mask: url('/theassets/images/icons/icon_atualizacao.svg') no-repeat center / contain;
    margin-bottom: 0 !important;
}

.icon_persona_computer_small {
    width: 50px;
    height: 36px;
    background: #012D3F;
    mask: url('/theassets/images/icons/icon_persona_computer.svg') no-repeat center / contain;
    -webkit-mask: url('/theassets/images/icons/icon_persona_computer.svg') no-repeat center / contain;
    margin-bottom: 0 !important;
}

.icon_email_ball {
    width: 58px;
    height: 27px;
    background: #012D3F;
    mask: url('/theassets/images/icons/icon_email_ball.svg') no-repeat center / contain;
    -webkit-mask: url('/theassets/images/icons/icon_email_ball.svg') no-repeat center / contain;
    margin-bottom: 0 !important;
}
/* FIM ICONS MASK */


/* STYLES BUTTONS COM COLORS E PADDING */
.btn_red_3_0 {
    background: #FF4B6A;
    border-radius: 4px;
    color: #FFF !important;
    padding: 4px 16px;
    text-transform: uppercase;
    font-size: 0.8em;
    font-weight: 600;
    height: fit-content;
}

.btn_red_3_0:hover {
    background: #FF4B6ACC;
}

.btn_blue_3_0 {
    background: var(--azul);
    border-radius: 4px;
    color: #FFF !important;
    padding: 4px 16px;
    text-transform: uppercase;
    font-size: 0.8em;
    font-weight: 600;
    height: fit-content;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.btn_blue_3_0:hover {
    background: #009CD6CC;
}

.btn_Darkblue_3_0 {
    background: #012D3F;
    border-radius: 4px;
    color: #FFF !important;
    padding: 4px 16px;
    text-transform: uppercase;
    font-size: 0.8em;
    font-weight: 600;
    height: fit-content;
}

.btn_Darkblue_3_0:hover {
    background: #012D3FCC;
}

.btn_green_3_0 {
    background: #00C1B4;
    border-radius: 4px;
    color: #FFF !important;
    padding: 4px 16px;
    text-transform: uppercase;
    font-size: 0.8em;
    font-weight: 600;
    height: fit-content;
    border: none;
    outline: none;
}

.btn_green_3_0:hover {
    background: #00C1B4CC;
}
/* FIM STYLES BUTTONS COM COLORS E PADDING */

/* remover apos ajustar botões */
.btn_green_3_0.button_ajuste {
    padding: 13px 3%;
    margin: 12px 0 0; 
    font-size: 1em; 
    border: none;
    background: #00C1B4 !important;
}

.btn_blue_3_0.a_width_ajuste  {
    text-align: center;
    font-size: 11px;
    padding: 8px;
    margin-top: 10px;
}

.table_3_0 {
    padding: 0 0 20px !important;
}
.table_3_0 table {
    width: 100%;
}

.table_3_0 table td {
    font-weight: normal;
    text-align: center;
    padding: 8px;
}

.table_3_0_lines {
    overflow-x: auto;
    width: 100%;
}

.table_3_0_lines table td {
    font-weight: normal;
    text-align: center;
    padding: 8px;
    border-bottom: 1px solid #F0F0F0;
}

.table_3_0_lines table tr:nth-child(even) {
    background-color: #FFF;
}

@media (max-width: 1160px) {
    .table_3_0_lines table {
        width: 100%;
        min-width: 1160px !important;
    }
}

.pointer {cursor:pointer}
.desactiveScroll { overflow: hidden; }

.clearfix { clear: both; }

.btn-green-new {
    background-color: #2CA7AF; text-transform: uppercase !important; font-weight: 400 !important; font-size: 0.8em !important }
.btn-green-new:hover {   background-color: #38cabd !important;  }

.btn-green-new2 { margin-right: 10px !important;
                  background-color: #a7a7a7; text-transform: uppercase !important; font-weight: 400 !important; font-size: 0.8em !important }
.btn-green-new2:hover {   background-color: #ccc !important;  }




.changeUser { width: 230px; position: absolute; right: 410px;}
.changeUser select { width: 70%; height: 29px; float: left; font-size: 0.75em; color: #333; border: 1px solid #cacaca; border-radius: 4px 0 0 4px; }
.changeUser .form-control { width: 30%; height: 13px;
    line-height: 0;
    float: left;
    font-size: 0.8em;
    padding: 15px 0 14px;
    border-radius: 0 4px 4px 0;
    background: #cacaca;
    border: 0;
    color: #FFF;}



.navbar-nav>li>a {
    color: #333;
    font-size: 13px;
    margin-right: 11px;
    text-transform: uppercase;
    border-radius: 3px;
    line-height: 13px;
}

.navbar { background-color: transparent; box-shadow: 0 0 0; padding: 15px; }
.navbar-nav { margin-top: 8px !important }

.navbar .container { position: relative !important; }


.top-nav-collapse { box-shadow: 0 0 0; padding: 10px; background-color: #FFF; }
.top-nav-collapse .contact-info { display: none }
.navbar-brand>img { transition: all 200ms ease-in-out; width: 315px }

.top-nav-collapse .navbar-nav { margin-top: 4px !important; }




.contact-info { position: relative; margin: 20px 0 40px 0; float: left; }
.contact-info p { float: left; font-size: 0.8em; font-weight: 600; }
.contact-info p i { margin-right: 5px; }
.contact-info p a {color: #35a1d2; text-transform: inherit; font-size: 1em; }
.contact-info p a:hover { text-decoration: underline; }
.contact-info p a.telin { font-size: 1.25em; }



.navbar-nav>.active>a, .navbar-nav>.active>a:hover, .navbar-nav>.active>a:focus {
    color: #00a69c;
    border-radius: 0;
    background-color:transparent;
}


.modal-content { font-size: 1.4em; font-weight: 400;}

.modal-title {font-weight: 700;}






.main-container { width: 100%; background: #FFF; float: left; }

#consultaCompleta { font-size:62.5%; color:#454547; font-weight:300; letter-spacing: 1.2px; background:#f5f5f6; height: auto;}
#consultaCompleta b { font-weight:800 }


.NewTableOverflow {
    overflow: auto;
}

#consultaCompleta div.right {
    display: block;
    float: left;
    width: 100%;
}

.NewTable table tr.last-row td  {
    border-top: 1px solid #F2F2F2;
    width: 50%;
    text-align: center;
}

.Observes-row:last-child {
    padding-bottom: 2%;
}

.NewTable table tr.last-row td a {
    font-weight: normal;
    color: #666;
}

.NewTable span.text-label {
    color: #FFF;
    padding: 4px 7px;
    border-radius: 4px;
    text-transform: uppercase;
    font-size: 10px;
}

.NewTable span.text-label.green {
    background-color: #22b14c;
}


.NewTable span.text-label.red {
    background-color: #e07e7e;
}

.NewHeader {
    display: flex;
    font-size: 16px;
   margin-bottom: 10px !important;
}

a.download {
    display: inline-block;
    background-size: 100%;
    height: 27px;
    width: 27px;
    background-image: url(../../images/new_layout/icons/download.svg);
    background-repeat: no-repeat;
    padding: 2px;
    border: 4px solid #f2f2f2;
    border-radius: 4px;
    margin-bottom: 8px;
}

a.download:hover {
    background-color: #e8ebed;
    border-color: #e8ebed;
}

a.download.em-aberto {
    display: none;
}

.NewHeader div:last-child {
    text-align: right;
}

.NewHeader > .juros {
    font-size: 12px;
}

.NewHeader > .juros.em-aberto {
    display: none;
}
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 28px;
  }
  
.switch input { 
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fafafa;
    -webkit-transition: .4s;
    transition: .4s;
    border: 2px solid #e8ebed;
}

.slider.em-aberto {
    cursor: not-allowed;
}
  
.slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}
  
input:checked + .slider {
    background-color: #00aedb;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

/*  BORDA ARREDONDADA  */
#consultaCompleta .radius {  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

/*  EFEITO SMOTH  */
#consultaCompleta .smoth { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }

/*  IES  */
#consultaCompleta .ie8 input {line-height:2.0 !important;}
#consultaCompleta .ie7 input {line-height:3.0 !important;}

#consultaCompleta section {width:100%; position: relative; float:left; }


/*  ROW  */
#consultaCompleta .row { position: relative; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: 1140px; }
#page .row.novoUsuario { position: relative; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: 1140px; }


/* responsive image */
#consultaCompleta img {
    max-width: 100%;
    height: auto;
}
@media \0screen {
    #consultaCompleta img {
        width: auto; /* for ie 8 */
    }
}


/* ---------------- RESET END ---------------- */



/* ---------------- HEADER  ---------------- */
#consultaCompleta header { position: absolute; top: 3%; right: 3%; z-index: 3 }
#consultaCompleta header img { width: 53px; float: left;opacity: .1 }


/* ---------------- SECTION  ---------------- */
#consultaCompleta #setor1 { width: 100%; height:auto; float: left; position: relative; background: url(../../images/consultar-veiculo-pela-placa_consulta-completa-bg.webp) no-repeat #FFF; background-size:; background-position: center 0 !important; z-index: 2; padding-bottom: 123px; }

#consultaCompleta #setor1 .row { z-index: 2 }
#consultaCompleta #setor1 .black { z-index: 1; width: 100%; height: 100%; background: #000; position: absolute; top: 0; left: 0; opacity: .75 }
#consultaCompleta #setor1 .black #modals .black.excep {width: calc(100% - 16px);}


#consultaCompleta #setor1 .carprice { width: 50%; float: left; margin-top: 86px }
#consultaCompleta #setor1 .carprice2 {display: none; width: 100%; height: 80px; margin: 40px 0 0 0; background: #2CA7AF; float: left;  }
#consultaCompleta #setor1 .carprice2 img { float: left; margin: -10px 0 0 5%; width: 180px; }
#consultaCompleta #setor1 .carprice2 .prie { float: left; margin: 16px; }
#consultaCompleta #setor1 .carprice2 .prie h5 { float: left; font-size: 2.5em; line-height: 1.05; color: #FFF; text-transform: uppercase; font-weight: 700  }
#consultaCompleta #setor1 .carprice2 .prie p { float: left; clear: both; font-size: 1.2em; line-height: 1.05; color: #FFF; text-transform: uppercase; font-weight: 200  }


#consultaCompleta #setor1 .busca { width: 50%; float: left; margin-top: 190px }


#consultaCompleta #setor1 .busca .topis { width: 100%; float: left; }
#consultaCompleta #setor1 .busca .topis h2 { float: left; font-size: 3.5em; line-height: 1.05; color: #333; text-transform: uppercase; font-weight: 200 }
#consultaCompleta #setor1 .busca .topis h3 { float: left; font-size: 3.2em; line-height: 1.4; margin-top: 12px; color: #333; text-transform: uppercase; color: #333; font-size: 1.6em; font-weight: 800 }
#consultaCompleta #setor1 .busca .topis .line { float: left; width: 130px; height: 2px; background: #FFF; margin: 3em 0 0 0; clear: both; }

#consultaCompleta #setor1 .busca .content { width: 100%; float: left; position: relative; margin-top: 25px  }
#consultaCompleta #setor1 .busca .content .icon { float: left; background: url(../../images/consulta-completa-elements.png); width: 44px; height: 44px;
                                                  background-position: -73px -62px; position:absolute; top: 13px; left: -74px; }

#consultaCompleta #setor1 .busca .content form { width:100%; float: left; }
#consultaCompleta #setor1 .busca .content form .field { width: 68%; padding: 0 0 0 3% ; height: 61px; background: #00a69c; border:0; float: left; font-size: 2em; color: #FFF; font-style: italic; text-transform: uppercase; font-weight: 700;  }

#consultaCompleta #setor1 .busca .content form .btnconsulta { width: 32%; height: 61px; background: #01beb3; border:0; float: left; color: #FFF; text-transform: uppercase; font-weight: 800; cursor:pointer; transition: all 200ms ease-in-out; }
#consultaCompleta #setor1 .busca .content form .btnconsulta:hover { background: #11d2c6; }
#consultaCompleta #setor1 .busca .content form .btnconsulta p {  float: left; font-size: 1.4em; padding: 22px 18px 0 28px;   }
#consultaCompleta #setor1 .busca .content form .btnconsulta i { float: left; background: url(../../images/consulta-completa-elements.png); width: 29px; height: 14px; background-position: -200px -72px; margin: 24px 0px;  }

#consultaCompleta #setor1 .busca .content form div { float: right; margin-top: 10px    }
#consultaCompleta #setor1 .busca .content form div p { float: left; color: #333; opacity: .5; font-weight: 500; font-size: 1em; font-style: italic;}
#consultaCompleta #setor1 .busca .content form div i { float: left; background: url(../../images/consulta-completa-elements.png); width: 105px; height: 22px; background-position: -599px -433px; margin: -3px 0 0 0; }

#consultaCompleta #setor1 .busca .content .btn-historico { display: none; width: auto; margin-bottom: 20px; height: auto; float: left; color: #333; text-transform: uppercase; font-weight: 800; cursor:pointer; transition: all 200ms ease-in-out; opacity: 0.75; }
#consultaCompleta #setor1 .busca .content .btn-historico:hover { background: #FFF; color: #323029 }
#consultaCompleta #setor1 .busca .content .btn-historico:hover > i { background-position: -294px -106px; }
#consultaCompleta #setor1 .busca .content .btn-historico p { float: left; font-size: 1.1em; line-height: 1.3; padding: 14px 16px 11px 14px;   }
#consultaCompleta #setor1 .busca .content .btn-historico i { float: left; background: url(../../images/consulta-completa-elements.png); width: 31px; height: 35px; background-position: -294px -106px; margin: 8px 0 0 17px;  }

#consultaCompleta #setor1 .busca .content .btn-creditos { display: none; width: auto; margin-bottom: 20px; height: auto; float: left; color: #333; text-transform: uppercase; font-weight: 800; cursor:pointer; transition: all 200ms ease-in-out; opacity: 0.75; }
#consultaCompleta #setor1 .busca .content .btn-creditos:hover { background: #FFF; color: #323029 }
#consultaCompleta #setor1 .busca .content .btn-creditos:hover > i { background-position: -835px -129px; }
#consultaCompleta #setor1 .busca .content .btn-creditos p { float: left; font-size: 1.1em; line-height: 1.3; padding: 14px 16px 11px 14px;   }
#consultaCompleta #setor1 .busca .content .btn-creditos i { float: left; background: url(../../images/consulta-completa-elements.png); width: 41px; height: 31px; background-position: -835px -129px; margin: 13px 0 0 14px; }






/* ---------------- SECTION  ---------------- */

#consultaCompleta #setor-pesquise { width: 100%; height:auto; float: left; position: relative; background: #00a69c; background-size:; background-position: center top !important; z-index: 2; padding-top: 35px; margin-top: -1px }

#consultaCompleta #setor-pesquise .pesquise { width: 100%; float: left;  }
#consultaCompleta #setor-pesquise .pesquise .topis { width: 100%; float: left; }
#consultaCompleta #setor-pesquise .pesquise .topis h3 { width: 100%; float: left; font-size: 3em; color: #FFF; text-align: center; text-transform: uppercase; font-weight: 200 }
#consultaCompleta #setor-pesquise .pesquise .topis .line { float: left; width: 130px; height: 2px; background: #FFF; margin: 2em 0 0 0; clear: both; }



#consultaCompleta #setor-pesquise .pesquise ul { width: 100%; float: left; position: relative; margin: 5% 0 0;  }
#consultaCompleta #setor-pesquise .pesquise ul li { width: 16.6666%; float: left; opacity: 1; transition: all 200ms ease-in-out; }
#consultaCompleta #setor-pesquise .pesquise ul li:hover { }
#consultaCompleta #setor-pesquise .pesquise ul li i { float: left; background: url(../../images/consulta-completa-elements.png); position: relative; left: 50%  }
#consultaCompleta #setor-pesquise .pesquise ul li p { float: left; font-size: 1.3em; width: 100%; text-align: center; margin-top: 20px; color: #FFF; font-weight: 700   }

#consultaCompleta #setor-pesquise .pesquise ul li i.one { width: 77px; height: 54px; background-position: -73px -293px; margin: 0 0 0 -25px;  }

#consultaCompleta #setor-pesquise .pesquise ul li i.two { width: 67px; height: 57px; background-position: -227px -290px; margin: -3px 0 0 -27px;  }
#consultaCompleta #setor-pesquise .pesquise ul li i.tree { width: 69px; height: 59px; background-position: -382px -203px; margin: -5px 0 0 -25px;  }
#consultaCompleta #setor-pesquise .pesquise ul li i.four { width: 67px; height: 57px; background-position: -543px -210px; margin: -3px 0 0 -27px;  }
#consultaCompleta #setor-pesquise .pesquise ul li i.five { width: 65px; height: 51px; background-position: -718px -211px; margin: 3px 0 0 -27px;  }
#consultaCompleta #setor-pesquise .pesquise ul li i.six { width: 70px; height: 51px; background-position: -876px -211px; margin: 3px 0 0 -25px;  }

#consultaCompleta #setor-pesquise .pesquise ul p.last { float: left; font-size: 1.4em; font-style: italic; width: 100%; text-align: center; margin-top: 5%; color: #99dbd7; font-weight: 700; opacity: 1  }


#consultaCompleta #setor-pesquise .pesquise .center { width: 100%; float: left; text-align: center; margin: 5% 0;  }
#consultaCompleta #setor-pesquise .pesquise .center a { font-size: 1.6em; color: #00a69c; text-transform: uppercase; background-color: #fff; border: 3px solid #fff; padding: 1em 2em; line-height: 1.2; font-weight: 400 }
#consultaCompleta #setor-pesquise .pesquise .center a b { font-weight: 800  }
#consultaCompleta #setor-pesquise .pesquise .center a:hover { opacity: 0.8 }

#consultaCompleta #setor-pesquise .pesquise .center.mobile { display: none; }




/* ---------------- SECTION  ---------------- */

#consultaCompleta #setor-funciona { width: 100%; height:auto; float: left; position: relative; background:; background-size:; background-position: center top !important; z-index: 3; padding: 5% 0 0; }


#consultaCompleta #setor-funciona .topis { width: 100%; float: left; }
#consultaCompleta #setor-funciona .topis h3 { width: 100%; float: left; font-size: 3em; color: #333; text-align: center; text-transform: uppercase; font-weight: 200; margin-bottom: 8% }
#consultaCompleta #setor-funciona .topis h3 b {color: #333}

#consultaCompleta #setor-funciona ul { width: 100%; float: left; }
#consultaCompleta #setor-funciona ul li { width: 21%; margin: 0 6%; float: left; position: relative; }
#consultaCompleta #setor-funciona ul li .square { width: 80px; height: 80px; background: #00a69c; color: #ededed; text-align: center; font-size: 7em; font-weight: 800; float: left; transform: rotate(45deg); position: absolute; top: 0; left: 0; z-index: 2  }
#consultaCompleta #setor-funciona ul li .square p { transform: rotate(-45deg); margin: 26px 0 0 -9px; }

#consultaCompleta #setor-funciona ul li .square2 { width: 155px; height: 155px; background: #f5f5f5; text-align: center;  transform: rotate(45deg); position: absolute; top: 0; left: 0; z-index: 1 }

#consultaCompleta #setor-funciona ul li .box { width: 200px; margin: 70px; float: left; position: relative; z-index: 3 }
#consultaCompleta #setor-funciona ul li .box h3 { font-weight: 900; text-transform: uppercase; line-height: 1.5; font-size: 1.35em; margin: 0 0 7px 0; }
#consultaCompleta #setor-funciona ul li .box p { font-weight: 400; font-size: 1.1em }
#consultaCompleta #setor-funciona ul li .box p a { color: #00a69c; font-weight: 700; cursor: pointer; }

#consultaCompleta #setor-funciona ul li.excep { width: 100%; margin-top: 5%; }
#consultaCompleta #setor-funciona ul li.excep .box { width: calc(100% - 140px); text-align: center; margin: 70px 70px 0 70px; }
#consultaCompleta #setor-funciona ul li.excep .box img { margin: -60px 0 0 }
#consultaCompleta #setor-funciona ul li.excep .box h3 { font-weight: 900; font-size: 2.6em; text-align: left; }
#consultaCompleta #setor-funciona ul li.excep .box p { font-size: 1.5em; text-align: left; }









/* ---------------- SECTION  ---------------- */

#consultaCompleta #setor-funciona-novo { width: 100%; height:auto; float: left; position: relative; background:; background-size:; background-position: center top !important; z-index: 3; padding: 5% 0 0; }


#consultaCompleta #setor-funciona-novo .topis { width: 100%; float: left; }
#consultaCompleta #setor-funciona-novo .topis h3 { width: 100%; float: left; font-size: 3em; color: #333; text-align: center; text-transform: uppercase; font-weight: 200; margin-bottom: 12% }
#consultaCompleta #setor-funciona-novo .topis h3 b {color: #00a69c}

#consultaCompleta #setor-funciona-novo .hw-items { width: 100%; float: left; position: relative; }

#consultaCompleta #setor-funciona-novo .hw-items .hw-item { width: 100%; float: left; position: relative; margin: 0 0 130px; z-index: 2 }

#consultaCompleta #setor-funciona-novo .hw-items .hw-item .ball { width: 95px; height: 95px; border: 5px solid #FFF; background: #00a69c; border-radius: 50%; float: left; }

#consultaCompleta #setor-funciona-novo .hw-items .hw-item .ball p { width: 100%; text-align: center; color: #FFF; font-size: 5.8em; font-weight: 700; float: left; padding: 31px 0 0 0 }

#consultaCompleta #setor-funciona-novo .hw-items .hw-item figure { margin: -41px 50px 0 50px; padding: 0; width: 192px; height: 175px; float: left; background: url(../../images/consulta-completa-elements.png); }

#consultaCompleta #setor-funciona-novo .hw-items .hw-item figure.one { background-position: -316px -827px; width: 235px; left: -16px; position: relative; margin: -41px 10px 0 50px; }

#consultaCompleta #setor-funciona-novo .hw-items .hw-item figure.two { background-position: -310px -578px; left: 29px; position: relative; }

#consultaCompleta #setor-funciona-novo .hw-items .hw-item figure.tree { background-position: -783px -575px; left: 30px; position: relative;     height: 177px; }

#consultaCompleta #setor-funciona-novo .hw-items .hw-item figure.four { background-position: -622px -835px; left: 21px; position: relative; }

#consultaCompleta #setor-funciona-novo .hw-items .hw-item .text { width: 60%; float: left;  }



#consultaCompleta #setor-funciona-novo .hw-items .hw-item .text h4 { width: 100%; float: left; color: #00a69c; font-size: 2.4em; line-height: 1.2em; font-weight: 700 }

#consultaCompleta #setor-funciona-novo .hw-items .hw-item .text p { width: 100%; float: left; color: #666; font-size: 1.5em; }

#consultaCompleta #setor-funciona-novo .hw-items .hw-item .text p a { color: #00a69c; font-weight: 700; cursor: pointer}

#consultaCompleta #setor-funciona-novo .hw-items .hw-item .text p a:hover { text-decoration: underline}

#consultaCompleta #setor-funciona-novo .hw-wrapper .line { width: 6px; height: 83%; background: #00a69c; position: absolute; top: 0; left: 45px }



#consultaCompleta #setor-funciona-novo .hw-items .hw-item .center { width: 100%; float: left; text-align: center; }

#consultaCompleta #setor-funciona-novo .hw-items .hw-item .center figure { float: none !important; margin: 0 auto }


#consultaCompleta #setor-funciona-novo .hw-items .hw-item .mobile { display: none; zoom: 0.55; }

#consultaCompleta #setor-funciona-novo .hw-items .hw-item .desktop { display: block; }


/* ---------------- SECTION  ---------------- */

#setor-faq { width: 100%; height:auto; float: left; position: relative; background:; background-size:; background-position: center top !important; z-index: 3; padding: 7% 0;  }

#setor-faq .topis { width: 100%; float: left; }
#setor-faq .topis h3 { width: 100%; float: left; font-size: 3em; color: #00a69c; text-align: center; text-transform: uppercase; font-weight: 200; margin-bottom:2%; }
#setor-faq .topis p { width: 100%; float: left; font-size: 1.3em; color: #00a69c; text-align: center; text-transform: uppercase; font-weight: 400; margin-bottom: 5% }

#setor-faq #accordion { width: 100%; float: left; text-align: justify; font-size: 1.3em; color: #666; font-weight: 500; letter-spacing: 0.2px;  }
#setor-faq #accordion .accordion-center { padding: 0 4%; background: #e5f6f5; border: 1px solid #e5f6f5; width: 80%; margin: 0 10% 1px; float: left; transition: all 400ms ease-in-out; }
#setor-faq #accordion .accordion-center:hover { background: #f6fffe; }

#setor-faq #accordion .accordion-center h4 { padding: 2% 0; width: 100%; float: left; font-size: 1.2em; color: #00a69c; font-weight: 700; line-height: 1.4; }

#setor-faq #accordion .accordion-center .accordion-content { width: 100%; float: left; padding: 0 20px 3%; }


.accordion-toggle {cursor: pointer;}
.accordion-content {display: none;}
.accordion-content.default {display: block;}






/* ---------------- SECTION  ---------------- */
#consultaCompleta #setor2 { margin-top: -60px; width: 100%; height:auto; float: left; position: relative; background: #00a69c; z-index: 2 }

#consultaCompleta #setor2 .relatorios { width: 100%; float: left; margin-top: 10% }
#consultaCompleta #setor2 .relatorios .topis { width: 100%; float: left; }
#consultaCompleta #setor2 .relatorios .topis h3 { width: 100%; float: left; font-size: 3em; color: #FFF; text-align: center; text-transform: uppercase;  text-transform: uppercase; font-weight: 200; }
#consultaCompleta #setor2 .relatorios .topis .line { float: left; width: 130px; height: 2px; background: #FFF; margin: 2em 0 0 0; clear: both; }

#consultaCompleta #setor2 .relatorios ul { width: 100%; float: left; position: relative; margin: 5% 0 0;  }
#consultaCompleta #setor2 .relatorios ul li { width: 33.3333%; float: left; transition: all 200ms ease-in-out; }
#consultaCompleta #setor2 .relatorios ul li i { float: left; background: url(../../images/consulta-completa-elements.png); position: relative; left: 50%; margin: 0 0 0 -38px;  }
#consultaCompleta #setor2 .relatorios ul li p { float: left; font-size: 2.0em; width: 100%; text-align: center; margin-top: 20px; color: #FFF; font-weight: 300; line-height: 1.3   }


#consultaCompleta #setor2 .relatorios ul li i.one { width: 98px; height: 106px; background-position: -83px -389px;   }
#consultaCompleta #setor2 .relatorios ul li i.two { width: 103px; height: 106px; background-position: -244px -389px;  }
#consultaCompleta #setor2 .relatorios ul li i.tree { width: 105px; height: 106px; background-position: -415px -389px;  }



/* ---------------- SECTION  ---------------- */
#consultaCompleta #setor3 { width: 100%; height:auto; float: left; position: relative; background: #FFF; z-index: 2; padding: 2.5em 0 1.7em; text-align: center; border: 1px solid #e6e6e6; }
#consultaCompleta #setor3 img {  }





/* ---------------- SECTION  ---------------- */
#consultaCompleta #resultado { width: 100%; height:100%; position: fixed; top: 0; right: 0; z-index: 999; transition: all 200ms ease-in-out; overflow: auto;  }
#consultaCompleta #resultado .black-esp { transition: all 1000ms ease-in-out; width: 100%; height:100%; background: #364150; float: left; position: fixed; top: 0; left: 0; z-index: 1; opacity: .85;  }

#consultaCompleta #resultado .box { width: 100%; height:; background: #f5f5f6; position: relative; float: right; z-index: 2; margin: 7% 0 7%; padding: 0 0 7% 0; }

#consultaCompleta #resultado .box.excep { height:inherit; }

#consultaCompleta #resultado .btn-voltar { width: 135px; height: 50px; background: #5a85a1; border:0; color: #FFF; text-transform: uppercase; font-weight: 800; cursor:pointer; transition: all 200ms ease-in-out; position: absolute; top: 0; left: 0 }
#consultaCompleta #resultado .btn-voltar:hover { background: #679cbf; left: -10px }
#consultaCompleta #resultado .btn-voltar p { float: left; font-size: 1.2em; padding: 16px 0 0 17px;   }
#consultaCompleta #resultado .btn-voltar i { float: left; background: url(../../images/consulta-completa-elements.png); width: 22px; height: 12px;
                                             background-position: -401px -72px; margin: 19px 0px 0 19px;  }

#consultaCompleta #resultado .box ul#info_placa h4 { float: left; font-size: 2.4em; color: #666; font-weight: 800; margin: 0 0 3% 0; text-transform: uppercase;  }
#consultaCompleta #resultado .box ul#info_placa h4#prontomsg { margin: 3% 0 0 0 !important; }
#consultaCompleta #resultado .box ul#info_placa { float: left; margin: 110px 0 0 18%; letter-spacing: 1px  }
#consultaCompleta #resultado .box ul#info_placa li { float: left; clear: both; margin: 0.8em 0 }
#consultaCompleta #resultado .box ul#info_placa li p { float: left; font-size: 1.6em; color: #666; font-weight: 300;   }
#consultaCompleta #resultado .box ul#info_placa li p b { font-weight: 700;   }


#consultaCompleta #resultado .box ul#info_placa .btn-completo {     width: auto;  padding: 0 60px 0 0; height: 70px; background: #428bca; border:0; float: left; clear: both; color: #FFF; text-transform: uppercase; font-weight: 200; cursor:pointer; transition: all 200ms ease-in-out; margin: 3% 0 0 0; position: relative; }
#consultaCompleta #resultado .box ul#info_placa .btn-completo:hover { background: #679cbf; }
#consultaCompleta #resultado .box ul#info_placa .btn-completo p { float: left; font-size: 1.6em; padding: 27px 18px 0 28px;   }
#consultaCompleta #resultado .box ul#info_placa .btn-completo p b { font-weight: 800; }
#consultaCompleta #resultado .box ul#info_placa .btn-completo i { float: left; background: url(../../images/consulta-completa-elements.png); width: 29px; height: 14px; background-position: -194px -72px; margin: 29px 0px;  }
#consultaCompleta #resultado .box ul#info_placa .btn-completo img { position: absolute; top: -36px; right: -150px   }



#consultaCompleta .on { width: 100% !important; opacity: 1 }
#consultaCompleta .off { width: 0 !important;  opacity: 0; display: none }

#consultaCompleta #resultado .on-esp { opacity: .8 }
#consultaCompleta #resultado .off-esp { opacity: 0 }

#consultaCompleta #resultado .premium { float: left; width: 80%; margin: 4% 0 4%; zoom: .75; }
#consultaCompleta #resultado .premium h4 { float: left; clear: both; margin: 0 !important }
#consultaCompleta #resultado .premium h3 { float: left; clear: both; font-weight: 600; font-size: 1.4em; margin: 5px 0; }
#consultaCompleta #resultado .premium p { float: left; clear: both; font-weight: 600; font-size: 1.1em; margin: 15px 0 0; }



/* ---------------- PROGRESS  ---------------- */


#consultaCompleta #resultado .premium #myProgress {
    width: 100%;

    float: left;
}



@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}



.progress-bar {
    width: 100%;
    background: #ccc;
    height: 10px;
    float: left;
    margin: 10px 0 0;

}
.progress-bar div {
    width: 0%;
    background: #00a69c;
    height: 100%;
    float: left;
    -webkit-transition-delay : 2s;
    -moz-transition-delay: 2s;
    -o-transition-delay: 2s;
    transition-delay: 2s;
}
.progress_1 {
    -webkit-transition : width 4s ease;
    -moz-transition : width 5s ease;
    -o-transition : width 5s ease;
    transition : width 5s ease;
}

.progress_2 {
    -webkit-transition : width 5s ease;
    -moz-transition : width 5s ease;
    -o-transition : width 5s ease;
    transition : width 5s ease;
}

.progress_3 {
    -webkit-transition : width 7s ease;
    -moz-transition : width 7s ease;
    -o-transition : width 7s ease;
    transition : width 7s ease;
}


/* ---------------- SECTION  ---------------- */
#consultaCompleta #historico { width: 100%; height:auto; min-height: 500px; float: left; position: relative; background: #f5f5f6; z-index: 2 }

#consultaCompleta #historico .row { z-index: 2 }


#consultaCompleta #historico .busca { width: 100%; float: left; margin-top: 10% }
#consultaCompleta #historico .busca .top { width: 100%; float: left; position: relative; }
#consultaCompleta #historico .busca .top h2 { float: left; font-size: 2.3em; color: #666666; text-transform: uppercase; font-weight: 200 }
#consultaCompleta #historico .busca .top h4 { clear: both; float: left; font-size: 1.4em; color: #666666; text-transform: uppercase; font-weight: 400 }
#consultaCompleta #historico .busca .top p { float: left; font-size: 1.4em; color: #666666; clear: both; line-height: 1.8; font-weight: 400 }
#consultaCompleta #historico .busca .top .icon { float: left; background: url(../../images/consulta-completa-elements.png); width: 43px; height: 48px; background-position: -491px -53px; position:absolute; top: 0; left: -74px; }

#consultaCompleta #historico .busca .content { width: 100%; float: left; position: relative; margin: 0 0 5% }

#consultaCompleta #historico .busca .content form { clear: both; float: left; margin: 2em 0; position: relative; }
#consultaCompleta #historico .busca .content form i { float: left; background: url(../../images/consulta-completa-elements.png); width: 20px; height: 20px; background-position: -585px -67px; position:absolute; top: 14px; left: 17px;  }

#consultaCompleta #historico .busca .content form .field { width: 270px; padding: 0 0 0 50px; height: 45px; background: #FFF; border: 1px solid #dcdcdd; float: left; font-size: 1.3em; color: #666; font-weight: 300; font-style: italic;  font-weight: 700; font-style: normal;  }


#consultaCompleta #historico .busca .content .table { width: 99%; float: left; background: #FFF; border: 1px solid #dcdcdd; border-bottom: 0 }
#consultaCompleta #historico .busca .content .table li { width: 90%; float: left; margin:0 0; padding: 3em 5% 2.5em;  border-bottom: 1px solid #dcdcdd   }
#consultaCompleta #historico .busca .content .table li .left { float: left;  }
#consultaCompleta #historico .busca .content .table li .left { float: left;  }
#consultaCompleta #historico .busca .content .table li .right { float: right;  }

#consultaCompleta #historico .busca .content .table li .left i { float: left; background: url(../../images/consulta-completa-elements.png); width: 15px; height: 15px; background-position: -731px -67px;  }

#consultaCompleta #historico .busca .content .table li p { float: left; font-size: 1.4em; color: #666; font-weight: 300; margin: 0 0 0 1em    }
#consultaCompleta #historico .busca .content .table li .excep p {  font-size: 1.8em;  font-weight: 700; margin: -2px 0 0 2.5em   }

#consultaCompleta #historico .busca .content .table li .right a { background: #00a69c; padding: 1em 2em; float: left; color: #FFF; text-transform: uppercase; font-weight: 800; font-size: 1.2em; cursor:pointer; transition: all 200ms ease-in-out; margin: -11px 0; }
#consultaCompleta #historico .busca .content .table li .right a:hover { background: #01beb3; }

#consultaCompleta #historico .busca .content .cadastro_simples input { color: #000000; }
#consultaCompleta #historico .busca .content .cadastro_simples input.has-error { border-color: #a4361d; }

#consultaCompleta #historico .busca .content .cadastro_simples input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #000000;
}
#consultaCompleta #historico .busca .content .cadastro_simples input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #000000;
    opacity:  1;
}
#consultaCompleta #historico .busca .content .cadastro_simples input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #000000;
    opacity:  1;
}
#consultaCompleta #historico .busca .content .cadastro_simples input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:    #000000;
}
#consultaCompleta #historico .busca .content .cadastro_simples input::-ms-input-placeholder { /* Microsoft Edge */
    color:    #000000;
}

#consultaCompleta #historico .busca .content .btnconsulta { width:; background: #364150; padding: 1em 2em; float: left; color: #FFF; text-transform: uppercase; font-weight: 800; font-size: 1.2em; cursor:pointer; transition: all 200ms ease-in-out; margin: 4em 0; }
#consultaCompleta #historico .busca .content .btnconsulta:hover { background: #4b5a6d; }





/* ---------------- SECTION  ---------------- */
#consultaCompleta #pagamento { width: 100%; padding: 20px 0 0 0; height:auto; float: left; position: relative; background: #fafafa; z-index: 2 }

#consultaCompleta #pagamento .row { z-index: 2 }


#consultaCompleta #pagamento .busca { width: 100%; float: left; margin-top: 10% }
#consultaCompleta #pagamento .busca .top { width: 100%; float: left; position: relative; }
#consultaCompleta #pagamento .busca .top h2 { float: left; font-size: 2.3em; color: #666666; text-transform: uppercase; font-weight: 200 }
#consultaCompleta #pagamento .busca .top p { float: left; font-size: 1.4em; color: #666666; clear: both; line-height: 1.8; font-weight: 400 }
#consultaCompleta #pagamento .busca .top .icon { float: left; background: url(../img/consulta-completa-elements.png); width: 63px; height: 48px; background-position: -791px -53px; position:absolute; top: 0; left: -74px; }



#consultaCompleta #pagamento .busca .content { width: 100%; float: left; position: relative; margin: 2.5% 0 5% }


#consultaCompleta #pagamento .busca .content .Breve { opacity: 0.4; cursor: default !important;  }

#consultaCompleta #pagamento .busca .content .sec-name { cursor: pointer;float: left; position: relative; margin: 0 -1px -1px 0;/* background: #f5f5f6; */ border: 1px solid #dcdcdd; border-bottom: 0; font-size: 1.2em; color: #666; font-weight: 800; text-transform: uppercase; padding: 1.5em 3em; z-index: 2}
#consultaCompleta #pagamento .busca .content .sec-name:hover { background: #FFF }
#consultaCompleta #pagamento .busca .content .sec-active { cursor: pointer; background: #FFF;  }

#consultaCompleta #pagamento .busca .content .all { float: left; width: 99%; height: auto; border: 1px solid #dcdcdd; background: #FFF; position: relative; display: block; overflow: hidden; z-index: 1 }
#consultaCompleta #pagamento .busca .content .aba1 {  }
#consultaCompleta #pagamento .busca .content .aba2 {  }
#consultaCompleta #pagamento .busca .content .aba2 form { width: 350px }

#consultaCompleta #pagamento .busca .content .aba-ativa {display: block}
#consultaCompleta #pagamento .busca .content .all.normal {display: none}
#consultaCompleta #pagamento .busca .content .all .left { float: left; width: 100%; padding: 4% 4% 0 4%; height: auto; background: #FFF; position: relative;  }
#consultaCompleta #pagamento .busca .content .all .right { float: right; text-align: center; padding: 2% 0; height: auto; position: relative; background: #f5f5f5; width: 100%; border: 0; border-top: 1px solid #dcdcdd; }
#consultaCompleta #pagamento .busca .content .all .right img {  }




#consultaCompleta #pagamento .busca .content .all .left ul li label { width: 100%; margin:0 0 0.75em 0; float: left; font-size: 1.4em; color: #666; font-weight: 800; text-transform:; }
#consultaCompleta #pagamento .busca .content .all .left ul li select {  padding: 0 0 0 3%; height: 45px; background: #FFF; border: 1px solid #dcdcdd; float: left; font-size: 1.6em; color: #666; font-weight: 700;  }

#consultaCompleta #pagamento .busca .content .all h3 { float: left; font-size: 1.5em; color: #666; font-weight: 800; text-transform: uppercase; margin-bottom: 0; }
#consultaCompleta #pagamento .busca .content .all h3.excep { float: none; }
#consultaCompleta #pagamento .busca .content .all .left #payment-form {margin-top: 20px;}
#consultaCompleta #pagamento .busca .content .all .left #payment-form p { font-weight: 400 }
@media only screen and (max-width: 767px) {
    #consultaCompleta #pagamento .busca .content .all .left #payment-form p { font-size: 11px; }
}

#consultaCompleta #pagamento .busca .content .all .left #payment-form-boleto {margin-top: 20px;}
#consultaCompleta #pagamento .busca .content .all .left #payment-form-boleto p { font-weight: 400 }
@media only screen and (max-width: 767px) {
    #consultaCompleta #pagamento .busca .content .all .left #payment-form-boleto p { font-size: 11px; }
}

#consultaCompleta #pagamento .busca .content .all .left form { width: 100%; margin: 1% 0 0; float: left; }
#consultaCompleta #pagamento .busca .content .all .left form ul { width: 47.5%; margin: 0 2.5% 0 0; float: left; }
#consultaCompleta #pagamento .busca .content .all .left form ul.excep { width: 100%; margin: 0 0 1em 0; padding: 1em 0; border-bottom: 1px solid #EFEFEF; border-top: 1px solid #EFEFEF; }
#consultaCompleta #pagamento .busca .content .all .left form ul.excep.no-border { border-top: initial !important; }
#consultaCompleta #pagamento .busca .content .all .left form ul.excep:last-child {margin: 0 0 2em 0 !important;}

#consultaCompleta #pagamento .busca .content .all .left form ul:last-child { margin: 0 0 0 2.5% !important;  }
#consultaCompleta #pagamento .busca .content .all .left form ul li { width: 100%; margin:0 0 3em 0; float: left; }
#consultaCompleta #pagamento .busca .content .all .left form ul.excep li { width: 100%; margin:0 0 0 0; float: left; }
#consultaCompleta #pagamento .busca .content .all .left form ul li label { width: 100%; margin:0 0 0.75em 0; float: left; font-size: 1.4em; color: #666; font-weight: 400; text-transform:; }
#consultaCompleta #pagamento .busca .content .all .left form ul li label small {font-size: 0.65em; font-style: italic; }
#consultaCompleta #pagamento .busca .content .all .left form ul.excep li label { font-weight: 800 }


#consultaCompleta #pagamento .busca .content .all .left form ul li .field { width: 96%; padding: 0 0 0 3%; height: 45px; background: #FFF; border: 1px solid #dcdcdd; float: left; font-size: 1.6em; font-weight: 700; color: #666;   }

#consultaCompleta #pagamento .busca .content .all .left form ul li select { width: 46%  padding: 0 0 0 3%; height: 45px; background: #FFF; border: 1px solid #dcdcdd; float: left; font-size: 1.6em; color: #666; font-weight: 700;  }

#consultaCompleta #pagamento .busca .content .all .left form ul.excep li .checkbox {float: left;}
#consultaCompleta #pagamento .busca .content .all .left form ul.excep li p {float: left; margin: 0 0 0 1em; font-size: 1.2em; font-weight: 400 }
#consultaCompleta #pagamento .busca .content .all .left form ul.excep li label p {float: left; margin: 0 0 0 1em; font-size: 12px; font-weight: 400 }
#consultaCompleta #pagamento .busca .content .all .left form ul.excep li.salve { margin: 1em 0 0 0; }
#consultaCompleta #pagamento .busca .content .all .left form ul.excep li.salve .field { width: 47%; }

.btn_efetuar_pagamento.checkout_plano, .btn_efetuar_pagamento_boleto.checkout_plano{ clear: both; width:100%; background: #35a1d2; padding: 1.5em 0; text-align: center; float: left; color: #FFF; text-transform: uppercase; font-weight: 800; font-size: 1.2em; cursor:pointer; transition: all 200ms ease-in-out; margin: 2em 0 0; }
.btn_efetuar_pagamento.checkout_plano:hover, .btn_efetuar_pagamento_boleto.checkout_plano:hover { background: #01beb3; }



#consultaCompleta #pagamento .busca .content .all .segura { width:; position: absolute; top: 0; right: 0; background: #dcdcdd; padding: 1em 2em }
#consultaCompleta #pagamento .busca .content .all .segura i { float: left; font-size: 26px; margin: 0 0 0 0 }
#consultaCompleta #pagamento .busca .content .all .segura p { float: left; font-size: 1.3em; color: #666; font-weight: 700; text-transform: uppercase; margin: 4px 0 0 15px }



#consultaCompleta #pagamento .busca .content .all .right ul { float: left; clear: both; margin: 0 0 0; letter-spacing: 1px  }
#consultaCompleta #pagamento .busca .content .all .right ul li { float: left; clear: both; margin: 0.3em 0 }
#consultaCompleta #pagamento .busca .content .all .right ul li p { float: left; font-size: 1.3em; color: #666; font-weight: 300; line-height: 1.8   }
#consultaCompleta #pagamento .busca .content .all .right ul li p b { font-weight: 700;   }

#consultaCompleta #pagamento .busca .content .all .right .line { width: 100%; float: left; margin: 2em 0; height: 1px; background: #dcdcdd;  }
#consultaCompleta #pagamento .busca .content .all .right .result { width: 50%; float: right; }
#consultaCompleta #pagamento .busca .content .all .right .result { width: 100%; float: left; }
#consultaCompleta #pagamento .busca .content .all .right .result p { float: left; font-size: 1.3em; color: #666; font-weight: 300; line-height: 2   }
#consultaCompleta #pagamento .busca .content .all .right .result h4 { float: left; font-size: 2em; color: #666; font-weight: 800; line-height: 1.8; clear: both;   }

#consultaCompleta #pagamento .busca .content .all .right .result a{ max-width: 300px; clear: both; width:100%; background: #00a69c; padding: 1.5em 0; text-align: center; float: left; color: #FFF; text-transform: uppercase; font-weight: 800; font-size: 1.2em; cursor:pointer; transition: all 200ms ease-in-out; margin: 2em 0 0; }
#consultaCompleta #pagamento .busca .content .all .right .result a:hover { background: #01beb3; }


#consultaCompleta #pagamento .busca .content .btn { width:; background: #364150; padding: 1em 2em; float: left; color: #FFF; text-transform: uppercase; font-weight: 800; font-size: 1.2em; cursor:pointer; transition: all 200ms ease-in-out; margin: 4em 0; }
#consultaCompleta #pagamento .busca .content .btn:hover { background: #4b5a6d; }


#consultaCompleta #pagamento .busca .content .all .left form ul.credits { }
#consultaCompleta #pagamento .busca .content .all .left form ul.credits h5 { width: 100%; margin:0 0 0.75em 0; float: left; font-size: 1.4em; color: #666; font-weight: 400; text-transform:; font-weight: 700 }

#consultaCompleta #pagamento .busca .content .all .left form ul.credits label { width: 30% !important; float: left; background: #00A69C; margin: 0 1.5% !important; border-bottom: 3px solid #dcdcdd; }
#consultaCompleta #pagamento .busca .content .all .left form ul.credits label:hover { background: #1BC1B7;  }

#consultaCompleta #pagamento .busca .content .all .left form ul.credits label .checkbox { width: 17px; height: 17px; position: relative; left: 50%; margin: 10% 0 10% -9px }
#consultaCompleta #pagamento .busca .content .all .left form ul.credits label p { color: #FFF; font-size: 1.3em; font-weight: 500; width: 85%; float: left; text-align: center; margin: 5% 7.5% 0 !important; }

#consultaCompleta #pagamento .busca .content .all .left form ul.credits label p.one { font-weight: 900;font-size: 1.5em; text-transform: uppercase; margin: 10% 7.5% -2% !important}
#consultaCompleta #pagamento .busca .content .all .left form ul.credits label p.two b { font-size: 3em; color: #B1FFFB; line-height: 1 }

#consultaCompleta #pagamento .busca .content .all .left form ul.credits label p.tre { line-height: 1; }
#consultaCompleta #pagamento .busca .content .all .left form ul.credits label p.tre.uso_credito { margin-bottom: 10% !important; }


#consultaCompleta #pagamento .busca .content .all .right label.credito { width: 30% !important; float: left; background: #00A69C; margin: 0 1.5% !important; border-bottom: 3px solid #dcdcdd; }
#consultaCompleta #pagamento .busca .content .all .right label.credito:hover { background: #1BC1B7;  }

#consultaCompleta #pagamento .busca .content .all .right label.credito .checkbox { width: 17px; height: 17px; position: relative; left: 50%; margin: 10% 0 10% -9px }
#consultaCompleta #pagamento .busca .content .all .right label.credito p { color: #FFF; font-size: 1.3em; font-weight: 500; width: 85%; float: left; text-align: center; margin: 5% 7.5% 0 !important; }

#consultaCompleta #pagamento .busca .content .all .right label.credito p.one { font-weight: 900;font-size: 1.5em; text-transform: uppercase; margin: 10% 7.5% -2% !important}
#consultaCompleta #pagamento .busca .content .all .right label.credito p.two b { font-size: 3em; color: #B1FFFB; line-height: 1 }

#consultaCompleta #pagamento .busca .content .all .right label.credito p.tre { line-height: 1; }
#consultaCompleta #pagamento .busca .content .all .right label.credito p.tre.uso_credito { margin-bottom: 10% !important; }


/* ---------------- FORM NEW CARD  ---------------- */

.cardForm-Field50 {
    float: left;
    width: 45%;
    margin-right: 10%;
}
.cardForm-Field50.excep {margin-right: 0;}


.card-container {float: left; clear: both; margin: 5% 0 6% 34%}
.card-wrapper {float: left; clear: both;}


/* Makes the default card text easier to read */
.jp-card .jp-card-front .jp-card-display, .jp-card .jp-card-back .jp-card-display {
    text-shadow: 0 1px 2px #1D1F20;
}
/* Changes the default styles */
.jp-card .jp-card-front, .jp-card .jp-card-back {
    background: #00a69c!important;
}
.card-container form {
    max-width: 350px;
    text-align: center;
    float: left; clear: both;
}
.form-container form {
    margin: 10px auto;
}
.form-container input {
    margin: 0 0 10px 0;
    /* padding: 0; */
    font-size: 16px;
    float: left;
    padding: 5px 0;
    box-sizing: border-box;
    webkit-box-shadow: none;
    box-shadow: none;
    /* width: 50%; */
    display: block;
}
input.secondRow {
    float: left;
    display: block;
    width: 100%;
}

.form-container label {
    text-align: left;
    float: left;
    padding: 5px 0 0px 0;
    letter-spacing: normal;
    width: 100%;
    font-family: arial;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
}

input.button {
    width: 100%;
    padding: 11px;
    border: none;
    box-shadow: none;
    border-radius: 0;
    /* background: #CCCCCC; */
}
/*input.button:hover {
  background: #27ae60;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}*/
input:not([type=submit]):not([type=file]) {
    /* omg so much cleaner */
    border: 1px solid #DDD;
    -webkit-box-shadow:
        inset 0 0 0px  rgba(0,0,0,0.1),
        0 0 0px rgba(0,0,0,0.1);
    -moz-box-shadow:
        inset 0 0 0px  rgba(0,0,0,0.1),
        0 0 0px rgba(0,0,0,0.1);
    box-shadow:
        inset 0 0 0px  rgba(0,0,0,0.1),
        0 0 0px rgba(0,0,0,0.1);
    padding: 10px;
    
    font-weight: 700
}
.form-container input[name="name"], .form-container input[name="cpf"], .form-container input[name="nome"], .form-container input[name="email"], .form-container input[name="senha"]{
    width: 100%;
}
.form-container input[name="number"]{
    width: 100%;
}
.form-container input[name="cvc"]{

}

.CardDefault, .CardDefault:hover {
    background: gray;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.CardWarning,.CardWarning:hover {
    background: red;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.CardGood, .CardGood:hover {
    background: #27ae60;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.form-container input.incorrectInfo {
    border: red solid 1px;
}



.navbar-header .logo-check {  }















/* ---------------- breadcamps  ---------------- */
#consultaCompleta #breadcamps { width: 100%; float: left; margin:2em 0; }
#consultaCompleta #breadcamps.excep { margin:0 0 2em 0; }
#consultaCompleta #breadcamps li { float: left; margin: 0 0.75em 0 0 }
#consultaCompleta #breadcamps li a { float: left; }
#consultaCompleta #breadcamps li i { float: left; background: url(../../images/consulta-completa-elements.png); width: 16px; height: 13px; background-position: -662px -67px; margin: 3px 0 0 0  }
#consultaCompleta #breadcamps li p { font-size: 1.2em !important; color: #a0a0a0 !important; font-weight: 500; font-style: italic; }
#consultaCompleta #breadcamps li a p { color: #666666 !important; text-decoration: underline; }




/* ---------------- propostas ---------------- */
#consultaCompleta #propostas { width: 100%; height:auto; min-height: 900px; float: left; position: relative; background: #f5f5f6; z-index: 2 }

#consultaCompleta #propostas .row { z-index: 2 }


#consultaCompleta #propostas .busca { width: 100%; float: left; margin-top: 10% }
#consultaCompleta #propostas .busca .top { width: 100%; float: left; position: relative; }
#consultaCompleta #propostas .busca .top h2 { float: left; font-size: 2.3em; color: #666666; text-transform: uppercase; font-weight: 200 }
#consultaCompleta #propostas .busca .top p { float: left; font-size: 1.4em; color: #666666; clear: both; line-height: 1.8; font-weight: 400 }
#consultaCompleta #propostas .busca .top .icon { float: left; background: url(../../images/consulta-completa-elements.png); width: 43px; height: 48px; background-position: -491px -53px; position:absolute; top: 0; left: -74px; }



#consultaCompleta #propostas .busca .content { width: 100%; float: left; position: relative; margin: 0 0 5% }

#consultaCompleta #propostas .busca .content form { clear: both; float: left; margin: 2em 0; position: relative; }

#consultaCompleta #propostas .busca .content form .field { width: 270px; padding: 0 0 0 50px; height: 45px; background: #FFF; border: 1px solid #dcdcdd; float: left; font-size: 1.3em; color: #666; font-weight: 300; font-style: italic;  font-weight: 700; font-style: normal;  }
#consultaCompleta #propostas .busca .content form i { width: 10px; height: 10px;  color: #666; font-weight: 500; font-style: normal; font-size: 23px;}

#consultaCompleta #propostas .busca .content .table { width: 99%; float: left; background: #FFF; border: 1px solid #dcdcdd;}
#consultaCompleta #propostas .busca .content .table li { width: 90%; float: left; margin:0 0; padding: 3em 5% 2.5em;   }
#consultaCompleta #propostas .busca .content .table li .left { float: left;  }
#consultaCompleta #propostas .busca .content .table li .left { float: left;  }
#consultaCompleta #propostas .busca .content .table li .right { float: right;  }

#consultaCompleta #propostas .busca .content .table li .left i { float: left; background: url(../../images/consulta-completa-elements.png); width: 15px; height: 15px; background-position: -731px -67px;  }

#consultaCompleta #propostas .busca .content .table li p { float: left; font-size: 1.4em; color: #666; font-weight: 300; margin: 0 0 0 1em    }
#consultaCompleta #propostas .busca .content .table li .excep p {  font-size: 1.8em;  font-weight: 700; margin: -2px 0 0 2.5em   }

#consultaCompleta #propostas .busca .content .table li .right a { background: #00a69c; padding: 1em 2em; float: left; color: #FFF; text-transform: uppercase; font-weight: 800; font-size: 1.2em; cursor:pointer; transition: all 200ms ease-in-out; margin: -11px 0; }
#consultaCompleta #propostas .busca .content .table li .right a:hover { background: #01beb3; }


#consultaCompleta #propostas .busca .content .btnconsulta { background: #364150; padding: 1em 2em; float: right; color: #FFF; text-transform: uppercase; font-weight: 800; font-size: 1.2em; cursor:pointer; transition: all 200ms ease-in-out; margin: 1em 0; }
#consultaCompleta #propostas .busca .content input.btnconsulta { border: 0px; }

#consultaCompleta #propostas .busca .content .btnconsulta:hover { background: #4b5a6d; }







/* ---------------- PRICES ---------------- */
#Prices { width: 100%; height: auto; padding:30px 0 5% 0; position: relative; background:; float: left; z-index: 3; font-size: 1em; padding: 5% 0; }

#Prices .topis { width: 100%; float: left; }
#Prices .topis h3 { width: 100%; float: left; font-size: 3em; color: #333; text-align: center; text-transform: uppercase; font-weight: 200; margin-bottom: 1% }
#Prices .topis h3 b {color: #00a69c }
#Prices .topis p { width: 100%; float: left; font-size: 1.3em; color: #333; text-align: center; text-transform: uppercase; font-weight: 400; margin-bottom: 5% }

#Prices .prices-items { float: left; width: 90%; margin: 0 0 0 5%;  padding: 0; }

#Prices .prices-items .price-item { position: relative; float: left; width: 28%; height: auto; margin: 0 8% 0 0; border:1px solid #00a69c; list-style: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 1.5em; }

#Prices .prices-items .price-item:last-child { margin: 0}

#Prices .prices-items .price-item img.b-prices { float: left; position: absolute; top: -14px; left: 50%; margin: 0 0 0 -53px; }



#Prices .prices-items .price-item .topis {float: left; width: 100%; margin: 35px 0 8px }

#Prices .prices-items .price-item .topis p { float: left; width: 100%; text-align: center; color: #333; font-size: 1.1em; font-weight: 300; margin: 0 }

#Prices .prices-items .price-item .topis p.excep { font-size:80%; font-weight:400 }

#Prices .prices-items .price-item .topis h3 {  float: left; width: 100%; text-align: center; color: #00a69c; font-size: 2em; font-weight: 900; margin: 0; line-height: 1.3 }

#Prices .prices-items .price-item .topis h3.excep { font-size: 2.0em; line-height: 1.7 }




#Prices .prices-items .price-item .valor { float: left; width: 100%; margin: 15px 0; position: relative; }

#Prices .prices-items .price-item .valor p { float: left; color: #666; font-size: 1.0em; font-weight: 900; margin: 0; position: absolute; top:0; left: 50%; margin: 9px 0 0 -100px }

#Prices .prices-items .price-item .valor h4 { float: left; width: 100%; text-align: center; color: #666; font-size: 1.5em; font-weight: 300; margin: 0; line-height: 1.3;  }

#Prices .prices-items .price-item .valor h4 span { color: #00a69c; font-size: 2.6em; font-weight: 900;  }

#Prices .prices-items .price-item .valor h4 small { margin: -5px 0 0 0; float: left; width: 100%;  }


#Prices .prices-items .price-item .lista { float: left; width: 100%; min-height: 0; margin: 15px 0 0; position: relative;   }

#Prices .prices-items .price-item .lista p { float: left; width: 80%; margin: 0 10%; padding: 7px 0; border-bottom:1px solid #e1e1e1; text-align: left; color: #333; font-size: 0.8em; font-weight: 400; }

#Prices .prices-items .price-item .lista p b { font-size: 1.0em; font-weight: 900; color: #00a69c; }




#Prices .prices-items .price-item a.selecionar { float: left; width: 80%; margin: 30px 10% 15px; text-align: center; text-transform: uppercase; font-weight: 900; padding: 15px 0; font-size:1.05em; background: #00a69c; color: #FFF; cursor: pointer;   }

#Prices .prices-items .price-item a.selecionar:hover { opacity: .85; }

#Prices .prices-wrapper .payment-info {

    display: block;

    margin-bottom: 20px;

    text-align: center;

    font-family: 'Opens Sans', sans-serif;

}

#Prices .prices-wrapper .payment-info h5 {

    display: block;

    margin: 0 0 10px;

    color: #666;

    font-size: 15px;

    font-weight: 400;

}

#Prices .prices-wrapper .payment-info ul {

    display: block;

    list-style: none;

    margin: 0;

    padding: 0;

}

#Prices .prices-wrapper .payment-info ul li {

    position: relative;

    display: inline-block;

    padding-left: 27px;

    margin: 0 15px;

    vertical-align: middle;

    color: #666;

    font-size: 14px;

    font-weight: 400;

    background: none;

}

#Prices .prices-wrapper .payment-info ul li > .icon{

    position: absolute;

    left: 0;

    display: inline-block;

    width: 22px;

    height: 20px;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: contain;

}

#Prices .prices-wrapper .payment-info ul li > .icon.-credit-card {

    background-image: url(../../images/icon-credit-card.png);

}

#Prices .prices-wrapper .payment-info ul li > .icon.-boleto {

    background-image: url(../../images/icon-boleto.png);

}


#Prices .box { width: 100%; float: left; font-size: 1.3em; font-weight: 600; text-align: center; padding: 5% 15% 0;}
#Prices .box a { color: #00a69c; font-weight: 700; }
#Prices .box a:hover { text-decoration: underline; }


/* === GREEN BACKGROUND === */

.green-prices { background: #00a69c;  }
.green-prices .topis h3 { color: #FFF !important }
.green-prices .topis h3 b { color: #FFF !important }

.green-prices ul li { border: 1px solid #0eb9af !important;}
.green-prices ul li .valor p {color: #07615b !important}
.green-prices ul li .valor h4 {color: #07615b !important}
.green-prices ul li .valor h4 small {color: #07615b !important}

.green-prices ul li .lista p b {color: #FFF !important}
.green-prices ul li .lista p {color: #07615b !important; border-bottom: 1px solid #0eb9af !important; font-weight: 600 !important;}

.green-prices ul li a.selecionar { background: #FFF !important; color: #00a69c !important;}

.green-prices ul li .valor h4 span { color: #FFF !important }

.green-prices .box { color: #07615b !important }
.green-prices .box a { color: #FFF !important }


/* === GREY BACKGROUND === */

.grey-prices { background: #f3f3f3; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }
.grey-prices ul li { background: rgba(255, 255, 255, 0.66); }


/* === FOUR COLUNS === */

.FourColuns { padding: 13px 0 0 !important;  }
.FourColuns ul { margin: 0 !important; width: 100% !important;  }
.FourColuns ul li 2{ width: 22.75% !important; background: rgba(255, 255, 255, 0.57) !important; margin: 0 3% 0 0 !important; }

.FourColuns ul li .topis h3 { font-size: 1.55em !important;}
.FourColuns ul li .valor p { font-size: 0.75em !important; margin: 9px 0 0 -90px !important; }




/* === SIX COLUNS === */

.SixColuns { padding: 13px 0 0 !important;  }
.SixColuns ul { margin: 0 !important; width: 100% !important;  }
.SixColuns ul li { width: 31.333% !important; background: rgba(255, 255, 255, 0.57) !important; margin: 0 3% 3% 0 !important; }
.SixColuns ul li.last { margin: 0 !important;}

.SixColuns ul li:last-child { background: #00a69c !important; color: #FFF !important}
.SixColuns ul li:last-child .topis h3 { color: #FFF !important;}
.SixColuns ul li:last-child .lista p { color: #FFF !important; border-bottom:0 !important ;}
.SixColuns ul li:last-child a.selecionar {background: #FFF !important; color: #00a69c !important; margin-bottom: 22px !important;}

.SixColuns ul li .lista p {font-size: 0.9em !important; text-align: center !important; color: #666768 !important; padding: 0 0 10px 0 !important}

.SixColuns ul li .topis h3 { font-size: 1.55em !important;}
.SixColuns ul li .valor p { font-size: 0.75em !important; margin: 0 0 0 -90px !important; }



/* ---------------- MODAL PRICES ---------------- */

#modalPrices { overflow: auto; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 9999; display: none; font-size: 1.5em; }
#modalPrices .black { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: black; opacity: 0.7; filter: alpha(opacity =70); z-index: 1; }

#modalPrices .box { position: absolute; top: 10%; left: 50%;  margin: 0 0 5% -440px; width: 880px; height:; background: #FFF; z-index: 2; padding: 0  }

#modalPrices .box li { list-style: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; float: left;  }
#modalPrices .box li:first-child { position: absolute; width: 43%; height: 100%; background: url(../../images/consultar-veiculo-pela-placa_b-car.webp); border: 10px solid #00a69c; background-size: cover; background-position: center  }
#modalPrices .box li:first-child img { position: absolute; top: 0; left: 0;   }

#modalPrices .box li:first-child .left { float: left; width: 100%; margin: 48% 0 0 }
#modalPrices .box li:first-child .topis { float: left; width: 100%; margin: 15px 0 }
#modalPrices .box li:first-child .topis p { float: left; width: 100%; text-align: center; color: #FFF; font-size: 1.1em; font-weight: 300; margin: 0 }
#modalPrices .box li:first-child .topis h3 { float: left; width: 100%; text-align: center; color: #FFF; font-size: 2.6em; font-weight: 900; margin: 0; line-height: 1.3 }
#modalPrices .box li:first-child .valor { float: left; width: 100%; margin: 15px 0; position: relative; }
#modalPrices .box li:first-child .valor p { float: left; color: #FFF; font-size: 1.0em; font-weight: 900; margin: 0; position: absolute; top:0; left: 50%; margin: 14px 0 0 -119px }
#modalPrices .box li:first-child .valor h4 { float: left; width: 100%; text-align: center; color: #FFF; font-size: 1.5em; font-weight: 300; margin: 0; line-height: 1.3; letter-spacing: 1px }
#modalPrices .box li:first-child .valor h4 span { color: #FFF; font-size: 2.6em; font-weight: 900;  }

#modalPrices .box li:last-child { float: right; width: 57%; padding: 3% 9% 5%  }

#modalPrices .box li:last-child p { width: 100%; float: left; font-size: 0.85em; color: #666  }
#modalPrices .box li:last-child p a.voltar { color: #666; text-decoration: underline; cursor: pointer; }
#modalPrices .box li:last-child p a.voltar:hover { text-decoration: none; }

#modalPrices .box li:last-child p.progredir { font-weight: 700; float: right; text-align: right; font-size: 0.9em; margin-top: 10px; }


#modalPrices .box li:last-child h2 { width: 100%; float: left; font-size: 1.4em; color: #666; text-transform: uppercase; font-weight: 300; line-height: 1.0; padding: 35px 0; }
#modalPrices .box li:last-child h2 b { font-size: 1.6em; color: #00a69c; font-weight: 900 }

#modalPrices .box li:last-child form { width: 100%; float: left; margin: 15% 0 0 0; }
#modalPrices .box li:last-child form label { width: 100%; float: left; }
#modalPrices .box li:last-child form label p { width: 100%; float: left; text-transform: uppercase; color: #00a69c; font-size: 0.8em; font-weight: 600; margin: 0 0 5px }
#modalPrices .box li:last-child form input { width: 95%; padding: 0 0 0 5%; float: left; border:1px solid #dcdcdd; height: 40px; margin: 0 0 10px }


#modalPrices .box li:last-child form a.selecionar { float: left; width: 100%; margin: 30px 0 15px; text-align: center; text-transform: uppercase; font-weight: 900; padding: 15px 0; font-size:1.05em; background: #00a69c; color: #FFF; cursor: pointer;   }
#modalPrices .box li:last-child form a.selecionar:hover { opacity: .85; }


.help-block {
    display: block;
    margin-top: -20px;
    float: left;
    margin-bottom: 20px;
    color: #b94a48;
    font-weight: 700;
    font-size: 0.85em;
}

.cadastrarAfiliados .help-block { margin-top: 0; }
.cadastrarAfiliados #segunda-secao { display: none; }

.help-block.perfil-usuario { margin-left: 5px; }

/* ---------------- MODAL ENTRAR ---------------- */


#modalEntrar { overflow: auto; overflow-x: hidden; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 9999; display: none;  }
#modalEntrar .black { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: black; opacity: 0.7; filter: alpha(opacity =70); z-index: 1; }

#modalEntrar .voltar { position: absolute; top: 60px; left: 50%;  margin: 0 0 5% 235px; background: #00a69c; color: #FFF; z-index: 3;
                       font-size: 1.8em; padding: 0.65em; cursor: pointer; }
#modalEntrar .voltar:hover { opacity: .87 }


#modalEntrar .box { position: absolute; top: 60px; left: 50%;  margin: 0 0 5% -290px; width: 580px; height:; background: #FFF; z-index: 2; padding: 0  }

#modalEntrar .box li { list-style: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; float: left; width: 100%; padding: 3% 9% 5%  }
#modalEntrar .box li:first-child { background: #f3f3f3  }

#modalEntrar .box .excep {position: absolute; left: 50%; top: 50%; margin: -20px 0 0 -19px; z-index: 99; background: #a9a9a9; color: #FFF; transform: rotate(45deg); padding: 10px }
#modalEntrar .box .excep p { transform: rotate(-45deg); }

#modalEntrar .box .face { width: 100%; float: left; }
#modalEntrar .box .face p { width: 100%; text-align: center; margin: 0 0 20px 0; float: left; }
#modalEntrar .box .face a p { color: #439fe0; }


#modalEntrar .box li p { width: 100%; float: left; font-size: 0.85em; color: #666  }

#modalEntrar .box li p.progredir { font-weight: 700; float: right; text-align: right; font-size: 0.9em; margin-top: 10px; }


#modalEntrar .box li h2 { width: 100%; float: left; font-size: 1.4em; color: #666; text-transform: uppercase; font-weight: 300; line-height: 1.0; padding: 35px 0; font-weight: 900 }
#modalEntrar .box li h2 b { font-size: 1.6em; color: #00a69c; font-weight: 900 }

#modalEntrar .box li form { width: 100%; float: left; }
#modalEntrar .box li form label { width: 100%; float: left; }
#modalEntrar .box li form label p { font-weight: 500; width: 100%; float: left; text-transform: uppercase; color: #00a69c; font-size: 0.7em; margin: 0 0 5px }
#modalEntrar .box li form input { width: 100%; padding: 0 0 0 5%; float: left; border:1px solid #dcdcdd; height: 40px; margin: 0 0 10px }

#modalEntrar .box li form a.senha { font-size: 0.8em; font-weight: 500; color: #00a69c; text-decoration: underline; clear: both; display: block;}

#modalEntrar .box li form a.selecionar { float: left; width: 100%; margin: 30px 0 15px; text-align: center; text-transform: uppercase; font-weight: 900; padding: 15px 0; font-size:1.05em; background: #00a69c; color: #FFF; cursor: pointer;   }
#modalEntrar .box li form a.selecionar:hover { opacity: .85; }

/* ---------------- MODAL CADASTRAR ---------------- */

#modalCadastrar { overflow: auto; overflow-x: hidden; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 9999; display: none;  }
#modalCadastrar .black { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: black; opacity: 0.7; filter: alpha(opacity =70); z-index: 1; }

#modalCadastrar .voltar { position: absolute; top: 60px; left: 50%;  margin: 0 0 5% 234px; background: #00a69c; color: #FFF; z-index: 3;
                          font-size: 1.8em; padding: 0.65em; cursor: pointer; }
#modalCadastrar .voltar:hover { opacity: .87 }


#modalCadastrar .box { position: absolute; top: 60px; left: 50%;  margin: 0 0 5% -291px; width: 580px; height:; background: #FFF; z-index: 2; padding: 0  }

#modalCadastrar .box li { list-style: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; float: left; width: 100%; padding: 3% 9% 5%  }
#modalCadastrar .box li:first-child { background: #f3f3f3  }

#modalCadastrar .box .excep {position: absolute; left: 50%; top: 50%; margin: -20px 0 0 -19px; z-index: 99; background: #a9a9a9; color: #FFF; transform: rotate(45deg); padding: 10px }
#modalCadastrar .box .excep p { transform: rotate(-45deg); }

#modalCadastrar .box .face { width: 100%; float: left; }
#modalCadastrar .box .face p { width: 100%; text-align: center; margin: 0 0 20px 0; float: left; }
#modalCadastrar .box .face a p { color: #439fe0; }


#modalCadastrar .box li p { width: 100%; float: left; font-size: 0.85em; color: #666  }

#modalCadastrar .box li p.progredir { font-weight: 700; float: right; text-align: right; font-size: 0.9em; margin-top: 10px; }


#modalCadastrar .box li h2 { width: 100%; float: left; font-size: 1.4em; color: #666; text-transform: uppercase; font-weight: 300; line-height: 1.0; padding: 35px 0; font-weight: 900 }
#modalCadastrar .box li h2 b { font-size: 1.6em; color: #00a69c; font-weight: 900 }

#modalCadastrar .box li form { width: 100%; float: left; }
#modalCadastrar .box li form label { width: 100%; float: left; }
#modalCadastrar .box li form label p { font-weight: 500; width: 100%; float: left; text-transform: uppercase; color: #00a69c; font-size: 0.7em; margin: 0 0 5px }
#modalCadastrar .box li form input { width: 100%; padding: 0 0 0 5%; float: left; border:1px solid #dcdcdd; height: 40px; margin: 0 0 10px }

#modalCadastrar .box li form a.senha { font-size: 0.8em; font-weight: 500; color: #00a69c; text-decoration: underline; }

#modalCadastrar .box li form a.selecionar { float: left; width: 100%; margin: 30px 0 15px; text-align: center; text-transform: uppercase; font-weight: 900; padding: 15px 0; font-size:1.05em; background: #00a69c; color: #FFF; cursor: pointer;   }
#modalCadastrar .box li form a.selecionar:hover { opacity: .85; }

#modalCadastrar .box li a.selecionar_entrar { float: left; width: 100%; margin: 30px 0 15px; text-align: center; text-transform: uppercase; font-weight: 900; padding: 15px 0; font-size:1.05em; background: #69696E; color: #FFF; cursor: pointer;   }
#modalCadastrar .box li a.selecionar_entrar:hover { opacity: .85; }

#modalCadastrar .box li a.voltar_cadastro { float: left; width: 100%; margin: 30px 0 15px; text-align: center; text-transform: uppercase; font-weight: 900; padding: 15px 0; font-size:1.05em; background: #69696e94; color: #FFF; cursor: pointer;   }
#modalCadastrar .box li a.voltar_cadastro:hover { opacity: .85; }

#modalExitIntent { overflow: auto; overflow-x: hidden; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 9999; display: none;  }
#modalExitIntent .black { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: black; opacity: 0.7; filter: alpha(opacity =70); z-index: 1; }

#modalExitIntent .voltar { position: absolute; top: 60px; left: 50%;  margin: 0 0 5% 235px; background: #00a69c; color: #FFF; z-index: 3;
                           font-size: 1.8em; padding: 0.65em; cursor: pointer; }
#modalExitIntent .voltar:hover { opacity: .87 }


#modalExitIntent .box { position: absolute; top: 60px; left: 50%;  margin: 0 0 5% -290px; width: 580px; height:; background: #FFF; z-index: 2; padding: 0  }

#modalExitIntent .box li { list-style: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; float: left; width: 100%; padding: 3% 9% 5%  }
#modalExitIntent .box li:first-child { background: #f3f3f3  }

#modalExitIntent .box .excep {position: absolute; left: 50%; top: 50%; margin: -20px 0 0 -19px; z-index: 99; background: #a9a9a9; color: #FFF; transform: rotate(45deg); padding: 10px }
#modalExitIntent .box .excep p { transform: rotate(-45deg); }

#modalExitIntent .box .face { width: 100%; float: left; }
#modalExitIntent .box .face p { width: 100%; text-align: center; margin: 0 0 20px 0; float: left; }
#modalExitIntent .box .face a p { color: #439fe0; }


#modalExitIntent .box li p { width: 100%; float: left; font-size: 0.85em; color: #666  }

#modalExitIntent .box li p.progredir { font-weight: 700; float: right; text-align: right; font-size: 0.9em; margin-top: 10px; }


#modalExitIntent .box li h2 { font-family: Raleway, sans-serif; width: 100%; float: left; font-size: 1.2em; color: #666; text-transform: uppercase; font-weight: 300; line-height: 1.0; padding: 35px 0; font-weight: 600 }
#modalExitIntent .box li h2 b { font-size: 1.6em; color: #00a69c; font-weight: 900 }

#modalExitIntent .box li form { width: 100%; float: left; }
#modalExitIntent .box li form label { width: 100%; float: left; }
#modalExitIntent .box li form label p { font-weight: 500; width: 100%; float: left; text-transform: uppercase; color: #00a69c; font-size: 0.7em; margin: 0 0 5px }
#modalExitIntent .box li form input { width: 100%; padding: 0 0 0 5%; float: left; border:1px solid #dcdcdd; height: 40px; margin: 0 0 10px }

#modalExitIntent .box li form a.senha { font-size: 0.8em; font-weight: 500; color: #00a69c; text-decoration: underline; clear: both; display: block;}

#modalExitIntent .box li form a.selecionar { float: left; width: 100%; margin: 3px 0 15px; text-align: center; text-transform: uppercase; font-weight: 900; padding: 15px 0; font-size:1.05em; background: #00a69c; color: #FFF; cursor: pointer;   }
#modalExitIntent .box li form a.selecionar:hover { opacity: .85; }

#modalPromocao { overflow: auto; overflow-x: hidden; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 9999; display: none;  }
#modalPromocao .black { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: black; opacity: 0.7; filter: alpha(opacity =70); z-index: 1; }

#modalPromocao .voltar { position: absolute; top: 60px; left: 50%;  margin: 0 0 5% 204px; background: #00a69c; color: #FFF; z-index: 3;
                           font-size: 1.8em; padding: 0.65em; cursor: pointer; }
#modalPromocao .voltar:hover { opacity: .87 }


#modalPromocao .box { position: absolute; top: 60px; left: 50%;  margin: 0 0 5% -290px; width: 493px; height:; z-index: 2; padding: 0  }

#modalPromocao .box li { list-style: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; float: left; width: 100%; padding: 3% 9% 5%  }
#modalPromocao .box li:first-child { background: #f3f3f3  }

#modalPromocao .box .excep {position: absolute; left: 50%; top: 50%; margin: -20px 0 0 -19px; z-index: 99; background: #a9a9a9; color: #FFF; transform: rotate(45deg); padding: 10px }
#modalPromocao .box .excep p { transform: rotate(-45deg); }

#modalPromocao .box .face { width: 100%; float: left; }
#modalPromocao .box .face p { width: 100%; text-align: center; margin: 0 0 20px 0; float: left; }
#modalPromocao .box .face a p { color: #439fe0; }


#modalPromocao .box li p { width: 100%; float: left; font-size: 0.85em; color: #666  }

#modalPromocao .box li p.progredir { font-weight: 700; float: right; text-align: right; font-size: 0.9em; margin-top: 10px; }


#modalPromocao .box li h2 { font-family: Raleway, sans-serif; width: 100%; float: left; font-size: 1.2em; color: #666; text-transform: uppercase; font-weight: 300; line-height: 1.0; padding: 35px 0; font-weight: 600 }
#modalPromocao .box li h2 b { font-size: 1.6em; color: #00a69c; font-weight: 900 }

#modalPromocao .box li form { width: 100%; float: left; }
#modalPromocao .box li form label { width: 100%; float: left; }
#modalPromocao .box li form label p { font-weight: 500; width: 100%; float: left; text-transform: uppercase; color: #00a69c; font-size: 0.7em; margin: 0 0 5px }
#modalPromocao .box li form input { width: 100%; padding: 0 0 0 5%; float: left; border:1px solid #dcdcdd; height: 40px; margin: 0 0 10px }

#modalPromocao .box li form a.senha { font-size: 0.8em; font-weight: 500; color: #00a69c; text-decoration: underline; clear: both; display: block;}

#modalPromocao .box li form a.selecionar { float: left; width: 100%; margin: 3px 0 15px; text-align: center; text-transform: uppercase; font-weight: 900; padding: 15px 0; font-size:1.05em; background: #00a69c; color: #FFF; cursor: pointer;   }
#modalPromocao .box li form a.selecionar:hover { opacity: .85; }

/* ---------------- MODAL RELATORIO ---------------- */



.modal-body h4.modal-title { font-size: 18px !important; }
.modalrelatorio .modal-body iframe {width: 100%; height: 680px}
.modalrelatorio .modal-body iframe html { min-width: 650px !important; overflow-x:auto !important;  }



@media (min-width: 768px) {
    .modalrelatorio .modal-dialog {width: 80%}
}

@media (max-height:870px) {
    .modalrelatorio .modal-body iframe { height: 480px}
}
@media (max-height:670px) {
    .modalrelatorio .modal-body iframe { height: 350px}
}


/* ---------------- FaleConosco ---------------- */

#FaleConosco { width: 100%; height: auto; padding: 5% 0; position: relative; background:#00a69c; float: left; z-index: 3; font-size: 1em; }

#FaleConosco .topis { width: 100%; float: left; margin: 0 0 3%; }
#FaleConosco .topis h3 { width: 100%; float: left; font-size: 3em; color: #FFF; text-align: center; text-transform: uppercase; font-weight: 200; }
#FaleConosco .topis h3 b {color: #FFF}


#FaleConosco .row { position: relative; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: 1260px; }



#FaleConosco form { width: 50%; margin-left: 25%; float: left; }
#FaleConosco form label { width: 100%; float: left; }
#FaleConosco form label p { width: 100%; float: left; text-transform: uppercase; color: #FFF; font-size: 1.3em; font-weight: 600; margin: 0 0 5px }
#FaleConosco form input { width: 100%; padding: 0 0 0 15px; float: left; border: 0; background: rgba(255, 255, 255, 0.29); height: 40px; margin: 0 0 10px; color: #FFF; font-size: 1.6em; font-weight: 700; }
#FaleConosco form textarea { width: 100%; padding: 10px 0 0 15px; float: left; border: 0; background: rgba(255, 255, 255, 0.29); height: 100px; margin: 0 0 10px; color: #FFF; font-size: 1.6em; font-weight: 700; }


#FaleConosco form a.selecionar { float: left; width: 100%; margin: 30px 0 15px; text-align: center; text-transform: uppercase; font-weight: 900; padding: 15px 0; font-size:1.4em; background: #FFF; color: #00a69c; cursor: pointer;   }
#FaleConosco form a.selecionar:hover { opacity: .85; }










/* -------------------------------- AREA DO CLIENTE -------------------------------- */

#consultaCompleta {
    
    font-size: 62.5%;
    color: #454547;
    font-weight: 300;
    letter-spacing: 0.2px;
    background: #f5f5f6;
    height: auto;
}
#consultaCompleta .row {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 1150px;
}
#area-cliente { 
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    background: #F6F6F6;
    z-index: 2;
    padding: 99px 0 3%;
}



/* ---------------- breadcamps  ---------------- */
#consultaCompleta #breadcamps { width: 100%; float: left; margin:2em 0; padding: 0 !important }
#consultaCompleta #breadcamps li { float: left; margin: 0 0.75em 0 0; list-style: none }
#consultaCompleta #breadcamps li a { float: left; }
#consultaCompleta #breadcamps li i { float: left; background: url(../../images/consulta-completa-elements.png); width: 16px; height: 13px; background-position: -662px -67px; margin: 3px 0 0 0  }
#consultaCompleta #breadcamps li p { font-size: 1.2em !important; color: #a0a0a0 !important; font-weight: 500; font-style: italic; }
#consultaCompleta #breadcamps li a p { color: #666666 !important; text-decoration: underline; }


#area-cliente .btns-flutuantes { position: relative;  margin: 0; float: right; z-index: 999 }
#area-cliente .btns-flutuantes a { padding: 0.5em 1.5em; font-size: 0.95em; font-weight: 600; border-radius: 50px; margin: 0 10px 5px 0; background: #1585b2 }
#area-cliente .btns-flutuantes a:hover { opacity: .8 }
#area-cliente .btns-flutuantes a.excep { background: #f9a8a8; }

#area-cliente .top { width: 100%; height: auto; float: left; color: #666666; margin: 2% 0 0 }
#area-cliente .container_top h2,
#area-cliente .top h2 { font-size: 2.7em; margin:0; font-weight: 700; line-height: 1.1; color: #012D3F; }
#area-cliente .container_top p,
#area-cliente .top p { font-size: 1.4em; font-weight: 400 }
#area-cliente .container_top .icon,
#area-cliente .top .icon { float: left; background: url(../../images/consulta-completa-elements.png); width: 43px; height: 48px; background-position: -491px -53px; position:absolute; top: 0; left: -74px; }

#area-cliente .container_top { width: 100%; height: auto; color: #666666; margin: 2% 0 0; display: flex;justify-content: space-between;     align-items: flex-end; }

#area-cliente .byleft { width: 100%; float: center; color: #666666; margin: 0 3% 0 0; padding: 0 }
#area-cliente .byleft h3 { color: #012D3F; font-size: 1.8em; line-height: 1; margin: 0; font-weight: 800; float: left; }
#area-cliente .byleft p { font-size: 1.2em; font-weight: 400; margin-bottom: 2em; }
#area-cliente .byleft a { font-weight: 700; float: left; color: #00aedb; margin: 14px 0 0 10px; text-decoration: none; border: 0; border-radius: 50px; }
#area-cliente .byleft a:hover { background: #FFF; opacity: .85 }

#area-cliente .byleft .numeracao { font-size: 1.1em; font-weight: 600; float: left; color:#00aedb; margin: 25px 0 0 10px;  }

#area-cliente .byleft a.excep { margin: 0px 0 0 0px; color: #012D3F; text-decoration: none; }

#area-cliente .byleft a:hover { text-decoration: none; }


#area-cliente .byleft .consultas {width: 100%; float: left; margin-bottom: 4% }
#area-cliente .byleft .extrato {width: 100%; float: left; margin-bottom: 4% }
#area-cliente .byleft .container_banner,
#area-cliente .byleft .dados {width: 100%; float: left; margin-bottom: 4% }

#area-cliente .byleft .container_banner a {
    margin: 0;
}

/* ---------------- consultas  ---------------- */

#area-cliente .content { width: 100%; float: left; margin-bottom: 5%; position: relative; min-height: auto  }
#area-cliente .content #snippet {  font-size: 1.4em; font-weight: 600; }
#area-cliente .content.excep { margin-bottom: 0px; }

.pagination.excep { margin: 0 1% 0 0; float: right;}
.pagination>li {
    display: inline;
    line-height: 1.4;
    float: left;
    margin: 4% 0 1%;
    font-weight: 400;
}

#area-cliente .content form { clear: both; float: left; margin: 2em 0; position: relative; }
#area-cliente .content form i { float: left; background: url(../../images/consulta-completa-elements.png); width: 20px; height: 20px; background-position: -585px -67px; position:absolute; top: 14px; left: 17px;  }

#area-cliente .content form .field { width: 270px; padding: 0 0 0 50px; height: 45px; background: #FFF; border: 1px solid #dcdcdd; float: left; font-size: 1.3em; color: #666; font-weight: 300; font-style: italic; font-weight: 700; font-style: normal;  }


#area-cliente .content .table1 { width: 99%; float: left; background:; border-bottom: 0; padding: 0 !important; margin: 2em 0 0 0}
#area-cliente .content .table1 li { width: 100%; float: left; margin:0 0 5px; padding: 1.5em 1.5em 1em; border-radius: 4px; background: #FFF; list-style: none; transition: all 200ms ease-in-out; position: relative; }
#area-cliente .content .table1 li h2 { font-size: 1.5em; font-weight: 500; float: left; }
#area-cliente .content .table1 li:hover { box-shadow: 3px 3px 3px #00000014 }

#area-cliente .content .table1 li .NOVO { width: 8px; height: 100%; position: absolute; background: #7eaabd82; border-radius: 4px 0 0 4px;
    top: 0;
    left: 0; }
    #area-cliente .content .table1 li .NOVO p { transform: rotate(-90deg);
        margin: 14px -9px 0;
        color: #FFF;
        font-weight: 600;
        font-size: 0.8em; }

#area-cliente .content .table1 li .left { float: left; width: 80px; }
#area-cliente .content .table1 li .left.big { width: 250px; }
#area-cliente .content .table1 li .left.big .coupon { float: right; margin: 2px 13px 0 0 }
#area-cliente .content .table1 li .left.big .coupon img { float: left; opacity: 0.15; }
#area-cliente .content .table1 li .left.big .coupon p { float: left; font-size: 0.9em; font-weight: 700; line-height: 1.3; color: #d9d9d9; margin: 1px 0 0 2px; }

#area-cliente.comissao .content .table1 li .left { width: 140px; }
#area-cliente.comissao .content .table1 li .right a {    margin: 8px 0 0;  }
#area-cliente .content .table1 li .left.placa { width: 90px; text-transform: uppercase; }
#area-cliente .content .table1 li .right { float: right; display: block; padding: 0 !important;     width: auto;}

#area-cliente .content .table1 li .left i { float: left; background: url(../../images/consulta-completa-elements.png); width: 28px; height: 16px; background-position: -728px -66px;     opacity: .5; }

#area-cliente .content .table1 li p { float: left;  color: #666; font-weight: 400; margin: 0; }
#area-cliente .content .table1 li .desde { width: 98px; margin-top: -2px; }
#area-cliente .content .table1 li .desde.exceps { width: 75px;}

#area-cliente .content .table1 li .desde p { font-size: 0.95em;  font-weight: 500; line-height: 1.3; }
#area-cliente .content .table1 li .desde p small {font-weight: 600; font-size: .85em;
    color: #afafaf; }
#area-cliente .content .table1 li .desde.excep { width: auto; margin-top: 2px; font-size: 1.2em;}


#area-cliente .content .table1 li .excep p { font-weight: 700; margin: 0   }

#area-cliente .content .table1 li .right.excep { padding-top: 4px; }
#area-cliente .content .table1 li .right a { background: var(--azul); padding: 1.0em 1.5em; line-height: 1; float: left; color: #FFF; text-transform: uppercase; font-weight: 600; font-size: 0.95em; cursor:pointer; transition: all 200ms ease-in-out; margin: -3px 0 0 5px; text-decoration: none; border-radius: 10px; }
#area-cliente .content .table1 li .right span {  padding: 0.6em 1.6em; font-weight: 800; font-size: 0.95em; border-radius: 0; }
#area-cliente .content .table1 li .right a.excep { background: #009CD6; margin-left: 5px; }
#area-cliente .content .table1 li .right a:hover { opacity: .85 }

#area-cliente form button { 
    background: #012D3F;
    padding: 1em 1.5em;
    line-height: 1;
    color: #FFF;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 12px;
    cursor: pointer;
    transition: all 200ms ease-in-out;
    text-decoration: none;
    border-radius: 10px;
    outline: none;
    border: none;
}

#area-cliente form button.closeSenha ,
#area-cliente form button.closeEndCnpj ,
#area-cliente form button.closeEndereco { 
    background: #F0F0F0;
    color: #012D3F;
}

#area-cliente form button:hover { 
    opacity: 0.80;
}

#area-cliente .content .table1 li .absolute { 
    position: absolute;
    right: 139px;
    top: 35px;
    border-radius: 50px;
    padding: .2em .3em .2em;
 }
#area-cliente .content .table1 li .absolute img { opacity: .5; }



#area-cliente .content.boletos .table1 li .left { float: left; width: 27.5%;font-size: 0.9em }
#area-cliente .content.boletos .table1 li .left.excep { width: 30%; }




#area-cliente .content .btn { width:; background: #364150; padding: 1em 2em; float: left; color: #FFF; text-transform: uppercase; font-weight: 800; font-size: 1.2em; cursor:pointer; transition: all 200ms ease-in-out; margin: 4em 0; }
#area-cliente .content .btn:hover { background: #4b5a6d; }

#area-cliente .content .btn.blue { float: right; margin: 40px 71px 0 0; font-size: 1.4em; padding: 0 25px 6px 17px; width: auto; }
#area-cliente .content .btn.blue img { float: left; margin: 0 10px 0;}
#area-cliente .content .btn.blue p { float: left; margin: -3px 0 0; line-height: 0 }

#area-cliente .extrato .content .table1 {background: none; border: 0;  }
#area-cliente .extrato .content .table1 li p { font-size: 1em; font-weight: 700;}
#area-cliente .extrato .content .table1 li { padding: 1.3em 5% 1.0em 2em; margin-bottom: 5px; background: #FFF; }
#area-cliente .extrato .content .table1 li table { float: none; width: 100% }
#area-cliente .extrato .content .table1 li .left { float: none; }
#area-cliente .extrato .content .table1 li .two { float:none;  }
#area-cliente .extrato .content .table1 li .tre { float:none; }


#area-cliente .extrato table {width: 100%;}
#area-cliente .extrato table tr {  }
#area-cliente .extrato table tr td { background: #FFF; border-bottom: 5px solid #f0f4f8; padding: 8px 15px;max-width: 440px; font-size: 1.15em;  }
#area-cliente .extrato table tr td b { font-size: 1em; font-weight: 600; text-wrap: nowrap; }
#area-cliente .extrato table tr td:first-child {border-radius: 4px 0 0 4px; padding-right: 0;}
#area-cliente .extrato table tr td:last-child {border-radius:0  4px  4px 0; padding-left: 0; text-align: right;}

/* #area-cliente form:not(.update) { width: 35%;  margin: 0; float: right; } */
#area-cliente form:not(.update).formBotao { width: 25%; }
#area-cliente .botaoDestaque { float:right; font-size: 1.4em; }
#area-cliente .container_input_buttons {
    display: flex;
    width: 100%;
    gap: 4%;
    margin: 4% 0 0;
}
#area-cliente .container_input_buttons .form_cadastrar_novo {
    width: 150px;
    display: flex;
    align-items: center;
}
#area-cliente form.pesquisa_usuario_vinc { display: flex; align-items: center; width: 100%; gap: 5%;}
#area-cliente form.excep { width: 65%; float: left; }
#area-cliente form.excep2 { width: 100%; float: left;  }
#area-cliente form label { width: 100%; float: left; }
.listaPostagens, .listaDestaques { background-color: #e8ebed; overflow:auto; max-height: 150px; padding: 5px!important; }
.listaPostagens div, .listaDestaques div { margin-bottom: 2px; }
#area-cliente form label p {font-weight: 600;float: left;text-transform: uppercase;color: #666;margin: 0 0 120px;}
#area-cliente form .listaPostagens label, #area-cliente form .listaPostagens input[type="checkbox"] { float: none; width:auto; }
#area-cliente form .listaPostagens label { margin-top: -5px; }
#area-cliente form input { 
    background: #FFF;
    padding: 1em 1.5em;
    border: 0;
    margin: 0;
    font-style: normal;
    font-weight: 400;
    font-size: 0.8rem;
    line-height: 14px;
    color: #012D3F;
 }
#area-cliente form input[type='date'] { width: 200px; background: #f5f5f5; display: inline-block; float:none; padding: 2px; }
#area-cliente form input.btn:hover { opacity: .75; }
#area-cliente form input.inactive { background: #efefef }
#area-cliente .graph-container button.btn-relatorio { font-weight: 400; background: #012D3F; border: 0; margin: 0; font-size: 1.4em; font-weight: 500; }

#area-cliente form.afiliados { width: 100%; }
#area-cliente form.afiliados input { background: #FFF; border: 2px solid #e8ebed; width: 35%; height: 50px; float: left; margin: 7px 0 20px; padding: 0 3%; }
#area-cliente form.afiliados .btn { margin: 0.8em 1em; }



#area-cliente form.pesquisa-new input.new {  }
#area-cliente form.pesquisa-new.excepLeft { float: left; width: 100%; display: flex; align-items: end;};
#area-cliente form.pesquisa-new input.form-control { font-weight: 400; width: 50%; border:0; margin: 0; background: #FFF; border: 2px solid #e6e6e6; height: 46px; border: 2px solid #e8e8e8; float: left; padding: 0 2%; }
#area-cliente form.pesquisa-new button.btn { font-weight: 400; width: auto; float: left; border:0; margin: 1px 0 0 2.5%; padding: 11px 20px; background: #00aedb; color: #FFF !important; font-weight: 600; font-size: 1.4em; }
#area-cliente form.pesquisa-new button:hover { opacity: .75; }


#area-cliente form.pesquisa-new.excepLeft .ajuste_ordem_filtros{ display: flex; gap: 20px; };


#area-cliente form a.senha { font-size: 0.8em; font-weight: 500; color: #00a69c; text-decoration: underline; }

#area-cliente form a.selecionar { float: left; width: 100%; margin: 30px 0 15px; text-align: center; text-transform: uppercase; font-weight: 900; padding: 15px 0; font-size:1.05em; background: #00a69c; color: #FFF; cursor: pointer;   }
#area-cliente form a.selecionar:hover { opacity: 0.85; }

#area-cliente .titles { border:0; }
#area-cliente .table-new { border-bottom: 0; padding: 10px 0 5px; background: #FFF; margin: 0 0 5px; border-radius: 0 0 4px 4px; display: flex; align-items: center;}
#area-cliente.detalhe-usuario .table-new { border: 1px solid #012D3F; }
#area-cliente .table-new h4 { line-height: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
#area-cliente .table-new .col-md-new { width: 10%; float: left; }
#area-cliente .table-new .col-md-2:first-child { width: 10%; float: left; }
#area-cliente .table-new .col-md-2 { width: 23.33%; float: left; }


#area-cliente .table-new .col-md-2 .default-btn span.ticket { padding: 3px 5px; border-radius: 5px; font-weight: 600; white-space: nowrap;}
#area-cliente .table-new .col-md-2 .default-btn span.color-contestada { color: #fff; background-color: #F89715;}
#area-cliente .table-new .col-md-2 .default-btn span.color-pendente { color: #333; background-color: #ECCD27;}

#area-cliente .table-new.contratos .col-md-1 { width: 12.3%; float: left; }
#area-cliente .table-new.contratos .col-md-2 { width: 18.33%; float: left; }
#area-cliente .table-new.contratos .col-md-4 { width: 26.33%; float: left; }
#area-cliente .table-new.contratos.titles h3 { line-height: 19px }

#area-cliente .table-new.fornecedor .col-md-1 { line-height: 1 }
#area-cliente .table-new.fornecedor h3 { line-height: 1 }
#area-cliente .table-new.fornecedor .new-btn { line-height: 1; border: 0; margin: 0 0 2px; text-align: center }


#area-cliente .table-new .new-btn { font-weight: 600; font-weight: 600; margin: 0 5px 0 0; border-radius: 50px !important }


#area-cliente.usuarios form.excep { width: 85%; zoom: 0.9; }
#area-cliente.usuarios form.excep2 { width: auto; float: right; zoom: 0.9; }
#area-cliente.usuarios form.excep2 .btn { width: auto; padding: 16px 22px; background:#2DA3C7 }
#area-cliente.usuarios .form-control { background: #FFF; border: 0; box-shadow: 2px 2px 2px #0505050d; height: 53px; }
#area-cliente.usuarios select { width: 100%; float: left; margin: 0; }
#area-cliente.usuarios select.busca { width: 30%; }
#area-cliente.usuarios input { width: 30%; float: left;  color: #333; padding: 16px 2% 17px; margin: 0 3%;  background: #FFF; border: 0; box-shadow: 2px 2px 2px #0505050d;  }
#area-cliente.usuarios .btn { width: 13%; float: left; background: #012D3F; color: #FFF !important; padding: 20px 0 17px; margin: 1px 0 0; }
#area-cliente.usuarios .btn.btn-search { float:none; line-height: 20px; }

#area-cliente.usuarios .table-new .col-md-2 { width: 16.33%; }
#area-cliente .table-new .new-btn { border-radius: 5px; }
#area-cliente .table-new .new-btn.last {background: #d48787;}

#area-cliente.usuarios .table-new h4 a { font-weight: 700 }
#area-cliente.usuarios .full .titles h3 { line-height: 17px }

#area-cliente.clientes form.excep { width: 85%; zoom: 0.9; }
#area-cliente.clientes form.excep2 { width: auto; float: right; zoom: 0.9; }
#area-cliente.clientes form.excep2 .btn { width: auto; padding: 16px 22px; background:#2DA3C7 }
#area-cliente.clientes .form-control { background: #FFF; border: 0; box-shadow: 2px 2px 2px #0505050d; height: 53px; }
#area-cliente.clientes select { width: 100%; float: left; margin: 0; }
#area-cliente.clientes select.busca { width: 30%; }
#area-cliente.clientes input { width: 30%; float: left;  color: #333; padding: 16px 2% 17px; margin: 0 3%;  background: #FFF; border: 0; box-shadow: 2px 2px 2px #0505050d;  }
#area-cliente.clientes .btn { width: 13%; float: left; background: #012D3F; color: #FFF !important; padding: 20px 0 17px; margin: 1px 0 0; }
#area-cliente.clientes .btn.btn-search { float:none; line-height: 20px; }
#area-cliente.clientes #cadastrar_novo.btn { width: unset; font-weight: 400; background: #012D3F; padding: 11px 20%; float: right; border: 0; margin-top: 10px; font-size: 1.4em; font-weight: 500; }

#area-cliente.clientes .table-new .col-md-2 { width: 16.33%; }

#area-cliente.clientes .table-new h4 a { font-weight: 700 }
#area-cliente.clientes .full .titles h3 { line-height: 17px }
#area-cliente.clientes input[name='pesquisa'] { width: 21%!important; margin: 0 0.5%; }
#area-cliente.clientes .btn[type='submit'] { font-size: 18px; }


#area-cliente.visualizar-contratos .col-md-12 { padding: 0; }
#area-cliente.visualizar-contratos .col-md-12.fisrt { margin: 20px 0 0 }
#area-cliente.visualizar-contratos .btn-new { color: #3887bf; text-decoration: underline; float: left; }
#area-cliente.visualizar-contratos .red { 
    width: 100%; 
    /* float: left;  */
    background: #e07e7e;
     color: #FFF; 
     margin: 5px 0!important 
    }
#area-cliente.visualizar-contratos .full form {margin: 0}

#area-cliente.visualizar-contratos .mini-full .btn { width: auto; clear: both; font-size: 1.1em; padding: 7px 15px; height: auto;}
#area-cliente.visualizar-contratos .mini-full .btn.small { font-size: .8em; padding: 7px 10px !important; font-weight: 600; clear: inherit; margin: 8px 0 0 10px !important; }
#area-cliente.visualizar-contratos .mini-full .btn.small.migrar { float: none; margin-top: 0!important; }
#area-cliente.visualizar-contratos .mini-full input { margin: 7px 0 6px; }

#area-cliente.leads .table-new .col-md-1 { width: 12.3%; float: left; }
#area-cliente.leads .table-new .col-md-2 { width: 15%; float: left; }
#area-cliente.leads .table-new .col-md-3 { width: 19%; float: left; }
#area-cliente.leads .table-new .col-md-4 { width: 32%; float: left; }

#area-cliente.leads .table-new .excep h4 { font-weight: 700}
#area-cliente.leads form.ext { width: auto !important }
#area-cliente.leads form.ext .btn { background: #33a9c3;  }

.btn.danger {background-color: rgb(236, 71, 71) !important; float: right !important; clear: inherit !important; border-radius: 54px;}


#area-cliente.emails-trans h3 { width: auto; clear: both; float: left; font-size: 1.7em; font-weight: 700; color: #666; }
#area-cliente.emails-trans h4 { width: auto; clear: both; float: left; font-size: 1.7em; font-weight: 700; color: #666; }
#area-cliente.emails-trans h5 { width: 100%; float: left; font-size: 1.7em; font-weight: 700; color: #666; }

#area-cliente.emails-trans form { width: 70%; margin: 0 15%; float: left; background: #FFF; border-bottom: 5px solid #e6e6e6; padding: 2.5% }

#area-cliente.emails-trans form label { font-size: 1.2em; font-weight: 400; }

#area-cliente.emails-trans form .col-md-12 {width: 100%; padding: 0}
#area-cliente.emails-trans form .col-md-10 {width: 100%; padding: 0}
#area-cliente.emails-trans form .col-md-2 {width: 100%; padding: 0}

#area-cliente.emails-trans form input:not([type="checkbox"]) { width: 100%; float: left; border: 2px solid #e8ebed; color: #333; background: #FFF; margin: 0; padding: 11px }
#area-cliente.emails-trans form .btn:not(.note-btn) { width: 100%; float: left; border: 0; color: #FFF; background: #00aedb; margin: 2.5% 0 0; padding: 11px; font-weight: 700; }
#area-cliente.emails-trans form .button-previous { width: auto; }


#area-cliente.emails-trans form .help-block {margin: 0}
#area-cliente.emails-trans .last { margin: 5% 0 0; font-size: 120%}

#area-cliente.emails-trans .content .table1 li { padding: 3% 4% 2%; }
#area-cliente.emails-trans .content .table1 li p { clear: both; margin: 0 }
#area-cliente.emails-trans .content .table1 li .right a { margin: 3px 0 0; font-size: 1.3em;}


#area-cliente.faturas .table-new .col-md-2 { width: 18.7%; float: left; }


#area-cliente .profile { width: 40%; margin: 2% 30% 0; float: left; background: #FFF; padding: 4%; border-bottom: 5px solid #e6e6e6; }
#area-cliente .profile form { width: 100%; float: left; }
#area-cliente .profile form label { font-size: 1.2em; font-weight: 500; margin: 0;}

#area-cliente .profile form h4 { width: 100%; text-align: center; text-transform: uppercase; font-weight: 700; border-bottom: 1px solid #e8e8e8; padding: 0 0 2px 0; margin: 0 0 25px 0; font-size: 1.3em; color: #666; }

#area-cliente .profile form input { background: #FFF; border: 2px solid #e8ebed; width: 100%; height: 50px; float: left; margin: 7px 0 20px; padding: 0 3%; }

#area-cliente .profile form .btn { background: #2CA7AF; border: 0; color: #FFF; float: left; font-weight: 400;}


.consultas form.excep {float: right !important; width: auto !important; margin: 0 0 4% 0 !important }
.consultas form.pesquis input.form-control { border: 1px solid #dcdcdd !important; float: left; width: 200px !important; height: 37px !important; padding: 0 0 0 3% !important; }
.consultas form.pesquis button.btn { background: #666 !important; margin: 0px 7px 0 10px !important; padding: 9px 13px !important;
                                     font-size: 1.3em; }

.consultas #FormFiltro { width: 100%; float: left; transition: .3s }

.consultas ul.filter { width: 99%; float: left; background: #e4edf0; border: 1px solid #dfe8eb;  padding: 10px 20px 15px; border-radius: 7px; box-sizing: border-box; margin: 20px 0 0; transition: .3s }

.consultas ul.filter li { width: 25%; float: left; padding: 0 2.333% 0 0; }
.consultas ul.filter li:last-child { width: 30%; padding: 0; }
.consultas ul.filter li label { width: 100%; float: left; margin: 0; color: #1585b2;  font-weight: 600; font-size: 1em; margin: 0 0 3px }
.consultas ul.filter li input { width: 100%; background: #FFF !important; float: left; color: #555; font-size: 1.1em; border: 0; height: 30px; border-radius: 7px; font-weight: 500; padding: 0 20px !important; box-sizing: border-box}
.consultas ul.filter li select { width: 100%; float: left; color: #555; font-size: 1em; border: 0; height: 30px; border-radius: 7px; font-weight: 500;  padding: 0 10px; box-sizing: border-box }
.consultas ul.filter li button { width: auto; background: #2ca2c8; float: left; color: #FFF; font-size: 1em; border: 0; height: 28px; border-radius: 50px; font-weight: 600;  padding: 0 25px; box-sizing: border-box; margin: 24px 0 0; text-transform: uppercase; transition: .3s }
.consultas ul.filter li button:hover { opacity: .75 }

.extrato form.excep {float: right !important; width: auto !important; margin: 0 0 1% 0 !important }
.extrato form.pesquis input.form-control { border: 1px solid #dcdcdd !important; float: left; width: 200px !important; height: 37px !important; }
.extrato form.pesquis button.btn { background: #666 !important; margin: 0px 7px 0 10px !important; padding: 9px 13px !important;
                                   font-size: 1.3em; }


#area-cliente.detalhe-usuario .table-new .col-md-1 { width: 10% }
#area-cliente.detalhe-usuario .table-new .col-md-2 { width: 13% }
#area-cliente.detalhe-usuario .table-new .col-md-3 { width: 18% }
#area-cliente.detalhe-usuario .table-new .col-md-6 { width: 60% }
#area-cliente.detalhe-usuario .table-new .new-btn { line-height: 2; font-size: 0.7em; margin: 0 6px 4px 0; float: left; }

#area-cliente.detalhe-usuario .table-new h3 { line-height: 1.5  }

#area-cliente.detalhe-usuario .box-novo {width: 100%; float: left;}
#area-cliente.detalhe-usuario .box-novo h3 { padding: 0 15px; text-align: center; width: 100%; float: left; text-transform: uppercase; margin: 2% 0 1.5%; }

#area-cliente.detalhe-usuario .box-novo form textarea { float: left; width: 100%;  }
#area-cliente.detalhe-usuario .box-novo form button { width: auto; float: left; background: #2CA7AF; color: #FFF; padding: 13px 3%;
                                                      margin: 12px 0 0; font-size: 1em }
#area-cliente.detalhe-usuario .box-novo h4 { line-height: 1.4; }

#area-cliente.detalhe-usuario .box-novo .row-block { border-bottom: 1px solid #dcdcdd; padding: 7px 0 5px; }

#area-cliente.detalhe-usuario .back { font-size: 1em; padding: 12px 2%; width: auto; margin: 3% 0 0; }


#area-cliente.fale-conosco .form-text { font-size: 15px; padding-bottom: 2%; font-weight: bold; color: #012D3F;}
#area-cliente.fale-conosco .box { width: 100%; max-width: 1000px; margin: 0 auto; background: #FFF; height: 435px; color: #666666;  padding: 4%; border-radius: 7px; font-size: 1.2em; font-weight: 500; }
#area-cliente.fale-conosco .contact-form-wrapper { width: 100%; display: flex; justify-content: space-between;}
#area-cliente.fale-conosco .perfil_user_display {display: none;}
#area-cliente.fale-conosco .box form { width: 100%;}
#area-cliente.fale-conosco .box form label { width: 30%; float: left; }
#area-cliente.fale-conosco .box form label p { width: 100%; float: left; text-transform: none; font-size: 1.1em; font-weight: 600; margin: 0 0 5px }
#area-cliente.fale-conosco .box .label-textarea { width: 100%;}
#area-cliente.fale-conosco .box form input { background: #F2F2F2; border: 2px solid #e8ebed; width: 100%; height: 50px; float: left; margin: 7px 0 20px; padding: 0 3%; font-size: 15px;   }

#area-cliente.fale-conosco .box form .button-container { width: 100%; }
#area-cliente.fale-conosco .box form input[type=button] { float: right; width: 30%; background: var(--azul) !important; border: 0; border-radius: 10px; }

#area-cliente.fale-conosco .box form textarea { background: #F2F2F2; border: 2px solid #e8ebed; width: 100%; height: 120px;float: left; margin: 7px 0 20px; padding: 0 3%; font-size: 15px; }


#area-cliente.fale-conosco .box form a.selecionar { float: left; width: 100%; margin: 30px 0 15px; text-align: center; font-weight: 400; padding: 15px 0; font-size:15px; background: #00a69c; color: #FFF; cursor: pointer; text-transform: none;   }
#area-cliente.fale-conosco .box form a.selecionar:hover { opacity: .85; }

#area-cliente.afiliados input, #area-cliente.afiliados select{ width: 100%; float: left; border: 2px solid #e8ebed; color: #333; padding: 16px 2% 17px; margin: 0; background-color: #FFF;}
#area-cliente.afiliados .btn { width: 160px; float: left; background: #00aedb; border-radius: 50px; color: #FFF !important; padding: 16px 0; margin: 15px 0 0; }

#area-cliente.afiliados h5 span { font-weight: 300;}
#area-cliente.afiliados .btn.marcar_comissao { width: 50%;}
#area-cliente.afiliados .content .table1 li .right.excep { padding: 0;}

#area-cliente.afiliados.comissao .content .table1 li .left.excep {width: 45%; margin-left: 1%;}


#chartsuser { width: 100%; float: left; border-bottom: 5px solid #e6e6e6; background: #FFF; margin-bottom: 30px }
#columnchart_material2 { width: 100%; height: 280px; padding: 2.5%  }
#chartsuser .flex { padding: 2.5%; display: flex; justify-content: space-between; padding-top: 0 }
#chartsuser .flex div { width: 25%; color: black; font-weight: normal; font-size: 12px; }
#chartsuser .flex div .green { color: green }
#chartsuser .flex div .red { color: red }

#charts { width: 100%; float: left; }
#charts #columnchart_material { width: 100%; height: 280px; padding: 2.5%; border-bottom: 5px solid #e6e6e6; background: #FFF  }

#charts.kpi #columnchart_material { margin: 1% 0 2.5%; }

#charts2 { width: 100%; float: left; }
#charts2 #linechart_material { width: 100%; height: 280px; padding: 2.5%; border-bottom: 5px solid #e6e6e6; background: #FFF  }

#charts2.kpi #linechart_material { margin: 0% 0 2.5%; }

#charts3 { width: 100%; float: left; }
#charts3 #linechart2_material { width: 100%; height: 280px; padding: 2.5%; border-bottom: 5px solid #e6e6e6; background: #FFF  }

#charts3.kpi #linechart2_material { margin: 3% 0 2.5%; }

#charts4 { width: 100%; float: left; }
#charts4 #linechart4_material { width: 100%; height: 280px; padding: 2.5%; border-bottom: 5px solid #e6e6e6; background: #FFF  }

#charts4.kpi #linechart4_material { margin: 0% 0 2.5%; }

#charts5 { width: 100%; float: left; }
#charts5 #linechart5_material { width: 100%; height: 280px; padding: 2.5%; border-bottom: 5px solid #e6e6e6; background: #FFF  }

#charts5.kpi #linechart5_material { margin: 0% 0 2.5%; }

#charts6, #charts7, #charts8, #charts9 { width: 100%; float: left; }
#charts6 #linechart6_material,#charts7 #linechart7_material, #charts8 #linechart8_material, #charts9 #linechart9_material { width: 100%; height: 280px; padding: 2.5%; border-bottom: 5px solid #e6e6e6; background: #FFF  }

#charts6.kpi #linechart6_material,#charts7.kpi #linechart7_material,#charts8.kpi #linechart8_material,#charts9.kpi #linechart9_material { margin: 0% 0 2.5%; }


#numbers { width: 100%; height: auto; float: left;  margin-bottom: 30px; }
#numbers ul { width: 100%; float: left; margin: 0 0 2%;  }
#numbers ul li { width: 32%; margin: 0 2% 0 0; float: left; padding: 2.5%; background: #FFF;
    border-radius: 7px; box-shadow: 2px 2px 2px #00000008; }
#numbers ul li:last-child { margin: 0; }

#numbers ul li select { font-family: 'Open Sans', serif; margin: 0 0 10px 22.5%; width: 55%; float: left; text-align: center; font-weight: 900; color: #2CA7AF; font-size: 0.95em; text-transform:uppercase; border-color:#e6e6e6; padding: 3px 0 3px 3px }

#numbers ul li p { width: 100%; float: left; text-align: center; color: #666; font-size: 1.4em; font-weight: 400; text-transform:;  }
#numbers ul li h3 { font-family: 'Open Sans', serif; margin: 10px 0 0 0; width: 100%; float: left; text-align: center; color: #00aedb; font-size: 2.8em; }

#numbers h4 { font-family: 'Open Sans', serif; margin: 5% 0 0; font-weight: 700; padding: 0; width: 100%; float: left; text-align: left; color: #666; font-size: 2.0em; }


#numbers.kpisis { margin: 2% 0 0 0; }
#numbers.kpisis ul li { width: 23.5%; min-height: 307px; }
#numbers.kpisis h4 { font-size: 1.3em; font-weight: 600; text-align: center; margin: 0 }
#numbers.kpisis ul li h3 {margin: 6px 0 10px;}
#numbers.kpisis ul li p {font-size: 1.2em;}

#numbers.cards { margin: 2% 0 0 0; }
#numbers.cards ul li { width: 23.5%; min-height: 161.5px; }
#numbers.cards h4 { font-size: 1.3em; font-weight: 600; text-align: center; margin: 0 }
#numbers.cards ul li h3 {margin: 6px 0 10px;}
#numbers.cards ul li p {font-size: 1.2em;}







/* ---------------- byRight  ---------------- */

#area-cliente .byright { width: 20%; height: auto;  float: right; color: #666666; margin: 0 0 0 0; margin-bottom: 30px;}
#area-cliente .byright h3 { margin-bottom: 1em; color: #012D3F; font-size: 1.8em; font-weight: 800; float: left; line-height: 1; }
#area-cliente .byright a { font-size: 1.1em; font-weight: 600; float: left; color: #00a69c; margin: 0; text-decoration: underline; }
#area-cliente .byright a:hover { text-decoration: none; }


/* ---------------- NOVA consulta RAPIDA  ---------------- */

#area-cliente .new-consulta { float: left; margin: 3% 0; border: 0 !important;

    background: #00668F; background: linear-gradient(145deg,#02577a 0%, #012D3F 100%); }

#area-cliente .new-consulta .left { width: 40%; float: left;}
#area-cliente .new-consulta .consulta { position: relative; width: 60%; margin: 0; padding:1.5em 0 2.5em; left: 50%; transform: translate(-50%); }
#area-cliente .new-consulta .consulta h3 { width: 100%; font-size: 2.1em; font-weight: 300; margin: 0 0 10px; color: #FFF }

#area-cliente .new-consulta .right.mobile { display: none; }
#area-cliente .new-consulta .right { width: 100%; float: left; margin: -50px 0; text-align: center; }



/* ---------------- NOVAS ETAPAS  ---------------- */


#consultaCompleta.new-one .top-placa-valor { width: 100%; float: left; padding: 5% 0 10px; }
#consultaCompleta.new-one .top-placa-valor h2 { text-align: left; float: left; width: auto; padding: 0; float: left; font-size: 2.4em;
                                                text-transform: uppercase; text-align: center; font-weight: 700; }

#consultaCompleta.new-one .top-placa-valor ul.box { float: right; }
#consultaCompleta.new-one .top-placa-valor ul.box li { float: left;   }
#consultaCompleta.new-one .top-placa-valor ul.box li p { float: left; text-transform: uppercase; color: #666; font-weight: 700; font-size: 1.2em; margin: 11px 25px 0;  }
#consultaCompleta.new-one .top-placa-valor ul.box li h3 { float: left; text-transform: uppercase; color: #FFF; font-weight: 700; font-size: 2.1em; background: #2CA7AF; border-radius: 7px; padding: 0 1em;    }
#consultaCompleta.new-one .top-placa-valor ul.box li small { float: right; color: #666; font-weight: 400; font-size: 1.0em; clear: both; text-align: center; width: 128px;}




/* ---------------- consulta RAPIDA  ---------------- */
#area-cliente .center { width: 100%; float: left; }

#area-cliente .full { width: 100%; height: auto;  float: left; color: #666666; padding: 0; position: relative; font-size: 1.2em; font-weight: 500; margin: 1% 0 4%; border-radius: 10px;  }

#area-cliente .full.ajt-box {
    padding: 0.5em 0 1em;   
    background: #dee9ec;
    font-weight: 400;
    font-size: 1.3em;
    line-height: 1.2;
    margin: 4% 0;
  }
  #area-cliente .full.ajt-box .row-block {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      background: transparent;
      padding: 0 !important;
      margin: 0 !important;
  }

  #area-cliente .full.ajt-box .row-block h3 {
    font-size: 1em;
    font-weight: 700;
    margin: 0 0.3em;
  }

  #area-cliente .full.ajt-box .row-block p {
    font-size: 1em;
    margin: 0 0.3em;
  }

  #area-cliente .full.ajt-box .row-block h4 {
    font-size: 1.65em;
    font-weight: 700;
    color: #00aedb;
    margin: 0 0.3em;
  }




#area-cliente .dados-excep { position: relative; left: 50%; transform: translate(-50%); width: 380px; float: left}
#area-cliente .dados-excep form { width: 100%}

#area-cliente .full.detalhes-afiliados { margin-top: 0; }



#area-cliente .full.afiliados { margin-bottom: 40px; }

#area-cliente .mini-full { width: 440px; left: 50%; margin: 0 0 3% -220px }
#area-cliente .mini-full.clientes { padding: 4% }
#area-cliente .mini-full .box { width: 100%; float: left; }
#area-cliente .mini-full .box label { width: 100%; float: left; margin: 0; padding: 0; font-size: 1.1em; }
#area-cliente .mini-full .box select { width: 100%; height: 50px; float: left; margin: 7px 0 20px; padding: 0 3%; background: #f5f5f6; border: 2px solid #e8ebed; }

#area-cliente .mini-full .control-label { color: #6B7274; text-wrap: nowrap; }
#area-cliente .mini-full .control-label.title { text-transform: uppercase; font-weight: 800; border-bottom: 0; color: var(--azul-escuro); font-size: 20px; padding: 15px 0 7px 0; margin: 0 0 10px 0 }
#area-cliente .mini-full .control-label.title-mid { width: 100%; text-align: center; font-weight: 600; padding: 1px 7px; border-radius: 4px; margin: 10px 10px 10px 0 !important; line-height: 2; font-size: 9.5px; }

#area-cliente .mini-full .form-group label { width: auto; margin: 3px 18px 0 0; }

#area-cliente .mini-full input { background: #FFF; border: 2px solid #e8ebed; width: 100%; height: 50px; float: left; margin: 7px 0 20px; padding: 0 3%; color: #657380 !important; }
#area-cliente .mini-full .radio-box { width: auto }
#area-cliente .mini-full .radio-box label { font-size: 1.1em }
#area-cliente .mini-full input.radio { height: 14px; width: auto; }


#area-cliente .mini-full .btn { background: var(--azul); border: 0; color: #FFF !important; float: left; font-weight: 700 }

#area-cliente .ajts .corpoNew { width: 100%; float: left; box-sizing: border-box; padding: 3%; background: #ffffff; box-shadow: 0 0 3px #00000014; border-radius: 7px; margin: 0 0 3% }

#area-cliente .ajts { width: 100%; left: inherit; margin: 0 0 3% }
#area-cliente .ajts .divider { width: 100%; float: left; margin: 0 0 3% }
#area-cliente .ajts .btn {width: auto !important; padding: 20px }
#area-cliente .ajts .btn.big { font-weight: 700; font-size:1.5em; height: auto; padding: 20px 40px 22px !important;  }
#area-cliente .ajts .btn.default { clear: both; font-size: 0.9em; background: #bababa; padding: 12px !important; }
#area-cliente .ajts select.form-control {background: #fafafa; }
#area-cliente .ajts select.form-control[name='perfil_id'] { padding-bottom:25px; }
#area-cliente .ajts form input {background: #fafafa }
#area-cliente .ajts .tipo-pessoa { width: 100%; float: left; box-sizing: border-box; padding: 48px 88px; background: #F1FBFF; border-radius: 16px; margin: 0 0 3%; display: grid; grid-template-columns: repeat(3, auto); gap: 32px; align-items: center; justify-content: space-between; }

/* API - Código Ricardo - Inicio */
#area-cliente .ajts .corpoNew.flex-col  { display: flex; flex-direction: column;}
#area-cliente .ajts .corpoNew .mts { margin: 20px 0 0 0}
#area-cliente .ajts .corpoNew .mtm { margin: 40px 0 0 0}

#area-cliente .ajts .corpoNew .section-flex { display: flex; flex-direction: row; justify-content: space-between; align-items: center; gap: 20px;}
#area-cliente .ajts .corpoNew .section-flex-col { display: flex; flex-direction: column; justify-content: flex-start;  gap: 20px;}
#area-cliente .ajts .corpoNew .section-flex-base { display: flex; flex-direction: row; align-items: center;}

#area-cliente .ajts .corpoNew .label-select-3 { display: flex; flex-direction: row; align-items: center; width: 33.33%;}
#area-cliente .ajts .corpoNew .label-select-2-3 { display: flex; flex-direction: row; align-items: center; width: 66.66%;}
#area-cliente .ajts .corpoNew .label-select-3 label, 
#area-cliente .ajts .corpoNew .label-select-2-3 label { width: 170px; font-size: 1.4em; font-weight: 500; white-space: nowrap; margin: 0 25px 0 0;  }

#area-cliente .ajts .corpoNew .label-input { display: flex; flex-direction: column; width: 100%;}

#area-cliente .ajts .corpoNew .section-flex h3.title { display: flex; font-size: 1.8em; color: #454547; font-weight: 500;}
#area-cliente .ajts .corpoNew .section-flex .group-btn { display: flex; justify-content: space-around; gap: 10px}
#area-cliente .ajts .corpoNew .section-flex .group-btn .btn,
#area-cliente .ajts .corpoNew .section-flex-col .group-btn .btn { font-size: 1.1em; font-weight: 600; margin: 0 !important; padding: 10px 20px !important; border-radius: 50px;  }
#area-cliente .ajts .corpoNew .section-flex .group-btn .btn-min,
#area-cliente .ajts .corpoNew .section-flex-col .group-btn .btn-min { font-size: 0.8em; font-weight: 600; margin: 0 !important; padding: 5px 10px !important; border-radius: 50px;  }
#area-cliente .ajts .corpoNew .section-flex .btn.blue { background-color: #00aedb; color: #fff !important;}
#area-cliente .ajts .corpoNew .section-flex-col .group-btn .btn-min.blue2,
#area-cliente .ajts .corpoNew .section-flex-col .group-btn .btn.blue2,
#area-cliente .ajts .corpoNew .section-flex .group-btn .btn.blue2 { background-color: #012D3F; color: #fff !important;}
#area-cliente .ajts .corpoNew .section-flex .group-btn .btn.red { background-color: #d9534f; color: #fff !important;}

#area-cliente .ajts .corpoNew .section-flex-col .blue-icon { color: #00aedb; }
#area-cliente .ajts .corpoNew .section-flex-col .ticket { padding: 3px 5px; border-radius: 3px; font-size: 0.6rem; text-transform: uppercase;}
#area-cliente .ajts .corpoNew .section-flex-col .ticket.red { background-color: #d9534f; color: #fff}

#area-cliente .ajts .corpoNew .section-flex-col h3.title-table { font-size: 1.8em; color: #454547; font-weight: 600; text-transform: uppercase;}
#area-cliente .ajts .corpoNew .section-flex-col h3.title-table span { font-size: 0.8em; color: #454547; font-weight: 500; }
#area-cliente .ajts .corpoNew .section-flex-col h4.title-table { font-size: 1.5em; color: #454547; font-weight: 600; text-transform: uppercase;}

.section-flex-col table>tbody>tr>td { font-weight: 600 !important }

#area-cliente .ajts .corpoNew .section-flex-col .switch { position: relative; display: inline-block; width: 50px; height: 25px;}
#area-cliente .ajts .corpoNew .section-flex-col .switch input { opacity: 0; width: 0; height: 0; }
#area-cliente .ajts .corpoNew .section-flex-col .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s;}
#area-cliente .ajts .corpoNew .section-flex-col .slider:before { position: absolute; content: ""; height: 17px; width: 17px; left: 2px; bottom: 2px; background-color: white; -webkit-transition: .4s; transition: .4s; }
#area-cliente .ajts .corpoNew .section-flex-col input:checked + .slider { background-color: #2196F3; }
#area-cliente .ajts .corpoNew .section-flex-col input:focus + .slider { box-shadow: 0 0 1px #2196F3; }
#area-cliente .ajts .corpoNew .section-flex-col input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); }
/* Rounded sliders */
#area-cliente .ajts .corpoNew .section-flex-col .slider.round { border-radius: 34px;}
#area-cliente .ajts .corpoNew .section-flex-col .slider.round:before {border-radius: 50%;}


#area-cliente .ajts .corpoNew .section-flex.tipos-consultas { margin: 20px 0; width: 100%; }

#area-cliente .ajts .corpoNew .section-flex.tipos-consultas .container-tipo {  flex: 1; flex-direction: row; background-color: #eeeeee; padding:2px 5px; }

#area-cliente .ajts .corpoNew .section-flex.tipos-consultas .container-tipo .linha-tipo { flex-direction: row; flex: 1; justify-content: space-between; display: flex; margin: 2px 0; }

#area-cliente .ajts .corpoNew .section-flex.tipos-consultas .container-tipo .linha-tipo .coluna-tipo { flex: 1; }

#area-cliente .ajts .corpoNew .section-flex.tipos-consultas .container-tipo .triple { background: #eee; flex: 1; }

#area-cliente .ajts .corpoNew .section-flex.tipos-consultas .container-tipo input[type=checkbox] { float: none; flex: 1; }

#area-cliente .ajts .corpoNew .section-flex.tipos-consultas .container-tipo label { float: none; flex: 1; width: auto; margin-bottom: 2.5px; }

#area-cliente .ajts .corpoNew .section-flex.tipos-consultas .container-tipo .small-text { font-size: 10px; }

#area-cliente .ajts .corpoNew .section-flex.tipos-consultas .container-tipo input[type=number] { float: none; width: unset; padding: 0; flex: 1; display: inline-block;  }

#area-cliente .ajts .corpoNew .section-flex.tipos-consultas .container-tipo input[type=number]:disabled { background-color: #e4e4e4; }


#modalContratos { overflow: auto; overflow-x: hidden; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 9999; display: none;  }
#modalContratos .black { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: black; opacity: 0.7; filter: alpha(opacity =70); z-index: 1; }
#modalContratos .voltar { position: absolute; top: 100px; left: 50%;  margin: 0 0 5% 235px; background: #00aedb; color: #FFF; z-index: 3; font-size: 1.8em; padding: 0.65em; cursor: pointer; }
#modalContratos .voltar:hover { opacity: .87 }
#modalContratos .box { position: absolute; top: 100px; left: 50%;  margin: 0 0 5% -290px; width: 580px; height: auto; background: #FFF; z-index: 2; padding: 0  }
#modalContratos .box li { list-style: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; float: left; width: 100%; padding: 3% 9% 5%  }
/* #modalContratos .box li:first-child { background: #f3f3f3  } */
#modalContratos .box .excep {position: absolute; left: 50%; top: 50%; margin: -20px 0 0 -19px; z-index: 99; background: #a9a9a9; color: #FFF; transform: rotate(45deg); padding: 10px }
#modalContratos .box .excep p { transform: rotate(-45deg); }
#modalContratos .box .face { width: 100%; float: left; }
#modalContratos .box .face p { width: 100%; text-align: center; margin: 0 0 20px 0; float: left; }
#modalContratos .box .face a p { color: #439fe0; }
#modalContratos .box li p { width: 100%; float: left; font-size: 0.85em; color: #666  }
#modalContratos .box li p.progredir { font-weight: 700; float: right; text-align: right; font-size: 0.9em; margin-top: 10px; }
#modalContratos .box li h2 { width: 100%; float: left; font-size: 1.4em; color: #666; text-transform: uppercase; font-weight: 300; line-height: 1.0; padding: 35px 0; font-weight: 900 }
#modalContratos .box li h2 b { font-size: 1.6em; color: #00a69c; font-weight: 900 }
#modalContratos .box li form { width: 100%; float: left; }
#modalContratos .box li form label { width: 100%; float: left; }
#modalContratos .box li form label p { font-weight: 500; width: 100%; float: left; text-transform: uppercase; color: #00a69c; font-size: 0.7em; margin: 0 0 5px }
#modalContratos .box li form input { width: 100%; padding: 0 0 0 5%; float: left; border:1px solid #dcdcdd; height: 40px; margin: 0 0 10px }
#modalContratos .box li form input[type=file] { width: 100%; padding: 8px 0 10px 5%; float: left; border:1px solid #dcdcdd; height: 40px; margin: 0 0 10px }
#modalContratos .box li form a.selecionar { float: left; width: 100%; margin: 30px 0 15px; text-align: center; text-transform: uppercase; font-weight: 600; padding: 15px 0; font-size:1.05em; background: #00aedb; color: #FFF; cursor: pointer; border-radius: 50px; }
#modalContratos .box li form a.selecionar:hover { opacity: .85; }

#modalContestar { overflow: auto; overflow-x: hidden; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 9999; display: none;  }
#modalContestar .black { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: black; opacity: 0.7; filter: alpha(opacity =70); z-index: 1; }
#modalContestar .voltar { position: absolute; top: 100px; left: 50%;  margin: 0 0 5% 235px; background: #00aedb; color: #FFF; z-index: 3; font-size: 1.8em; padding: 0.65em; cursor: pointer; }
#modalContestar .voltar:hover { opacity: .87 }
#modalContestar .box { position: absolute; top: 100px; left: 50%;  margin: 0 0 5% -290px; width: 580px; height: auto; background: #FFF; z-index: 2; padding: 0  }
#modalContestar .box li { list-style: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; float: left; width: 100%; padding: 3% 9% 5%  }
/* #modalContestar .box li:first-child { background: #f3f3f3  } */
#modalContestar .box .excep {position: absolute; left: 50%; top: 50%; margin: -20px 0 0 -19px; z-index: 99; background: #a9a9a9; color: #FFF; transform: rotate(45deg); padding: 10px }
#modalContestar .box .excep p { transform: rotate(-45deg); }
#modalContestar .box li p { width: 100%; float: left; font-size: 0.85em; color: #666; margin: 0 0 15px }
#modalContestar .box li h2 { width: 100%; float: left; font-size: 1.4em; color: #666; text-transform: uppercase; font-weight: 300; line-height: 1.0; padding: 15px 0; font-weight: 900 }
#modalContestar .box li h2 b { font-size: 1.6em; color: #00a69c; font-weight: 900 }
#modalContestar .box li form { width: 100%; float: left; }
#modalContestar .box li form label { width: 100%; float: left; }
#modalContestar .box li form label p { font-weight: 500; width: 100%; float: left; text-transform: uppercase; color: #00a69c; font-size: 0.7em; margin: 0 0 5px }
#modalContestar .box li form input { width: 100%; padding: 0 0 0 5%; float: left; border:1px solid #dcdcdd; height: 40px; margin: 0 0 10px }
#modalContestar .box li form input[type=submit] { width: 100%; padding: 0 0 0 0; float: left; border:1px solid #dcdcdd; height: 50px; margin: 0 0 0 }
#modalContestar .box li form input[type=file] { width: 100%; padding: 8px 0 10px 5%; float: left; border:1px solid #dcdcdd; height: 40px; margin: 0 0 10px }
#modalContestar .box .btn-group { display: flex; justify-content: flex-end; clear: both;}
#modalContestar .box li form a.cancelar { float: left; width: 100%; margin: 0 0 15px; text-align: center; text-transform: uppercase; font-weight: 600; padding: 15px 0; font-size:1.05em; background: #fff; color: #00aedb; cursor: pointer; border-radius: 50px; border: 1px solid #00aedb ; height: 50px}
#modalContestar .box li form input.selecionar { float: left; width: 100%; margin: 0 0 0; text-align: center; text-transform: uppercase; font-weight: 600; padding: 15px 0; font-size:1.05em; background: #00aedb; color: #FFF; cursor: pointer; border-radius: 50px; }
#modalContestar .box li form input.selecionar:hover { opacity: .85; }
/* API - Código Ricardo - fim */
.left {}


span.fully { width: 100%; float: left; box-sizing: border-box; padding: 0 3% 0 0;  }
span.double { width: 50%; float: left; box-sizing: border-box; padding: 0 3% 0 0;  }
span.triple { width: 33.333%; float: left; box-sizing: border-box; padding: 0 3% 0 0;  }
span.quadra { width: 25%; float: left; box-sizing: border-box; padding: 0 3% 0 0;  }



/* ---------------- TABLEs  ---------------- */

.NewTable { width: 100%; margin: 0 0 2.5%; background: #FFF; border: 1px solid #F2F2F2; border-radius: 7px; float: left; }
.NewTable table { width: 100%; font-size: 1em !important }
.NewTable table .btn-large { font-size: 12px; padding: 0.75em 1.85em; line-height: 1; height: auto; margin: 0 !important }
.NewTable table td, th { padding: 15px !important; line-height: 1.5; width: fit-content; text-wrap:nowrap; }
.NewTable table>tbody>tr>td:first-child { font-weight: 700 }
.NewTable table thead tr {background: var(--azul-escuro); color: white; border-spacing: 16px;}

.NewTable input { float: left !important; width: auto !important }
.NewTable .title-mid { width: auto !important }
.NewTable .newexcep { width: auto!important; float: left!important }
.NewTable .newexcep p { width: auto!important; float: left!important; font-size: 0.75em !important; font-weight: 600 !important; line-height: 0; }
.NewTable .newexcep input { width: auto!important; float: left!important; clear: both!important; margin: 5px 10px 0 0!important;height: 30px !important; }
#area-cliente .ajts select.form-control.excep { padding: 12px; margin: 7px 0 0; }

#area-cliente .full form.excep .divExcep { float: left; margin: 10px 0 -16px; padding: 0 0 3px; }



#area-cliente .full form { width:100%; float: left; }

#area-cliente .full {display: flex; flex-direction: column;}
#area-cliente .full .titles { background: none; border-bottom: 0; margin: 0  }
#area-cliente .full .titles b { font-weight: 600; }


#area-cliente .btn-codigo { margin-bottom: 0px; width: auto; height: 40px; background: #00a69c; border:0; float: left; clear: both; color: #FFF; text-transform: uppercase; font-weight: 700; font-size: 1.4em; cursor:pointer; transition: all 200ms ease-in-out; float: right; position: relative; text-decoration: none; }
#area-cliente .btn-codigo:hover { background: #01beb3; }

#area-cliente .full form .btnconsulta { height: 61px; font-size: 1.0em; padding: 18px 3em; margin:0; background: var(--azul); border:0; border-radius: 50px; color: #FFF; text-transform: uppercase; font-weight: 800; cursor:pointer; transition: all 200ms ease-in-out; position: absolute; right: 0px; border: 3px solid #FFF; }
#area-cliente .full form .btnconsulta:hover { background: #009CD6CC; }

#area-cliente .full form .field { width: 100%; padding: 0 0 0 3% ; height: 61px; background: #FFF; border:0; float: left; font-size: 1.4em; color:#2CA2C8;  font-weight: 400;  text-transform: uppercase; border-radius: 50px;  }
#area-cliente .full form input.field::placeholder { color: #2CA2C8; font-weight: 700; }


#area-cliente .full form div { float: left; width: 100%; padding: 0;  margin: 0 }
.visualizar-contratos .full div { float: left; width: 100%; padding: 0;  margin: 0 }

#area-cliente .full form.excep div.linha div { float: left;}
#area-cliente .full div p { float: left; color: #333; opacity: .5; font-weight: 500; font-size: 1em; font-style: italic; margin-top: 2rem;}
#area-cliente .full div i { float: left; background: url(../../images/consulta-completa-elements.png); width: 105px; height: 22px; background-position: -599px -433px; margin: -3px 0 0 0; }


#area-cliente .full ul#info_placa { float: left; margin: 0; padding: 0; letter-spacing: 1px  }
#area-cliente .full ul#info_placa h4 { float: left; font-size: 1.5em; color: #666; font-weight: 800; margin: 10% 0 8% 0; text-transform: uppercase;  }
#area-cliente .full ul#info_placa li { float: left; clear: both; list-style: none }
#area-cliente .full ul#info_placa li p { float: left; font-size: 1.1em; color: #666; font-weight: 300;   }
#area-cliente .full ul#info_placa li p b { font-weight: 700;   }

#area-cliente .full ul#info_placa .btn-completo { width: auto; height: 40px; background: #5a85a1; border:0; float: left; clear: both; color: #FFF; text-transform: uppercase; font-weight: 200; cursor:pointer; transition: all 200ms ease-in-out; margin: 5% 0 0 0; position: relative; }
#area-cliente .full ul#info_placa .btn-completo:hover { background: #679cbf; }
#area-cliente .full ul#info_placa .btn-completo p { float: left; font-size: 1.2em; padding: 1em 2em;   }
#area-cliente .full ul#info_placa .btn-completo p b { font-weight: 800; }
#area-cliente .full ul#info_placa .btn-completo img { position: absolute; top: -29px; right: -110px; width: 130px;  }


/* ---------------- PLANO  ---------------- */

#area-cliente .byright .plano { width: 100%; float: left; }
#area-cliente .byright .plano h4 { width: 100%; float: left; text-transform: uppercase; font-weight: 600; font-size: 1.4em;line-height: 2.2; text-align: center; background:#012D3F; padding: 0.5em 0; border-radius: 7px 7px 0 0; color: #FFF; }
#area-cliente .byright .plano h4 b {  font-size:1.05em;  }
#area-cliente .byright .plano .white { width: 100%; height: 60px; border-radius: 7px; padding: 6% 0; text-align: center; float: left; margin: 0 0 10px 0; font-weight: 400; font-size: 1.3em; line-height: 1.2; background: #FFF; }
#area-cliente .byright .plano .white:hover { box-shadow: 3px 3px 3px #00000014 }

#area-cliente .byright .plano .white.Excep { height: 165px; border-radius:0 0 7px 7px; position: relative;}
#area-cliente .byright .plano .white.Excep b {     width: 100%; margin: 0; }

#area-cliente .byright .plano h5 { width: 100%; float: left; text-transform: uppercase; font-weight: 300; font-size:1.0em; line-height: 1.2; text-align: center; background: #2ca7af; border: 1px solid #e6e6e6; padding: 1em 0; border-radius: 0 0 7px 7px; color:#FFF; border-top: 0 }
#area-cliente .byright .plano h5:hover { opacity: .8; }

#area-cliente .byright .plano h5 a { width: 100%; float: left;  color:#FFF; text-align: center; text-decoration: none }




#area-cliente .byright .plano .white.excep { border: none; }
#area-cliente .byright .plano .white.excep2 { border-radius: 0 0 7px 7px;  margin: 0; height: 144px; }

#area-cliente .byright .plano .white b {font-size: 1.75em; line-height: 1.5; color: #00aedb; font-weight: 700; float: right; margin: 0 20px 0 0; }
#area-cliente .byright .plano .white b.excep {line-height: 0.5; font-size: 4em; font-weight: 700;     width: 100%; margin: 0 0 5% 0; }

#area-cliente .byright .plano p { width: 68px; float: left; font-weight: 400; font-size: 0.9em; color: #999; line-height: 1.3; margin: 0 0 0 20px;; text-align: left; position: relative; top: 50%; transform: translate(0,-50%); }
#area-cliente .byright .plano p b { font-weight:700; font-size: 2.2em; color: #666; line-height: 1; }
#area-cliente .byright .plano .white b small { font-size: 0.35em;  }


#area-cliente .byright .plano p.Excep { width: 100%; float: left; font-weight: 600; font-size: 1.2em; color: #999; line-height: 1.3; margin: 5% 0 4em; text-align: center; position: relative; top: initial; transform: translate(0); }
#area-cliente .byright .plano p.Excep b { font-size: 1em; }



#area-cliente .byright .plano .btn { width: 100%; background: var(--azul); border:0; border-radius: 10px; float: left; clear: both; color: #FFF !important; text-transform: uppercase; font-weight: 700; cursor:pointer; transition: all 200ms ease-in-out; margin: 5% 0 0 0; position: absolute; left: 0px; bottom: 0px; text-decoration: none; }
#area-cliente .byright .plano .btn:hover { opacity: .8; }



/* ---------------- ETAPAS BUY  ---------------- */


#consultaCompleta.etapas-buy #Prices .later {  padding: 0px 0 0 !important; }

#consultaCompleta.etapas-buy #Prices .later h3 { margin-bottom: 15px; }
#consultaCompleta.etapas-buy #Prices .later h4 {
    width: 100%;
    float: left;
    font-size: 2em;
    color: #333;
    text-align: center;
    font-weight: 200;
    margin-bottom: 50px;
}




.etapas-buy .logo { width: 100%;  text-align: center;  float: left;  margin: 80px 0 0; background: #f5f5f6; }



#consultaCompleta.etapas-buy #pagamento .topis { width: 100%; float: left; }
#consultaCompleta.etapas-buy #pagamento .topis h3 { width: 100%; float: left; font-size: 3em; color: #333; text-align: center; text-transform: uppercase; font-weight: 200; margin-top: 30px; }
#consultaCompleta.etapas-buy #pagamento .topis h3 b {color: #00a69c }

#consultaCompleta.etapas-buy #pagamento .later h3 { margin-bottom: 15px; }
#consultaCompleta.etapas-buy #pagamento .later h4 {
    width: 100%;
    float: left;
    font-size: 1.5em;
    color: #333;
    text-align: center;
    font-weight: 400;

}
#consultaCompleta.etapas-buy #pagamento .later h4.excep { margin-bottom: 0px; }

#consultaCompleta.etapas-buy #pagamento .busca {margin-top: 0}




/* ----------------  BREADCAMP DAS ETAPAS DE COMPRA  ---------------- */


.etapas-bread { width: 100%; padding: 35px 0 40px; margin: 50px 0 0 0; background: #FFF; float: right; position: relative; }
.etapas-bread.excep { margin: -60px 0 72px 0; padding: 103px 0 0 0; }

.etapas-bread ul { width: 100%; float: left; position: relative; z-index: 3 }
.etapas-bread ul li { width: 43px !important; height: 43px !important; background: white; border: 1px solid #e1e1e1; border-radius: 50%; color: #666; text-align: center; font-size: 1.2em; float: left; margin: 0 0 0 -52px; position: relative; left: 48%; font-weight: 700 }
.etapas-bread ul li p { padding: 0.9em 0 0 2px; color: #999; }
.etapas-bread ul li:first-child { margin: 0 0 0 0; left: 18% }
.etapas-bread ul li:last-child { float: right !important; left: -18.5% !important  }
.etapas-bread ul li.one { margin: 0 0 0 -180px }
.etapas-bread ul li.two { margin: 0 0 0 80px }


.etapas-bread ul .active { width: 50px !important; height: 50px !important; margin-top: -9px !important; background:#00a69c; color: white; font-size: 1.5em !important; border: 1px solid #00a69c !important; }
.etapas-bread ul .active p { padding: 0.86em 0 0 2px; color: #FFF  }
.etapas-bread ul .active p i { padding: 0px 0 0 0; font-size: 1.4em;   }

.etapas-bread ul li span { position: absolute; width: 155px;  left: -49px; text-align: center; font-size: 1em; margin: 13px 0 0 0;     line-height: 1; color: #999;  }
.etapas-bread ul .active span { margin: 1.7em 0 0 0; color: #00a69c; font-size: 0.8em; }

.etapas-bread ul li .exception {}
.etapas-bread .etapa-line { width: 61%; height: 1px; background: #e1e1e1; margin: 17px 0 0 19%; position: absolute; z-index: 1 }
.etapas-bread .etapa-line2 { width: 31%; height: 1px; background: #00a69c; margin: 17px 0 0 20%; position: absolute; z-index: 2 }
.etapas-bread .etapa-line2.last { width: 61% }



.etapas-bread.two-line ul li.one { display: none; }
.etapas-bread.two-line ul li.two { display: none; }

.etapas-bread.tree-line ul li.one { margin: 0 0 0 -50px; }
.etapas-bread.tree-line ul li.two { display: none; }
.etapas-bread.four-line ul li.one { margin: 0 0 0 -14%;}
.etapas-bread.four-line ul li.two { margin: 0 0 0 6%;}






/* ---------------- NOVA ETAPA  ---------------- */
#consultaCompleta.new-one {}
#consultaCompleta.new-one .mobile { width: 100%; float: left; display: none; }
#consultaCompleta.new-one .desktop { width: 100%; float: left; padding: 0 0 5%; background: #fafafa; }


#resultado-nova-etapa { width: 100%; float: left; background: #fafafa; border-top: 1px solid #e5e5e5; }
#resultado-nova-etapa .center1 { width: 100%; float: left; }
#resultado-nova-etapa .center1 h2 { width: 50%; float: left; font-size: 2.4em; text-transform: uppercase; text-align: center; font-weight: 700; padding:66px 0 39px 0;  }


#resultado-nova-etapa .center1 .plate { width: 50%; float: left; text-align: center; margin-top: 60px }
#resultado-nova-etapa .center1 .plate h4 { width: auto; float: left; font-size: 2.1em; font-weight: 900; padding: 0.5em 1.0em; border: 3px solid #e6e6e6; color: #666; border-radius: 7px; text-transform: uppercase; text-align: center; position: relative; left: 50%; margin: 0 0 0 -75px  }
#resultado-nova-etapa .center1 .plate p { float: left; clear: both; width: 100%; text-transform: lowercase; text-align: center; font-style: italic; }
#resultado-nova-etapa .center1 .plate a { color: #666; }
#resultado-nova-etapa .center1 .plate a:hover { text-decoration: underline; }

#resultado-nova-etapa .box-frame { width: 100%; float: left; text-align: center; }
#resultado-nova-etapa .box-frame iframe { width: 370px; height: 305px; }



#resultado-nova-etapa .left { width: 50%; float: left; font-size: 1.1em; color: #666666; font-weight: 700;  text-transform: uppercase; }
#resultado-nova-etapa .left ul { width: 100%; float: left; margin: 0 0 5%; }
#resultado-nova-etapa .left ul li { width: 100%; float: left; margin: 1.3em 0 }
#resultado-nova-etapa .left ul li p { width: 100%; float: left; line-height: 2;  }
#resultado-nova-etapa .left ul li p b { width: 57.5%; padding: 0 2.5% 9px 2.5%; float: left; color: #00a69c; font-size: 1.6em; border-bottom: 1px solid #e1e1e1; position: relative; line-height: 1.3; font-weight: 700  }
#resultado-nova-etapa .left ul li p span { width: 24%; margin: 0 2.5% 0 0; float: left; text-align: right; }
#resultado-nova-etapa .left ul li p img { position: absolute; right: 0 }

#resultado-nova-etapa .right { width: 50%; float: left; text-align: center; }
#resultado-nova-etapa.sem-detalhes .right { width: 100%; }
#resultado-nova-etapa.sem-detalhes .full .square { margin: 0 0 0 -13px;}




#resultado-nova-etapa.sem-preco .full .left {  display: none; }
#resultado-nova-etapa.sem-preco .full .center {  display: none; }
#resultado-nova-etapa.sem-preco .full .right {  width: 100%; margin: 40px 0 0px; }
#resultado-nova-etapa.sem-preco .center { background: transparent; padding: 0px 0 2% 0; margin: -10px 0 0; }
#resultado-nova-etapa h5 span.small { font-size: 0.26em; color: #666; font-weight: 700; }

#consultaCompleta.new-one .fulled.sem-preco .left { display: none; }
#consultaCompleta.new-one .fulled.sem-preco { padding: 2em 0 0  }
#consultaCompleta.new-one .fulled.sem-preco .plano { display: block; margin: 2em 0 0 7.5%; width: 85%;   }
#consultaCompleta.new-one .fulled.sem-preco .plano h4 { font-size: 1.1em;  }
#consultaCompleta.new-one .fulled.sem-preco .plano .white { font-size: 1.2em; }
#consultaCompleta.new-one .fulled.sem-preco .right a p { font-size: 15px; }


#consultaCompleta.new-one .plano { width: 79%; float: left; margin: 6em 0 0 10.5%; }
#resultado-nova-etapa.sem-preco .plano { display: block;  }



#consultaCompleta.new-one .plano h4 { width: 100%; float: left; text-transform: uppercase; font-weight: 400; font-size: 1.3em; line-height: 1.2; text-align: center; background: #f5f5f6; border: 1px solid gainsboro; padding: 0.5em 0; border-radius: 4px 4px 0 0; }
#consultaCompleta.new-one .plano .white { background: #FFF; width: 100%; border: 1px solid #DCDCDC; border-radius: 0 0 4px 4px; padding: 1em 0; text-align: center; float: left; margin: -1px 0 0.35em 0; font-weight: 400; font-size: 1.5em; line-height: 1.2 }
#consultaCompleta.new-one .plano .white.excep { border: none; }
#consultaCompleta.new-one .plano .white b {font-size: 1.6em; color: #00a69c; font-weight: 900 }
#consultaCompleta.new-one .plano p { width: 100%; float: left; font-weight: 400; font-size: 1.1em; color: #999; line-height: 1.5; }

#consultaCompleta.new-one .plano .btn { width: auto; background: #00a69c; border:0; float: left; clear: both; color: #FFF; text-transform: uppercase; font-weight: 700; font-size: 1.4em; cursor:pointer; transition: all 200ms ease-in-out; margin: 5% 0 0 0; position: relative; text-decoration: none; }
#consultaCompleta.new-one .plano .btn:hover { background: #01beb3; }







#resultado-nova-etapa .full { width: 50%; margin: 5% 0 0; float: left; position: relative; }
#resultado-nova-etapa .full .square { width: 20px; height: 20px; background: #00a69c; color: #ededed; text-align: center; font-size: 7em; font-weight: 800; float: left; transform: rotate(45deg); position: absolute; top: -9px; left: -9px; margin: 45% 0 0 0; z-index: 2  }

#resultado-nova-etapa .full .left { width: 100%; height: 164px; float: left; position: relative; z-index: 3 }
#resultado-nova-etapa .full .left img { float: left; margin: -37px 0px -12px -20px; }
#resultado-nova-etapa .full .left div { float: left; margin: 13px 0 0 2%; }
#resultado-nova-etapa .full .left div p { float: left; clear: both; font-size: 1.8em; color: #666; font-weight: 700; text-transform: none; line-height: 1.1; }
#resultado-nova-etapa .full .left div p.excep { line-height: 2; font-weight: 400 }
#resultado-nova-etapa .full .left div h5 { float: left; margin: 0 0 0 0px; font-size: 4.0em; color: #00a69c; font-weight: 400; line-height: 1.1;}
#resultado-nova-etapa .full .left div h5 b { font-size: 1.5em; font-weight: 900;  }

#resultado-nova-etapa .full .left div h5 span.credito { font-size: 0.6em; font-weight: 900;  }
#resultado-nova-etapa .full .left div h5 span.saldo { font-size: 0.3em; font-weight: 900; color: #666  }


#resultado-nova-etapa .full .right { width: 100%; float: left;  }
#resultado-nova-etapa .full .right a { padding: 1.1em 3em; background: #35a1d2; color:#FFF; font-size: 2.2em; font-weight: 700; text-transform: uppercase; margin: 20px 0 0 0; cursor: pointer; border-radius: 4px;}
#resultado-nova-etapa .full .right a:hover { opacity: .8 }

#resultado-nova-etapa .center { width: 100%; margin: 3% 0 5%; padding: 2% 0; float: left; position: relative;  text-transform: uppercase; text-align: center; z-index: 2 }
#resultado-nova-etapa .center h4 { width: 100%; float: left; line-height: 1; font-size: 2em; color: #009990; font-weight: 900; text-align: center  }
#resultado-nova-etapa .center h4 b { font-weight: 900 }
#resultado-nova-etapa .center p { width: 100%; float: left; font-size: 1.3em; line-height: 1; text-transform: lowercase; color: #666; font-weight: 500; text-align: center }



#consultaCompleta.new-one .etapas { width: 100%; background: #fafafa; border-bottom: 1px solid #e1e1e1; float: left; padding: 70px 0 12px 0 }
#consultaCompleta.new-one .etapas li { width: 100%; float: left; font-size: 1.3em }
#consultaCompleta.new-one .etapas li p { width: 100%; float: left; font-size: 1.15em; color: #c4c4c4; text-align: center; font-weight: 700 }
#consultaCompleta.new-one .etapas li b { color: #666666; font-weight: 700  }
#consultaCompleta.new-one .etapas li span { color: #2CA7AF;  font-weight: 700   }

#consultaCompleta.new-one .plate-mobile { width: 100%; float: left; text-align: center; background: #FFF; }
#consultaCompleta.new-one .plate-mobile div { width: auto; float: left; position: relative; left: 50%; margin: 18px 0 10px -118px  }
#consultaCompleta.new-one .plate-mobile div h4 { width: auto; float: left; font-size: 1.8em; font-weight: 900; padding: 0.5em 1.0em; border: 3px solid #e6e6e6; color: #666; border-radius: 17px; text-transform: uppercase; text-align: center; position: relative;   }
#consultaCompleta.new-one .plate-mobile div a { float: left; width: auto; text-align: center; color: #666; font-style: italic; margin: 18px 0 0 15px; font-weight: 500; text-decoration: underline; }
#consultaCompleta.new-one .plate-mobile div a:hover { text-decoration: none; }

#consultaCompleta.new-one .mobile-infos { width: 100%; float: left; background: #FFF; }
#consultaCompleta.new-one .mobile-infos ul { width: 100%; float: left }
#consultaCompleta.new-one .mobile-infos ul li { width: 100%; float: left; margin: 1em 0 }
#consultaCompleta.new-one .mobile-infos ul li p { width: 100%; float: left; line-height: 2; font-size: 1.0em; }
#consultaCompleta.new-one .mobile-infos ul li p b { width: 67.5%; padding: 0 2.5% 9px 2.5%; float: left; color: #00a69c; font-size: 1.1em; border-bottom: 1px solid #e1e1e1; position: relative; line-height: 1.3; font-weight: 700  }
#consultaCompleta.new-one .mobile-infos ul li p span { width: 23%; margin: 0 2.5% 0 0; float: left; text-align: right; text-transform: uppercase; font-weight: 700; color: #777; line-height: 13px; }
#consultaCompleta.new-one .mobile-infos ul li p img { position: absolute; right: 0 }


#consultaCompleta.new-one .centered { width: 100%; float: left; background: #FFF; text-align: center; margin: 0 0 7px; }
#consultaCompleta.new-one .centered img {  }



#consultaCompleta.new-one .fulled { width: 100%; float: left; border-top: 1px solid #e6e6e6; background: #f5f5f6; }
#consultaCompleta.new-one .fulled .center { width: 100%; padding: 5px 0 0; float: left; position: relative;  text-transform: uppercase; text-align: center; z-index: 2 }
#consultaCompleta.new-one .fulled .center h4 { width: 100%; float: left; font-size: 1em; color: #666; font-weight: 500; text-align: center  }
#consultaCompleta.new-one .fulled .center h4 b { font-weight: 900; }

#consultaCompleta.new-one .fulled .left { width: 100%; float: left; position: relative; z-index: 3;  }
#consultaCompleta.new-one .fulled .left img { width: 47%; float: left; margin: -6px 0 -9px 0 }
#consultaCompleta.new-one .fulled .left div { width: 45%; float: left; margin: 12px 0 0 6%; font-size: 65%; }
#consultaCompleta.new-one .fulled .left div p { float: left; clear: both; font-size: 1.55em; color: #666; font-weight: 600; text-transform: none; line-height: 1.1; }
#consultaCompleta.new-one .fulled .left div p.excep { line-height: 2; font-weight: 400 }
#consultaCompleta.new-one .fulled .left div h5 { float: left; margin: 0 0 0 6px; font-size: 4.3em; color: #00a59b; font-weight: 400; line-height: 1.1;}
#consultaCompleta.new-one .fulled .left div h5 b { font-size: 1.5em; font-weight: 900;  }

#consultaCompleta.new-one .fulled .right { width: 100%; float: left; }
#consultaCompleta.new-one .fulled .right a { float: left; padding: 1em 0; background: #35a1d2; color:#FFF; font-size: 2em; font-weight: 700; text-transform: uppercase; margin: 0 7.5%; width: 85%; text-align: center; cursor: pointer; }
#consultaCompleta.new-one .fulled .right a:hover { opacity: .8 }









/* ---------------- ADMIN CSS  ---------------- */

.new-btn {    
    background: #012D3F;
    padding: 2px 15px 0;
    float: left;
    color: #FFF !important;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 0.8em;
    cursor: pointer;
    transition: all 200ms ease-in-out;
    margin: -4px 0 1px;
    text-decoration: none;
}


.navbar.excep { background: #FFF !important; box-shadow: 0 2px 10px rgba(78, 78, 78, 0.2)  }
.navbar-brand.excep>img { margin: 5px 0 6px; }

#drop-area .highlight { border-color: purple;}



.drop { position: absolute; top: 0; right: 43px; width: 200px; float: left; padding: 16px 0 0 16px; margin: -10px 0 0; transition: all 200ms ease-in-out; cursor: default; display: block; overflow: hidden; z-index: 2; cursor: pointer; }
.drop .top { width: auto; float: left; }
.drop .top p { width: 94px; height: 20px; font-size: 15px; float: left; margin: 6px 5px 0; display: block; overflow: hidden; }
.drop .top p b { font-weight: 700; color: #2ca2c8  }
.drop .top i { font-size: 2em; float: left; width: 31px; }


.drop:hover { cursor: pointer;  background: #FFF; box-shadow: 0 2px 10px rgba(78, 78, 78, 0.2) }
.drop:hover > ul.bottom { display: block; }

.drop ul.bottom { display: none; width: 100%; float: left; clear: both; margin: 11px 0 0; max-height: 480px; overflow: auto; }
/* SCROLL NICE */
.drop ul.bottom::-webkit-scrollbar { width: 7px; }
.drop ul.bottom::-webkit-scrollbar-track {background: #f5f5f6;}
.drop ul.bottom::-webkit-scrollbar-thumb {background: #d8d8d8;border-radius: 50px;}
.drop ul.bottom::-webkit-scrollbar-thumb:hover {background: rgb(206, 206, 206);}


.drop ul.bottom li { width: 100%; border-top: 1px solid #f5f5f6;  float: left; clear: both; }
.drop ul.bottom li.excep { font-size: 0.7em; font-weight: 700; text-transform: uppercase; border: 0;  margin: 13px 0 5px;
    color:#b1b1b1; }

.drop ul.bottom li:last-child {  }
.drop ul.bottom li a { width: 100%; float: left; font-size: 0.83em; font-weight: 600; line-height: 3; color:#2ca2c8; }
.drop ul.bottom li a:hover { text-decoration: underline; }


.drop ul.bottom li a.btn-nav { width: auto; border-radius: 4px; border-top:0; margin: 10px 0 0; padding: 0 2em; color: #FFF }

.drop ul.bottom li.mobile-only { display: none; }


.drop.notify { right:380px;width: 100px; }
.drop.notify i.icon-bell{ font-size: 27px; margin: 2px 0 0 0; position: relative; }
.drop.notify i.icon-bell i { position: absolute; width: 7px; height: 7px; float: left; background: #ee4141; top:3px; left:2px; border-radius: 50px;  }
.drop.notify:hover { width: 250px; }
.drop.notify p { display: none; }
.drop.notify:hover p { display: block; }

.drop.notify .bottom li { padding: 20px 20px 20px 0; }
.drop.notify .bottom li a { line-height: 1; }
.drop.notify .bottom li a:hover small { text-decoration: none; }
.drop.notify .bottom li a small { color: #bbbbbb; font-size: 0.8em;}



@media (max-width:550px) {
    .drop.notify { display: none; }
}



.menu-all {width: auto;float: left;}
.menu-all .area-new {width: auto; position: absolute; top: 6px; right: 242px; border-right: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; padding: 0 13px 0;z-index: 1; }
.menu-all .area-new p { width: auto; height: 20px; font-size: 15px; float: left; margin: 6px 5px 0; display: block; overflow: hidden; }
.menu-all .area-new a { color: #666 }
.menu-all .area-new a:hover { text-decoration: underline; }
.menu-all .area-new p b { font-weight: 700; color: #2ca2c8;  }
.menu-all .area-new i { width: 30px; height: 22px; float: left; background: url(../../images/icons.png); background-position: -251px -2px; margin: 4px;  }

.menu-all .area-new.sair { width: auto; position: absolute; top: 6px; right: 0; border-right: 0; border-left: 1px solid #e4e4e4; padding: 0 0 0 13px; }


.fuller { float: right; }
.fuller .navbar-collapse { float: left; }
.fuller .navbar-collapse .navbar-nav { margin-top: 6px !important; }
.fuller .area-new.sair { float: left; }
.fuller .area-new.sair .btn-wrap { float: left; list-style: none; }

.fuller .area-new.sair .btn-wrap a.btn-nav { width: auto; border-radius: 4px; border-top:0; float: left; margin: 4px 0 0; padding: 7px 14px; color: #FFF }

.fuller .drop .top.flex_display {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 25px 0 0;
}

.fuller .drop .top.flex_display .menu_user {
    display: flex;
    align-items: center;
    gap: 10px;
}

.fuller .drop .top.flex_display .menu_user > strong {
    font-weight: 700;
    color: #2ca2c8;
    font-size: 15px;
}

.fuller .drop .top .img_user {
    min-width: 39px;
    width: 39px;
    height: 39px;
    background: #0089BF1A;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    overflow: hidden;
}

.fuller .drop .top .img_user > img{
    min-width: 39px;
    width: 39px;
    height: 39px;
}



/* ---------------- FOOTER  ---------------- */
.footer { width: 100%; height:auto; background: #1585b2; float: left; position: relative; border-top:1px solid #dcdcdd; z-index: 2; padding: 1.5em 0; text-align: left }
.footer p { margin-left: 1.5em; float: left; font-size: 1em; text-align: left; color: #5a5959; font-weight: 400; }


/* ---------------- HEADER E MENU ---------------- */


/***
Page header
***/
.header {
    filter: none !important;
    background-image: none !important;
    background-color: #EFEFEF  !important;
    font-size:13px;
}
.header .btn-navbar {
    background-color: #212121 !important;
}
.header .navbar-nav .dropdown-toggle:hover,
.header .navbar-nav .dropdown.open .dropdown-toggle {
    background-color: #5C6B72 !important;
}
.header .navbar-nav li.dropdown .dropdown-toggle i {
    color: #8a8a8a !important;
}
.header .navbar-nav>li {
    float: left;
}
.nav>li {
    position: relative;
    display: block;
}
.dropdown {
    position: relative;
}
/***
Header and header elements.
***/

.header {
    width: 100%;
    padding: 0 20px 0 20px;
    margin: 0;
    border: 0px;
    padding: 0px;
    box-shadow: none;
    height: 42px;
    min-height: 42px;
}

.header.navbar-fixed-top {
    z-index: 9995 !important;
}

.header .navbar-brand {
    display: inline-block;
    margin-top: -1px;
    margin-right: 0;
    padding: 0;
    width: 225px;
}

.header .navbar-brand img {
    margin-left: 20px;
    margin-top: 4px;
    width: 135px;
}

.header .navbar-toggle {
    margin: 8px 6px 4px 6px;
    padding: 0;
    padding-top:2px;
    padding-bottom: 6px;
    background-image: none;
    filter:none;
    box-shadow: none;
    color: #fff;
    border: 0;
}

.header .navbar-toggle:hover {
    text-decoration: none;
    background: none;
}

.header .navbar-nav {
    margin-right: 20px;
    display: block;
}


.header .navbar-nav > li {
    margin: 0px;
    padding: 0px;
}

.header .navbar-nav > li.dropdown,
.header .navbar-nav > li.dropdown > a {
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 14px;
}

.header .navbar-nav > li.dropdown > a:last-child {
    padding-right: 0;
}

.header .navbar-nav > li.dropdown:last-child {
    padding-right: 2px;
}

.header .navbar-nav > li.dropdown .dropdown-toggle {
    margin: 0px;
    padding: 15px 10px 7px 10px;
}

.header .navbar-nav > li.dropdown .dropdown-toggle > i {
    font-size: 18px;
}

.header .navbar-nav > li.dropdown .dropdown-menu > li > a > i {
    font-size: 14px;
}

.header .navbar-nav > li.dropdown.site .dropdown-toggle {
    padding: 11px 4px 6px 9px;
    height: 42px;
}

.header .navbar-nav > li.dropdown.site .dropdown-toggle:hover {
    text-decoration: none;
}

.header .navbar-nav > li.dropdown.site .dropdown-toggle .username {
    color: #ddd;
}

.header .navbar-nav li.dropdown.site .dropdown-toggle i {
    display: inline-block;
    margin-top: 5px;
    margin: 0;
    font-size: 16px;
}

.header .navbar-nav > li.dropdown.site .dropdown-menu i {
    width: 15px;
    display: inline-block;
}


.header .navbar-nav > li.dropdown.user .dropdown-toggle {
    padding: 11px 4px 6px 9px;
    height: 42px;
}

.header .navbar-nav > li.dropdown.user .dropdown-toggle:hover {
    text-decoration: none;
}

.header .navbar-nav > li.dropdown.user .dropdown-toggle .username {
    color: #364150;
}

.header .navbar-nav li.dropdown.user .dropdown-toggle i {
    display: inline-block;
    margin-top: 5px;
    margin: 0;
    font-size: 16px;
}

.header .navbar-nav > li.dropdown.user .dropdown-menu i {
    width: 15px;
    display: inline-block;
}

.header .navbar-nav > li.dropdown .dropdown-toggle .badge {
    position: absolute;
    top: 8px;
    right: 20px;
}

.header .navbar-nav .dropdown-menu {
    margin-top: 3px;
}

.navbar-inverse .navbar-nav>li>a {
    color: #999;
}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
    color: black;
    background-color: transparent;
}
/***
Page container
***/
.page-container {
    margin: 0px;
    padding: 0px;
}

.page-header-fixed .page-container {
    margin-top: 42px;
}

/***
Page sidebar
***/


.page-sidebar {
    position: absolute;
    width: 225px;
}

.page-sidebar.navbar-collapse {
    padding: 0;
}

.page-sidebar-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    margin: 0;
    padding: 0;
}

.page-sidebar-menu > li {
    display: block;
    margin: 0;
    padding: 0;
    border: 0px;
}

.page-sidebar-menu > li.start > a {
    border-top-color: transparent !important;
}

.page-sidebar-menu > li:last-child > a,
.page-sidebar-menu > li.last > a {
    border-bottom-color: transparent !important;
}

.page-sidebar-menu > li > a {
    display: block;
    position: relative;
    margin: 0;
    border: 0px;
    padding: 10px 15px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 300;
}

.page-sidebar-fixed .page-sidebar-menu > li > a {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.page-sidebar-menu > li > a i {
    font-size: 16px;
    margin-right: 5px;
    text-shadow:none;
}

.page-sidebar-menu > li.break {
    margin-bottom: 20px;
}

.page-sidebar-menu > li.active > a {
    border: none;
    text-shadow:none;
}

.page-sidebar-menu > li.active > a .selected {
    display: block;
    width: 8px;
    height: 25px;
    background-image: url("/assets/clean/images/sidebar-menu-arrow.png");
    float: right;
    position: absolute;
    right:0px;
    top:8px;
}

.page-sidebar ul > li > a > .arrow:before {
    float: right;
    margin-top: 0px;
    margin-right: 5px;
    display: inline;
    font-size: 16px;
    font-family: FontAwesome;
    height: auto;
    content: "\f104";
    font-weight: 300;
    text-shadow:none;
}

.page-sidebar-menu > li > a > .arrow.open:before {
    float: right;
    margin-top: 0px;
    margin-right: 3px;
    display: inline;
    font-family: FontAwesome;
    height: auto;
    font-size: 16px;
    content: "\f107";
    font-weight: 300;
    text-shadow:none;
}

/* bagin: sidebar menu badges */
.page-sidebar-menu li > a > .badge {
    float: right;
    margin-top: 1px;
    margin-right: 13px;
}

/* end: sidebar menu badges */

.page-sidebar-menu .sub-menu {
    padding: 0;
}

.page-sidebar-menu > li > ul.sub-menu {
    display: none;
    list-style: none;
    clear: both;
    /* margin: 8px 0px 8px 0px; */
}

.page-sidebar-menu > li.active > ul.sub-menu {
    display: block;
}

.page-sidebar-menu > li > ul.sub-menu > li {
    background: none;
    margin: 0px;
    padding: 0px;
    /*margin-top: 1px !important; */
}

.page-sidebar-menu > li > ul.sub-menu > li > a {
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px;
    padding-left: 44px !important;
    text-decoration: none;
    font-size: 14px;
    font-weight: 300;
    background: none;
}

/* 3rd level sub menu */
.page-sidebar-menu > li > ul.sub-menu  > li ul.sub-menu {
    display: none;
    list-style: none;
    clear: both;
    margin: 0px 0px 0px 0px;
}

.page-sidebar-menu > li > ul.sub-menu  li > a > .arrow:before   {
    float: right;
    margin-top: 1px;
    margin-right: 20px;
    display: inline;
    font-size: 16px;
    font-family: FontAwesome;
    height: auto;
    content: "\f104";
    font-weight: 300;
    text-shadow:none;
}

.page-sidebar-menu > li > ul.sub-menu  li > a > .arrow.open:before {
    float: right;
    margin-top: 1px;
    margin-right: 18px;
    display: inline;
    font-family: FontAwesome;
    height: auto;
    font-size: 16px;
    content: "\f107";
    font-weight: 300;
    text-shadow:none;
}

.page-sidebar-menu > li.active > ul.sub-menu > li.active ul.sub-menu {
    display: block;
}

.page-sidebar-menu > li > ul.sub-menu > li  ul.sub-menu li {
    background: none;
    margin: 0px;
    padding: 0px;
    margin-top: 1px !important;
}

.page-sidebar-menu > li > ul.sub-menu  li > ul.sub-menu > li > a {
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 300;
    background: none;
}

.page-sidebar-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {
    padding-left: 60px;
}

.page-sidebar-menu > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {
    padding-left: 80px;
}

.page-sidebar-menu > li.active > ul.sub-menu > li.active ul.sub-menu > li.active ul.sub-menu {
    display: block;
}


.page-sidebar-menu > li > ul.sub-menu  li > ul.sub-menu > li > a > i {
    font-size: 13px;
}
/***
Page sidebar
***/
.page-sidebar {
    background-color: #EFEFEF;
}
ul.page-sidebar-menu > li > a {

    color: #999 !important;
}

ul.page-sidebar-menu > li > a:hover, ul.page-sidebar-menu > li.active > a,
ul.page-sidebar-menu > li.open a {
    color: #ffffff !important;
}

ul.page-sidebar-menu > li:last-child > a {
    border-bottom: 1px solid transparent !important;
}
ul.page-sidebar-menu > li a i {
    color: #999;
}
ul.page-sidebar-menu > li > ul.sub-menu > li > a {
    color: #ffffff;
    background: #5C6B72;
}

ul.page-sidebar-menu > li > ul.sub-menu > li > a i {
    color: #ffffff;
}
ul.page-sidebar-menu > li.open a i {
    color: #ffffff;
}
ul.page-sidebar-menu > li a:hover i {
    color: #ffffff;
}

ul.page-sidebar-menu > li.open > a,
ul.page-sidebar-menu > li > a:hover,
ul.page-sidebar-menu > li:hover > a {
    background: #5C6B72;
}
ul.page-sidebar-menu > li.active > a {
    background: #5C6B72 !important;
    border-top-color: transparent !important;
    color: #ffffff;
    border-left: 2px solid #000 !important;
}
ul.page-sidebar-menu > li.active > a i {
    color: #ffffff;
}
ul.page-sidebar-menu > li > ul.sub-menu > li:first-child > a {
    border-top: 0px !important;
}
ul.page-sidebar-menu > li > ul.sub-menu > li.active > a,
ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover {
    color: #ffffff !important;
    background: #575757 !important;
}
ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover {
    background: #575757 !important;
}
/* 3rd level sub menu */
ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li.active > a,
ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li > a:hover,
ul.page-sidebar-menu > li > ul.sub-menu li.open > a {
    color: #ffffff !important;
    background: #575757 !important;
}
/* font color for all sub menu links*/
ul.page-sidebar-menu li > ul.sub-menu > li > a {
    color: #ffffff;
}
/* menu arrows */
ul.page-sidebar-menu > li > a .arrow:before,
ul.page-sidebar-menu > li > a .arrow.open:before {
    color: #7d7d7d !important;
}
ul.page-sidebar-menu > li > ul.sub-menu a .arrow:before,
ul.page-sidebar-menu > li > ul.sub-menu a .arrow.open:before {
    color: #707070 !important;
}
ul.page-sidebar-menu > li > a > .arrow.open:before {
    color: #8a8a8a !important;
}
ul.page-sidebar-menu > li.active > a .arrow:before,
ul.page-sidebar-menu > li.active > a .arrow.open:before {
    color: #ffffff !important;
}
/* sidebar search */
.page-sidebar .sidebar-search input {
    background-color: #242424 !important;
    color: #7d7d7d;
}
.page-sidebar .sidebar-search input {
    background-color: #3d3d3d !important;
    color: #bfbfbf !important;
}
.page-sidebar .sidebar-search .input-box {
    border-bottom: 1px solid #7d7d7d !important;
}
.page-sidebar .sidebar-search .submit {
    background-image: url(../../images/search-icon.png);
}

.page-sidebar-closed .sidebar-toggler {
    margin-left: 3px;
}

.page-sidebar-closed .page-sidebar .sidebar-search .form-container {
    width: 29px;
    margin-left: 3px;
}

.page-sidebar-closed .page-sidebar .sidebar-search .form-container .input-box {
    border-bottom: 0 !important;
}

.page-sidebar-closed .page-sidebar .sidebar-search .form-container input[type="text"] {
    display: none; 
}

.page-sidebar-closed .page-sidebar .sidebar-search .form-container .submit {
    margin-top: 5px !important;
    margin-left: 7px !important;
    margin-right: 7px !important;
    display: block !important;
}

.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container {
    width: 255px;
    position: relative;
    z-index: 1;
    padding-top: 0px;
}

.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container input[type="text"] {
    margin-top: 7px;
    margin-left: 8px;
    padding-left: 10px;
    padding-bottom: 2px;
    width: 185px;
    display: inline-block !important;
}

.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container .submit {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin: 11px 8px 9px 6px !important;
}

.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container .remove {
    background-repeat: no-repeat;
    width: 11px;
    height: 11px;
    margin: 12px 8px 9px 8px !important;
    display: inline-block !important;
    float: left !important;
}

.page-sidebar-closed .page-sidebar-menu > li > a .selected {
    right: -3px !important;
}

.page-sidebar-closed .page-sidebar-menu > li > a > .title,
.page-sidebar-closed .page-sidebar-menu > li > a > .arrow {
    display: none !important;
}

.page-sidebar-closed .sidebar-toggler {
    margin-right: 3px;
}

.page-sidebar-closed .page-sidebar .sidebar-search {
    margin-top: 6px;
    margin-bottom: 6px;
}

.page-sidebar-closed .page-sidebar-menu {
    width: 35px !important;
}

.page-sidebar-closed .page-sidebar-menu > li > a {
    padding-left: 7px;
}

.page-sidebar-fixed.page-sidebar-closed .page-sidebar-menu > li > a {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.page-sidebar-closed .page-sidebar-menu > li:hover {
    width: 236px !important;
    position: relative !important;
    z-index: 2000;
    display: block !important;
}

.page-sidebar-closed .page-sidebar-menu > li:hover .selected {
    display: none;
}

.page-sidebar-closed .page-sidebar-menu > li:hover > a > i {
    margin-right: 10px;
}

.page-sidebar-closed .page-sidebar-menu > li:hover .title {
    display: inline !important;
}

.page-sidebar-closed .page-sidebar-menu > li > .sub-menu {
    display: none !important;
}

.page-sidebar-closed .page-sidebar-menu > li:hover > .sub-menu {
    width: 200px;
    position: absolute;
    z-index: 2000;
    left: 36px;
    margin-top: 0;
    top: 100%;
    display: block !important;
}

.page-sidebar-closed .page-sidebar-menu > li:hover > .sub-menu > li > .sub-menu,
.page-sidebar-closed .page-sidebar-menu > li:hover > .sub-menu > li > .sub-menu > li > .sub-menu {
    width: 200px;
}

/* 2rd level sub menu*/
.page-sidebar-closed .page-sidebar-menu > li:hover > .sub-menu > li > a {
    padding-left: 15px !important;
}

/* 3rd level sub menu*/
.page-sidebar-closed .page-sidebar-menu > li > ul.sub-menu > li > .sub-menu > li > a {
    padding-left: 30px !important;
}

/* 4rd level sub menu*/
.page-sidebar-closed .page-sidebar-menu > li > ul.sub-menu > li > .sub-menu > li > .sub-menu > li > a {
    padding-left: 45px !important;
}

/* sidebar container */

.page-sidebar-closed  .page-sidebar {
    width: 35px;
}

.page-sidebar-closed  .page-content {
    margin-left: 35px !important;
}

.hide {
    display:none;
}


/***
Notes
***/

/* Common styles for all types */
.note {
    position: relative;
    float: left;
    width: 100%;
    z-index: 5;
    padding: 0.5em 0;
    font-size: 1.6em;
    font-weight: 700;
}

.note h1,
.note h2,
.note h3,
.note h4 {
    margin-top: 0;
}

.note p:last-child {
    margin-bottom: 0;
}
.note code,
.note .highlight {
    background-color: #fff;
}
.note-danger {
    background-color: #FAEAE6;

}
.note-danger.excep {
    border: 3px solid #f9a8a8;
    color: #dd8383;
    width: 100%;
    margin: 0px 0 10px 10px;
    padding: 1% 2%;
    line-height: 1.3;
    font-size: 1.45em;
    text-align: center;
    border-radius: 7px 7px 0 7px;
}

.note-warning {
    background-color: #FCF3E1;
    border-color: #fcb322;
}

.note-info {
    background-color: #E8F6FC;
    border-color: #57b5e3;
}

.note-success {
    background-color: #439fe0;
    color: #FFF;
}

.col-md-6 {
    width: 50%;
    float:left;
}

.col-md-meio {
    width: 4.16%;
    float:left;
}

.col-md-placa {
    width: 10.66%;
    float:left;
}
.col-md-1 {
    width: 8.33%;
    float:left;
}

.col-md-2 {
    width: 16.66%;
    float:left;
}

.col-md-3 {
    width: 25%;
    float:left;
}


.col-md-12{
    width: 100%;
    clear: both;
    float: left;
}

.label_form {
    width: 100%;
    margin: 10px;
    float: left; font-size: 1.3em; color: #666666; text-transform: uppercase; font-weight: 200
}

.table label{
    font-size: 1.9em; color: #666666; text-transform: uppercase; font-weight: 200
}

.table label.bold{
    font-weight: 600
}

.table {
    padding: 15px;
}
.margin-left-10 {
    margin-left: 10px !important;
}


.btn_reset_password{ clear: both; width:100%; background: #00a69c; text-align: center; float: left; color: #FFF; text-transform: uppercase; font-weight: 800;  cursor:pointer; transition: all 200ms ease-in-out; margin-bottom: 2em }
.btn_reset_password:hover { background: #01beb3; }

.btn_visualizacao_relatorio{ width:10em; background: #00a69c; padding: 1em 0; text-align: center; float: left; color: #FFF !important; text-transform: uppercase; font-weight: 800; font-size: 1.2em; cursor:pointer; transition: all 200ms ease-in-out; margin: 2em 0 0; }
.btn_visualizacao_relatorio:hover { background: #01beb3; }

.btn_visualizacao_boleto { background-color: var(--azul); padding: 1em 1em; text-align: center; color: #FFF !important; font-size: 1.2em; cursor: pointer; transition: all 200ms ease-in-out; margin: 2em 0 0; color: white; border-radius: 10px; font-weight: 700;}
.btn_visualizacao_boleto:hover { background: #009CD6CC; }

.dropbox { height: 200px; width: 90%; background-color: #F0F4F8; margin: 0 auto; border-radius: 10px;}
.dropbox:hover  { box-shadow: 5px 5px 15px -2px rgba(0,0,0,0.29);}

.btn_cadastrar_relatorio{ width:20em; background: #00a69c; padding: 0.9em; text-align: center; float: right; color: #FFF !important; text-transform: uppercase; font-weight: 800; font-size: 1.2em; cursor:pointer; transition: all 200ms ease-in-out; margin: 0 0 0 4px; }
.btn_cadastrar_relatorio:hover { background: #01beb3; }



.bases { width: 100%; float: left;  border-radius: 7px; background: #1995C7; box-sizing: border-box; padding: 2% 0 3%;; margin: 0 0 3% }
.bases .oker { display: none }
.bases h3 {    width: 80%;
    float: left;
    text-align: center;
    font-size: 1.4em;
    line-height: 1.4;
    color: #FFF;
    font-weight: 600;
    margin: 2% 0 0 10%; }
.bases h3 b {  font-size: 1.3em;}
.bases .atualiza { width: 100%; float: left; margin: 2% 0 0  }
.bases .atualiza p { width: 100%; float: left; font-size: 1.15em; font-weight: 400; color: #FFF; text-align: center; margin: 0 0 5px; }
.bases .atualiza a { position: relative; position: relative; left: 50%; transform: translate(-50%); background: #dafbff; color: #1995c7; padding: 0.85em 1.45em; border-radius: 7px; font-weight: 700;  }
.bases .atualiza a.desactive { opacity: .4  }


.bases ul.boxs { width: 90%; float: left; margin: 0 5%;  }

.bases ul.boxs li { width: 13.42%; float: left; margin: 0 1% 0 0; padding: 10px 0; list-style: none; background: #29A9DC; border-radius: 4px; }
.bases ul.boxs li:last-child { margin: 0 }
.bases ul.boxs li p { width: 100%; float: left; margin: 0 0 10px 0; font-weight: 700; color: #dafbff; font-size: 1.2em; text-align: center}
.bases ul.boxs li figure { width: 100%; float: left; margin: 0; padding: 0; text-align: center}
.bases ul.boxs li figure img.ok { display: none }
.bases ul.boxs li figure img.not { opacity: .4 }

.bases.sucesso { background: #1995C7;  }
.bases.sucesso .noter { display: none }
.bases.sucesso .oker { display: block }

.bases ul.boxs li.successo {background: #29A9DC}
.bases ul.boxs li.successo p { color: #FFF;  }
.bases ul.boxs li.successo figure img.ok { display: inline; }
.bases ul.boxs li.successo figure img.not { display: none}

.bases.sucesso ul.boxs li p { color: #FFF;  }
.bases.sucesso ul.boxs li figure img.ok { display: inline; }
.bases.sucesso ul.boxs li figure img.not { display: none}
.bases.sucesso ul.boxs li {background: #29A9DC}



#area-cliente .content.relatorio-excep { background: #FFF; border-radius: 7px; box-sizing: border-box; padding: 0; margin: 2% 0 0 }
#area-cliente .content.relatorio-excep .btn { white-space: inherit; padding: 7px 25px 6px 17px; }
#area-cliente .content.relatorio-excep .btn img { margin: 0 10px 0 0; }
#area-cliente .content.relatorio-excep .btn p { margin: 0; line-height: 2;color: white; }
#area-cliente .content.relatorio-excep .btn.last { margin: 40px 21px 0 0; }


#area-cliente .top h3 { font-size: 2em; color: #666 }


.NewAT { width: 100%; float: left; }
.NewAT h3 { width: 70%; margin: 3.5% 15%; float: left; font-weight: 500; font-style: italic; font-size: 1.6em; }
.NewAT ul { width: 100%; float: left; margin: 0 0 2.5%; }
.NewAT ul.time li { width: 50%; float: left; }
.NewAT ul.time li.last {width: 25%;  margin: 5%; }
.NewAT ul.time li img.right { float: right; }
.NewAT ul.time li h5 { width: 100%; float: left; font-size: 2.8em; color: #B1E8FF; }
.NewAT ul.time li h4 { width: 100%; float: left; font-size: 3.4em; color: #FFF; font-weight: 700; margin: 5px 0 10px; line-height: 1.2; }
.NewAT ul.time li p { width: 100%; float: left; font-size: 1.6em; color: #B1E8FF; font-weight: 500; }
.NewAT h2 { width: 100%; text-align: center; float: left; font-size: 1.6em; color: #B1E8FF; font-weight: 500; line-height: 1.5;   }
.NewAT h2 b { font-size: 2em; color: #FFF; font-weight: 700 !important; }
.NewAT h2.excep { margin: 5% 0; }
.NewAT h2.excep b { font-size: 1.4em; color: #FFF; font-weight: 700 !important; }


.NewAT ul.triple li { width: 33.333%; float: left; }
.NewAT ul.triple li figure { width:100%; float: left; text-align: center; }
.NewAT ul.triple li p { width:70%; margin: 1em 15% 0; color: #FFF; float: left; text-align: center; color: #B1E8FF; font-size: 1.3em; font-weight: 500 !important;  }
.NewAT ul.triple li p b { font-size: 1.1em; color: #FFF; font-weight: 700 !important;  }




/***
Dashboard stats
***/
.dashboard-stat {
    margin-bottom: 25px;
    height: 120px;
}

.dashboard-stat.status {
    height: auto !important;
}

.dashboard-stat:before,
.dashboard-stat:after {
    display: table;
    line-height: 0;
    content: "";
}
.dashboard-stat:after {
    clear: both;
}

.dashboard-stat .visual {
    width: 80px;
    height: 80px;
    display: block;
    padding-top: 10px;
    margin: 0 auto;
    text-align: center;
}

.dashboard-stat.status .visual {
    float:left;
    padding-left: 15px;
    margin-bottom: 10px;
}

.dashboard-stat .visual i {
    font-size: 65px;
    line-height: 65px;
    color: #fff;
}

.dashboard-stat.status .visual i {
    font-size: 80px;
    line-height: 80px;
    color: rgba(255, 255, 255, 0.6);
    margin-left: -76px;
    margin-top: -19px;
}

@media (min-width: 992px) and (max-width: 1024px) {

    .dashboard-stat .visual i {
        font-size: 28px;
        line-height: 28px;
    }

    .dashboard-stat.status .visual i {
        font-size: 24px;
        line-height: 24px;
    }

}

.dashboard-stat.status .details {
    position: absolute;
    right: 15px;
    padding-right: 10px;
}

.dashboard-stat .details .number {
    padding-top: 3px;
    text-align: right;
    font-size: 34px;
    line-height: 34px;
    letter-spacing: -1px;
    margin-bottom: 5px;
    font-weight: 300;
    color: #fff;
}

.dashboard-stat .details .subnumber{
    text-align: right;
    font-size: 13px;
    line-height: 13px;
    font-weight: 300;
    color: #fff;
}

.dashboard-stat .details .desc {
    text-align: center;
    font-size: 14px;
    letter-spacing: 0px;
    font-weight: 400;
    color: #fff;
}

.dashboard-stat.status .details .desc {
    text-align: right;
    font-size: 18px;
    letter-spacing: 0px;
    font-weight: 400;
    color: #fff;
}
.dashboard-stat .more {
    clear: both;
    display: block;
    padding: 5px 10px 5px 10px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 11px;
    color: #fff;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.dashboard-stat .more:hover {
    text-decoration: none;
    opacity: 1;
    filter: alpha(opacity=100);
}

.dashboard-stat .more > i {
    display: inline-block;
    margin-top: 1px;
    float: right;
}

.dashboard-stat.blue-delta {
    background-color: #2CA7AF; border-bottom: 5px solid #e6e6e6;
}

.dashboard-stat.blue-delta .more {
    background-color: #208dbe;
}

.dashboard-stat.blue {
    background-color: #27a9e3;
}

.dashboard-stat.blue .more {
    background-color: #208dbe;
}

.dashboard-stat.green {
    background-color: #56C394;
}

.dashboard-stat.green .more {
    background-color: #41B382;
}

.dashboard-stat.red {
    background-color: #F37576;
}

.dashboard-stat.red .more {
    background-color:#D04A4A;
}

.dashboard-stat.yellow {
    background-color: #FDCF86;
}

.dashboard-stat.yellow .more {
    background-color: #E6B464;
}

.dashboard-stat.purple {
    background-color: #852b99;
}

.dashboard-stat.purple .more {
    background-color: #6e1881;
}

.btn_mensagem {
    border-radius: 3px;
    line-height: 13px;
    padding: 9px 15px;
    white-space: nowrap;
}









/* ---------------- Container_Afiliados  ---------------- */

#Container_Afiliados { font-family: 'Open Sans', serif; font-size:62.5%; color:#454547; font-weight:400; background:#FFF; height: auto; }

#Container_Afiliados #setor2 .row { max-width: 1280px !important; margin-right: auto;  margin-left: auto; }
#Container_Afiliados #setor3 .row { max-width: 1280px !important; margin-right: auto;  margin-left: auto; }
#Container_Afiliados #setor4 .row { max-width: 1280px !important; margin-right: auto;  margin-left: auto; }
#Container_Afiliados #setor5 .row { max-width: 1280px !important; margin-right: auto;  margin-left: auto; }
#Container_Afiliados #setor6 .row { max-width: 1280px !important; margin-right: auto;  margin-left: auto; }


/* ---------------- BOTOES  ---------------- */

#Container_Afiliados .btn-afiliados { cursor: pointer; clear: both; float: left; font-size: 1.4em; text-transform: uppercase; background: #53c8d0; color: #FFF; padding: 0.8em 1.4em; font-weight: 700; border-radius: 7px }
#Container_Afiliados .white {  background: #FFF; color: #2CA7AF; }
#Container_Afiliados .grey {  background: #ccc; color: #FFF; }
#Container_Afiliados .blue { background: #4eaff5 }
#Container_Afiliados .btn:hover { opacity: .7; text-decoration: none; }

#Container_Afiliados .btn-mobile {display: none; background: #f3f3f3; width: 100%; position: fixed; top: 0; left: 0; z-index: 998  }

#Container_Afiliados .btn-interesse { width: 98%; box-sizing: border-box; margin: 1.5% 1%; text-align: center; }

#Container_Afiliados #Container_Afiliados .btn-close { display: none; position: fixed; top: 0; right: 0; background: #FFF; padding: 10px 15px; font-weight: 700; font-size: 2em; color: #4eaff5; }

#Container_Afiliados .interesse-click { cursor: pointer}
#Container_Afiliados .mensagem-sucesso { cursor: pointer}




/* ---------------- SETOR 1  ---------------- */

#Container_Afiliados #setor1 { width: 100%; background: url(../../images/afiliados/historicar-afiliados-bg.jpg) center center; background-size: cover; float: left; padding: 120px 0 0; position: relative; z-index: 2; overflow: inherit}
#Container_Afiliados #setor1 .bggreen { width: 100%; height: 100%; background: #2CA7AF; position: absolute; margin: 0; top: 0; left: 0; z-index: 1; opacity: .9; }
#Container_Afiliados #setor1 .row { position: relative; z-index: 2; }

#Container_Afiliados #setor1 h1 { width: 100%; margin: 5em 0 3em; text-align: center; float: left; }

#Container_Afiliados #setor1 h1 img { width: 330px; margin: 0 0 0 -25px; }

#Container_Afiliados #setor1 .center { width: 100%; float: left; }

#Container_Afiliados #setor1 .center h2 { width: 100%; text-align:center; float: left; font-size: 5.4em; font-weight: 700; color: #FFF; clear: both; line-height: 2; }

#Container_Afiliados #setor1 .center p { width: 100%; text-align:center; float: left; margin: 0 10% 0 0; font-size: 2.1em; font-weight: 500; clear: both; color: #FFF; }

#Container_Afiliados #setor1 .center ul { width: 100%; float: left; margin: 2em 0 0 }

#Container_Afiliados #setor1 .center ul li { float: left; font-size: 1.9em; color: #FFF; position: relative; left: 50%; margin: 0 0 0 -145px }

#Container_Afiliados #setor1 .center ul li img { width: 20px; float: left; margin: 5px 10px 0 0 }

#Container_Afiliados #setor1 .center a { float: left; font-size: 2.3em; color: #FFF; position: relative; left: 50%; margin: 1.5em 0 3em -152px }

#Container_Afiliados #setor1 .car { width: 100%; margin: -6em 0 -11em; text-align: center; float: left; }

#Container_Afiliados #setor1 .car img {  }


/* ---------------- SETOR 2  ---------------- */

#Container_Afiliados #setor2 { width: 100%; float: left; padding: 11em 0 4em; position: relative; z-index: 1 }

#Container_Afiliados #setor2 .top { width: 100%; float: left; }

#Container_Afiliados #setor2 .top h2 { width: 100%; text-align:center; float: left; font-size: 2.9em; font-weight: 700; color: #2CA7AF; clear: both; }

#Container_Afiliados #setor2 .top p { width: 100%; text-align:center; float: left; margin: 0 10% 0 0; font-size: 1.7em; font-weight: 500; clear: both; color: #95989A; padding: 0 5%; box-sizing: border-box; }

#Container_Afiliados #setor2 ul { width: 100%; float: left; margin: 5% 0 0 0 }

#Container_Afiliados #setor2 ul li { width: 30%; margin: 0 5% 0 0; float: left; }
#Container_Afiliados #setor2 ul li:last-child { margin: 0 0 5% 0; }


#Container_Afiliados #setor2 ul li figure { width: 100%; margin: 0;  padding: 0; float: left; text-align:center; }
#Container_Afiliados #setor2 ul li figure img {  }
#Container_Afiliados #setor2 ul li:first-child figure img { margin: 16px 0; }

#Container_Afiliados #setor2 ul li p { width: 100%; margin: 2em 0 0; box-sizing: border-box; padding: 0 10%; float: left; text-align:center; font-size: 1.5em; font-weight: 400; color: #95989A; }


/* ---------------- SETOR 3  ---------------- */

#Container_Afiliados #setor3 { width: 100%; background: #2CA7AF; float: left; padding: 7em 0 }

#Container_Afiliados #setor3 .top { width: 100%; float: left; }

#Container_Afiliados #setor3 .top h2 { width: 100%; text-align:center; float: left; font-size: 2.9em; font-weight: 700; color: #FFF; clear: both; }

#Container_Afiliados #setor3 .top p { width: 100%; text-align:center; float: left; margin: 0 10% 0 0; font-size: 1.7em; font-weight: 500; clear: both; color: #FFF; padding: 0 5%; box-sizing: border-box; }


#slider { float: left; width: 70%; position: relative; margin: 4% 0 4% 15%; }

#Container_Afiliados #setor3 .left { width: 50%; float: left; margin:4% 0 0 }
#Container_Afiliados #setor3 .right { width: 50%; float: right; margin:4% 0 0 }

#Container_Afiliados #setor3 .left label, #Container_Afiliados #setor3 .right label { width: 100%; float: left; text-align: center; clear: both; font-size: 1.6em; color: #AFFFF7; }
#Container_Afiliados #setor3 .left input, #Container_Afiliados #setor3 .right input, .amount-info { width: 100%; float: left; text-align: center; clear: both; background: transparent; border: 0; font-size: 3.9em; color: #FFF; font-weight: 900; }
.amount-info {    padding: 15px; height: 50px;}

#Container_Afiliados #setor3 .left p, #Container_Afiliados #setor3 .right p { width: 100%; float: left; text-align: center; clear: both; font-size: 1.6em; color: #AFFFF7; }

#Container_Afiliados #setor3 .box label {float: left; margin: 0 0 0 38%   }
#Container_Afiliados #setor3 .box input {float: left; color: #0482bd !important; padding: 0 0 0 0.5em;   }


#Container_Afiliados #setor3 ul { width: 100%; float: left; margin: 1em 0 0 0 }

#Container_Afiliados #setor3 ul li { width: 30%; margin: 0 5% 0 0; float: left; background: rgba(0, 0, 0, 0.12); text-align: center; font-size: 1.6em; color: #AFFFF7; border-radius: 7px; border: 1px solid rgb(34, 181, 172); box-sizing: border-box; }
#Container_Afiliados #setor3 ul li:last-child { margin: 0; }

#Container_Afiliados #setor3 ul li h5 { margin: 2em 0 0 }

#Container_Afiliados #setor3 ul li p, #Container_Afiliados #setor3 ul li p span { margin: 0 0 2em 0; line-height: 1.3; }

#Container_Afiliados #setor3 ul li p b { font-size: 2.3em; color: #FFF; }

/* ---------------- SETOR 4  ---------------- */

#Container_Afiliados #setor4 { width: 100%; float: left; padding: 7em 0 3em }

#Container_Afiliados #setor4 .top { width: 100%; float: left; }

#Container_Afiliados #setor4 .top h2 { width: 100%; text-align:center; float: left; font-size: 2.9em; font-weight: 700; color: #2CA7AF; clear: both; }

#Container_Afiliados #setor4 .top p { width: 100%; text-align:center; float: left; margin: 0 10% 0 0; font-size: 1.7em; font-weight: 500; clear: both; color: #95989A; padding: 0 5%; box-sizing: border-box; }

#Container_Afiliados #setor4 ul { width: 100%; float: left; margin: 5% 0 0 0 }

#Container_Afiliados #setor4 ul li { width: 33.333%; margin: 0 0 2%; float: left; }

#Container_Afiliados #setor4 ul li figure { width: 53px; height: 100px; margin: 0;  padding: 0; float: left; text-align:center; }
#Container_Afiliados #setor4 ul li figure img { width: 53px; }

#Container_Afiliados #setor4 ul li p { width: calc(100% - 53px); margin: 0 0 0; box-sizing: border-box; padding: 0 10% 0 5%; float: left; text-align:left; font-size: 1.5em; font-weight: 400; color: #95989A; }


/* ---------------- SETOR 5  ---------------- */

#Container_Afiliados #setor5 { width: 100%; float: left; background: #F5F5F6; padding: 7em 0 5em }

#Container_Afiliados #setor5 .top { width: 100%; float: left; }

#Container_Afiliados #setor5 .top h2 { width: 100%; text-align:center; float: left; font-size: 2.9em; font-weight: 700; color: #2CA7AF; clear: both; }

#Container_Afiliados #setor5 .top p { width: 100%; text-align:center; float: left; margin: 0 10% 0 0; font-size: 1.7em; font-weight: 500; clear: both; color: #95989A; padding: 0 5%; box-sizing: border-box; }


#Container_Afiliados #setor5 .swiper-slide { width: 100%; float: left; margin: 5% 0 0 0; box-sizing: border-box; padding: 0 10%;  }

#Container_Afiliados #setor5 .swiper-slide .autor { width:650px; margin: 2% 0 2%; float: left; }

#Container_Afiliados #setor5 .swiper-slide .autor figure { width: 60px; height: 60px; display: block; overflow: hidden; border-radius: 50%; margin: 0;  padding: 0; float: left; text-align:center; }
#Container_Afiliados #setor5 .swiper-slide .autor figure img { width: 100%; }

#Container_Afiliados #setor5 .swiper-slide .autor p { width: calc(100% - 60px); margin: 0 0 0; box-sizing: border-box; padding: 10px 10% 0 5%; float: left; text-align:left; font-size: 0.65em; font-weight: 400; color: #95989A; }

#Container_Afiliados #setor5 .swiper-slide .autor p b { font-weight: 700; font-size: 1.28em; color: #666  }

#Container_Afiliados #setor5 .swiper-slide .depoimento { text-align: left; color: #95989A; font-size: 0.9em }


#setor5 { width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}

#setor5 .top { width: 100%; float: left; margin-top: 6em; }
#setor5 .top h3 { width: 100%; text-align: center; color: #00668F; font-size: 2.4em; font-weight: 700; float: left; margin: 0 0 1em }

#setor5 .body{ width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; }
#setor5 .body .itens{ width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: space-around; flex-wrap: wrap; padding: 0 1em;}
#setor5 .body .itens .content { display: flex; flex-direction: column; width: 250px; flex-wrap: wrap; border: 3px solid #EDF4F6; border-radius: 14px; padding: 0 0 30px 0; margin-top: 10px; margin-top: 5px; position: relative; }
#setor5 .body .itens .content p.top { text-align: center; font-size: 2.4em; color: #00668F; font-weight: 700; line-height: 1.6; margin: 15px 0 0; text-transform: uppercase}
#setor5 .body .itens .content p.top span {font-size: 0.4em;}
#setor5 .body .itens .content h5 { text-align: center; font-size: 1.6em; color: #00668F; font-weight: 700; line-height: 2; margin: 0 0 0; text-transform: uppercase; margin: 0 0 6px;}
#setor5 .body .itens .content h5 span {font-size: 2.5em; font-weight: 700; vertical-align: middle}

#setor5 .body .itens .content p { text-align: center; font-size: 0.7em; color: #00668F; font-weight: 400; line-height: 1.6; margin: 10px 10% 0; }
#setor5 .body .itens .content p.small { font-size: 0.7em; font-weight: 600; margin: -20px 10% 15px; }

#setor5 .body .itens .content p b { font-size: 1.3em; vertical-align: middle; font-weight: 700;}

#setor5 .body .itens .content .btn { font-size: 0.7em; margin: 25px 0 0; width: 120px; align-self: center; text-align: center; border-radius: 20px; padding: 15px; background: #00668f; color: #FFF !important; padding: 1em; }
#setor5 .body .itens .content label.mais_vendido { background: #EDF4F6; color: #00668F !important; font-size: 0.9em; cursor: default; padding: 10px 20px 9px; position: absolute; top: 0; margin-top: -20px; align-self: center; font-weight: bold; border-radius: 20px;}

#setor5 .body .bottom { margin: 35px 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;}
#setor5 .bottom p { width: auto; color: #666666; font-size: 1em; font-weight: 500; float: left; margin: 7px 10px 0 }
#setor5 .bottom p.excep { color: #00668F;font-weight: 600 }
#setor5 .bottom img { float: left; margin: 0 0 0 10px }

#setor5 .body .banner{ width: 100%; display: flex; justify-content: center; align-items: center; margin-bottom: 20px;}
#setor5 .body .banner .mobile { display: none; }




@media screen and (max-width: 591px){
    #setor5 .body .itens .content{
        margin: 20px;
    }
}

@media screen and (max-width: 1215px){
    #setor5 .body .banner .desktop{
        display: none;
    }
    
    #setor5 .body .banner .mobile { 
        display: block;
        width: 100%;
    }
}

@media screen and (max-width: 376px){
    #setor5 .body .bottom {
        flex-direction: column;
    }
    #setor5 .body .bottom .boleto{
        margin-top: 5px;
    }
}

/* ---------------- SETOR 6  ---------------- */

#Container_Afiliados #setor6 { width: 100%; float: left; background: #2CA7AF; padding: 7em 0 }

#Container_Afiliados #setor6 .left { width: 100%; float: left; color: #FFF; padding: 0 0 0; text-align: center}

#Container_Afiliados #setor6 .left h3 {  width: 100%; float: left; font-size: 2.5em; font-weight: 700; }

#Container_Afiliados #setor6 .left p {  width: 100%; padding: 0 10%; float: left; font-size: 1.5em; margin: 1.5em 0 2.5em }

#Container_Afiliados #setor6 .left div {  width: 100%; float: left; text-align: center  }

#Container_Afiliados #setor6 .left div a {  float: none; margin: 0  }




/************************************************************************************
                            RESPONSIVO Container_Afiliados
*************************************************************************************/

@media (max-width:1420px) {
    #Container_Afiliados .row { width: 90%; margin: 0 5%; }



}

@media only screen and (max-width: 1199px) {
    #Container_Afiliados .top {
        height: auto;
        width: auto;
        right: inherit;
        bottom: inherit;
    }
}

@media (max-width:998px) {

    #Container_Afiliados { font-size: 47.5%; }


    #Container_Afiliados #setor1 {padding: 90px 0 0;}
    #Container_Afiliados #setor1 h1 img { width: 280px; margin: 0 0 0 -13px; }

    #Container_Afiliados #setor1 .center ul li { margin: 0 0 0 -115px; }

    #Container_Afiliados #setor1 .center a { margin: 1.5em 0 3em -116px; }

    #Container_Afiliados #setor1 .car img {width: 250px}


    #Container_Afiliados #setor5 .swiper-slide .autor { width: 900px; }

    #Container_Afiliados #setor5 .swiper-slide .depoimento { font-size: 0.7em;}



}


@media (max-width:750px) {

    #Container_Afiliados #setor1 h1 { margin: 4em 0 3em; }
    #Container_Afiliados #setor1 h1 img { width: 240px; }
    #Container_Afiliados #setor1 .car img { width: 210px; }
    #Container_Afiliados #setor1 .center h2 { line-height: 1; font-size: 4.0em; }
    #Container_Afiliados #setor1 .center p {font-size: 1.85em; margin: 5% 10% 0 0;}
    #Container_Afiliados #setor1 .center ul li img { margin: 2px 10px 0 0;}
    #Container_Afiliados #setor1 .center a {font-size: 1.9em; margin: 1.5em 0 3em -97px;}

    #Container_Afiliados #setor3, #Container_Afiliados #setor4, #Container_Afiliados #setor5, #Container_Afiliados #setor6 { padding: 5em 0; }


    #Container_Afiliados #setor2 .top h2, #Container_Afiliados #setor3 .top h2, #Container_Afiliados #setor4 .top h2, #Container_Afiliados #setor5 .top h2, #Container_Afiliados #setor6 .top h2 { font-size: 2.55em; line-height: 1.3; margin: 0 0 8px 0; }

    #Container_Afiliados #setor2 ul li { width: 100%; margin: 3em 0 0 0; }
    #Container_Afiliados #setor2 ul li figure img { width: 100px }
    #Container_Afiliados #setor2 ul li:first-child figure img { margin: 0; }

    #Container_Afiliados #setor4 ul li { width: 100%; margin: 3em 0 0 0; box-sizing: border-box; padding: 0 5% 0 5%; }
    #Container_Afiliados #setor4 ul li figure { width: 40px; height: auto; }
    #Container_Afiliados #setor4 ul li p { width: calc(100% - 40px); padding: 0 1% 0 7%; }


    #Container_Afiliados #setor5 .swiper-slide .autor { width: 100%; float: left; clear: both; position: absolute; top: 0; left: 50%; margin: 0 0 0 -84px; }
    #Container_Afiliados #setor5 .swiper-slide .autor figure {width: 40px; height: 40px; margin: 10px 0 0;}
    #Container_Afiliados #setor5 .swiper-slide .depoimento { width: 100%; float: left; clear: both; margin: 80px 10% 0; text-align: center; }


    #Container_Afiliados #setor3 ul li { width: 100%; margin: 0 0 5% 0 }
    #Container_Afiliados #setor3 ul li p b { font-size: 1.5em }
    #Container_Afiliados #setor3 ul li h5 { margin: 1em 0 0; font-size: 1.0em; }

    #Container_Afiliados #setor3 ul li p, #Container_Afiliados #setor3 ul li p span { margin: 0 0 1em 0;  }


}

@media (max-width:550px) {

    #Container_Afiliados #setor3 .left {width: 40%; font-size: 0.85em;}
    #Container_Afiliados #setor3 .right {width: 60%; font-size: 0.85em;}
    .amount-info { padding: 2px 0; height: 20px; font-size: 2.5em;}

    /*.fuller .area-new.sair li a.btn-nav { padding: 6px 7px 7px; }
    .fuller .area-new.sair li a.btn-nav span { display: none !important }*/
}





.npr-footer {
    position: relative;
    width: 100%;
}

.npr-footer * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.npr-sidebar {
    width: 100%;
    color: #FFF;
}

.npr-container {
    width: 100%;
    max-width: 1200px;
    padding: 30px;
    margin: 0 auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.npr-sidebar .widget {
    display: block;
    margin-bottom: 0;
    width: auto;
}

.npr-sidebar.-light {
    background-color: #003b63;
}

.npr-sidebar.-light .widget {
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -o-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
    padding: 10px 0px;
    display: block;
    margin-bottom: 0;
}

.npr-sidebar.-dark {
    background-color: #002c50;
}

.npr-sidebar.-dark .npr-container {
    -ms-align-items: center;
    align-items: center;
}

.npr-sidebar.-dark .widget_media_image {
    width: 25%;
    padding-right: 50px;
    display: block;
    margin-bottom: 0;
}

.npr-sidebar.-dark .widget_media_image img {
    display: block;
    max-width: 100%;
    height: auto;
}


.npr-sidebar .widget_text .npr-footer-widget-title {
    color: #FFF;
    margin: 0 0 20px 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    
}

.npr-sidebar .textwidget p {
    font-size: 18px;
    color: #FFF;
    margin: 0;
    line-height: 1.4;
    
}

.npr-sidebar.-dark .textwidget p {
    font-size: 15px;
    line-height: 2.2;
}

.npr-sidebar .textwidget p a {
    color: #FFF;
}

.npr-sidebar .textwidget p a:hover {
    color: #FFF;
}


@media (max-width: 1024px) {
    .npr-sidebar.-light .widget {
        width: 50%;
        padding: 10px 0 20px;
    }

    .npr-sidebar.-dark .widget_media_image {
        width: 40%;
        padding-right: 30px;
    }

    .npr-sidebar.-dark .widget_text {
        width: 50%;
    }

}

@media (max-width: 600px) {
    .npr-sidebar.-light .widget {
        width: 100%;
        padding: 10px 20px 20px;
    }

    .npr-sidebar.-dark .widget_media_image {
        width: 100%;
        padding-right: 0;
    }

    .npr-sidebar.-dark .widget_media_image img {
        margin: 0 auto 30px;
    }

    .npr-sidebar.-dark .widget_text {
        width: 100%;

    }

    .npr-sidebar.-dark .widget_text p {
        font-size: 13px;
    }

}

/* CHECKOUT */



.npr-row {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;

    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 70px;
}

.npr-row .npr-col-50 {
    flex: 0 0 auto;
    width: 50%;
    position: relative;
}
.npr-row .npr-col-100 {
    flex: 0 0 auto;
    width: 100%;
    position: relative;
}

.npr-row .npr-col-50.-disabled:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255,255,255,.65);
    z-index: 2;
}

.npr-row .-npr-form-col-left {
    padding-right: 30px;
    border-right: 1px solid #dcdcdd;
}

.npr-row .-npr-form-col-right {
    padding-left: 30px;
    border-left: 1px solid #dcdcdd;
}

.npr-row .-npr-form-col-right.-alone {
    padding-left: 0px;
    border-left: initial;
    margin: 0 auto;
}

.npr-form-container {
    max-width: 350px;
    margin: 0 auto;
}

.npr-form-container input[type="text"],
.npr-form-container input[type="password"],
.npr-form-container input[type="email"] {
    width: 100%;
}

.npr-form-container form + form {
    margin-top: 80px !important;
}

#consultaCompleta #pagamento .busca .content .all h3.npr-title-big {
    
    font-size: 22px;
    font-weight: bold;
    line-height: 1.59;
    text-align: center;
    color: #cdcfcf;
    float: none;
    margin-bottom: 75px;
}

.npr-title-big strong {
    font-weight: 900;
    color: #2CA7AF;
}

.npr-title {
    
    font-size: 22px;
    font-weight: 900;
    text-align: center;
    color: #2CA7AF;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.npr-subtitle {
    font-family: 'OpenSans', sans-serif;
    font-size: 16px;
    text-align: center;
    color: #2CA7AF;
}

.npr-description {
    font-family: 'OpenSans', sans-serif;
    font-size: 15px;
    line-height: 1.2;
    text-align: center;
    color: #aaadae;
    margin-bottom: 15px;
}

.npr-submit-info {
    width: 100%;
    text-align: center;
    padding-top: 20px;
}

.npr-submit-info p {
    line-height: 1.2;
}

.form-container label {
    display: block;
    width: 100%;
    
    font-size: 12px;
    line-height: 1;
    color: #2CA7AF;
    float: none;
    font-weight: regular;
    margin-bottom: 4px;
}

.npr-submit-btn {
    display: inline-block !important;
    width: 100% !important;
    height: 40px !important;
    background-color: #2CA7AF !important;
    border: none !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    text-align: center !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    margin-top: 20px !important;
    padding: 0 !important;
}

.npr-submit-btn.-blue {
    background-color: #35a1d2 !important;
}

.npr-submit-btn.-gray {
    background-color: #a3a3a4 !important;
}

.npr-next-step {
    display: block;
    width: 100%;
    font-family: 'OpenSans', sans-serif;
    font-size: 14px;
    line-height: 1;
    text-align: center;
    color: #aaadae;
    margin-top: 15px;
}

.npr-forgot-pass {
    display: block;
    width: 100%;
    clear: both;
    text-align: right;
}

.npr-forgot-pass .senha {
    font-family: 'OpenSans', sans-serif;
    font-size: 12px;
    line-height: 2.33;
    color: #aaadae;
}

.npr-terms-of-use {
    text-align: center;
    margin-bottom: 5px;
    font-family: 'OpenSans', sans-serif;
    font-size: 12px;
    color: #333;
    vertical-align: middle;
    margin-top: 15px;
    line-height: 1;
}

.npr-terms-of-use a {
    color: #2CA7AF;
}

.npr-terms-of-use .npr-terms-of-use-check {
    display: inline-block;
    padding: 0;
    float: none;
    box-shadow: none;
    margin: 0 5px 0 0;
    vertical-align: middle;
}


#consultaCompleta #pagamento .busca .content .all .segura {
    background-color: rgba(31,168,156,.2);
    color: #2CA7AF;
}

#consultaCompleta #pagamento .busca .content .all .segura p {
    color: #2CA7AF;
}

@media (max-width:991px) {
    #consultaCompleta #pagamento .busca .content .all .left {
        width: 100% !important;
    }

    .npr-row .npr-col-50 {
        width: 100%;
    }

    .npr-row .-npr-form-col-left {
        padding-right: 0px;
        border-right: none;
        padding-bottom: 30px;
        border-bottom: 1px solid #dcdcdd;
    }

    .npr-row .-npr-form-col-right {
        padding-left: 0px;
        border-left: none;
        padding-top: 30px;
        border-top: 1px solid #dcdcdd;
    }
}


#consultaCompleta #pagamento .busca .content .all {
    border:  2px solid #dcdcdd;
}

#consultaCompleta #pagamento .busca .content .sec-name {
    display: inline-block;
    cursor: pointer;
    float: none;
    /* position: relative; */
    margin: 0;
    /* border: 2px solid #dcdcdd; */
    border-bottom: 0;
    font-size: 17px;
    color: #666;
    font-weight: 600;
    text-transform: uppercase;
    /* padding: 20px 50px; */
    z-index: 2;
    background: #FFF;
    
    opacity: .65;
}

#consultaCompleta #pagamento .busca .content .sec-name.sec-active {
    color: #2CA7AF;
    opacity: 1;
    transform: translateY(2px);
    padding-top: 22px;
}

@media (max-width: 400px) {
    #consultaCompleta #pagamento .busca .content .sec-name {
            font-size: 11px !important;
    padding: 10px 20px !important;
    }
}


.btn_efetuar_pagamento.checkout_plano, .btn_efetuar_pagamento_boleto.checkout_plano {
    float: none !important;
}


@media (max-width: 500px) {
    #consultaCompleta #pagamento .busca .content .all .left {
        padding: 40px 10% 10% 10% !important;
    }

    .npr-form-container .card-wrapper {
        zoom: 0.65;
        float: none;
    }

    #consultaCompleta #pagamento .busca .content .all h3.npr-title-big {
        margin-bottom: 35px;
    }
}

.help-block-checkout {
    width: 100%;
    height: 6px;
    margin-top: -8px;
}


/* NEGOCIOS */

.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: 0 none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after {
    content: "";
    display: table;
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}
[dir="rtl"] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide:focus,
.slick-slide a:focus {
    outline: 0 none;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.btn { background: #FFF; padding: 1em 2em; color: #003950 !important; font-size: 1em; text-transform: uppercase; font-weight: 700; border-radius: 10px; cursor: pointer; transition: .3s;border: 0 }
    .btn:hover { opacity: .7 }
.btn:focus {
    outline: 0 none;
    text-decoration: none;
}
.btn.-large {
    
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
}
@media only screen and (max-width: 991px) {
    .btn.-large {
        padding: 20px 14px;
        font-size: 15px;
    }
}
.btn.-white {
    white-space: initial !important;
    padding: 20px 35px 20px;
    color: #2CA7AF;
    background-color: #fff;
}
.btn.-white:hover {
    text-decoration: none;
    background-color: #26cfc1;
}
.btn.-white:focus {
    color: #2CA7AF;
}
.btn.-white:focus:hover {
    color: #fff;
}
.field {
    position: relative;
    margin-bottom: 20px;
}
.-error select {
    border-color: #f00 !important;
}
.back-top-btn {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: #2CA7AF;
    color: #fff;
    font-size: 20px;
    text-align: center;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
}
.back-top-btn:hover,
.back-top-btn:focus {
    background-color: #39dacc;
    color: #2CA7AF;
}
.form-wrapper {
    width: 100%;
    max-width: 570px;
    margin: 0 auto;
}
.form-wrapper .field {
    text-align: left;
}
.form-wrapper .field label {
    display: block;
    
    font-size: 17px;
    line-height: 1;
    color: #2CA7AF;
    margin-bottom: 10px;
}
.form-wrapper .field input {
    height: 40px;
}
.form-wrapper .field textarea {
    height: 160px;
    resize: none;
}
.form-wrapper .field .field-control {
    width: 100%;
    border: none;
    background-color: rgba(31,168,156,0.2);
    padding: 8px 12px;
    outline: none !important;
    font-size: 14px;
    
    color: #5c5c5c;
}
.form-wrapper .field .nice-radio span {
    display: block;
    padding-left: 40px;
    line-height: 30px;
    position: relative;
}
.form-wrapper .field .nice-radio span:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #fff;
    border: solid 2px rgba(31,168,156,0.2);
}
.form-wrapper .field .nice-radio span:after {
    content: '';
    display: block;
    position: absolute;
    top: 6px;
    left: 6px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: rgba(31,168,156,0.2);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    -o-transition: 0.1s;
    -ms-transition: 0.1s;
    transition: 0.1s;
}
.form-wrapper .field .nice-radio input {
    display: none;
}
.form-wrapper .field .nice-radio input:checked + span:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.form-wrapper .field.-error .field-control {
    background-color: rgba(231,76,60,0.2);
}
.form-wrapper .field.-error .nice-radio span:before {
    border-color: rgba(231,76,60,0.2);
}
.form-wrapper .form-button {
    width: 100%;
    background-color: #2CA7AF;
    
    font-size: 15px;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    border: none;
    cursor: pointer;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}
.form-wrapper .form-button:before {
    content: attr(data-lbdf);
}
.form-wrapper .form-button:hover {
    background-color: rgba(31,168,156,0.7);
}
.form-wrapper .form-done {
    display: none;
}
.form-wrapper .form-done .subtitle {
    text-align: center;
}
.form-wrapper .form-done p {
    
    font-size: 17px;
    line-height: 1.65;
    text-align: center;
    color: #aaadae;
}
.form-wrapper.-done .form {
    display: none;
}
.form-wrapper.-done .form-done {
    display: block;
}
.form-wrapper.-sending .form {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
}
.form-wrapper.-sending .form-button {
    pointer-events: none;
}
.form-wrapper.-sending .form-button:before {
    content: attr(data-lbsd);
}
.logo a img {
    display: block;
    width: 100%;
    height: auto;
}
.logo.-footer {
    padding-top: 10px;
    width: 241px;
}
.logo.-footer img {
    max-width: 241px;
}
@media only screen and (max-width: 767px) {
    .logo.-footer {
        margin: 0 auto 40px;
    }
}
@media only screen and (max-width: 479px) {
    .logo.-footer {
        margin: 0 auto 40px;
        width: 170px;
    }
}
@media only screen and (max-width: 479px) {
    .logo.-topo {
        width: 140px;
    }
}
.menu {
    margin-right: 40px;
    display: inline-block;
    vertical-align: middle;
}
.menu .link {
    font-size: 13px;
    font-weight: 700;
    
    color: #5c5c5c;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
}
.menu .link:hover,
.menu .link.-active {
    color: #2CA7AF;
}
.menu .link + .link {
    margin-left: 38px;
}
@media only screen and (max-width: 991px) {
    .menu {
        margin-right: 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background-color: rgba(31,168,156,0.9);
        z-index: 4;
        padding: 120px 15px 15px 15px;
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition: -webkit-transform 0.3s;
        -moz-transition: -moz-transform 0.3s;
        -o-transition: -o-transform 0.3s;
        -ms-transition: -ms-transform 0.3s;
        transition: transform 0.3s;
    }
    .menu .link {
        color: #fff;
        display: block;
        text-align: center;
        font-size: 20px;
    }
    .menu .link:hover,
    .menu .link.-active {
        color: #5c5c5c;
    }
    .menu .link + .link {
        margin-left: 0;
        margin-top: 35px;
    }
}

.btn-hamburger {
    display: none;
    vertical-align: middle;
    width: 20px;
    height: 30px;
    position: relative;
    z-index: 5;
    margin-left: 30px;
}
.btn-hamburger span {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 100%;
    height: 2px;
    background-color: #aaadae;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
}
.btn-hamburger span:nth-child(1) {
    -webkit-transform: translate3d(-50%, -7px, 0);
    -moz-transform: translate3d(-50%, -7px, 0);
    -o-transform: translate3d(-50%, -7px, 0);
    -ms-transform: translate3d(-50%, -7px, 0);
    transform: translate3d(-50%, -7px, 0);
}
.btn-hamburger span:nth-child(2) {
    -webkit-transform: translate3d(-50%, -1px, 0);
    -moz-transform: translate3d(-50%, -1px, 0);
    -o-transform: translate3d(-50%, -1px, 0);
    -ms-transform: translate3d(-50%, -1px, 0);
    transform: translate3d(-50%, -1px, 0);
}
.btn-hamburger span:nth-child(3) {
    -webkit-transform: translate3d(-50%, 5px, 0);
    -moz-transform: translate3d(-50%, 5px, 0);
    -o-transform: translate3d(-50%, 5px, 0);
    -ms-transform: translate3d(-50%, 5px, 0);
    transform: translate3d(-50%, 5px, 0);
}
@media only screen and (max-width: 991px) {
    .btn-hamburger {
        display: inline-block;
        margin-left: 20px;
    }
}
@media only screen and (max-width: 991px) {
    .-menu-open .menu {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    .-menu-open .btn-hamburger span {
        background-color: #fff;
    }
    .-menu-open .btn-hamburger span:nth-child(1) {
        -webkit-transform: translate3d(-50%, -1px, 0) rotate(45deg);
        -moz-transform: translate3d(-50%, -1px, 0) rotate(45deg);
        -o-transform: translate3d(-50%, -1px, 0) rotate(45deg);
        -ms-transform: translate3d(-50%, -1px, 0) rotate(45deg);
        transform: translate3d(-50%, -1px, 0) rotate(45deg);
    }
    .-menu-open .btn-hamburger span:nth-child(2) {
        -webkit-transform: translate3d(-50%, -1px, 0);
        -moz-transform: translate3d(-50%, -1px, 0);
        -o-transform: translate3d(-50%, -1px, 0);
        -ms-transform: translate3d(-50%, -1px, 0);
        transform: translate3d(-50%, -1px, 0);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
    .-menu-open .btn-hamburger span:nth-child(3) {
        -webkit-transform: translate3d(-50%, -1px, 0) rotate(-45deg);
        -moz-transform: translate3d(-50%, -1px, 0) rotate(-45deg);
        -o-transform: translate3d(-50%, -1px, 0) rotate(-45deg);
        -ms-transform: translate3d(-50%, -1px, 0) rotate(-45deg);
        transform: translate3d(-50%, -1px, 0) rotate(-45deg);
    }
}
.modal-dialog .modal-close-btn {
    float: right;
    background-color: transparent;
    border: none;
    color: #c9c9c9;
    font-size: 20px;
}
.modal-dialog .modal-close-btn:hover {
    color: #2CA7AF;
}
.package-tab-nav {
    font-size: 0;
    margin-bottom: 35px;
}
.package-tab-nav .package-tab-item {
    display: inline-block;
    text-transform: uppercase;
    padding: 0 20px 10px;
    
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    color: rgba(52,73,94,0.3);
    border-bottom: 1px solid rgba(170,173,174,0.6);
    text-decoration: none;
    vertical-align: bottom;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}
.package-tab-nav .package-tab-item.-active {
    padding: 0 30px 10px;
    color: rgba(52,73,94,0.6);
    border-bottom: 2px solid #2CA7AF;
}
.package-tab-nav .package-tab-item + .package-tab-item {
    margin-left: 40px;
}
@media only screen and (max-width: 991px) {
    .package-tab-nav .package-tab-item {
        font-size: 12px;
        padding: 0 10px 10px;
    }
    .package-tab-nav .package-tab-item.-active {
        padding: 0 10px 10px;
    }
    .package-tab-nav .package-tab-item + .package-tab-item {
        margin-left: 0px;
    }
}
.package-card {
    background-color: #fff;
    border: solid 1px #2CA7AF;
    text-align: center;
    margin: 0 30px;
}
.package-card .package-header {
    background-color: #99dcd8;
    padding: 25px;
}
.package-card .package-body {
    padding: 25px 35px;
}
.package-card .package-body .package-value {
    
    font-size: 40px;
    font-weight: bold;
    line-height: 0.98;
    color: #2CA7AF;
    text-align: center;
    padding: 20px 0 45px 0;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 25px;
}
.package-card .package-body .package-value span {
    font-size: 23px;
    font-weight: normal;
    line-height: 1.71;
}
.package-card .package-body .package-description {
    display: block;
    
    font-size: 17px;
    line-height: 1.65;
    text-align: center;
    color: #aaadae;
    padding: 25px 0 25px 0;
    margin-bottom: 25px;
}
@media only screen and (max-width: 991px) {
    .package-card .package-body .package-description {
        font-size: 15px;
    }
}
.package-card .package-body .package-buy-btn {
    display: block;
    width: 100%;
    padding: 20px;
    background-color: #2CA7AF;
    
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}
.package-card .package-body .package-buy-btn:hover {
    background-color: rgba(31,168,156,0.3);
    color: #2CA7AF;
}
@media only screen and (max-width: 991px) {
    .package-card .package-body {
        padding: 25px 15px 15px;
    }
}
.package-card.-light .package-header {
    background-color: #e5f6f5;
}
@media only screen and (max-width: 991px) {
    .package-card {
        margin: 0 5px;
    }
}
.package-legend {
    width: 100%;
    padding: 20px 30px 0;
    text-align: left;
    
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: rgba(52,73,94,0.5);
}
@media only screen and (max-width: 991px) {
    .package-legend .legend {
        display: block;
        text-align: center;
        margin-bottom: 15px;
    }
}
.package-legend .forma {
    margin-left: 25px;
}
@media only screen and (max-width: 991px) {
    .package-legend {
        padding: 20px 15px;
        text-align: center;
    }
    .package-legend .forma {
        margin-left: 0;
    }
    .package-legend .forma + .forma {
        margin-left: 20px;
    }
}
.package-list {
    position: relative;
    z-index: 1;
}
@media only screen and (min-width: 768px) {

    .package-list .slick-slide {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transition: -webkit-transform 0.5s, opacity 0.2s 0.1s;
        -moz-transition: -moz-transform 0.5s, opacity 0.2s 0.1s;
        -o-transition: -o-transform 0.5s, opacity 0.2s 0.1s;
        -ms-transition: -ms-transform 0.5s, opacity 0.2s 0.1s;
        transition: transform 0.5s, opacity 0.2s 0.1s;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    .package-list .slick-slide:nth-child(2) {
        -webkit-transition: -webkit-transform 0.5s 0.1s, opacity 0.2s 0.2s;
        -moz-transition: -moz-transform 0.5s 0.1s, opacity 0.2s 0.2s;
        -o-transition: -o-transform 0.5s 0.1s, opacity 0.2s 0.2s;
        -ms-transition: -ms-transform 0.5s 0.1s, opacity 0.2s 0.2s;
        transition: transform 0.5s 0.1s, opacity 0.2s 0.2s;
    }
    .package-list .slick-slide:nth-child(3) {
        -webkit-transition: -webkit-transform 0.5s 0.2s, opacity 0.2s 0.3s;
        -moz-transition: -moz-transform 0.5s 0.2s, opacity 0.2s 0.3s;
        -o-transition: -o-transform 0.5s 0.2s, opacity 0.2s 0.3s;
        -ms-transition: -ms-transform 0.5s 0.2s, opacity 0.2s 0.3s;
        transition: transform 0.5s 0.2s, opacity 0.2s 0.3s;
    }
}
@media only screen and (max-width: 991px) {
    .package-list {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transition: -webkit-transform 0.5s, opacity 0.2s 0.1s;
        -moz-transition: -moz-transform 0.5s, opacity 0.2s 0.1s;
        -o-transition: -o-transform 0.5s, opacity 0.2s 0.1s;
        -ms-transition: -ms-transform 0.5s, opacity 0.2s 0.1s;
        transition: transform 0.5s, opacity 0.2s 0.1s;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
.package-list.-hidden {
    height: 0;
    z-index: -10;
}
@media only screen and (min-width: 768px) {
    .package-list.-hidden .slick-slide {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -webkit-transform: translateY(50px);
        -moz-transform: translateY(50px);
        -o-transform: translateY(50px);
        -ms-transform: translateY(50px);
        transform: translateY(50px);
        -webkit-transition: width 0.01s;
        -moz-transition: width 0.01s;
        -o-transition: width 0.01s;
        -ms-transition: width 0.01s;
        transition: width 0.01s;
    }
}
@media only screen and (max-width: 991px) {
    .package-list.-hidden {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -webkit-transform: translateY(50px);
        -moz-transform: translateY(50px);
        -o-transform: translateY(50px);
        -ms-transform: translateY(50px);
        transform: translateY(50px);
        -webkit-transition: width 0.01s;
        -moz-transition: width 0.01s;
        -o-transition: width 0.01s;
        -ms-transition: width 0.01s;
        transition: width 0.01s;
    }
}
.package-list .slick-arrow {
    position: absolute;
    top: 50%;
    height: 40px;
    width: 30px;
    color: #2CA7AF;
    font-size: 30px;
    z-index: 5;
    border: none;
    background-color: transparent;
    outline: none;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.package-list .slick-arrow.slick-next {
    right: 0;
}
.package-list .slick-arrow.slick-prev {
    left: 0;
}
@media only screen and (min-width: 768px) {
    .package-list .slick-arrow {
        display: none;
    }
}
@media only screen and (max-width: 767px) {
    .package-list .package-card {
        -webkit-transition: opacity 0.3s;
        -moz-transition: opacity 0.3s;
        -o-transition: opacity 0.3s;
        -ms-transition: opacity 0.3s;
        transition: opacity 0.3s;
        opacity: 0.15;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
        filter: alpha(opacity=15);
    }
    .package-list .package-card.slick-current {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
}
.compare-title {
    width: 100%;
    text-align: center;
    font-weight: 400;
    margin-top: 40px;
    margin-bottom: 20px;
    color: #2CA7AF;
    text-transform: uppercase;
    font-size: 14px;
}
.compare-table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    margin-bottom: 15px;
}
.compare-table .-mobile {
    display: none;
}
.compare-table .-mobile th {
    padding: 10px 0;
    border-bottom: solid 2px #e8e8e8;
}
.compare-table .-mobile .compare-legend {
    text-align: center;
    
    font-weight: 400;
    font-size: 10px;
    color: #333;
    text-transform: uppercase;
}
.compare-table .-mobile .compare-legend:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 5px;
}
.compare-table .-mobile .compare-legend.-accent:before {
    background-color: rgba(31,168,156,0.4);
}
.compare-table .-mobile .compare-legend.-gray:before {
    background-color: rgba(167,167,167,0.4);
}
.compare-table .-mobile .compare-legend + .compare-legend {
    margin-left: 20px;
}
@media only screen and (max-width: 479px) {
    .compare-table {
        table-layout: auto;
    }
    .compare-table tr.-desk {
        display: none;
    }
    .compare-table tr.-mobile {
        display: table-row;
    }
}
.compare-table th {
    padding: 20px;
    text-align: center;
    
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    border: solid 2px;
}
@media only screen and (max-width: 479px) {
    .compare-table th {
        padding: 10px;
        font-size: 10px;
    }
}
.compare-table th.-no-border {
    border: none;
}
.compare-table th.-gray {
    border-color: #a7a7a7;
    background-color: #a7a7a7;
}
.compare-table th.-accent {
    border-color: #2CA7AF;
    background-color: #2CA7AF;
}
.compare-table td {
    border: solid 2px #e8e8e8;
    text-align: center;
    padding: 20px;
    background-color: #fbfbfb;
}
.compare-table td .fa-check {
    font-size: 24px;
    color: #3e9262;
}
.compare-table td .fa-remove {
    font-size: 24px;
    color: #e74c3c;
}
.compare-table td.-left {
    text-align: left;
}
@media only screen and (max-width: 479px) {
    .compare-table td {
        padding: 10px;
        font-size: 12px;
    }
    .compare-table td .fa-check {
        font-size: 18px;
    }
    .compare-table td .fa-remove {
        font-size: 18px;
    }
    .compare-table td.-icon {
        width: 30px !important;
        padding: 10px 5px;
    }
    .compare-table td.-icon:nth-child(2) {
        background-color: rgba(167,167,167,0.4);
    }
    .compare-table td.-icon:nth-child(3) {
        background-color: rgba(31,168,156,0.4);
    }
}
.compare-table tbody tr:nth-child(2n+1) td {
    background-color: #fff;
}
.compare-legend {
    
    font-size: 12px;
    font-weight: 300;
    line-height: 1.83;
    text-align: left;
    color: rgba(52,73,94,0.7);
}
.compare-legend span + span {
    margin-left: 25px;
}
.compare-legend .fa-check {
    color: #3e9262;
}
.compare-legend .fa-remove {
    color: #e74c3c;
}
.title {
    
    font-size: 16px;
    font-weight: 700;
    line-height: 1.18;
    color: #fff;
}
.title.-shadow {
    text-shadow: 0 0 6.8px rgba(0,0,0,0.19);
}
.title.-small {
    font-size: 19px;
    font-weight: 500;
    line-height: 1.74;
}

.subtitle {
    
    font-size: 23px;
    font-weight: 700;
    line-height: 1.43;
    color: #2CA7AF;
}
.subtitle.-small {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.83;
}
.subtitle.-upper {
    text-transform: uppercase;
}
.page-home #conheca .concept-bg {
    padding: 115px 15px;
    text-align: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
}
.page-home #conheca .concept-bg h2 {
    margin-bottom: 35px;
}
.page-home #conheca .concept-bg h4 {
    margin-bottom: 75px;
}
@media only screen and (max-width: 991px) {
    .page-home #conheca .concept-bg {
        padding: 50px 15px;
    }
    .page-home #conheca .concept-bg h2 {
        margin-bottom: 40px;
    }
    .page-home #conheca .concept-bg h4 {
        margin-bottom: 60px;
    }
}
.page-home #diferenciais {
    text-align: center;
}
.page-home #diferenciais h2.subtitle {
    margin-bottom: 50px;
}
.page-home #diferenciais .feature-card .feature-image {
    margin-bottom: 30px;
}
.page-home #diferenciais .feature-card .subtitle {
    line-height: 1;
    margin-bottom: 20px;
}
.page-home #diferenciais .feature-card .feature-description {
    
    font-size: 17px;
    line-height: 1.65;
    text-align: center;
    color: #aaadae;
}
@media only screen and (max-width: 991px) {
    .page-home #diferenciais .feature-card {
        margin-top: 50px;
    }
    .page-home #diferenciais .feature-card .feature-image {
        margin-bottom: 20px;
    }
    .page-home #diferenciais .feature-card .subtitle {
        margin-bottom: 15px;
    }
}
.page-home #pacotes {
    text-align: center;
}
.page-home #pacotes > .container-fluid {
    padding: 0;
}
.container-fluid {
  position: relative;
  max-width: 1164px;
  margin: 0 auto;
  width: 100%;
}
.page-home #pacotes h2.subtitle {
    margin-bottom: 57px;
}
.page-home #fale-conosco {
    text-align: center;
}
.page-home #fale-conosco .container-fluid > h2.subtitle {
    margin-bottom: 57px;
}

section.-section-tb {
    padding: 70px 0;
    overflow: initial;
}
section.-section-gray {
    background-color: #f3f3f3;
}

/* FIM  NEGOCIOS */

#PricesPacote .row { position: relative; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: 1260px; }
#PricesPacote ul { float: left; width: 90%; margin: 0 0 4% !important; padding: 0; }
#PricesPacote ul li { position: relative; float: left; width: 21%; height: auto; margin: 0 4% 0 0; background-color: white; border-radius: 7px; list-style: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 1.5em; }
#PricesPacote ul li:last-child { margin: 0 !important;}
#PricesPacote ul li img.b-prices { float: left; position: absolute; top: -14px; left: 50%; margin: 0 0 0 -53px; }
#PricesPacote ul li .vendido { width: 140px; float: left; background: #00aedb; color: #FFF; font-size: 0.8em; font-weight: 700; padding: 0.4em 1.5em; border-radius: 50px; position: absolute; top: -13px;  left: 50%; transform: translate(-50%,0);  text-align: center;}




#PricesPacote ul li .topis {float: left; width: 100%; margin: 35px 0 8px }
#PricesPacote ul li .topis p { float: left; width: 100%; text-align: center; color: #333; font-size: 1.1em; font-weight: 300; margin: 0 }
#PricesPacote ul li .topis p.excep { font-size:80%; font-weight:400 }
#PricesPacote ul li .topis h3 {  float: left; width: 100%; text-align: center; color: #1585b2; font-size: 2em; font-weight: 900; margin: 0; line-height: 1.3 }
#PricesPacote ul li .topis h3.excep { font-size: 2.0em; line-height: 1.7 }

#PricesPacote ul li .valor { float: left; width: 100%; margin: 15px 0; position: relative; }
#PricesPacote ul li .valor p { float: left; color: #666; font-size: 1.0em; font-weight: 900; margin: 0; position: absolute; top:0; left: 50%; margin: 9px 0 0 -100px }
#PricesPacote ul li .valor h4 { float: left; width: 100%; text-align: center; color: #666; font-size: 1.5em; font-weight: 300; margin: 0; line-height: 1.3;  }
#PricesPacote ul li .valor h4 span { color: #1585b2; font-size: 2.6em; font-weight: 700;  }

#PricesPacote ul li .valor h4 small { margin: -5px 0 0 0; float: left; width: 100%;  }

#PricesPacote ul li .lista { float: left; width: 100%; min-height: 0; margin: 15px 0 0; position: relative; height: 155px;  }
#PricesPacote ul li .lista p { float: left; width: 80%; margin: 0 10%; padding: 7px 0; border-bottom:1px solid #e1e1e1; text-align: left; color: #333; font-size: 0.8em; font-weight: 400; }
#PricesPacote ul li .lista p b { font-size: 1.0em; font-weight: 900; color: #1585b2; }

#PricesPacote ul li a.selecionar { float: left; width: 80%; margin: 30px 10% 15px; text-align: center; text-transform: uppercase; font-weight: 700; border-radius: 50px; padding: 15px 0; font-size:1.0em; background: #1585b2; color: #FFF; cursor: pointer;   }

#PricesPacote ul li a.selecionar:hover { opacity: .85; }







/* ---------------- NOVO FOOTER  ---------------- */



    footer { width: 100%; font-size:62.5%;  height: auto; background: #1585b2; position: relative; float: left; z-index: 9; padding: 3% 0 0}
    footer .row { position: relative; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: 1260px; display: block;
    overflow: hidden; }

    footer ul.atendimento { width: 100%; float: left; }
    footer ul.atendimento p.excep { width: 100%; text-align: center; float: left; color: #85dafd; font-size: 1.4em; font-weight: 400; margin: 1% 0 0 }
    footer ul.atendimento p.excep b { color: #FFF; font-weight: 700; }
    footer ul.atendimento li { width: 33.333%; float: left; box-sizing: border-box;  }
    footer ul.atendimento li img { float: left; margin: 10px 0 0; }
    footer ul.atendimento li div { float: left; margin: 48px 0 0 30px; }
    footer ul.atendimento li div p { clear: both; float: left; color: #85dafd; font-size: 1.4em; font-weight: 700; }
    footer ul.atendimento li div h5 { clear: both; float: left; color: #FFF; font-size: 2.6em; font-weight: 700; margin: 5px 0; }
    footer ul.atendimento li div a { clear: both; float: left; }
    footer ul.atendimento li div a.excep h5 { font-size: 2.2em;}
    footer ul.atendimento li div a.excep:hover h5 { text-decoration: underline}

    footer ul.atendimento li div a.btn { font-size: 1.2em; margin: 10px 0 0; color: #00668f !important; }
    footer ul.atendimento li div a.btn:hover { opacity: .8 }

    footer .assinatura { width: 100%; float: left }
    footer .assinatura figure{ margin: 4% 0 2%; width: 100%; float: left; padding: 0; text-align: center}

    footer .assinatura p { width: 100%; text-align: center; float: left; color: #FFF; font-size: 1.2em; font-weight: 500; margin: 0 }
    footer .assinatura small {width: 100%; text-align: center; float: left; font-size: 1.2em;  font-weight: 400; color: #85dafd; margin: 2% 0 1% }





#consultaCompleta .note { margin-top: 71px}
#consultaCompleta.popup .note { margin-top: 0; }





#interstitial { display: none; width: 100%; height: 100%; position: fixed; top: 0; right: 0; padding: 0; overflow: auto; display: block; float: left; z-index: 99999; transition:.3s; transition-timing-function: cubic-bezier(0.09, 1.15, 0.54, 1.03); background: #00000059;    }
#interstitial.on { display: block }

#interstitial ul { width: 900px; height: 450px; background: #FFF; float: left; position: relative; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 99999; border-radius: 7px; }
#interstitial ul li { width: 50%; height: 100%; position: absolute;  }
#interstitial ul li.left { left: 0; border-radius: 7px 0 0 7px;  }
#interstitial ul li.left img { position: relative; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2; }

#interstitial ul li.right { right: 0; border-radius: 0 7px 7px 0 }
#interstitial ul li.right h4 { float: left; width: 100%; text-align: center; color:#2CA7AF; font-size: 1.6em; font-weight: 700; margin: 71px 0 0;  }
#interstitial ul li.right p { float: left; width: 80%; text-align: center; color:#666; font-size: 1.2em; font-weight: 500;  margin: 3% 10%; line-height: 1.5;  }
#interstitial ul li.right p.price { float: left; color:#2CA7AF; font-size: 5em; font-weight: 700; position: relative; left: 50%; transform: translate(-50%,0); margin: -30px 0 0;  }
#interstitial ul li.right p.price::before { content: "R$"; left: 13px; position: relative; vertical-align: middle; font-size: 0.4em; font-weight: 400  }
#interstitial ul li.right p.price::after { content: ",90"; right: 13px; position: relative; vertical-align: middle; font-size: 0.4em; font-weight: 400  }

#interstitial ul li.right a { position: relative; float: left; left: 50%; transform: translate(-50%,0); border-radius: 50px; font-size: 1.4em; font-weight: 700; padding: 0.5em 2em; line-height: 0.9;  }
#interstitial ul li.right a small {  font-size: 0.75em; color: #6EDBE2   }

#interstitial ul li.left::after { content: ""; background: url(../../assets_negocios/img/bg.jpg); background-position: center; background-size: cover; opacity: 0.1; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: 1; }

#interstitial .close { font-size: 1.25em; font-weight: 700; position: absolute; top:-24px; right: -24px; cursor: pointer; color: #FFF; background:#2CA7AF; padding: 10px 0 0; text-align: center; box-sizing: border-box; width: 45px; height: 45px; border: 3px solid #EDF4F6; border-radius: 50px;  transition:.3s; z-index: 999999; opacity: 1; }
#interstitial .close:hover { background:#3DBEC7 }

.gradient-historicar {
    background: #2da1d2;
    background: -moz-linear-gradient(-45deg, #2da1d2 0%, #2ba99f 100%);
    background: -webkit-linear-gradient(-45deg, #2da1d2 0%,#2ba99f 100%);
    background: linear-gradient(135deg, #2da1d2 0%,#2ba99f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2da1d2', endColorstr='#2ba99f',GradientType=1 );
}
@media (max-width:1000px) {
    #interstitial ul { width: 90%; height: auto; }
    #interstitial ul li { width: 100%; height: auto; position: relative; float: left;  }
    #interstitial ul li.left img {width: 230px; top: 0; transform: translate(-50%,0); margin: 5% 0; float: left;}
    #interstitial ul li.left {border-radius: 7px 7px 0 0 ;}
    #interstitial ul li.right { margin: 0 0 5%; font-size: 76%; }
    #interstitial ul li.right h4 { margin: 5% 0 0; }



}



#area-cliente .aviso { width: 100%; height: auto; position: relative; float: left; text-align: center; margin: 0 0 20px;  }

#area-cliente .aviso span { width: 75%; margin: 0 12.5%; background: #7eaabd; color: #FFF; padding: 15px 0; border-radius: 7px; float: left; box-sizing: border-box; font-size: 1.3em; font-weight: 400;}
#area-cliente .aviso figure {float: left; width: 10%; padding: 5px 0 0; text-align: center; margin: 0; }
#area-cliente .aviso h3 {float: left; width: 90%; box-sizing: border-box; padding: 0 10% 0 0; text-align: left; line-height: 1.7; }

@media (max-width:580px) {
    #area-cliente .aviso h3 { font-size: 1.0em !important; }
    #area-cliente .aviso { margin: 0 0 10px; }
    #area-cliente .aviso span { width: 100%; margin: 0 }
    #area-cliente .aviso figure { display: none }
    #area-cliente .aviso h3 { width: 100%; padding: 0 10% 0; }
}





/* ---------------- NOVO CONSULTA  ---------------- */


#NovaConsulta { font-family: 'Montserrat'; font-size:62.5%; color:#454547; font-weight:300;background:#FBFBFB; height: auto; padding: 110px 0 30px; }
#NovaConsulta .row { position: relative; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: 1260px; }
#NovaConsulta .left {float: left; }
#NovaConsulta .right {float: right; }
#NovaConsulta b { font-weight: 700 !important }
#NovaConsulta a:hover { text-decoration: underline; }
#NovaConsulta a.new { background:#E2F4F9; color: #00AEDB;font-size: 1em; font-weight: 700; float: left; padding: 0.6em 1.6em 0.5em; border-radius: 10px; display: inline-flex; transition: .3s; border:2px solid transparent; }
#NovaConsulta a.new img { float: left; margin: 0 8px 0 0; }
#NovaConsulta a.new p { float: left;  color:#00AEDB;  }
#NovaConsulta a.new:hover { text-decoration: inherit; background: none; border:2px solid #00AEDB;  }



#NovaConsulta .top { width: 100%; float: left; margin: 0 0 4%; }
#NovaConsulta .top p { float: left; clear: both; text-transform: uppercase; color: #9F9F9F; font-size: 1.4em; font-weight: 700 ; line-height: 2;  }
#NovaConsulta .top p b {color: #646464; }
#NovaConsulta .top small { float: left; clear: both; color:#D1D1D1; font-size: 1em; font-weight: 700;  }
#NovaConsulta .top small a {  color:#00AEDB;   }
#NovaConsulta .top small a:hover { text-decoration: underline; }
#NovaConsulta .top .right a { margin: 0 0 10px 15px;}



#NovaConsulta .Container { width: 100%; float: left; margin: 0 0 5%; }
#NovaConsulta .Container .left { width: 17%; float: left; position: relative;  }
#NovaConsulta .Container .right { width: 80%; float: right;  }

#NovaConsulta .Container .logo {  width: 100%; float: left; display: flex; justify-content: center;  align-items: center; text-align: center; }
#NovaConsulta .Container .logo img { width: auto; max-width: 180px;
    margin: 0 0 2vh; max-height: 130px; }
#NovaConsulta .Container .placa {  width: 100%; float: left; text-align: center; }
#NovaConsulta .Container .placa p { width: 100%;float: left; clear: both; text-transform: uppercase; color: #9F9F9F; font-size: 1.4em; font-weight: 700 ; line-height: 2;  }
#NovaConsulta .Container .placa h3 { width: 100%; float: left; clear: both; text-transform: uppercase; color: #646464; font-size: 3em; font-weight: 700 ; line-height: 1;  }


#NovaConsulta .Container ul.menuz { width: 100%; float: left; margin: 30px 0 0; }
#NovaConsulta .Container ul.menuz.fixo { width: 214px; top: 50px; position: fixed; }
#NovaConsulta .Container ul.menuz.fixo2 { top: inherit; bottom: 516px;  }
#NovaConsulta .Container ul.menuz li { width: 100%; float: left;  font-size: 1.2em; font-weight: 600; float: left; border-radius: 7px; display: inline-flex; transition: .3s; margin: 0 0 5px; position: relative; cursor: pointer;}
#NovaConsulta .Container ul.menuz li a { width: 100%; height: 100%; padding: 0.9em 1.6em 0.8em 3.5em; float: left; border-radius: 7px; color: #666666; }
#NovaConsulta .Container ul.menuz li a:hover { background: #F3F3F3; text-decoration: none; }
#NovaConsulta .Container ul.menuz li::before { content: ''; float: left; width: 18px; height: 18px; background: url(../../images/nova_consulta/check.svg) no-repeat; background-size: 100% auto !important; position: absolute; top: calc(50% - 9px); left:12px; }
#NovaConsulta .Container ul.menuz li::after { content: ''; float: right; width: 6px; height: 10px; background: url(../../images/nova_consulta/arrow.svg); background-size: 100% auto; position: absolute;top: calc(50% - 5px); right:15px; }

#NovaConsulta .Container ul.menuz li.active a { background: #00DBBD; color: #FFF; cursor: default; }
#NovaConsulta .Container ul.menuz li.active::before { background: url(../../images/nova_consulta/check-w.svg);  }
#NovaConsulta .Container ul.menuz li.active::after { background: url(../../images/nova_consulta/arrow-w.svg); }

#NovaConsulta .Container ul.menuz li.Alert a { background: #FBF1F3; color: #FC455E; font-weight: 700; }
#NovaConsulta .Container ul.menuz li.Alert:hover a { background: #FBEAED; }
#NovaConsulta .Container ul.menuz li.Alert::before { height: 17px; background: url(../../images/nova_consulta/alert.svg);  }
#NovaConsulta .Container ul.menuz li.Alert::after { background: url(../../images/nova_consulta/arrow-r.svg); }
#NovaConsulta .Container ul.menuz li.Alert.active a { background: #FC455E; color: #FFF; cursor: default; }
#NovaConsulta .Container ul.menuz li.Alert.active::before { background: url(../../images/nova_consulta/alert-w.svg);  }
#NovaConsulta .Container ul.menuz li.Alert.active::after { background: url(../../images/nova_consulta/arrow-w.svg); }

#NovaConsulta .Container ul.menuz li.Loading a { background: rgba(253, 188, 57, 0.1); color: rgb(253, 188, 57); font-weight: 700; }
#NovaConsulta .Container ul.menuz li.Loading:hover a { background: #FEB018; color: #fff }
#NovaConsulta .Container ul.menuz li.Loading:hover::before { height: 17px; background: url(../../images/new_layout/loading-w.svg) center;  }
#NovaConsulta .Container ul.menuz li.Loading:hover::after { background: url(../../images/nova_consulta/arrow-w.svg); }
#NovaConsulta .Container ul.menuz li.Loading::before { height: 17px; background: url(../../images/new_layout/loading-y.svg) center;  }
#NovaConsulta .Container ul.menuz li.Loading::after { background: url(../../images/nova_consulta/arrow.svg); }
#NovaConsulta .Container ul.menuz li.Loading.active a { background: #FEB018; color: #FFF; cursor: default; }
#NovaConsulta .Container ul.menuz li.Loading.active::before { background: url(../../images/new_layout/loading-w.svg);  }
#NovaConsulta .Container ul.menuz li.Loading.active::after { background: url(../../images/nova_consulta/arrow-w.svg); }

#NovaConsulta .Container .Box { width: 100%; float: left; background: #FFF; border-radius: 10px; box-shadow: 0 3px 7px #00000014; margin: 0 0 7.5%; position: relative; }
#NovaConsulta .Container .Box .top { width: 100%; float: left; background: #00DBBD; border-radius: 10px 10px 0 0; padding: 0.8em 2em; color: #FFF; font-size: 2.1em; font-weight: 700;  margin: 0; text-transform: uppercase; position: relative;  }
#NovaConsulta .Container .Box .top::after { content: ''; float: right; width: 33px; height: 26px; background: url(../../images/nova_consulta/correct.svg); background-size: 100% auto; position: absolute;top: calc(50% - 13px); right:2em;  }

#NovaConsulta .Container .Box.Alert .top { background: #FC455E; }
#NovaConsulta .Container .Box.Alert .top::after { width: 30px; height: 28px; background: url(../../images/nova_consulta/alert-w.svg); top: calc(50% - 14px); background-size: 100% auto; }

#NovaConsulta .Container .Box.Loading .top { background: #FEB018; }
#NovaConsulta .Container .Box.Loading .top::after { 
    width: 30px; 
    height: 28px; 
    background: url(../../images/new_layout/loading-w.svg); 
    top: calc(50% - 14px); 
    background-size: 100% auto; 
}

#NovaConsulta .Container .Box .all { width: 100%; float: left; padding: 5%; }


#NovaConsulta .Container .Box ul.itens { width: 100%;  }
#NovaConsulta .Container .Box ul.itens .flex { width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; gap:0 65px }
#NovaConsulta .Container .Box ul.itens .flex.fotos { justify-content: initial; background: #e1e1e1; padding: 0.5em 0.5em 0;}
#NovaConsulta .Container .Box ul.itens .flex.fotos li { margin: 0 0.5em 0.5em 0 ; }
#NovaConsulta .Container .Box ul.itens .flex.fotos li img { width:210px; border-radius: 7px; }
#NovaConsulta .Container .Box ul.itens .flex.fotos li img:hover { opacity: .75; box-shadow: 0 2px 5px #00000029;}

#NovaConsulta .Container .Box ul.itens div#divFotos { display: flex; clear: both; flex-wrap: wrap; }
#NovaConsulta .Container .Box ul.itens div#divFotos .fotos { flex: 1; }
  
#NovaConsulta .Container .Box ul.itens .line { width: 100%; display: flex; border-top: 1px solid #EFEFEF; margin-top: 80px; padding-top: 50px; }
#NovaConsulta .Container .Box ul.itens .noline { width: 100%; display: flex;  }

#NovaConsulta .Container .Box ul.itens li { flex-basis: auto; margin: 10px 0 5em 0; text-transform: uppercase;  }
#NovaConsulta .Container .Box ul.itens li figure { height: 38px; position: relative; }
#NovaConsulta .Container .Box ul.itens li figure img { position: absolute; bottom: 10px; }
#NovaConsulta .Container .Box ul.itens li p { font-size: 0.95em; font-weight: 600; color: #9F9F9F; }
#NovaConsulta .Container .Box ul.itens li h4 { font-size: 1.3em; line-height: 1.2; font-weight: 700; color: #646464; background:#F2F2F2; padding: 0.25em 0.6em; border-radius: 4px; }
#NovaConsulta .Container .Box ul.itens li h4.danger { background:#fc455e; color: #FFF; }
#NovaConsulta .Container .Box ul.itens li h4.success { display: block; background:#00DBBD; color: #FFF; }

#NovaConsulta .Container .Box .closes { width: 100%; float: left; background: #F7F7F7; border-radius: 10px; text-transform: uppercase; margin: 0 0 2em;}
#NovaConsulta .Container .Box #w7.closes {margin: 0;}
#NovaConsulta .Container .Box .closes.off ul.itens { display: none; }

#NovaConsulta .Container .Box .closes .up { width: 100%; float: left; display: flex; align-items: center; gap: 5px; padding: 2em 3em; position: relative; cursor: pointer; border-bottom: 1px solid #EFEFEF; }
#NovaConsulta .Container .Box .closes.off .up { border-bottom:0 }

#NovaConsulta .Container .Box .closes:hover { background: #f6f6f6; }
#NovaConsulta .Container .Box .closes .up h5 { font-size: 1.5em; margin: 0; color: #6B6B6B;  }
#NovaConsulta .Container .Box .closes .up i { font-family: inherit; padding: 5px 0 0; }

#NovaConsulta .Container .Box .closes .up::after { content: ''; float: right;  width: 16px; height: 9px; background: url(../../images/nova_consulta/arrow-close.svg); top: calc(50% - 4px); background-size: 100% auto; right:3em;  position: absolute; transition: .2s; }
#NovaConsulta .Container .Box .closes.on .up::after { transform: rotate(180deg) }

#NovaConsulta .Container .Box .closes ul.itens { font-size: 0.85em; padding: 3.5em }
#NovaConsulta .Container .Box .closes ul.itens .flex { justify-content: flex-start;}
#NovaConsulta .Container .Box .closes ul.itens li { margin: 2.5% 5% 0 0; }
#NovaConsulta .Container .Box .closes ul.itens li p {font-size: 1.05em; }
#NovaConsulta .Container .Box .closes ul.itens li h4 { background:none; padding: 0; border-radius: 0; }

#NovaConsulta .Container .Box .closes ul.itens li .lowCaseH4 { background:none; padding: 0; border-radius: 0; text-transform: none; }

#NovaConsulta .Container .Box ul.itens .Shine { justify-content: center; zoom: 1.4; }
#NovaConsulta .Container .Box ul.itens .Shine li { margin: 3% 0 0; }
#NovaConsulta .Container .Box ul.itens .Shine li figure { float: left; }
#NovaConsulta .Container .Box ul.itens .Shine li figure img { position: relative; }
#NovaConsulta .Container .Box ul.itens .Shine li p { float: left; margin: 0 1.5em; }
#NovaConsulta .Container .Box ul.itens .Shine li h4 { float: left; }

.d-flex { display: flex;}


#NovaConsulta .Container .Box ul.itens p.obs_gravame { color: #666666; font-weight: 400;   padding-top: 60px; }



#NovaConsulta .Container .Obs { width: 100%; font-weight: 500; padding: 2em 3em; float: left; background: #E2F4F9; color: #00AEDB; border-radius: 10px; font-size: 1.1em; position: relative;  }
#NovaConsulta .Container .Obs p { line-height: 1.4; }




/* === ACCORDION  === */

.accordion { width: 100%; float: left; padding: 3.5% 5%; background: url(../../images/nova_consulta/question.svg) top right no-repeat #FBFBFB; border-top: 1px solid #F6F6F6; border-radius: 0 0 10px 10px; }
.accordion p {color: #afafaf; font-size: 1em; font-weight: 500; padding: 0 0 1em;}
.accordion input {display: none;}
.accordion label { font-size: 1.1em; font-weight: 600; color: #9A9A9A; cursor: pointer; display: block; margin-bottom: .125em; padding: .25em 0; z-index: 20; border-bottom: 1px solid #f3f3f3; line-height: 2.5; position: relative; }
.accordion label:hover { text-decoration: underline;}

.accordion input:checked + label { margin-bottom: 0; border-bottom: 0; }
.accordion article {  height:0px; overflow:hidden; z-index:10; }
.accordion article p { padding: 0 0 1em 0; }
.accordion input:checked article {}
.accordion input:checked ~ article { height: auto; margin-bottom: .125em; border-bottom: 1px solid #f3f3f3;}
.accordion .last label { border-bottom: 0 }
.accordion .last input:checked ~ article { border-bottom: 0 }

.accordion label::after { content: ''; float: right;  width: 10px; height: 6px; background: url(../../images/nova_consulta/arrow-close.svg); top: calc(50% - 3px); background-size: 100% auto; right:0;  position: absolute; transition: .2s; }
.accordion input:checked ~ label::after { transform: rotate(90deg) }


/* === TABLE FLEX  === */

 table.table-flex { width: 100%; float: left; font-size: 0.85em !important; color: #666; font-weight: bold; text-transform: uppercase;   }
 table.table-flex tr:nth-child(odd) { background-color:#F7F7F7; border-radius: 7px }
 table.table-flex tr td {position: relative; padding: 13px 10px; min-width: 60px; font-size: 1.125em; font-weight: 700; }
 table.table-flex tr td a { color: var(--azul); }
 table.table-flex tr:first-child td::after { content: attr(data-content) !important; color: #9F9F9F; padding: 5px; position: absolute; left: 0; bottom: 110%; line-height: 1; font-size: 0.875em; font-weight: 600; }

 @media (max-width: 767px) {
    table.table-flex { margin: 0; }
    table.table-flex tr:nth-child(odd) {  }
    table.table-flex { border-bottom: 1px solid #f2f2f2;  }
    table.table-flex tr { width: 100%; float: left;  border: 1px solid #f2f2f2; border-bottom: 0; padding: 4%; border-radius: 0 !important; }
    table.table-flex tr td { width: 100%; float: left; padding: 2px 5px;  }
    table.table-flex tr td::after, table.table-flex tr:first-child td::after { content: attr(data-content); color: #ccc; padding: 2px 15px 2px 0; position: relative; left: inherit; bottom: inherit; line-height: 1; font-size: 0.9em; width: 40%; float: left; }
 }


 #ancora { width: 100%; height: 1px; background: transparent; position: absolute; bottom: 600px; left: 0; z-index: 999999  }
 #ancora2 { width: 100%; height: 1px; background: transparent; position: absolute; bottom: 650px; left: 0; z-index: 999999  }
 #ancora_veiculo { width: 100%; height: 1px; background: transparent; position: absolute; top: -250px; left: 0; z-index: 999999  }
 #ancora_proprietario { width: 100%; height: 1px; background: transparent; position: absolute; top: -250px; left: 0; z-index: 999999  }
 #ancora_restricoes { width: 100%; height: 1px; background: transparent; position: absolute; top: -250px; left: 0; z-index: 999999  }
 #ancora_roubo { width: 100%; height: 1px; background: transparent; position: absolute; top: -250px; left: 0; z-index: 999999  }
 #ancora_multas { width: 100%; height: 1px; background: transparent; position: absolute; top: -250px; left: 0; z-index: 999999  }
 #ancora_debito { width: 100%; height: 1px; background: transparent; position: absolute; top: -250px; left: 0; z-index: 999999  }
 #ancora_sinistro { width: 100%; height: 1px; background: transparent; position: absolute; top: -250px; left: 0; z-index: 999999  }
 #ancora_csv { width: 100%; height: 1px; background: transparent; position: absolute; top: -250px; left: 0; z-index: 999999  }
 #ancora_leilao { width: 100%; height: 1px; background: transparent; position: absolute; top: -250px; left: 0; z-index: 999999  }
 #ancora_venda { width: 100%; height: 1px; background: transparent; position: absolute; top: -250px; left: 0; z-index: 999999  }
 #ancora_recall { width: 100%; height: 1px; background: transparent; position: absolute; top: -250px; left: 0; z-index: 999999  }
 #ancora_gravame { width: 100%; height: 1px; background: transparent; position: absolute; top: -250px; left: 0; z-index: 999999  }
 #ancora_fipe { width: 100%; height: 1px; background: transparent; position: absolute; top: -250px; left: 0; z-index: 999999  }

 /* ================ Margin e paddings ================ */
.nm{ margin: 0px!important}
.nmt{ margin-top: 0px!important}
.nml{ margin-left: 0px!important}
.nmr{ margin-right: 0px!important}
.nmr{ margin-bottom: 0px!important}
.m-3{ margin: 3px !important}
.m-5{ margin: 5px !important}
.m-10{ margin: 10px !important}
.m-15{ margin: 15px !important}
.m-20{ margin: 20px !important}
.mt-3{ margin-top: 3px !important}
.mt-5{ margin-top: 5px !important}
.mt-10{ margin-top: 10px !important}
.mt-15{ margin-top: 15px !important}
.mt-20{ margin-top: 20px !important}
.mt-40{ margin-top: 40px !important}
.mt-60{ margin-top: 60px !important}
.mb-3{ margin-bottom: 3px !important}
.mb-5{ margin-bottom: 5px !important}
.mb-10{ margin-bottom: 10px !important}
.mb-15{ margin-bottom: 15px !important}
.mb-20{ margin-bottom: 20px !important}
.ml-3{ margin-left: 3px !important}
.ml-5{ margin-left: 5px !important}
.ml-8{ margin-left: 8px !important}
.ml-10{ margin-left: 10px !important}
.ml-15{ margin-left: 15px !important}
.ml-20{ margin-left: 20px !important}
.mr-3{ margin-right: 3px !important}
.mr-5{ margin-right: 5px !important}
.mr-10{ margin-right: 10px !important}
.mr-15{ margin-right: 15px !important}
.mr-20{ margin-right: 20px !important}

.np{ padding: 0px !important}
.p-3{ padding: 3px !important}
.p-5{ padding: 5px !important}
.p-10{ padding: 10px !important}
.p-15{ padding: 15px !important}
.p-20{ padding: 20px !important}
.pt-3{ padding-top: 3px !important}
.pt-5{ padding-top: 5px !important}
.pt-10{ padding-top: 10px !important}
.pt-15{ padding-top: 15px !important}
.pt-20{ padding-top: 20px !important}
.pb-3{ padding-bottom: 3px !important}
.pb-5{ padding-bottom: 5px !important}
.pb-10{ padding-bottom: 10px !important}
.pb-15{ padding-bottom: 15px !important}
.pb-20{ padding-bottom: 20px !important}
.pl-3{ padding-left: 3px !important}
.pl-5{ padding-left: 5px !important}
.pl-10{ padding-left: 10px !important}
.pl-15{ padding-left: 15px !important}
.pl-20{ padding-left: 20px !important}
.pr-3{ padding-right: 3px !important}
.pr-5{ padding-right: 5px !important}
.pr-10{ padding-right: 10px !important}
.pr-15{ padding-right: 15px !important}
.pr-20{ padding-right: 20px !important}

.float-right {
    float: right!important;
}

label[for="enviar_notificacao"] { margin-top: -3px;}

.fawesome { font-family: 'fontawesome'; font-size: 27px!important; margin-top: 0.1em; }

.boxMinhaConta {
    margin: 0 auto;
    width: 100%;
    max-width: 1150px;
    background: white;
    border-radius: 10px;
    margin-bottom: 40px;
    border: 0;
    position: relative;
}

.boxMinhaConta .title {
    position: relative;
    color: #fff;
    padding: 10px 20px;
    background: #012D3F;
    border-radius: 10px 10px 0 0;
}

.boxMinhaConta .box-white {
    display: flex;
    padding: 20px;
    color: #012D3F;
    background: white;
    border-radius: 10px;
    justify-content: space-between;
}

.boxMinhaConta .box-white .img_upload_cliente{
    display: flex;
    width: 110px;
}
.boxMinhaConta .swiper-container {width: 100%;}
.boxMinhaConta .swiper-container .swiper-slide {width: 25%;}
@media (max-width: 1180px) {
    .boxMinhaConta .swiper-container .swiper-slide {width: 33.333%;}
}
@media (max-width: 850px) {
    .boxMinhaConta .swiper-container .swiper-slide {width: 50%;}
}
@media (max-width: 550px) {
    .boxMinhaConta .swiper-container .swiper-slide {width: 100%;}
}
.swiper-button-next, .swiper-button-prev {
    color: #1585b2 !important;
}


.boxMinhaConta .box-white.flex {
    background: #f0f4f8;
    border-radius: 0!important;
    overflow: hidden;
    padding: 0 !important;
}

.boxMinhaConta .box-white .w-50 {
    width: 50%;
}

.boxMinhaConta .box-white .w-45 {
    width: 45%;
}

.boxMinhaConta .box-white .container_dados_cadastro {
    width: 50%;
}

.boxMinhaConta .box-white .img_upload_cliente form {
    /* margin-top: 20px !important; */
    width: 10%;
    /* display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: space-between; */
}

.boxMinhaConta .box-white .img_upload_cliente form > label{
    text-align: center;
    background: #0089BF1A;
    height: 130px;
    margin: 0;
    border-radius: 10px;
    flex-direction: column;
    min-width: 110px;
    width: 400px;
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    outline: none;
    overflow: hidden;
}

.boxMinhaConta .box-white .img_upload_cliente form > label > img{
    width: 45px;
}

.boxMinhaConta .box-white .img_upload_cliente form > label > .img_sem_foto.com_foto{
    display: none;
}

.boxMinhaConta .box-white .img_upload_cliente form > label > span{
    color: #012D3F33; 
}

.boxMinhaConta .box-white .img_upload_cliente form > label > span.picture__image.height{
    height: 130px ;
}

.boxMinhaConta .box-white .img_upload_cliente form > label > span.picture__image img.picture__img{
    width: 100%;
    height: 130px !important;
}

.boxMinhaConta .box-white .img_upload_cliente form > label > p{
    display: none;
    transition: all 0.2s ease-in-out;
}


.boxMinhaConta .box-white .img_upload_cliente form > label > span.picture__image:hover + .picture__alterar.active {
    display: unset;
    opacity: 1;
    background: #FFFFFF;
    border-radius: 6px;
    color: #012D3FCC; 
    position: absolute;
    bottom: 30px;
    font-size: 12px;
    padding: 4px 6px;
}

.boxMinhaConta .box-white .swiper-slide {
    background: white;
    border-radius: 6px;
    padding: 20px 30px 40px ;
}

.boxMinhaConta .box-white .swiper-slide.selected {
    background: #1585b2;
    color: #FFF;
}
.boxMinhaConta .box-white.flex .swiper-slide.selected .name { color: #c7efff;}
.boxMinhaConta .box-white.flex .swiper-slide.selected .valor b {color: #c7efff;}
.boxMinhaConta .box-white.flex .swiper-slide.selected .text-blue {color: #c7efff;}
.boxMinhaConta .box-white.flex .swiper-slide.selected a.selecionar {color: #c7efff;}


.boxMinhaConta .box-white.flex .name {
    color: #1585b2;
    font-size: 2em;
    font-weight: 900;
    text-align: center;
    line-height: 3;
    white-space: nowrap;
}

.boxMinhaConta .box-white label {
    margin-bottom: 10px;
    width: 100%;
    display: flex;
    font-size: 14px;
    font-weight: 600;
}

.boxMinhaConta .box-white input {
    font-size: 14px;
    margin-left: 10px!important;
    padding: 0 5px!important;
    float: initial!important;
    border: none!important;
    font-weight: 300!important;
}

.boxMinhaConta .material-icons {
    background: none;
    color: white;
    border: none;
    position: absolute;
    right: 20px;
    top: 15px;
}

.boxMinhaConta .box-white.flex .valor {
    position: relative;
    text-align: center;
    line-height: 1;
    font-size: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    color: #0c76a0;
}

.boxMinhaConta .box-white.flex .valor b {
    font-size: 3em;
    color: #1585b2;
}

.boxMinhaConta .box-white.flex .valor .absolute {
    position: absolute;
    font-size: 10px;
    font-weight: bold;
    left: 45px;
    top: 10px;
}

.boxMinhaConta .box-white.flex .text {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
}

.boxMinhaConta .box-white.flex .text-blue {
    color: #1585b2;
    font-size: 14px;
    font-weight: bold;
    padding-top: 20px;
    padding-bottom: 10px;
    text-align: center;
    border-bottom: 1px solid lightgray;
}

.boxMinhaConta .box-white.flex .description {
    padding-top: 10px;
    font-size: 12px;
    font-weight: 400;
}

.boxMinhaConta .box-white.flex a.selecionar {
    background: #1585b2;
    color: white;
    font-size: 16px;
    text-transform: uppercase;
    padding: 10px 20px;
    border-radius: 10px;
    font-weight: bold;
}

.boxMinhaConta .box-white.flex a.selecionar.solicitado {
    background: #1585b280;
	cursor: default;
}

.boxMinhaConta .box-white.flex .flex {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.boxMinhaConta .box-white.active {
    pointer-events: all!important;
}

.boxMinhaConta .box-white.active input {
    border: 2px solid #e8ebed!important;
    border-radius: 6px;
}

.boxMinhaConta .box-white .editar {
    padding: 0 5px;
    background-color: var(--azul);
    color: white;
    font-size: 10px;
    border-radius: 6px;
    border: none;
    display: block;
    width: 130px;
    margin-right: 10px;
}

.boxMinhaConta .tipoPlano {
    width: 100%;
    font-weight: 700;
    text-align: center;
}

#modalSenha, #modalEndereco, #modalEmail, #modalFoto, #modalEndCnpj, #modalPosPago {
    display: none;
    position: fixed;
    width: 100%;
    background: #0000002b;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 9999;
}

#modalSenha .wrapper, #modalEndereco .wrapper, #modalEmail .wrapper, #modalFoto .wrapper, #modalEndCnpj .wrapper, #modalPosPago .wrapper {
    width: 500px;
    margin: auto;
    padding: 40px 60px;
    background: white;
    position: relative;
    border-radius: 10px;
    text-align: center;
    border: 3px solid rgb(241 241 241);
    max-height: 80%;
    overflow: auto;
}

button#salvarSenha, button#salvarEndereco, button#salvarEmail, button#salvarFoto, button#salvarEndCnpj, #modalPosPago #btn_contato_box {
    padding: 10px 20px;
    border-radius: 10px;
    border: none;
    font-size: 12px;
    background: var(--azul);
    color: #FFF;
}

button#fecharSenha, button#fecharEndereco, button#fecharEmail, button#fecharFoto, button#fecharEndCnpj, button#fecharPosPago, #closePosPago {
    padding: 10px 20px;
    border-radius: 10px;
    border: none;
    font-size: 12px;
    background: #F0F0F0;
    color: #012D3F;
    margin-left: 10px;
}

#modalSenha label, #modalEndereco label, #modalEmail label, #modalEndCnpj label {
    margin: 0!important;
}

#modalSenha input, #modalEndereco input, #modalEmail input, #modalEndCnpj input {
    background: rgb(241 241 241)!important;
    margin: 0!important;
    color: #333!important;
    padding: 10px 20px!important;
    margin-bottom: 20px!important;
    border-radius: 6px;
    width: 100%!important;
}

#modalPosPago input {
    width: 100%;
    box-sizing: border-box;
    padding: 0 60px 0 20px;
    height: 53px;
    background: #FFF;
    border: 3px solid #EDF4F6;
    margin: 0 0 20px 0;
    color: #287cbc !important;
    font-size: 14px;
    font-weight: 700;
    border-radius: 4px;

}

#modalPosPago textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 60px 0 20px;
    height: 110px;
    background: #FFF;
    border: 3px solid #EDF4F6;
    margin: 0 0 20px 0;
    color: #2CA7AF !important;
    font-size: 14px;
    font-weight: 700;
    border-radius: 4px;
}

#modalPosPago h3 {
    width: 100%;
    text-align: center;
    color: #287cbc;
    font-size: 20px;
    font-weight: 700;
}

.fade-in-bottom {
	-webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

@-webkit-keyframes fade-in-bottom {
0% {
    -webkit-transform: translateY(200px);
            transform: translateY(200px);
    opacity: 0;
}
100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
}
}
@keyframes fade-in-bottom {
0% {
    -webkit-transform: translateY(200px);
            transform: translateY(200px);
    opacity: 0;
}
100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
}
}

.solicitacaoContrato #area-cliente .ajts .btn.refuse {
    background-color: #f9a8a8!important;
    margin-left: 10px!important;
}

.solicitacaoContrato #usuario_individual {
    cursor: pointer;
    text-decoration: underline;
}

.solicitacaoContrato input[readonly]
{
    background-color: #eee!important;
    cursor: not-allowed;
}

#area-cliente .f-container {
    width: 100%;
    float: left;
}

#area-cliente .contact-container {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;

}

#area-cliente .box-container {
    height: 200px;
    width: 22%;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 5px;
    transition: box-shadow 0.2 ease-in;
}

#area-cliente .box-container:hover {
    box-shadow: 4px 5px 6px -1px rgba(0,0,0,0.17);
}

#area-cliente .img-container {
    height: 85px;
    width: 85px;
    background-color: #F6F6F6;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}


#area-cliente .text-content h3 {
    color: #012D3F;
    font-size: 16px;
    font-weight: bold;
}

#area-cliente .text-content p {
    font-weight: 500;
    font-size: 14px;
    color: #707070;
}

#area-cliente .mail p {
    font-size: 12px;
    overflow-wrap: break-word;
    word-break: break-word;
}

#area-cliente .contact-span {
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    padding: 4% 0;
    text-align: center;
}

#area-cliente .graph-container {
    float: left;
    width: 100%;
    background-color: white;
    padding: 4%;
}

#area-cliente .graph-container .form-pesquisar {
    width: 100%;
    float: none;
    margin-bottom: 10%;
}

#area-cliente .graph-row {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

#area-cliente .graph-row .select-container {
    display: flex;
    width: 100%;
    align-items: center;
    padding-top: 3%;
}

#area-cliente .graph-row h3 {
    font-size: 20px;
    font-weight: 500;
}

#area-cliente .graph-row label {
    font-size: 18px;
    font-weight: bold;
    padding-right: 15px;
}

#area-cliente .graph-row .select-container #select_date {
    width: 50%;
    font-size: 15px;
    font-weight: bold;
    background-color: lightgrey;
    height: 30px;
}

#area-cliente .graph-row .select-container #select_date option {
    background-color: #fff;
}

#area-cliente .graph-row .select-container #select_date option:hover {
    background-color: lightgray;
}

#area-cliente #pizza_chart_container {
    display: flex;
}

#area-cliente #pizza_chart_container .pizza-container {
    width: 60%;
}

#area-cliente #pizza_chart_container .ticket-container {
    text-align: center;
    width: 40%;
}

#area-cliente #pizza_chart_container .ticket-container h3 {
    font-size: 15px;
}

#area-cliente #pizza_chart_container .ticket-container span {
    font-size: 17px;
    font-weight: bold;
}

#area-cliente #pizza_chart_container .ticket-container .ticket_pre_container,
#area-cliente #pizza_chart_container .ticket-container .ticket_pos_container,
#area-cliente #pizza_chart_container .ticket-container .ticket_geral_container {
    padding: 3% 0;
}

#area-cliente .pizza-graphs {
    margin-top: 3%;
}

#area-cliente.excepBoleto .content { background: white; padding: 0 1.5% 1%; border-radius: 4px;    margin: 3% 0;}
#area-cliente.excepBoleto .content iframe { border-radius: 7px;}
#consultaCompleta .excepBoleto h4.note { margin-top: 0;}

#consultaCompleta .excepBoleto h2 { }

#consultaCompleta .excepBoleto .infos .center { width: auto; float: left; position: relative; left: 50%; transform: translate(-50%,0); }
#consultaCompleta .excepBoleto .infos p { width: 80%; float: left; margin: 0 10%; }

#consultaCompleta .banner_delta24h {width: 100%; max-width: 1142px; height: 350px; margin: 0 auto; margin-bottom: 36px; cursor: pointer;}
#consultaCompleta .banner_delta24h .img_dez_porcento{width: 100%; height: auto;}
/* #consultaCompleta .banner_delta24h:hover {height: 350px;} */
/* #consultaCompleta .banner_delta24h a > .img_principal {max-width: 100%; height: 347px; background-position: center center;background-repeat: no-repeat; background-size: cover;transition: transform ease-in-out 2s;} */
/* #consultaCompleta .banner_delta24h a > .img_chamada {width: 28%; position: absolute; right: 60px; top: 53px;}
#consultaCompleta .banner_delta24h a > .img_logo_delta24h {width: 20%; position: absolute; left: 60px; top: 44px;}
#consultaCompleta .banner_delta24h a > .valor {width: 240px; position: absolute; right: 60px; top: 220px; opacity: 0;transition: opacity 0.3s ease-in-out .3s;}
#consultaCompleta .banner_delta24h a > .valor .planos {position: absolute; color: #fff; font-size: 8px;top: 23px;line-height: initial;font-family: 'Poppins';}
#consultaCompleta .banner_delta24h a > .valor .cifrao {color: #fff; position: absolute;font-size: 2rem; font-weight: 900;line-height: 0.9; top: 50px;font-family: 'Poppins';}
#consultaCompleta .banner_delta24h a > .valor .primeiro_valor {color: #fff; position: absolute;font-size: 6rem;font-weight: 700;top: 33px;left: 50px;-webkit-text-stroke-width: 1px;  -webkit-text-stroke-color: #facf00;font-family: 'Poppins';}
#consultaCompleta .banner_delta24h a > .valor .segundo_valor {color: #fff;position: absolute; font-size: 54px; font-weight: 700;top: 17px;left: 158px; -webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #facf00; font-family: 'Poppins';}
#consultaCompleta .banner_delta24h a > .valor .por_mes {color: #fff;position: absolute;font-size: 13px; font-weight: 700;top: 49px; left: 176px;font-family: 'Poppins';}
#consultaCompleta .banner_delta24h:hover a > .valor {opacity: 1}
#consultaCompleta .banner_delta24h a > .ola_nome { position: absolute; left: 60px; top: 220px;opacity: 0;transition: opacity 0.2s ease-in-out .3s;}
#consultaCompleta .banner_delta24h:hover a > .ola_nome { opacity: 1;}
#consultaCompleta .banner_delta24h a > .ola_nome h2{min-width: 60%; width: fit-content; background: #19375b; color: #fff; font-size: 1.6rem; font-weight: 900; margin-bottom: 5px; font-family: 'Poppins'; line-height: 0.9;}
#consultaCompleta .banner_delta24h a > .ola_nome p{background: #19375b; color: #fff; font-size: .9rem; font-family: 'Poppins';  text-transform: uppercase; font-weight: 400;}

#consultaCompleta .banner_delta24h a > .conte_com {position: absolute; top: 212px; left: 500px; display: flex; flex-direction: column; gap: 2.5px; opacity:0; transition: opacity 0.1s ease-in-out .3s;}
#consultaCompleta .banner_delta24h:hover a > .conte_com {opacity: 1; }
#consultaCompleta .banner_delta24h a > .conte_com h2{ background: #19375b; color: #fff; font-size: 1.6rem; font-weight: 900; font-family: 'Poppins'; line-height: 0.9;text-transform: uppercase;}
#consultaCompleta .banner_delta24h a > .conte_com p{ width: 34%; background: #19375b; color: #fff; font-size: .7rem; font-family: 'Poppins';  text-transform: uppercase; font-weight: 400;} */


@media (max-width: 600px) {
    #consultaCompleta .banner_delta24h a > .valor {
        top: 262px;
        right: 26px;
        opacity: 1;
        transition: opacity 0.3s ease-in-out .3s;
        transform: scale(.8);
    }
}











@media (max-width:750px) {
    
    .boxMinhaConta .box-white .w-50 { width: 100% !important; }

            
}

.section-title {
    color: #666;
    padding: 15px 0;
    clear: both;
}

.popup #area-cliente {
    padding-top: 30px;
}

.popup .top {
    padding-bottom: 30px;
}

a.btn[disabled] {
    pointer-events: none;
}

a.new-btn[disabled] {
    pointer-events: none;
    background-color: #999999!important;
}

#area-cliente .full form#formEditarUsuario div {
    margin-bottom: 2px;
}

#area-cliente .full form#formEditarUsuario.editable div input {
    border: 1px solid #d1e0e5;
}

#area-cliente .full form#formEditarUsuario div input {
    border: 1px solid transparent;
    float: none;
    padding: 6px 12px;
    font-size: 14px;
    width: 50%;
    margin: 0;
    box-shadow: none;
}
#area-cliente .full form#formEditarUsuario.editable div span[contenteditable] {
    border: 1px solid #d1e0e5;
}

#area-cliente .full form#formEditarUsuario div span {
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    min-width: 50px;
    display: inline-block;
}

#area-cliente .full form#formEditarUsuario div input.h2 {
    font-weight: 600;
    font-size: 19px;
}

#area-cliente .full form#formEditarUsuario div input.span {
    display: inline-block;
}

#area-cliente .full form#formEditarUsuario.editable div span[placeholder]:empty::before {
    content: attr(placeholder);
    color: #555; 
}

#area-cliente .full form#formEditarUsuario.editable div span[placeholder]:empty:focus::before {
    content: "";
}

.blur {
    filter: blur(0.5rem);
}

.greyText {
    color: grey;
    vertical-align: top;
}

/* -------------- SUB MENU KPI --------------- */

.area-cliente-kpi { 
    padding: 0px !important;
}

.sub-kpi {
    margin-top: 70px;
    width: 100%;
    background-color: #0482bd;
    display: flex;
    justify-content: center;
}

.sub-kpi-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1150px;
    width: 100%;
    padding: 20px 0;
}

.sub-kpi-container h2 {
    color: white;
    font-size: 30px;
    line-height: 1.1;
    font-weight: 700;
}

.sub-menu-kpi {
    display: flex;
    width: 60%;
    justify-content: space-between;
}

.kpi-link {
    color: white !important;
    font-size: 17px;
    padding: 12px 25px;
    font-weight: 700;
    white-space: nowrap;
}

.kpi-link:hover {
    text-decoration: underline;
}

.kpi-selected {
    color: #0482bd !important;
    border-radius: 10px;
    background-color: white;
}

.mensagemCadastrarAfiliado p {
    font-size: 1em;
    margin: 0.3em;
}

.newValorH4 {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.3em !important;
    font-weight: 400 !important;
}

.newValorH4 b {
    font-weight: 800;
    font-size: 2.2em;
    color: #1585b2;
    margin-left: 5px;
}

.editingBlock {
    width: 100%;
    height: 20px;
}

.editingBlock.blue {
    background: #012D3F;
}

.editingBlock.red {
    background: #d48787;
    text-align: center;
    color: white;
}

.detalhamentoHeaderButtons {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.detalhamentoHeaderButtonsWrapper {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 2px;
}

.detalhamentoHeaderButtons .new-btn, .NewDadosleft .new-btn {
    line-height: 2;
    font-size: 0.7em;
    margin: 0 6px 4px 0;
    border-radius: 50px;
    display: flex;
}

.detalhamentoHeaderButtons .new-btn.last {
    background: #d48787;
}

.detalhamentoHeaderButtons .new-btn.reset, .NewDadosleft .new-btn.reset {
    background: #2CA7AF;
}

.detalhamentoHeaderButtons .new-btn.logarComo{
    background: #56c756;
}

.NewDadosleft {
    /* width: 100%; */
    padding-left: 17px;
}

.NewDadosleft .img_user {
    min-width: 130px;
    width: 130px !important;
    height: 160px;
    background: #0089BF1A;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    overflow: hidden;
}

.NewDadosleft .img_user > img{
    min-width: 130px;
    width: 130px !important;
    height: 160px;
}

.NewDadosleft .input_dados_cliente {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.NewDadosleft .input_dados_cliente > input {
    padding: 0 !important;
}

.NewDadosleft .h2 {
    font-size: 20px;
    color: black;
    font-weight: bold;
    line-height: 0 !important;
    margin-bottom: 10px;
}

.NewDadosleft p {
    line-height: 2.5;
}

.NewDadosleft select {
    width: 50% !important;
    padding: 10px 3px;
    font-weight: bold;
    margin: 15px 0 !important;
}

.NewDadosRight {
    width: 50%;
    display: flex;
    justify-content: flex-end;
}

.NewDadosRight > div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.NewDadosRight .RightConsulta {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 60%;
}

.NewDadosRight .RightConsulta h2 {
    line-height: 1.1;
    font-size: 17px;
}

.NewDadosRight .RightConsulta h3 {
    line-height: 1.1;
    font-size: 17px;
    font-weight: bold;
    color: black;
}

.NewDadosRight .RightConsulta > div {
    display: flex;
    width: 100%;
    justify-content: center;}
/* #area-cliente form.update-limitacao input{
	float: none;
	padding: 8px 10px;
	font-size: 11px;
} */

#area-cliente form.update-limitacao label{
	float: none;
	width: auto;
}

.openConcorraContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 40px !important;
}

.openConcorraContainer img{
    cursor: pointer;
    width: 90%;
}

#concorraContainer {
    position: fixed;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    top: 0;
    left: 0;
    z-index: -1;
    overflow: hidden;
  }
  
  .concorraBody {
    z-index: 2;
    width: 0;
    height: 0;
    background: #fff;
    border-radius: 7px;
    position: relative;
    left: 4500px;
    transition: all 0.3s;
    margin: 130px 0 50px;
    display: block;
  }

  .concorraConfirmacaoContainer {
    z-index: 2;
    width: 0;
    height: 0;
    background: url("../../images/modal10mil/bg10mil.png");
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 7px;
    position: relative;
    transition: all 0.1s;
    overflow: hidden;
    font-family: "Montserrat";
  }

  .concorraConfirmacaoContainer .--header {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 23px 0;
  }

  .concorraConfirmacaoContainer .--participando {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    text-align: center;
    color: white;
    font-weight: 500;
    margin-bottom: 18px;
  }

  .--participando.--side {
    font-size: 13px;
    font-weight: 600;
  }

  .concorraConfirmacaoContainer .--seuNumero {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    text-align: center;
    color: white;
    font-weight: bold;
    flex-direction: column;
  }

  .--seuNumero.--side{
      font-size: 12px;
  }

  .concorraConfirmacaoContainer .--boxNumero {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 26px;
    text-align: center;
    color: #292929;
    font-weight: bold;
    letter-spacing: 5px;
    background: #fff;
    border-radius: 6px;
    margin-top: 13px;
    margin-bottom: 25px;
    width: 256px;
    height: 57px;
  }

  .--boxNumero.--side {
      margin-bottom: 0;
      font-size: 18px;
      padding: 12px 14px;
      width: auto;
      height: auto;
  }

  .concorraConfirmacaoContainer .--valido {
      font-size: 15px;
      color: #ffffffcc;
      font-weight: 500;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      margin-top: 10px;
  }

  .--valido.--side {
      font-size: 10.5px;
      line-height: 1.5;
  }
  
  .blackConcorra {
    background: #00000070;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 4500px;
    z-index: 1;
  }
  
  .closeConcorra {
    background: #00668f;
    height: 45px;
    width: 45px;
    border-radius: 50%;
    font-size: 16px;
    font-family: "Montserrat";
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border: 3px solid #fff;
    cursor: pointer;
    transition: all 0.3s;
    position: absolute;
    top: -24px;
    right: -24px;
  }
  
  .closeConcorra:hover {
    background: #0b83b3;
  }
  
  .concorraBody .--header {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    padding: 10px 0;
    background: url("../../images/modal10mil/bg10mil.png");
    overflow: hidden;
    z-index: -1;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .--header.--side {
      padding: 5px 0 10px;
  }
  
  .concorraBody .--header img {
    z-index: 1;
  }

  .--sideConcorra {
    width: 100%;
    max-width: 400px;
  }
  
  .concorraBody .--header::after {
    content: "";
    width: 120%;
    height: 88px;
    position: absolute;
    bottom: -49px;
    left: -7px;
    transform: rotate(-2deg);
    background: white;
    z-index: 0;
  }
  
  .concorraBody .--body {
    margin-top: 15px;
    padding: 0 63px 30px 63px;
    font-family: "Montserrat";
  }
  
  .concorraBody .--body .--lorem {
    font-size: 14px;
    font-weight: 400;
    width: 94%;
    margin-bottom: 30px;
  }
  
  .concorraBody .--body .--form form {
    display: flex;
    flex-direction: column;
    width: auto !important;
    margin: auto !important;
    float: inherit !important;
  }
  
  .concorraBody .--body .--form form select {
    padding: 16px 15px;
    background: transparent;
    border: 0;
    width: 100%;
    outline: none;
    margin: 0;
  }
  
  .concorraBody .--body .--form form .customSelect {
    background: #f8f8f8;
    border: 1px solid #f2f2f2;
    border-radius: 6px;
    font-size: 14px;
    width: 309px;
    padding-right: 17px;
    margin-bottom: 30px;
  }
  
  .concorraBody .--body .--form form label {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 20px;
  }

  .concorraBody .--body .--form form .--checkLabel {
    position: relative;
    margin-left: 20px;
    cursor: pointer;
  }

  .concorraBody .--body .--form form .--checkLabel::before {
    content: "";
    width: 16px;
    height: 16px;
    outline: none;
    border: 1px solid #333333;
    border-radius: 4px;
    display: inline-block;
    box-sizing: border-box;
    position: absolute;
    left: -24px;
    top: 2px;
  }
  
  .concorraBody .--body .--form form input {
    margin-bottom: 25px;
  }

  .concorraBody .--body .--form form input[name="aceito"],  .concorraBody .--body .--form form input[name="idade"]{
    display: none;
  }

  .concorraBody .--body .--form form input[name="aceito"]:checked + label::before,  .concorraBody .--body .--form form input[name="idade"]:checked + label::before {
    background-color: white;
    background-image: url(../../images/modal10mil/check.svg);
    background-position: center center;
    background-repeat: no-repeat;
    outline: none;
  }
  
  .concorraBody .--body .--form form textarea {
    height: 110px;
    resize: none;
    background: #f8f8f8;
    border: 1px solid #f2f2f2;
    border-radius: 6px;
    margin-bottom: 33px;
    padding: 16px 15px;
    font-size: 14px;
    outline: none;
  }

  #area-cliente .concorraBody .--body .--form form input[type='text'] {
    resize: none;
    background: #f8f8f8;
    border: 1px solid #f2f2f2;
    border-radius: 6px;
    margin-bottom: 33px;
    padding: 16px 15px;
    font-size: 14px;
    outline: none;
  }
  
  .concorraBody .--body .--form form .--radioWrapper input,
  .concorraBody .--body .--form form .--radioWrapper label {
    margin: 0;
  }
  
  .concorraBody .--body .--form form .--radioWrapper input {
    margin-right: 8px !important;
  }
  
  .concorraBody .--body .--form form .--radioWrapper {
    display: flex;
    align-items: center;
    margin-top: -10px;
    margin-bottom: 25px;
    margin-left: 24px;
  }
  
  .concorraBody .--body .--form form .--radioWrapper label {
    font-family: "Roboto";
    font-size: 14px;
    font-weight: normal;
  }
  
  .concorraBody .--body .--form form .--radioWrapper label .--link {
    color: #2da1d2;
    font-weight: 500;
    text-decoration: underline;
  }
  
  .concorraBody .--body .--form form .--participar {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0;
  }

  .concorraConfirmacaoContainer .--tituloProcessando {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    text-align: center;
    color: white;
    font-weight: 700;
    margin-bottom: 18px;
  }

  .concorraConfirmacaoContainer .--textoProcessando {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    text-align: center;
    color: white;
    font-weight: 500;
    margin-bottom: 18px;
    width: 80%;
    margin: auto;
  }
  
  .concorraBody .--body .--form form button {
    color: white;
    font-family: "Montserrat";
    font-size: 18px;
    font-weight: 500;
    border: 0;
    border-radius: 33px;
    background: #00668f;
    width: 268px;
    height: 66px;
    transition: all .3s;
  }

  .concorraBody .--body .--form form button:disabled {
    background: gray;
    color: lightgray;
  }

  .concorraBody .--body .--form form button:hover {
      opacity: .7
  }
  
  .change.concorraBody {
    left: 0;
    width: 630px;
    height: fit-content;
  }

  .changeConcorra.concorraBody{
    display: none;
  }
  
  .change.blackConcorra {
    left: 0;
  }
  
  .changeConcorra#concorraContainer {
    z-index: 2;
    overflow: overlay;
    overflow-x: hidden;
  }

  .change#concorraContainer {
    z-index: 2;
    align-items: center;

  }

  .--sideRegulamento {
      font-size: 11px;
      font-weight: 400;
      color: #FFDD01;
      text-decoration: underline;
      margin-top: 5px;
      margin-bottom: 20px;
      cursor: pointer;
  }

  .--sideRegulamento:hover {
      color: #FFDD01cc;
  }

  body.change{
      overflow: hidden;
  }

  #area-cliente.--side{
      z-index: 10;
  }

  .concorraConfirmacaoContainer.change{
    width: 521px;
    height: 400px;
    overflow: initial;
  }

  .concorraConfirmacaoContainer.--side{
      width: 100%;
      height: 100%;
      padding: 10px 20px 25px;
      z-index: 1;
  }

  .excluirContainer {
      display: flex;
      width: 100%;
      align-items: center;
      justify-content: flex-end;
      overflow: hidden;
  }

  .excluirContainer .seExcluir {
      opacity: 0;
      transform: translateX(100%);
      transition: all 0.3s ease;
      font-size: 11px;
      color: #666666;
      order: -1;
      z-index: 0;
  }

  .excluirContainer .excluirConta {
      cursor: pointer;
      z-index: 1;
      background: #fff;
      border: 1px solid black;
      font-size: 10px;
      font-weight: 700;
      padding: 0px 10px;
      border-radius: 7px;
  }

  .excluirContainer .excluirConta:hover ~ .seExcluir {
      opacity: 1;
      transform: translateX(-8px);
  }



@media(max-width: 720px) {
    .concorraBody {
        width: 100%;
        margin: 64px 0 0;
        border-radius: 0;
    }
    .closeConcorra {
        top: 0;
        right: 0;
    }
    .openConcorraContainer img{
        width: 100%;
    }
    .concorraBody .--body .--form form .customSelect {
        width: 100%;
    }
}

@media(max-width: 500px) {

    .concorraBody .--body .--form form .--radioWrapper input {
        width: auto !important;
    }
    .concorraBody .--body {
        padding: 0 40px 30px 40px;
    }
}

.blackExcluir.blackConcorra {
    z-index: 2;
    transition: all 0.1s ease-out;
}

.blackExcluir.change {
    left: 0;
}

.excluirContainerModal {
    display: flex;
    position: fixed;
    height: 100vh;
    width: 100%;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 4500px;
    opacity: 0;
    transition: all 0.3s ease;
    pointer-events: none;
    z-index: 2;
}

.excluirContainerModal.change {
    left: 0;
    opacity: 1;
}

.excluirContainerModal .modalBox {
    background: white;
    pointer-events: auto;
    border-radius: 15px;
    padding: 60px 90px;
    display: flex;
    flex-direction: column;
    gap: 35px;
}

#main-navbar.change {
    z-index: 0;
}

.titleModal {
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;
    color: #333333;
}

.excluirContainerModal .formExcluir {
    width: 100% !important;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.excluirContainerModal .inputContainer {
    display: flex;
    align-items: center;
    
}

.boxMinhaConta .box-white .inputContainer input {
    width: auto !important;
    margin-left: 0 !important;
    margin-right: 15px !important;
    width: 19px !important;
    height: 19px !important;
    margin-bottom: 1px !important;
}

.inputContainer label {
    margin: 0 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}

.atencaoExcluir {
    border: 2px solid #FD7777;
    border-radius: 15px;
    padding: 20px 70px;
    color: #FD7777;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
}

.buttonsWrapperExcluir {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.buttonsWrapperExcluir .cancelarExcluir {
    border: 1px solid #333333;
    border-radius: 7px;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    padding: 12px 40px;
    background: white;
}

.buttonsWrapperExcluir .submitExcluir {
    border-radius: 7px;
    font-size: 16px;
    font-weight: 400;
    color: white;
    padding: 13px 30px;
    background: #FD7777;
    border: 0;
}

@media(max-width: 720px) {
    .excluirContainerModal .modalBox {
        width: 100%;
        height: 100%;
        padding: 60px 60px;
        justify-content: center;
    }
}

@media(max-width: 550px) {
    .excluirContainerModal .formExcluir {
        zoom: unset !important;
    }
}

@media(max-width: 450px) {
    .excluirContainerModal .modalBox {
        width: 100%;
        height: 100%;
        padding: 30px 25px;
    }
}

.blackExcluirConfirmar.blackConcorra {
    z-index: 2;
    transition: all 0.1s ease-out;
}

.blackExcluirConfirmar.change {
    left: 0;
}

.excluirConfirmarModal {
    display: flex;
    position: fixed;
    height: 100vh;
    width: 100%;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 4500px;
    opacity: 1;
    transition: all 0.3s ease;
    pointer-events: none;
    z-index: 2;
}

.excluirConfirmarModal.change {
    left: 0;
    opacity: 1;
}

.excluirConfirmarModal .modalBox {
    background: white;
    pointer-events: auto;
    border-radius: 15px;
    padding: 60px 90px;
    display: flex;
    flex-direction: column;
    gap: 35px;
    width: 60%;
}

.excluirConfirmarModal .modalBox p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
}

@media(max-width: 720px) {
    .excluirConfirmarModal .modalBox {
        height: 100%;
        width: 100%;
        justify-content: center;
    }
}

@media(max-width: 550px) {
    .excluirConfirmarModal .modalBox {
        padding: 60px 50px;
    }
}

.boxMargin {
    margin: 2px 0;
}

#novo_contrato .boxMargin input, #alterar_contrato .boxMargin input {
    padding-left: 10px;
    padding-right: 0;
    border: 2px solid rgb(232, 235, 237);
}

#proprietario .header-proprietario  {
    display: flex;
    gap: 10px;
}

#proprietario .header-proprietario img {
    width: 45px;
    height: 45px;
}

#proprietario .header-proprietario p {
    font-size: 0.95em;
    font-weight: 600;
    color: #9F9F9F;
}

#proprietario .header-proprietario strong {
    font-size: 1.3em;
    line-height: 1.2;
    font-weight: 700;
    color: #646464;
    background: #F2F2F2;
    padding: 0.25em 0.6em;
    border-radius: 4px;
}

#proprietario .all .alert_info {
    background: #FEB0181A;
    width: 100%;
    float: left;
    border-radius: 10px;
    margin: 0 0 2em;
    padding: 34px;
    display: flex;
    flex-direction: column;
    gap: 13px;
}

#proprietario .all .alert_info .header_alert_info {
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;

    color: #6B6B6B;
    margin: 0 0 3px;
}

#proprietario .all .alert_info .info_alert {
    font-style: italic;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;

    color: #6B6B6B;
    margin: 0;
}

.table-info-proprietario  {
    margin-top: 50px;
    overflow: auto;
}

.ajusteMulta{
    margin-bottom: 100px;
    margin-top: 0px;
}

.all h3 {
    font-size: 1.3em;
    font-weight: 600;
    color: #9F9F9F;
}

.table-info-proprietario .nome {
    font-size: 1.3em;
    line-height: 1.2;
    font-weight: 700;
    color: #646464;
}

.table-info-proprietario table {
    width: 100%;
    min-width: 900px;
}

.table-info-proprietario th {
    font-size: 0.95em;
    font-weight: 600;
    color: #9F9F9F;
  text-align: left;
  padding: 8px !important;
  border: none;
}

.table-info-proprietario td {
  text-align: left;
  padding: 8px;
  border: none;
  font-size: 0.95em;
    font-weight: 600;
    color: #9F9F9F;
}

.table-info-proprietario tr {
    border-radius: 4px;
}

.table-info-proprietario tbody tr:nth-child(odd) {
    background-color: #F6F6F6;
   
}


/* ---------------- SETOR  ---------------- */
#setor5 { width: 100%; height: auto; position: relative; float: left; z-index: 9999; padding: 2em 0; }

#setor5 .top { width: 100%; float: left; }
#setor5 .top h3 { width: 100%; text-align: center; color: #2CA7AF; font-size: 2.6em; font-weight: 700; float: left; margin: 0 0 1em }

#setor5 .swiper-slide .content { width: 98%; float: left; background: #FFF; border-radius: 14px; padding: 0 0 30px 0 }
#setor5 .swiper-slide .content p.top { width: 100%; float: left; text-align: center; font-size: 2.2em; color: #169EA7; font-weight: 700; line-height: 1.6; margin: 15px 0 0; text-transform: uppercase}
#setor5 .swiper-slide .content p.top span {font-size: 0.3em; vertical-align: middle}
#setor5 .swiper-slide .content h5 { width: 100%; float: left; text-align: center; font-size: 1.4em; color: #169EA7; font-weight: 400; line-height: 1.6; margin: 0 0 0; text-transform: uppercase; margin: 0 0 6px;}
#setor5 .swiper-slide .content h5 span {font-size: 2.2em; font-weight: 700; vertical-align: middle}

#setor5 .swiper-slide .content p { width: 80%; float: left; text-align: center; font-size: 0.7em; color: #169EA7; font-weight: 400; line-height: 1.6; margin: 10px 10% 0; }
#setor5 .swiper-slide .content p.small { font-size: 0.7em; font-weight: 600; margin: -20px 10% 15px; }

#setor5 .swiper-slide .content p b { font-size: 1.3em; vertical-align: middle; background: #2ca7af17;}


#setor5 .swiper-slide .content.excep .btn { margin: 14px 0; }

#setor5 .swiper-slide .content.excep { background: #EDF4F6;  }
#setor5 .swiper-slide .content.excep p.top { font-size:0.8em; margin: 40px 10% 0;  width: 80%; float: left;  } 

#setor5 .swiper-slide .content label.btn { background: #EDF4F6; color: #2ca7af !important; font-size: 0.50em; cursor: default; padding: 6px 12px 5px; position: absolute; top: 0; right: 0; left: inherit;  margin: 0; border-radius: 0 14px 0 14px ; background: #d6e9f1 !important;    color: #00668F !important; transform: inherit;;}

#setor5 .swiper-slide .content .btn { font-size: 0.7em; margin: 25px 0 0; float: left; position: relative; color: #FFF !important; font-weight: 600; left: 50%; transform: translate(-50%); }


#setor5 .bottom div { display: flex; }
@media (max-width: 750px) {
    #setor5 .bottom  { flex-direction: column; align-items: center;
        gap: 15px;}
}


#setor5 .bottom p { width: auto; color: #666666; font-size: 1.4em; font-weight: 500; float: left; margin: 7px 10px 0 }
#setor5 .bottom p.excep { color: #2CA7AF;font-weight: 600 }
#setor5 .bottom img { float: left; margin: 0 0 0 10px }

#setor5 figure.banner { width: 100%; float: left; margin:5% 0 0; text-align: center; padding: 0 3%; box-sizing: border-box; }
#setor5 figure.banner img { }

#setor5 .top p { width: 100%; text-align: center; color: #666; font-size: 1.4em; font-weight: 400; line-height: 1.5; float: left; margin: 1em 0 2em; }

#setor5 .swiper-slide .content p.top { color:#00668F }
#setor5 .swiper-slide .content h5 { color:#00668F; font-size: 1.6em;
        font-weight: 700;
        line-height: 2; }
#setor5 .swiper-slide .content p { color:#00668F }
#setor5 .swiper-slide .content .btn { background:#00668F }
#setor5 .bottom p.excep { color:#00668F }


#setor5 .swiper-container {
    font-size: 1.8em;
    overflow: hidden;
}

#setor5 .swiper-slide {width: 25%;}
@media (max-width: 1180px) {
    #setor5 .swiper-slide {width: 33.333%;}
}
@media (max-width: 850px) {
    #setor5 .swiper-slide {width: 50%;}
}
@media (max-width: 550px) {
    #setor5 .swiper-slide {width: 100%;}
}

/* -----    ----------- SETOR  ---------------- */

.item_btn_radio_duo {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    font-size: 1.5em;
    font-weight: bold;
}
.item_btn_radio_duo:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.item_btn_radio_duo:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.item_btn_radio_duo.ativo {
    background-color: #012D3F;;
    color: #FFF;
}

.btn_radio_duo {
    border-color: #012D3F;
    border-width: 1px;
    border-style: solid;
    border-radius: 10px;
    display: flex;
}
.botoes_status .btn {
    margin: 15px;
    background-color: #012D3F; 
    color: #fff !important;
    width: 170px;
}

#modal_agendamento .modal-dialog{
    margin-top: 15%;
}

.recent-activities .item {
    padding: 0 15px !important;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
}

.recent-activities .item div[class*='col-'] {
    padding: 15px !important;
}

.recent-activities h5 {
    font-weight: 400;
    color: #333
}

.recent-activities p {
    font-size:12px;
    color: #999
}

.recent-activities .icon {
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: #f5f5f5;
    text-align: center;
    display: inline-block
}

.recent-activities .date {
    font-size:12px;

    color: #999;
    padding: 10px !important;
}

.recent-activities .date-holder {
    padding: 0 !important;
    border-right: 1px solid #eee
}

.modal_btn_acoes_agenda { 
    font-size:14px;
}

#form_cad_tarefa { 
    font-size:12px;
}

#form_cad_tarefa input[type="text"]{ 
    width: 100%;
    padding: 5px;
}
#form_cad_tarefa input[type="datetime-local"]{ 
    width: 100%;
    padding: 5px;
}
#form_cad_tarefa label{ 
    width: 100%;
}

.formulario_cad {
    margin-top: 15px;
}

#form_cad_tarefa a{ 
    font-size:14px;
}

.tarefa_inativa {
    border-right: solid 5px #FFBABC;
    border-left: solid 5px #FFBABC;
}
.cortorno-red {
    border: solid 2px #ec111124 !important;
}
/* -----    ----------- SETOR  ---------------- */

/* Modal aguarde a consulta completa finalizar */
    #modal_pesquisa_consulta {
        display: flex;
        z-index: 999999;
    }

    #modal_pesquisa_consulta.modal_await_pesquisa{
        display: none;
    }

    #modal_pesquisa_consulta .modal_await {
        display: flex;
        width: 882px;
        transition: all 0.3s ease-in-out;
    }

    #modal_pesquisa_consulta .container_blue_await{
        width: 100%;
        background: var(--azul);
        border-radius: 8px 0 0 8px;     
        display: flex;
        flex-direction: column;
        align-items: center;      
        padding: 56px 0 21px;
    }

    #modal_pesquisa_consulta .container_blue_await > img{
        margin-bottom: 28px;
        width: 223px;
        height: auto;
    }

    #modal_pesquisa_consulta .container_blue_await > p{
        font-family: 'SF Pro Display';
        font-style: normal;
        font-weight: 300;
        font-size: 11px;
        line-height: 13px;

        color: #FFFFFF99;
        margin: 60px 0 0;
    }

    #modal_pesquisa_consulta .container_blue_await .await_mid{
        padding: 0 30px;    
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    #modal_pesquisa_consulta .container_blue_await .await_mid > h5{
        font-family: 'SF Pro Display';
        font-style: normal;
        font-weight: 700;
        font-size: 20px;
        line-height: 24px;
        /* identical to box height */

        text-align: center;

        color: #FFFFFF;
        margin: 0;
    }

    #modal_pesquisa_consulta .container_blue_await .await_mid > p{
        font-family: 'SF Pro Display';
        font-style: normal;
        font-weight: 300;
        font-size: 18px;
        line-height: 21px;
        text-align: center;

        color: #FFFFFFCC;
        margin: 0;
    }

    #modal_pesquisa_consulta .container_await_please{
        width: 100%;
        background: #FFF;
        border-radius: 0px 10px 10px 0px;  
        padding: 64px 53px;   
    }

    #modal_pesquisa_consulta .container_await_please .container__mid{
        display: flex;
        flex-direction: column;
        gap: 45px;
    }

    #modal_pesquisa_consulta .container_await_please > h5{
        font-family: 'SF Pro Display';
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 21px;

        color: #012D3F;
        margin: 0;
    }

    #modal_pesquisa_consulta .container_await_please > p{
        font-family: 'SF Pro Display';
        font-style: normal;
        font-weight: 300;
        font-size: 16px;
        line-height: 19px;
        
        color: #012D3F;
        margin: 7px 0 40px;
    }

    #modal_pesquisa_consulta .container_await_please .container_icon_info{
        display: flex;
        align-items: center;
        gap: 24px;
    }

    #modal_pesquisa_consulta .container_await_please .info_extras{
        display: flex;
        flex-direction: column;
        gap: 6px;
    }

    #modal_pesquisa_consulta .container_await_please .info_extras > h6{
        font-family: 'SF Pro Display';
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 17px;

        color: #012D3F;
        margin: 0;
    }

    #modal_pesquisa_consulta .container_await_please .info_extras > p{
        font-family: 'SF Pro Display';
        font-style: normal;
        font-weight: 300;
        font-size: 14px;
        line-height: 17px;

        color: #012D3F;
        margin: 0;
    }
/* Fim Modal aguarde a consulta completa finalizar */

/* Container aguarde a consulta finalizar */
#container__await__top {
    margin-top: 70px;
    width: 100%;
    background: #1995C7;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    transition: all 0.3s ease-in-out;
}

#container__await__top .info__left {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-left: -20px;
    padding: 4px 0;
}

#container__await__top img {
    width: 81px;
    height: 78px;
    margin-top: -16px;
    z-index: 99999;
}

#container__await__top .text__ {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

#container__await__top .text__ h5 {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;

    color: #FFFFFF;
    margin: 0;
}

#container__await__top .text__ p {
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 17px;
    
    color: #FFFFFF99;
}

#container__await__top .info__right {
    display: flex;
    align-items: center;
    gap: 33px;
    padding: 0 27px 0 0 ;
}

#container__await__top .text__ p  button {
    display: none;
}

#container__await__top .text__ p  button,
#container__await__top .info__right button {
    background: transparent;
    outline: none;
    border: none;
    text-decoration: underline;

    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;

    color: #FFFFFF99;
    white-space: nowrap;
}

#container__await__top .text__ p  button:hover,
#container__await__top .info__right button:hover {
    color: #FFFFFF;
}

#container__await__top .info__right .info__att {
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid #EEF5F6;
    border-radius: 10px;
    padding: 14px 24px;

    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 17px;

    color: #EEF5F6;
    white-space: nowrap;
}

#container__await__top .info__right .info__att .loading__donut {
    width: 20px;
    min-width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 0.3rem solid #FFF;
    border-top-color: transparent;
    animation: 1.5s spin infinite linear;
}

@keyframes spin {
    to {
      transform: rotate(360deg);
    }
  }

/* Fim Container aguarde a consulta finalizar */
/* Fim Container aguarde a consulta finalizar */

.container__parecer__tecnico {
    width: 100%;
    background: #EFEFF080;
    padding: 24px 34px 42px 24px;

}

.container__parecer__tecnico__title {
    font-size: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 17px;
    line-height: 20px;
    
    color: #646464;
    margin: 0;
    padding: 0 0 20px;
    border-bottom: 1px solid #012d3f17;
}

.status__termometro {
    display: flex;
    gap: 28px;
    align-items: center;
    padding: 35px 0 0;
}

.status__termometro__tag {
    font-style: normal;
    font-weight: 700;
    font-size: 11px;
    line-height: 13px;
    text-transform: uppercase;
    color: #FFFFFF;
    border-radius: 7px;
    padding: 10px 23px;
}

.status__termometro__tag.verde {
    background: #00DBBD;
}

.status__termometro__tag.amarelo {
    background: #ffcf73;
}

.status__termometro__tag.vermelho {
    background: #ff7676;
}

.container__termometro {
    width: 100%;
    position: relative;
}

.termometro {
    width: 100%;
    height: 32px;
    background: linear-gradient(268.38deg, #00C1B4 8.36%, #FFD540 46.15%, #FF4B6A 86.79%);
    border-radius: 5px;
}

.container__arrow {
    width: 100%;
    position: relative;
}

.container__arrow .arrow__termometro {
    position: absolute;
    top: -6px;
    left: 5%;
    width: 15px; 
    height: 10px; 
}

.container__arrow .arrow__termometro.amarelo {
    left: 50%;
}

.container__arrow .arrow__termometro.verde {
    right: 5%;
    left: unset;
}


.purple{
    color: purple !important;
}

 .tag {
    padding: 4px 7px;
    border-radius: 4px;
    color: #FFF;
    font-family: SF Pro Display;
    font-size: 12px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    text-transform: uppercase;
}

.tag.tipo_consulta {
    background: #ebebeb;
    color: #8d8d8d;
}

.tag.tipo_consulta.tipo_2{
    background: #F58181;
}

.tag.tipo_consulta.tipo_3{
    background: #FFB340;
}

.tag.tipo_consulta.tipo_4{
    background: #E3D029;
}

.tag.tipo_consulta.tipo_5{
    background: #A9A9A9;
}



.content__ver__log > a {
    padding: 6px 12px;
    background: transparent;
    border-radius: 54px !important;
    border: 1px solid #009CD6 !important;
    color: #009CD6 !important;
    font-family: SF Pro Display;
    font-size: 10px;
    font-style: normal;
    font-weight: 900 !important;
    line-height: normal;
    text-transform: uppercase;
    margin: 0 0 0 10px !important;
}

.pagination.paginacao__tamanho__maximo {
    width: 99%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 24px;
}

.pagination.paginacao__tamanho__maximo > p {
    margin: 0 !important;
}

.pagination.paginacao__tamanho__maximo .paginacao__anterior__e__proxima {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.pagination.paginacao__tamanho__maximo .paginacao__anterior__e__proxima > a {
    margin: 0 !important;
}

#area-cliente .content .table1.flex__new li {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media (max-width: 990px) {
    #area-cliente .content .table1 li .left.new__menor { 
        max-width: 80px;
    }

    #area-cliente .content .table1 li .left.new__big { 
        max-width: 200px; 
        width: fit-content; 
    }
}

.change-plan-button {
    border-radius: 54px !important;
    background-color: #012D3F !important;
    padding: 12px 40px !important;
    width: fit-content;
    height: fit-content;
    font-weight: 900;
    color: white !important;
}

.email {
    color: var(--azul) !important;
}

.tipo-pessoa-data-container span{
    color: var(--azul-escuro);
    font-family: SF Pro Display;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
}

.invoiced-contract-span {
    background-color: #00C1B4;
    border-radius: 4px;
    padding: 4px 7px;
    font-size: 12px !important;
    font-weight: 800 !important;
    color: white !important;
}

.prepaid-contract-span {
    background-color: #FFD540;
    border-radius: 4px;
    padding: 4px 7px;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.nav > li {
    display: flex;
    height: 40px;
    justify-content: center;
    align-items: center;
    font-family: SF Pro Display;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.nav-tabs>li>a {
    width: 100%;
    padding: 12px 40px;
    border-radius: 54px;
    border: 1px solid var(--azul-medio);
    background: var(--bg-leve);
    color: var(--azul-medio);
}

.nav-tabs>li.active>a {
    border: 1px solid var(--azul-medio) !important;
    background-color: var(--azul-medio) !important;
    color: var(--bg-leve) !important;

}

.nav-tabs {
    border: none !important;
    display: flex;
    justify-content: center;
    column-gap: 8px;
    margin-bottom: 16px;
}

.nav-tabs>li {
    margin-bottom: 0 !important;
}

.nav>li>a:focus, .nav>li>a:hover {
    border: 1px solid var(--azul-medio) !important;
    background-color: var(--azul-medio) !important;
    color: var(--bg-leve) !important;
}

#historicoTab, #plano {
    border-radius: 16px;
    background: #EFF1F1;
    padding: 32px !important;
}

.plan-data {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
}

.plan-data > div {
    display: flex;
    column-gap: 16px;
}

.plan-data, .contract-container {
    border-radius: 16px;
    background: #FFF;
    padding: 32px 24px !important;
}

.contract-container { 
    display: flex;
    flex-direction: column;
    row-gap: 24px;
}

.table-container {
    padding: 24px 32px !important;
    background-color: #FFF;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    row-gap: 16px;
}

.secondary-title {
    color: var(--azul-escuro);
    font-size: 16px;
    font-weight: 800;
    display: flex;
    flex-direction: column;
    row-gap: 16px;
}

.plan-data > .secondary-title {
    margin-bottom: 24px;
}

tr:nth-child(even) {background-color: #EBEBEB; color: var(--azul-escuro);}
tr:nth-child(odd) {background-color: #F6F6F6; color: var(--azul-escuro);}

table {
    border-collapse: separate; 
    border-spacing: 0 8px;
}

.tab-content {
    background-color: transparent !important;
}

.plan-container {
    display: grid;
    grid-template-columns: 2fr 1fr;
    column-gap: 16px;
}

input:placeholder-shown {
    background-color: #FFF !important;
}

.upload-file-button {
    border-radius: 54px !important;
    border: 1px solid var(--azul-escuro) !important;
    background-color: transparent !important;
    color: #012D3F !important;
    font-weight: 700 !important;
    padding: 12px 40px !important;
    text-wrap: nowrap;
    margin-top: 12px;
}

.upload-file-container {
    border-radius: 8px;
    background-color: #F1FBFF;
    display: flex;
    padding: 16px;
    flex-direction: column;
    align-items: center;
}

.upload-file-label {
    text-align: center;
    color: var(--azul-escuro);
    font-size: 14px;
    font-weight: 500;
}

.buttons-container {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-direction: column;
}

.buttons-container button, #area-cliente .buttons-container > .btn, #area-cliente .buttons-container > span > .btn {
    width: 100% !important;
}

.btn-contrato {
    display: flex;
    align-items: center;
    justify-content: center;
    row-gap: 10px;
    background-color: var(--azul);
    border-radius: 54px;
    padding: 12px 40px 12px 32px !important;
    column-gap: 10px;
}

.btn-save {
    border-radius: 54px !important;
    background-color: var(--style-guide-app-green) !important;
    padding: 12px 40px !important;
    color: #FFF !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    height: 100%;
    max-height: 45px;
}

.text_red{
    color: red !important;
}

.text_silver{
    color: silver !important;
}

.buttonsContainer {
    display: flex;
    gap: 8px;
}

#area-cliente .ajts .buttonsContainer > .btn.default {
    padding: 20px !important;
}

#area-cliente .row-item {
    border-radius: 8px;
}