.gj-cursor-pointer div .dia_disponivel{ 
    background-color: #b9dea1 !important; 
} 
 
  
#agendamento .row, #agendamento .container{ 
    height: auto !important; 
} 
 
#agendamento .rg_banner{ 
    background:url(../images/banner_destaque/banner_cadastro.jpg) no-repeat center center; 
    background-size: cover; 
} 
 
#agendamento .select_serv:nth-child(2n+1){ 
    background: #eeeeee; 
} 
 
#agendamento .select_serv .list-group-item{ 
    background: transparent; 
} 
 
#agendamento .img_serv_area{ 
    overflow: hidden; 
    width: 100%; 
    height: 200px; 
    position: relative; 
} 
 
#agendamento .img_serv_area img{ 
    width: auto !important; 
    height: 100%; 
} 
 
#agendamento .orgao_ico_area{ 
    text-align: center; 
    position: absolute; 
    top: -15px; 
    right: -15px; 
    width: 80px; 
    height: 80px; 
    background: #ffffff; 
    border-radius: 50%; 
    box-shadow: 0px 3px 10px #000000; 
} 
 
#agendamento .orgao_ico_area img{ 
    transform: scale(0.47,0.55); 
} 
#agendamento a .card_servico{ 
    box-shadow: 0px 0px 3px #555555; 
    
} 
 
#agendamento .card_servico .card-body{ 
    /*min-height: 120px; */ 
} 
 
@media (min-width: 768px) and (max-width: 992px){ 
    #agendamento .background_form1{ 
        display: none; 
    }   
} 
 
#agendamento .img_serv_area img{ 
    width: 100%; 
    height: 100%; 
} 
 
#agendamento a .card_servico:hover{ 
    transform: scale(0.99); 
    opacity: 0.9; 
    transition: all 0.1s ease-in; 
} 
 
#agendamento .card_servico{ 
    font-size: 14px; 
} 
#agendamento .card_servico b{ 
    font-size: 12px; 
} 
 
#agendamento .lista_de_servicos a li .row{ 
    font-size: 14px; 
    font-family: 'robotobold'; 
    color: black; 
} 
 
#agendamento .tit-servico{ 
    color: #0d6c38; 
} 
 
#agendamento .orgao{ 
    font-size: 12px; 
    color: #666666; 
} 
 
#agendamento .select_serv:hover { 
    border-right: 10px solid #31548b; 
    transform: scale(0.985,1); 
    transition: all 0.3s ease-out; 
} 
 
#agendamento .select_serv:focus { 
    box-shadow: 0 0 0 0; 
    border: 0 none; 
    outline: 0; 
} 
 
#agendamento .select_serv:active{ 
    border: 1px solid #31548b; 
    border-right: 10px solid #31548b; 
    transition: all 0.3s ease-out; 
} 
 
@media (max-width: 992px){ 
    #agendamento .background_form1{ 
        display: none; 
    }   
} 
 
#agendamento .passo_tit{ 
    font-size: 12px; 
    margin-top: -10px; 
    color: #666666; 
    white-space: nowrap; 
} 
 
#agendamento .next-pass{ 
    font-size: 30px; 
} 
 
#agendamento .passo_ativo{ 
    background: rgba(255,255,255, 0.8); 
    border-radius: 8px; 
    color: #666666; 
} 
 
 
#agendamento .ico_local_data button{ 
    border-radius: 8px; 
    border: none; 
    cursor: pointer; 
    width: 60%; 
    padding: 20px 20px 20px 20px; 
     
} 
 
#agendamento .local_btn i, #agendamento .data_btn i{ 
    font-size: 6em; 
    color: #000000; 
    opacity: 0.3; 
} 
 
#agendamento .rg_eu_btn i, #agendamento .rg_nos_btn i, #agendamento .rg_eles_btn i{ 
    font-size: 5em; 
    color: #000000; 
    opacity: 0.3; 
} 
 
#agendamento .ico_local_data b{ 
    font-size: 60px; 
    color: #c6c8ca; 
} 
 
#agendamento .ld_btn_txt{ 
    font-size: 40px; 
    text-align: center; 
    width: 100%; 
    margin-top: 4px; 
    color: #ffffff; 
    
} 
 
#agendamento .local_btn, #agendamento .rg_eu_btn, #agendamento .titulo_boleto, #agendamento .list-group-item.topo_card, #agendamento .accordion .card .card-header  { 
    background: black; 
} 
 
#agendamento .data_btn, #agendamento .rg_nos_btn, #agendamento .titulo_debito, .titulo_ok{ 
    background: black !important; 
} 
 
#agendamento .titulo_nok{ 
    background-color: black; 
} 
 
#agendamento .titulo_ok i{ 
    font-size: 20px !important; 
} 
 
 
#agendamento .titulo_cpf{ 
    background: black; 
} 
 
#agendamento .rg_eles_btn{ 
    background: black; 
} 
 
 
#agendamento .rg_eu_btn .ld_btn_txt, #agendamento .rg_nos_btn .ld_btn_txt, #agendamento .rg_eles_btn .ld_btn_txt{ 
    font-size: 16px; 
 
} 
 
#agendamento .local_btn:active, #agendamento .data_btn:active{ 
    transform: scale(0.98); 
} 
 
.txt_branco{ 
    color: #ffffff !important; 
} 
 
#agendamento .local_btn:hover, #agendamento .data_btn:hover{ 
    opacity: 0.9; 
    transition: all 0.2s ease-in-out; 
} 

#agendamento .list-group a{
    background: #fafafa;
}

#agendamento .list-group.titulo-card {
    border-top-left-radius: 15px !important;
    border-top-right-radius: 15px;
}

#agendamento .list-group.titulo-card {
    border-top-left-radius: 15px !important;
    border-top-right-radius: 15px;
}

#agendamento .list-group-item:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

#agendamento .list-group-item.pagamento_efetuado    {
    border-radius: 15px !important;
}

#agendamento .accordion > .card.card-border {
    border: none;
}

#agendamento .accordion > .card.card-border button {
    font-family: 'robotolight';
    font-size: .75em !important;
}

#agendamento .accordion > .card.card-border .card-body, #agendamento .list-group-item.card-border {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border: 1px solid #dee2e6!important;
}
 
 
 
@media (max-width: 1199px){ 
    #agendamento .rg_eu_btn i, .rg_nos_btn i, .rg_eles_btn i{ 
        font-size: 4em; 
    } 
 
    #agendamento .ico_local_data button{ 
        width: 80%; 
    } 
} 
 
 
@media (max-width: 425px){ 
    #agendamento .ico_local_data button{ 
        width: 90% !important; 
    }   
 
    #agendamento .ico_local_data b{ 
        font-size: 40px; 
    } 
 
    #agendamento .rg_eu_btn .ld_btn_txt, .rg_nos_btn .ld_btn_txt, .rg_eles_btn .ld_btn_txt{ 
        font-size: 10px !important; 
     
    } 
 
    #agendamento .rg_eu_btn i, .rg_nos_btn i, .rg_eles_btn i{ 
        font-size: 3em; 
    } 
 
    #agendamento .coluna_oculta{ 
        display: none; 
    } 
 
    #agendamento .ou{ 
        font-size: 20px !important; 
    } 
     
} 
 
 
 
@media (max-width: 768px){ 
    #agendamento .ico_local_data button{ 
        width: 90% !important; 
    }    
    #agendamento .ico_local_data b{ 
        font-size: 40px; 
    }  
    #agendamento .rg_eu_btn .ld_btn_txt, #agendamento .rg_nos_btn .ld_btn_txt, #agendamento .rg_eles_btn .ld_btn_txt{ 
        font-size: 14px;     
    }  
    #agendamento .check_txt{ 
        font-size: 12px !important; 
    }      
} 
 
@media (max-width: 568px){ 
    #agendamento .passo_tit{ 
        display: none; 
    } 
 
    #agendamento .passos, #agendamento .passos h5{ 
        font-size: 18px !important; 
    } 
 
    #agendamento .local_btn i, #agendamento .data_btn i{ 
        font-size: 3.4em; 
    } 
} 
 
 
@media (max-width: 375px){ 
 
    #agendamento .passo_tit{ 
        display: none !important; 
    } 
 
    #agendamento .passos, .passos h5{ 
        font-size: 12px !important; 
    } 
 
    #agendamento .ico_local_data button{ 
        width: auto !important; 
    }   
 
    #agendamento .ico_local_data b{ 
        font-size: 30px; 
    } 
 
    #agendamento .local_btn i, .data_btn i{ 
        font-size: 3em; 
    } 
 
    #agendamento .ld_btn_txt{ 
        font-size: 30px; 
        text-align: center; 
        width: 100%; 
        margin-top: 4px; 
        color: #ffffff; 
    } 
} 
 
#agendamento .scroll_lista{ 
    max-height: 346px; 
    overflow-y: auto; 
} 
 
#agendamento .tabela_data tr td{ 
    font-family: 'robotobold'; 
} 
 
#agendamento .tabela_data tr td.muted{ 
    color: #666666; 
    font-weight: normal; 
} 
 
#agendamento .tabela_data tr td.hoje{ 
    background: #0d6c38; 
    color: #ffffff; 
} 
 
#agendamento .tabela_data tr td:hover{ 
    background: #cccccc; 
    cursor: pointer; 
} 
 
#agendamento .tabela_data tr td:active{ 
    border: 2px solid #0d6c38; 
} 
 
#agendamento .texto_branco{ 
    color: #ffffff !important; 
} 
 
#agendamento .borda_deora{ 
    border: #0d6c38 2px solid; 
    border-radius: 8px; 
    padding: 5px; 
 
    margin-left: auto !important; 
    margin-right: auto !important; 
} 
 
#agendamento .horario a:active{ 
    transform: scale(0.97); 
    background: #31548b; 
} 
 
#agendamento .background_form1{ 
    padding-left: 20px; 
    border-left: #dbdbdb 1px solid; 
} 
 
#agendamento .background_form1 img{ 
    width: 100%; 
} 
 
 
#agendamento .descript_pass{ 
    white-space: nowrap; 
} 
 
 

 
.descript_pass a{ 
    color: inherit; 
} 
 
 
 
 
.titulo.data:before {
    width: 550px;
}
 
 
 
 
/* Cards */ 
 
 
#agendamento .lista-menu-interno .card{ 
    border-radius: 15px; 
    margin-bottom: 25px; 
} 
 
#agendamento .lista-menu-interno .local, 
#agendamento .lista-menu-interno .btn1{ 
    background:black; 
    border-radius: 15px 15px 0 0; 
    /*box-shadow: inset 0px 5px 5px #ffffff;*/ 
     
} 
 
#agendamento .lista-menu-interno .data, 
#agendamento .lista-menu-interno .btn2{ 
    /* background:#073870;  */
    background:black;
    border-radius: 15px 15px 0 0; 
    /*box-shadow: inset 0px 5px 5px #ffffff;*/ 
} 
 
#agendamento .lista-menu-interno .btn3{ 
    background:black; 
    border-radius: 15px 15px 0 0; 
    /*box-shadow: inset 0px 5px 5px #ffffff;*/ 
} 
 
 
#agendamento .local i, #agendamento .data i, #agendamento .btn1 i, #agendamento .btn2 i, #agendamento .btn3 i{ 
    border: none; 
    color: #fff; 
    padding: 20px 10px; 
    font-size: 3em; 
    border-radius: 10px 10px 0px 0px !important;   
    background: none;
} 
 
#agendamento .ou{ 
    font-size: 2em; 
} 
 
@media( max-width: 425px) { 
    #agendamento .agendamento_btns .local i, 
    #agendamento .agendamento_btns .data i  { 
    font-size: 1.5em; 
    padding: 10px 6px; 
 
    } 
} 
 
#agendamento .lista-menu-interno .card-header h4{ 
    color: #ffffff; 
    font-size: 16px; 
    margin: 0; 
    padding-left: 35px; 
} 
 
#agendamento .lista-menu-interno .card-header h4:before{ 
    content: ""; 
    width: 40px; 
    height: 35px; 
    position: absolute; 
    top: 5px; 
    left: 10px; 
    background: url(../images/icones/sprite_clara.png) no-repeat; 
    background-position-x: -230px; 
} 
 
#agendamento .lista-menu-interno .card-body { 
    height: 2em; 
    position: relative  
} 
 
#agendamento .lista-menu-interno .card-body h4 { 
    margin: 0; 
    position: absolute; 
    top: 50%; 
    left: 50%;  
    transform: translate(-50%, -50%)  
} 
 
#agendamento .local_txt_btn h4{ 
    color: black; 
    font-size: 14px; 
    line-height: 20px; 
} 
 
#agendamento .data_txt_btn h4{ 
    color: black; 
    font-size: 14px; 
    line-height: 20px; 
} 
 
#agendamento .btn3_txt_btn h4{ 
    font-size: 14px; 
    line-height: 20px; 
    color: black; 
} 
 
@media (max-width: 425px){ 
    #agendamento .local_txt_btn h4, 
    #agendamento .data_txt_btn h4, 
    #agendamento .btn3_txt_btn h4{ 
        font-size: 10px; 
    } 
 
    #agendamento .local i, #agendamento .data i, #agendamento .btn1 i, #agendamento .btn2 i, #agendamento .btn3 i{ 
        padding: 12px 2px; 
        font-size: 1.5em; 
    } 
} 
 
.modal-poupinha .modal-body .balao_poupinha{ 
    font-size: 1rem !important; 
    background: rgb(231, 230, 230) !important; 
    border-radius: 0px 15px 15px 15px; 
} 
 
 
#agendamento .tabela_pagamento tr th:nth-child(2), 
#agendamento .tabela_pagamento tr td:nth-child(2){ 
    text-align: left; 
} 
 
#agendamento .list-group-item .tabela_pagamento tr th:nth-child(1){ 
    width: 15%; 
} 
 
@media (max-width: 425px){ 
    #agendamento .list-group-item table{ 
        font-size: 0.8rem; 
    } 
 
    #agendamento .titulo_caixa{ 
        font-size: 14px; 
    } 
 
    #agendamento .titulo_caixa i{ 
        font-size: 2em; 
    } 
     
} 
 
 
#agendamento .total_area{ 
    background-color: #bbdde7; 
    font-size: 1.3em; 
    color: black; 
} 
 
#agendamento .debito i, 
#agendamento .boleto i{ 
    font-size: 3em; 
} 
 
#agendamento .debito i{ 
    color: #0d6c38 
} 
 
#agendamento .boleto i{ 
    color: #31548b; 
} 
 
#agendamento .ico_gratuidade{ 
    font-size: 3em; 
} 
 
#agendamento .ico_padrao i{ 
    color: #ffffff !important; 
} 
 
#agendamento .tabela_flow{ 
    overflow-x: auto;  
} 
 
#agendamento .pass_OK .round-tab i{ 
    color: #ffffff; 
} 
 
#agendamento .active .round-tab i{ 
    color: #555555; 
} 
 
#agendamento .protocolo{ 
    width: 100%; 
}

#agendamento .protocolo div[class^="slidingDivFilho"]{
    border-width: 0 !important;
    margin-left: 0 !important;
}
 
#agendamento .protocolo h5{ 
    color: black; 
    font-size: 18px; 
}

#agendamento .protocolo ul {
    font-size: 0.9em;
    color: #727176;
}
 
#agendamento .obs{ 
    font-size: 13px; 
    color: #31548b; 
} 
 
#agendamento .protocolo .card-body ul li p{ 
    padding: 0px; 
    margin: 0px; 
} 

#cabecalho_impressao{ 
    display: none; 
} 
 
@media print{ 
    .wpToolbarActionBar,
    .box-busca,
    .wpToolbarCommon,
    .servicos-destaque,
    .barra-governo,
    .col-lg-4, 
    .govsp-topbarGlobal, 
    .govsp-kebab, 
    .box-busca, 
    .barra-acessibilidade, 
    .barra-logo, 
    .navbar-brand, 
    .barra-login, 
    #mobile_menu, 
    .box-login-servicos, 
    #nav-superior, 
    .titulo-area, 
    footer, 
    .conteudo-rodape, 
    .area_print_btn, 
    .area_btn_protocolo,
    .btn,
    .slick-prev,
    .slick-next,
    .card-1,	
    .card-2,
    .card-3,
    .fixed-bottom,
    .wizrd,
    .topbarGlobal,
    .govsp-dropdown,
    .govsp-topo,
    .govsp-active,
    #govsp-kebab,
    .govsp-topbarGlobal,
    #govsp-rodape{ 
        display:none; 
        top: 0;
    } 
 

    #agendamentos{ 
        visibility:visible; 
        position: absolute; 
        top:0; 
        left:0;  
    } 
 
    #agendamento .protocolo .card-header    { 
        padding: 0px; 
        margin: 0px; 
    } 
 
    #cabecalho_impressao{ 
        margin-top: -130px; 
        display: block; 
    } 

    body,
    .conteudo-interno{
        margin: 0;
        padding: 0;
    }

    .wpthemeMainContent{
        top: 0;
    }

   .conteudo-interno{
       position: absolute;
       padding: 0px !important;
       top: 0px;
       bottom: 0px;
       left: 0px;
       right: 0px;
   }

   .container{
        position: absolute;
        top: 0;
       
    }
} 
 
@media (max-width: 991px){ 
    #agendamento .ico_gratuidade { 
        font-size: 2em; 
    } 
} 
 
@media (min-width: 992px) and (max-width: 1199.98px) {  
    #agendamento .ico_gratuidade { 
        font-size: 2.2em; 
    } 
    #agendamento .debito i, #agendamento .boleto i{ 
        font-size: 3rem; 
    } 
} 
.troca_code{ 
    font-size: 2em !important; 
} 
 
#agendamento .table-warning{ 
    font-size: 1.3em !important; 
} 

.posto_poup:hover, .posto_poup:active{
    box-shadow: inset 0px 0px 3px #cccccc;

}
 
.debito img{ 
    margin-right: auto; 
    margin-left: auto; 
    margin-top: 15px; 
    width: 36px; 
    height: 36px; 
} 
 
.debito .card:hover{ 
    background: #f0f0f0 !important; 
} 
     

#agendamento .accordion .card .card-header h1 button{ 
    color: #ffffff !important; 
    width: 100%; 
    box-shadow: none;
    text-align: left;

} 

#agendamento .accordion .card .card-header{
    background: black; 
}
 
.nome_banco{ 
    font-size: 12px !important; 
    margin-top: 5px; 
} 

.area_btns_modal div a{
    color: #ffffff !important;
}
 
 
@media (max-width: 425px){ 
 
    .debito img{ 
        width: 30px; 
        height: 30px; 
    } 
 
    .nome_banco{ 
        font-size: 10px !important; 
        margin-top: 5px; 
    } 
 
} 
 
.area_btns_modal div a{
    font-size: 13px !important;
}

@media (max-width: 375px){ 
 
    .debito img{ 
        margin-bottom: 15px; 
    } 
 
    .nome_banco{ 
        display: none; 
    } 

    .area_btns_modal div a{
        font-size: 14px !important;
    }
 
}


.rg_table{
    width: 120px;
    font-weight: normal !important;
    margin-top: -10px;
}

label i{
    font-size: 1em !important;
}


.input_radio_form tbody tr td input{ 
    margin-right: 5px;
}

/* .fundo_dark{ 
    background: #898989;
} */