/* #agendamento .banner-interno{ 
    background: url(../images/banner_destaque/banner_agendamento.jpg) no-repeat center center; 
    background-size: cover;
} */

#agendamento [class^="slide-serv"] .slick-next{
    right: -15px;
}

#agendamento [class^="slide-serv"] .slick-prev{
    left: -15px;
}

#buscaServicos thead th,
#buscaServicosAgenda thead th,
#buscaPosto thead th{
    background: #fff !important;
    font-size: 16px;
}

#buscaServicos td,
#buscaServicosAgenda td,
#buscaPosto td{
    vertical-align: middle;
}
#buscaPosto_paginate .paginate_button.current,
#buscaPosto_paginate .paginate_button.current:hover{
  background: black !important;
  color: #ffffff !important;
}
#buscaPosto_paginate .paginate_button:hover{
  background: #dee2e6 !important;
  border-color: #d4d4d4 !important;
  color: inherit !important;
}
#buscaPosto_paginate .paginate_button.disabled{
  cursor: not-allowed;
}
#buscaServicos img,
#buscaServicosAgenda img,
#buscaPosto img{
    max-width: 20px;
}
#buscaServicos_filter,
#buscaServicosAgenda_filter,
#buscaPosto_filter{
    text-align: center;
    padding: 5px 0;
}
#buscaServicos_filter label,
#buscaServicosAgenda_filter label,
#buscaPosto_filter label{
    width: 80%;
    /* text-indent: -9999999px; */
}
#buscaServicos_filter input,
#buscaServicosAgenda_filter input,
#buscaPosto_filter input{
    border: 1px solid #999;
    border-radius: 25px;
    box-shadow: 2px 2px 6px #d3d3d3;
    font-size: 16px !important;
    height: calc(1.5em + .5rem + 2px);
    line-height: 1.5;
    padding: 20px;
    width: 90%;
}
#buscaServicos a,
#buscaServicosAgenda a,
#buscaPosto a{
    text-decoration: underline;
}

/* Table com cards */
#buscaServicos.table-cards,
#buscaServicosAgenda.table-cards,
#buscaPosto.table-cards{
    border: none !important;
    margin-left: 0;
}
#buscaServicos.table-cards thead,
#buscaServicosAgenda.table-cards thead,
#buscaPosto.table-cards thead{
    display: none;
}
#buscaServicos.table-cards tr,
#buscaServicosAgenda.table-cards tr,
#buscaPosto.table-cards tr{
    border-radius: 10px;
    box-shadow: 0 0 0.5rem rgba(0,0,0,.15);
    display: inline-block;
    margin: 1%;
    width: 31%;
}
#buscaServicos.table-cards tr td,
#buscaServicosAgenda.table-cards tr td,
#buscaPosto.table-cards tr td{
    display: block;
}
#buscaServicos.table-cards tr td a,
#buscaServicosAgenda.table-cards tr td a,
#buscaPosto.table-cards tr td a{
    text-decoration: none !important;
    font-size: 15px;
    width: 100%;
    display: block;
    height: 100%;
    padding: .75rem;
}
#buscaServicos.table-cards tr:hover,
#buscaServicosAgenda.table-cards tr:hover,
#buscaPosto.table-cards tr:hover{
    box-shadow: 0 0 0.75rem rgba(0,0,0,.3);
}
#buscaServicos.table-cards tr:hover td,
#buscaServicosAgenda.table-cards tr:hover td,
#buscaPosto.table-cards tr:hover td{
    background: #f1f1f1;
    cursor: pointer;
}
#buscaServicos.busca-colors tr:hover td:first-child,
#buscaServicosAgenda.busca-colors tr:hover td:first-child,
#buscaPosto.busca-colors tr:hover td:first-child{
    background: #ececec;
}
#buscaServicos.busca-colors tr:hover td + td,
#buscaServicosAgenda.busca-colors tr:hover td + td,
#buscaPosto.busca-colors tr:hover td + td{
    background: #fff;
}
#buscaServicos.busca-colors tr:hover td + td a,
#buscaServicosAgenda.busca-colors tr:hover td + td a,
#buscaPosto.busca-colors tr:hover td + td a{
    background: black;
}
#buscaServicos.table-cards tr td:first-child,
#buscaServicosAgenda.table-cards tr td:first-child,
#buscaPosto.table-cards tr td:first-child{
    border-radius: 10px 10px 0 0;
    border: none !important;
    height: 70px;
    padding: 0;
}
#buscaServicos.busca-colors tr td:first-child,
#buscaServicosAgenda.busca-colors tr td:first-child,
#buscaPosto.busca-colors tr td:first-child{
    background: #fff;
}
#buscaServicos.busca-colors tr td:first-child a,
#buscaServicosAgenda.busca-colors tr td:first-child a,
#buscaPosto.busca-colors tr td:first-child a{
    color: #262626;
font-weight: 700;}
#buscaServicos.table-cards tr td + td,
#buscaServicosAgenda.table-cards tr td + td,
#buscaPosto.table-cards tr td + td{
    border-radius: 0 0 10px 10px;
    border-top: 2px solid rgba(0,0,0,.125);
    padding: 0;
}
#buscaServicos.table-cards tr td + td a,
#buscaServicosAgenda.table-cards tr td + td a,
#buscaPosto.table-cards tr td + td a{
    color: #fff;
    font-size: 12px;
    padding: .5rem .75rem;
    text-transform: uppercase;
background: black;border-radius: 0 0 10px 10px;
}
#buscaServicos .dataTables_empty,
#buscaServicosAgenda .dataTables_empty,
#buscaPosto .dataTables_empty,
#buscaServicos .dataTables_empty:hover,
#buscaServicosAgenda .dataTables_empty:hover,
#buscaPosto .dataTables_empty:hover{
    background: #fff !important;
    cursor: initial !important;
    height: auto !important;
    padding: 5px !important;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination{
     justify-content: center !important;   
}

#agendamento .protocolo_ticket{
    font-size: 1rem;
    /* background: RGBA(0,0,0, 0.15); */
    background-color: #464547;
    color: #FFFFFF;    
    margin: 2px -8px;
}

#agendamento .protocolo_ticket span{
    font-size: 0.813rem;
    font-family: 'robotobold';
    color: #FFFFFF;
}

#agendamento .protocolo_ticket i{
    color: #FFFFFF;
}

#agendamento .tit-avisos{ 
    color: black !important;
}

#agendamento .aviso_item{
    background:#edeef0;
    border: none; 
    margin-bottom: 15px;
}

#agendamento .aviso_selected{
    color: #727176 !important;
    background: transparent !important;
}

#agendamento .item_tit{ 
    font-size: 1.125rem;
}
#agendamento .aviso_date{
    font-size: 0.75rem;
    font-style: italic;
}

#agendamento .aviso_txt{
    font-size: 0.875rem;
}


#agendamento .ico_aviso1, #agendamento .ico_aviso2{
    font-size:  20pt;
    padding: 4px;
}

#agendamento .ico_aviso1{
    color: #727176;
}

#agendamento .ico_aviso2{
    color: #bd070e;
}
#agendamento .ico_aviso2.small{
    font-size: 100% !important;
}

#agendamento .alert #color_invertido{
    text-decoration: underline;
    font-family: 'robotobold';
}


#agendamento .topo_azul{
    background: black;
    border-radius: 8px 8px 0px 0px;
    width: 100%;
    height: 38px;
    color: #ffffff;
    font-size: 0.875rem;
    padding: 5px 10px;
}
#agendamento .topo_cancelado{
    background: #c75757 !important;
}

#agendamento .mes{
    font-weight: 100;
}

#agendamento .ano{
    letter-spacing: 6px;
    font-family: 'robotobold';
}

#agendamento .card-agendamento-mobile{
    border-radius: 10px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.30);
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.30);
} 
#agendamento .card-agendamento-mobile .card-header{
    border-radius: 10px 10px 0 0;
}
#agendamento .card-agendamento-mobile .card-footer{
    border-radius: 0 0 10px 10px;
    /* background: #c75757; */
}
#agendamento .card-agendamento-mobile .card-body.bg-verde{
    background: #59a97d !important;
}



@media (min-width: 992px) and (max-width: 1199px){
    #agendamento .ano{
        letter-spacing: normal;
    }  
    #buscaServicos.table-cards tr{
        width: 48%;
    }
    #buscaServicosAgenda.table-cards tr{
        width: 48%;
    }
}

#agendamento .cubinho_1, #agendamento .cubinho_2{
    background: black ;
    border-radius: 8px 8px 0px 0px;
    position: absolute;
    width: 25px;
    height: 25px;
    margin-top: -20px;
}
#agendamento .topo_cancelado .cubinho_1,
#agendamento .topo_cancelado .cubinho_2{
    background: #c75757 !important;
}

#agendamento .cubinho_1{
    left: 25px;
}

#agendamento .cubinho_2{
    right: 25px;
}

#agendamento .agend_meio_vermelho{
    background: #dadada;
    width: 100%;
    min-height: 70px;
    text-align: center;
    color: #505050;
}

#agendamento .obj_click_area i:hover{
    cursor: pointer;
    opacity: 0.8;
}

#agendamento .new_agend{
    font-size: 30pt;
}


#agendamento .new_agend:first-child{
    cursor: pointer;
}

#agendamento .area_click_agenda{
    cursor: pointer;
    display: block;
    text-align: center;
    color: #727176;
    border-radius: 0px 0px 8px 8px !important;
  
    
}
#agendamento .area_active_agenda:hover{
    opacity: 0.8;
    
}
#agendamento .area_click_agenda .font1{
    font-size: 0.75rem;
    margin: -10px 0px 10px 0px;
    padding: 0px;
}

#agendamento .area_click_agenda .font2{
    font-size: 2.875rem;
    font-weight: 100;
    margin: 0px;
    padding: 0px;
}

#agendamento .area_click_agenda .font3{
    font-size: 1.125rem;
    margin: -15px 0px 0px 0px;
    padding: 0px;
}

#agendamento .txt_agenda1{
    color: #505050;
    font-size:  0.875rem;
    font-family: 'robotobold';
  
}

#agendamento .txt_agenda1 i{
    font-size:  22px;
  
}

#agendamento .horas_agenda{
    font-size: 1.875rem;
    font-weight: normal;
    margin-bottom: -10px;
}

#agendamento .dia_agenda{
    font-size: 50px;
    font-weight: normal;
    margin: -20px 0px -18px 0px;
   

}

#agendamento .area-horas {white-space: nowrap;}

#agendamento .dia_semana_agenda{
    margin: 20px 0px 0px 5px;
    font-size: 0.75rem !important;
    width: 0.8em;
    text-align: center;
    position: absolute;
}


@media (min-width: 768px) and (max-width: 992px) {
    #agendamento .dia_agenda{
        font-size: 35px;
        margin: -15px 0px -12px 0px;
    }
    
    #agendamento .horas_agenda{
        font-size: 20px;

    }

    #agendamento .dia_semana_agenda{
        margin: 10px 0px 0px 3px;
    
    }

    #agendamento .txt_agenda1 i{
        font-size:  14px;
      
    }
    #agendamento [class^="slide-serv"] .servico_nome{
        padding: 0.6rem;
    }
    #buscaServicos.table-cards tr{
        width: 48%;
    }
    #buscaServicos.table-cards tr td + td{
        font-size: 12px;
    }
    #buscaServicos.table-cards tr td a{
        padding: .25rem .75rem .75rem;
    }
    #buscaServicos.table-cards tr td:first-child{
        height: 75px;
    }	
    #buscaServicosAgenda.table-cards tr{
        width: 48%;
    }
    #buscaServicosAgenda.table-cards tr td + td{
        font-size: 12px;
    }
    #buscaServicosAgenda.table-cards tr td a{
        padding: .25rem .75rem .75rem;
    }
    #buscaServicosAgenda.table-cards tr td:first-child{
        height: 75px;
    }

}

#agendamento .ico_serv_agend{
    font-size: 2rem;
    color: black;
}
#agendamento .linha{
    border-bottom: #cccccc solid 1px;
    padding-bottom: 15px;
    width: 90%;
}

#agendamento .posto .linha{
    border-bottom: none;
}

#agendamento .tipo_agend, .nome_agend, .endereco_agend{
    color: #727176;
}

#agendamento .tipo_agend{
    margin-top: -15px;
    font-size: 0.875rem;
}
#agendamento .nome_agend{
    font-family: 'robotobold';
    font-size: 1.125rem !important;   
}

#agendamento .endereco_agend{
    font-size:  12px;
}


/* inclusão de abreviação de texto "HOME_LOGADA" */
.module {

    margin: 0 0 0 0;
    overflow: hidden;
}
.module span {
    margin: 0;
}
  
.line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
}

/* fim de abreviação de texto "HOME_LOGADA" */



#agendamento .detalhes_line,
#agendamento .detalhes_pagament,
#agendamento .cancelar_agend{
    color: #ffffff !important;
    text-align: right;
    width:  100%;
}
#agendamento .detalhes_line i,
#agendamento .detalhes_pagament i,
#agendamento .cancelar_agend i{
    margin-left: 8px;
}
#agendamento .detalhes_line{
    background:#5a5a5a;
    border-radius: 0px;
    border-bottom: 1px solid #5a5a5a;    
}

#agendamento .detalhes_pagament{
    background:#5a5a5a;
    border-radius: 0px;
    border-bottom: 1px solid #494949;
}

/* #agendamento .detalhes_pagament i{
    color: #00753f;
} */

#agendamento .cancelar_agend{
    /* background:#034ea2; */
    background: #c75757;
    border-radius: 0px;
    border-radius: 0px 0px 8px 8px;
}

#agendamento .service_text{
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: rgba(255,255,255, 0.9);
    border-radius: 0px 0px 10px 10px !important;
}

#agendamento .detalhes_line.last-button{
    border-radius: 0px 0px 8px 8px;
}

#agendamento .cards-dependentes .tipo_agend{
    margin: 0;
}



/* Slider de serviços - Agendamento */
#agendamento .orgao-publico{
    font-size: 16px !important;
    margin: 25px 10px 15px;
    padding-bottom: 5px;
}
#agendamento .orgao-publico img{
    max-height: 40px;
}
#agendamento [class^="slide-serv-agenda"] .box_servico_link .card-img-top{
    height: 200px;
}

#agendamento [class^="slide-serv-agenda"] .slick-track{
    margin-left: 0;
}
#agendamento [class^="slide-serv-agenda"] .slick-slide{
    width: 98%;
}
#agendamento [class^="slide-serv-agenda"] .slick-prev:before, 
#agendamento [class^="slide-serv-agenda"] .slick-next:before{
    color: #727176;
}




#agendamento .servico_nome{
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    background: rgba(255,255,255, 0.9);

}

#agendamento .servico_nome h6.card-text{
    font-family: 'robotobold';
    overflow-wrap: normal;
}

#agendamento .area_orgao{
    display: table;
}
#agendamento .orgao{
    font-size: 12px;
    display: table-cell; 
    padding-left: 20px; 
    vertical-align: middle;
    text-transform: uppercase;
    
    
}

#agendamento .img_serv{
    display: table-cell;
}

#agendamento .img_serv img{
    height: 40px;
}


#agendamento .box_servico_link{
    box-shadow: 0 0 0.5rem rgba(0,0,0,.15)!important;
    margin: 10px;
    overflow: hidden;
}

#agendamento .box_servico_link .card-footer{
z-index: 3;

background: #ffffff;
}

#agendamento .box_servico_link .card-img-top:hover{
    opacity: 0.7;
    transform: scale(1.2);
    transition: all 0.5s ease-in;
}

#accordionDocs .card{
    border-radius: 15px !important;
    border-bottom: 1px solid rgba(0,0,0,.125);
}
#accordionDocs .card-header{
    border-radius: 15px !important;
}
#accordionDocs .card-header .btn{
    color: #fff !important;
    font-weight: bold;
    padding: 0;
}
#accordionDocs .card-header .btn:after {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-weight: 900;
    content: "\f077";
    position: absolute;
    right: 25px;
}
#accordionDocs .card-header .btn.collapsed:after {
    content: "\f078"; 
}



.box_servico_link .card-img-top{
    opacity: 0.4;
    transform: scale(1.0);
    transition: all 0.5s ease-in;
    height: 250px;

}

.titulo.agenda:before {
    width: 620px;
}

@media (max-width: 575px){
    #agendamento .card-img-top{
        display: none;
    }
    #agendamento .servico_nome{
        position: relative;
        left:  auto;
        right:  auto;
        top: auto;
        background: RGB(255,255,255);
    
    }
    #agendamento .servico_nome{
        min-height: auto;
    
    }

    #agendamento #buscaServicos_filter label{
        width: 90% !important;
    }
	
    #agendamento #buscaServicosAgenda_filter label{
        width: 90% !important;
    }

    #agendamento #buscaServicos_filter input{
        max-width: 80%;
    }
	#agendamento #buscaServicosAgenda_filter input{
        max-width: 80%;
    }
    #buscaServicos.table-cards tr{
        width: 98%;
    }
    #buscaServicos.table-cards tr td{
        height: auto !important;
    }
	#buscaServicosAgenda.table-cards tr{
        width: 98%;
    }
    #buscaServicosAgenda.table-cards tr td{
        height: auto !important;
    }
}


@media (min-width: 575px) and (max-width: 768px){
    #agendamento .servico_nome h6.card-text{
        font-size: 1em !important;
    }
    
    #agendamento .servico_nome h6.small{
        font-size: 0.8em !important;
    }

    #agendamento .servico_nome{
        min-height: 95px;
        padding: 0.6rem;
    }
    
    #agendamento [class^="slide-serv-agenda"] .servico_nome{
        min-height: 0;
        height: auto;
    }

    #agendamento #buscaServicos_filter  label{
        width: 100%;
    }

    #agendamento #buscaServicos_filter input{
        max-width: 85%;
    }
    #buscaServicos.table-cards tr{
        width: 98%;
    }
    #buscaServicos.table-cards tr td{
        height: auto !important;
    }
	
	#agendamento #buscaServicosAgenda_filter  label{
        width: 100%;
    }

    #agendamento #buscaServicosAgenda_filter input{
        max-width: 85%;
    }
    #buscaServicosAgenda.table-cards tr{
        width: 98%;
    }
    #buscaServicosAgenda.table-cards tr td{
        height: auto !important;
    }
}

@media (max-width: 425px){
    #agendamento #buscaServicos_filter input{
        max-width: 80% !important;
    }
	
	#agendamento #buscaServicosAgenda_filter input{
        max-width: 80% !important;
    }
}

.agend-contingencia{
    background: #c75757;
    margin: -2px -8px;
    padding: 5px;
    font-size: 16px;
}

.agend-contingencia p{
    color: #fff;
    margin: 5px;
}