*{margin: 0px; padding:0px;}
:root {
   --font-rr:'Roboto-Regular';
   --font-rl:'Roboto-Light';
   --font-rt:'Roboto-Thin';
   --font-rm:'Roboto-Medium';
   --font-rb:'Roboto-Bold';
   
   --cor-rosa:#ee2a4b;
   --cor-rosa-hover:#d11d3b;
    
   --cor-azul:#0057ad;
   --cor-azul-hover:#013a72;

   --cor-btn-azul:#1F3BB3;
   --cor-btn-azul-hover:#1b339e;

   --cor-danger:#F95F53;
   --cor-danger-hover:#bb463d;

   --cor-custeio:#fc4b4b;
   --cor-investimento:blue;
   --cor-cinza-escuro:#035da1;

    --cor-azul-web:#013a72;
    --cor-azul-claro:#188acc;
    --cor-azul-escuro-web:#00274b;
    --cor-azul-2:#155392;
    --cor-verde-claro:#29c488;
    --cor-verde-escuro:#23aa76;
    --cor-verde-escuro-hover:#1c8e62;
   
   --cor-top:#1d6daa;
   --cor-page:#3184c4;
   --cor-top-escuro:#175483;
   --cor-laranja: #ff8717;
   --cor-tit-ranking:#ff2222;

   --cor-verde-ml:#2bbf72;
   --cor-verde-ml-hover:#018540;

   --cor-azul-ml:#3483fa;
   --cor-azul-ml-hover:#2c70d4;
   --cor-cinza-ml: #4189e626;
   --cor-cinza-ml-hover: #02459c26;

   --cor-fundo-ranking: #eeeeee;
   --cor-fundo-ranking-hover: #dddddd;

   --cor-fundo-investimento: #1d6daa;
   --cor-fundo-amarelo: #e98b11;
   --cor-fundo-verde: #40a857;
   --cor-fundo-vermelho: #f12828;
   --cor-fundo-vermelho-h: #ce2222;

   --gradient: linear-gradient(to left, #ff7e68, #ff678a);
   
   --gradient-btn: linear-gradient(180deg, rgba(60,174,252,1) 0%, rgb(52, 153, 219) 100%);
   --gradient-btn-hover: linear-gradient(180deg, rgba(52, 153, 219) 0%, rgba(60,174,252,1) 100%);

   --gradient-btn-verde: linear-gradient(180deg, rgb(48, 204, 100) 0%, rgb(44, 185, 91) 100%);
   --gradient-btn-verde-hover: linear-gradient(180deg, rgba(48, 199, 98) 0%, rgba(53, 221, 109) 100%);

   --gradient-btn-vermelho: linear-gradient(180deg, rgb(252, 60, 60) 0%, rgb(236, 56, 56) 100%);
   --gradient-btn-vermelho-hover: linear-gradient(180deg, rgba(236, 56, 56) 0%, rgba(252, 60, 60) 100%);

   --cor-original-sidebar-dark: #232227;
   --cor-original-body-background: #F4F5F7; /* se quiser trocar é só pesquisar essa cor e trocar aonde tem */

   --cor-teste: #ffff00;
   
} 

body.disable-scroll {
  overflow-y: hidden !important;
}

.txt-ass-nome{text-align: center; border-top:1px solid #000; padding-top: 7px;}
.txt-ass-funcao{text-align: center;}

.reg-divjota{margin-bottom:0px !important; padding:5px !important; padding-left:9px !important; padding-right:9px !important; color: white !important; font-weight: 500 !important; border-radius: 3px;}
.reg-divtotvit{margin-bottom:0px !important; padding:5px !important; padding-left:9px !important; padding-right:9px !important; color: white !important; border-radius: 3px;}
.color-j-red{ background-color: #f12828 !important; font-size:14px !important;}
.color-j-navy{ background-color: #000080 !important; font-size:14px !important;}
.color-j-maroon{ background-color: #a90000 !important; font-size:14px !important;}
.color-j-11{ background-color: #c103c1 !important; font-size:14px !important;}
.color-j-12{ background-color: blue !important; font-size:14px !important;}

.font-size-14{font-size: 14px !important;;}
.font-size-16{font-size: 16px !important;}

.css-div-cont{width:100%; height:auto; overflow: auto;}
.menu-cg-img{float:left; width:25px; height:25px; margin-right: 10px;}
.tab-cg-img{float:left; width:22px; height:22px; margin-top:-2px; margin-right: 5px;}
.mensagem_obriga{float:left; width:100%; height:auto; font-family:'Roboto'; margin-top: 3px;; color:#F00; font-size:12px;}

.teste{background: #fdf694; color: #ac7704;}
.height-bottom{float:left; width:100%; height:60px;}

.lbl-aut{float:left; width:auto; height:auto}
.cg-divextra-cont{overflow-y: auto; overflow-x: hidden; max-height:600px !important}

.css-erros-arquivo-celesc{float:left; width:100%; height:auto; max-height:450px; margin-top:10px; border-radius: 5px; background-color: #eeeeee; padding: 15px; overflow: auto; overflow-x: hidden;}
.css-erros-arquivo-celesc-seg{float:left; width: 100%; height: auto; color: var(--cor-rosa-hover); font-size: 16px; }
.css-erros-arquivo-celesc-desc{float:left; width: 100%; height: auto; color: #1c86cc; font-size: 14px; word-wrap: break-word; margin-bottom: 5px;}
.css-erros-arquivo-celesc-span{width: auto; height: auto; color: #8b8b8b; font-size: 12px;}
.input-textarea-arquivo-celesc{float:left; width:100%; height:400px; font-family:'Consolas'; color:#707070; border: 0px; background-color: transparent; overflow: auto;}

/* frm-msg */
.form-grade-msg{position: fixed; background: #191a20ef; left: 0px; right: 0px; bottom: 0px; top: 0px; width: 100%; z-index: 10001; height: 100%; }
.form-grade-cad{position: fixed; background: #191a20ef; left: 0px; right: 0px; bottom: 0px; top: 0px; width: 100%; z-index: 10000; height: 100%; }

.form-grade-caixa{display: flex; justify-content: center; align-items: center;}

.frm-msg-caixa{background-color: #FFF; border-radius: 8px;}
.msg-txt-titulo{margin-top: 10px; font-size: 18px;}
.msg-txt-descricao{float:left; width: auto; height: auto; margin-top: 10px; color: #000; font-size: 16px;}
.msg-caixa-btn{float:left; width: auto; height: auto; margin-top:20px; margin-bottom: 15px;}
.form-msg-btn{float: left; width: auto; height: auto; margin-right: 15px; padding: 7px; padding-left: 14px; padding-right: 14px; border-radius: 5px;}
.form-msg-btn:hover{cursor: pointer;}

.btn-mgs-verde{color:#FFF; background-color: #03a853;}
.btn-mgs-verde:hover{background-color: #019548; transition: .2s;}

.btn-mgs-azul{color:#FFF; background-color: #0067dd;}
.btn-mgs-azul:hover{background-color: #005dc7; transition: .2s;}

.btn-mgs-verm{color:#FFF; background-color: #ff3030;}
.btn-mgs-verm:hover{background-color: #e62a2a; transition: .2s;}

.bg-color-maroon{background-color: #930000 !important;}
.bg-color-green{background-color: #00c300 !important;}
.bg-color-red{background-color: #ff0000 !important;}
.bg-color-blue{background-color: #3333a1 !important;}
.bg-color-lilas{background-color: #a164a7 !important;}

/*
.form-grade-caixa{display: flex; justify-content: center; align-items: center;}
.msg-txt-titulo{float:left; height: auto; width: 100%; font-size:22px; font-family: var(--font-rr); color: var(--cor-page); margin-bottom: 10px; padding-bottom: 5px;}
.msg-txt-descricao{float:left; width: 100%; height: auto; color:#000; font-family: var(--font-rr); text-align: left; font-size: 14px; word-wrap: break-word;}
.msg-caixa-btn{float:left; width:100%; height: auto; margin-top: 25px;}
.form-msg-btn{float:left; width:auto; margin-right: 25px; height: auto; color: var(--cor-custeio); background-color: transparent !important; font-size: 16px; font-family: var(--font-rr);}
.form-msg-btn:hover{cursor: pointer; font-family: var(--font-rm); transition: .2s;}
*/


/* forms cadastro */
.frm-cad-css-caixa{top: 0; position: fixed; margin-top: 10px; width:50%; height:calc(100% - 30px); padding:30px; background: #FFF !important; font-size: 12px; font-family: var(--font-rr); border-radius: 10px;}
.frm-cad-css-tit{float:left; width: 100%; height: 30px; color:var(--cor-azul) !important; font-size: 18px;}

/*.frm-cad-css-infs{float:left; width: 100%; height: calc(100% - 30px); overflow: auto; overflow-x: hidden;}*/

.frm-cad-css-infs{float:left; width: 100%; height: auto; max-height: 180px !important; overflow: hidden;}
.frm-cad-css-infs-tb{float:left; width: 100%; height: calc((100% - 30px) - 180px); overflow: auto; overflow-x: hidden;}

.frm-cad-css-btn-close{float:right; width: auto; height: auto; font-size: 14px; color:#F00; }
.frm-cad-css-btn-close:hover{font-weight: 700; cursor: pointer; transition: .3s;}
.frm-cad-css-semitem{float:left; width: 100%; height: 30px; color:var(--cor-rosa) !important; font-size: 14px; margin-top: 20px;}
.frm-cad-css-comitem{width: 100%; height: 30px; color:var(--cor-rosa) !important; font-size: 16px; text-align: center;}
.frm-cad-css-tb-btn{color:#FFF; height:auto !important; padding: 8px; font-size: 12px; margin-left: 10px;}
.frm-cad-css-tb-btn-md{color:#FFF; height:auto !important; padding: 8px; padding-left: 2px; padding-right: 2px; font-size: 12px; margin-left: 10px;}
.frm-cad-css-tb-btn-lg{color:#FFF; height:auto !important; padding: 8px; padding-left: 2px; padding-right: 2px; font-size: 14px; margin-left: 10px;}
.frm-cad-css-tb-btn-pd0{color:#FFF; height:auto !important; padding: 8px; padding-left: 4px !important; padding-right: 4px !important; font-size: 18px !important; margin-left: 10px;}

.badge-opacity-cont-parcial { background: #3652d1; color: white;}

.badge-opacity-cont-emaberto { background: #faf86e; color: black;}

.badge-opacity-cont-cancelada{ background: #fa2f2f; color: white;}

.badge-opacity-cont-incons{background: #303030; color: white;}

/* diversos */
.cg-caixa{bottom:0; position:fixed; width:100%; height:auto; padding-bottom: 15px; }
.cg-caixa-img{float:right; width: 25px; height: 25px; margin-right: 15px;}
.cg-caixa-img:hover{cursor: pointer !important; transform: scale(1.04) !important; transition: .2s;}
.cg-caixa-txt{float:right; width: auto; height: auto; margin-top:7px; margin-right: 10px; font-size: 13px; font-family: var(--font-rr);}
.cg-caixa-txt-txt{float:right; width: auto; height: auto; margin-top:10px; margin-right: 15px; font-size: 13px; font-family: var(--font-rr);}
.cg-caixa-txt-txt:hover{cursor: pointer; color: yellow; transform: scale(1.02); transition: .2s;}

.form-cad-linha{float:left; width:100%; height:auto  !important; margin-bottom:15px;}
.form-cad-linenew{float:left; width:auto; height:auto  !important; margin-bottom:15px;}
.form-cad-linha-titulo{float:left; width:100%; height:auto !important; font-family:var(--font-rm) !important; font-size:14px !important; color:#000 !important; margin-bottom: 3px;}
.form-cad-subtit{float:left; width: 100%; height: auto; font-family: var(--font-rm); color:var(--cor-custeio); font-size: 18px; margin-top: 10px; margin-bottom: 15px;}
.form-cad-subtit-blue{float:left; width: 100%; height: auto; color:var(--cor-azul) !important; font-size: 18px; margin-top: 10px; margin-bottom: 15px;}

.form-cad-linha-input{float:left; width:100%; height:33px;}
.form-cad-linha-input-textarea{float:left; width:100%; height:auto;}

.form-cad-input{color:#000; border:1px solid #CCC; font-size: 14px; font-family: var(--font-rr); border-radius:3px; padding:5px; width:100%; height:100%;}
.form-cad-input:focus{border:1px solid #948cfc;}

.form-input-search-tb{color:blue; border:1px solid #CCC; font-size: 14px; font-family: var(--font-rr); border-radius:3px; padding:5px; width:100%; height:30px; margin-bottom: 7px;}
.form-input-search-tb:focus{border:1px solid #948cfc;}

.form-cad-input:disabled{background-color:#ececec;}
.form-cad-obriga{float:left; height: auto; min-height:17px; line-height: 15px; width:100%; margin-top:3px; font-family:var(--font-rr); font-size:12px; color:#F00;}
.css-indica-obriga{font-family: var(--font-rb); color: red;}
.css-indica-obriga-blue{font-family: var(--font-rb); color: blue;}
.input-width-margin{width:calc(100% - 15px); }
.lbl-width-margin{margin-right:15px; }
.lbl-novocad{float:right; width: auto; height:20px; font-family:var(--font-rl); text-decoration: underline; font-size:14px; line-height: 20px; color: var(--cor-azul-ml);}
.lbl-novocad:hover{font-family: var(--font-rr); cursor: pointer; transition: .2s;}

.lbl-novocad-novo{float:left; width: auto; height:auto; margin-left: 10px; font-family:var(--font-rl); text-decoration: underline; color: var(--cor-azul-ml);}
.lbl-novocad-novo:hover{font-family: var(--font-rr); cursor: pointer; transition: .2s;}

.lbl-input-limpa{float:left; width: auto; height:auto; margin-left: 10px; font-family:var(--font-rl); text-decoration: underline; color: red;}
.lbl-input-limpa:hover{font-family: var(--font-rr); cursor: pointer; transition: .2s;}

.form-cad-btn{float:left; width:100px; height: 35px; line-height: 35px; font-size: 14px; color: #FFF; font-family: var(--font-rl); text-align: center; margin-right: 10px;  border-radius: 5px;}
.form-cad-btn:hover{cursor: pointer; transition: .2s;}

.css-div-regmot-caixa{width:300px !important; height:auto; min-height:200px; max-height:400px; overflow-x: hidden; overflow-y: auto;}

.btn-right{float:right;}
.div-crono{float:left; width: auto; height: auto; font-size: 18px; margin-top: 10px; margin-left:15px}

.btn-save{background-color: var(--cor-rosa);}
.btn-save:hover{background-color: var(--cor-rosa-hover);}
.btn-novo{background-color: var(--cor-btn-azul);}
.btn-novo:hover{background-color: var(--cor-btn-azul-hover); }
.btn-cancel{background-color: var(--cor-azul-claro);}
.btn-cancel:hover{background-color: var(--cor-azul-2);}
.btn-remove{background-color: var(--cor-fundo-vermelho);}
.btn-remove:hover{background-color: var(--cor-fundo-vermelho-h);}

.form-config-linha-foto{float:left; width:100%; height:190px;}
.form-config-linha-foto-caixa{float:left; width:100%; height:calc(100% - 20px); border: 1px dashed #CCC; background-position:center; background-repeat:no-repeat; background-size: contain;}

.item-menu-line{float:left; width: 100% !important; height: auto;}
.item-menu-lineitens{float:left; width: calc(100%-15px) !important; height: auto; margin-left: 15px; padding-top: 5px; }
.item-menu-lineitens-col{float:left; width: auto; height: auto; margin-right: 30px !important; margin-bottom: 20px;}

.item-menu{float:left; width: auto; height: auto; color:var(--cor-azul) !important; font-size: 16px; margin-top: 5px; margin-bottom: 5px;}
.item-menu:hover{cursor: pointer; color: #F00 !important; transition: .3s;}
.item-menu, .not-hover:hover{cursor: default; color:var(--cor-azul) !important; }

.sub-item-menu{float:left; width: auto; height: auto; font-size: 16px; margin-bottom: 5px;}
.sub-item-menu:hover{cursor: pointer; color: #F00 !important; transition: .3s;}
.sub-item-menu, .not-hover:hover{cursor: default;}
.item-menu-sep{float:left; width:100%; height:10px;}

.form-mov-aviso{float:left; width: 100%; height: auto; color: #F00; margin-bottom: 20px;}

.table-tr-hover:hover{background-color: #feffc9 !important; transition: .2s;}

.btn-menuacesso{border: 1px solid #dbdbdb !important; }
.btn-menuacesso-img{width:70px; height: 90px;}

.btn-viatreg{border: 1px solid #dbdbdb !important; padding: 0px !important;}
.btn-viatreg:hover{cursor: default !important; background-color: #FFF !important;}
.btn-viatreg-img{width:100px; height: 50px;}
.btn-viatreg-img{width:100%; height: auto;}
.btn-viatreg-txt{float: left; width: 100%; height: auto; font-size: 14px; color: #000; text-align: center;}

.btn-viatreg-btn{float:left; width:100%; min-width: 100px; height: auto; border-radius: 3px; padding-top:7px; padding-bottom: 7px;}
.btn-viatreg-btn:hover{cursor: pointer; transform: scale(1.02); transition: .1s;}
.btn-viatreg-btn-txt{float:left; width:100%; height: auto; line-height: 15px; font-size:14px; text-align: center; color:#000; }


.chklstbx-cg{width: 100%; min-height: 200px; max-height: 200px; overflow-y: auto; overflow-x: hidden; background-color: #e4e4e4; border-radius: 5px; padding: 10px;}
.tb-col-inf-black{float:left; width:auto; height: auto; padding:5px; padding-left: 10px; padding-right: 10px; border-radius: 5px; background-color: #252525; color:#FFF; font-size: 14px;}

/* imagens */
.img-cg-user{background: url(../images/images/cg-user.fw.png) center no-repeat; background-size: 23px 23px;}
.img-cg-sair{background: url(../images/images/cg-close.fw.png) center no-repeat; background-size: 23px 23px;}

.img-cg-curso{background: url(../images/images/cg-curso.fw.png) center no-repeat; background-size: 23px 23px;}
.img-cg-dados{background: url(../images/images/cg-dados.fw.png) center no-repeat; background-size: contain;}
.img-cg-din{background: url(../images/images/cg-dinheiro.fw.png) center no-repeat; background-size: contain;}
.img-cg-folder{background: url(../images/images/cg-folder.fw.png) center no-repeat; background-size: contain;}
.img-cg-close{background: url(../images/images/cg-close.fw.png) center no-repeat; background-size: contain;}
.img-cg-config{background: url(../images/images/cg-config.fw.png) center no-repeat; background-size: contain;}
.img-cg-celesc{background: url(../images/images/cg-celesc.fw.png) center no-repeat; background-size: contain;}
.img-cg-new{background: url(../images/images/cg-new.fw.png) center no-repeat; background-size: 23px 23px;}
.img-cg-loc{background: url(../images/images/cg-loc.fw.png) center no-repeat; background-size: 23px 23px;}
.img-cg-home{background: url(../images/images/cg-home.fw.png) center no-repeat; background-size: 23px 23px;}
.img-cg-ctrlw-true{background: url(../images/images/ctrlw-true.fw.png) center no-repeat; background-size: 25px 20px;}
.img-cg-ctrlw-false{background: url(../images/images/ctrlw-false.fw.png) center no-repeat; background-size: 25px 20px;}

.img-cg-cad{background: url(../images/images/cg-cad.fw.png) center no-repeat; background-size: 23px 23px;}
.img-cg-est{background: url(../images/images/cg-est.fw.png) center no-repeat; background-size: 23px 23px;}
.img-cg-list{background: url(../images/images/cg-list.fw.png) center no-repeat; background-size: 23px 23px;}
.img-cg-mov{background: url(../images/images/cg-mov.fw.png) center no-repeat; background-size: 23px 23px;}
.img-cg-viat{background: url(../images/images/viat.fw.png) center no-repeat; background-size: 23px 18px;}
.img-checklist{background: url(../images/images/checklist.fw.png) center no-repeat; background-size: 23px 23px;}
.img-habfuncol{background: url(../images/images/habfuncol.fw.png) center no-repeat; background-size: 23px 23px;}
.img-regescpro{background: url(../images/images/regescpro.fw.png) center no-repeat; background-size: 23px 23px;}

.img-cg-voltar{background: url(../images/images/cg-voltar.fw.png) center no-repeat; background-size: 23px 23px;}
.img-cg-white{background: url(../images/logo/cg-logo.fw.png) center no-repeat; background-size: contain;}

.img-col-habfun{background: url(../images/images/col-habfun.fw.png) center no-repeat; background-size: contain;}
.img-anexos{background: url(../images/images/anexos.fw.png) center no-repeat; background-size: contain;}
.img-picture{background: url(../images/images/picture.fw.png) center no-repeat; background-size: contain;}
.img-itensver{background: url(../images/images/itensver.fw.png) center no-repeat; background-size: contain;}
.img-viat{background: url(../images/images/viat.fw.png) center no-repeat; background-size: contain;}
.img-hislab{background: url(../images/images/hislab.fw.png) center no-repeat; background-size: contain;}
.img-database{background: url(../images/images/database.fw.png) center no-repeat; background-size: contain;}
.img-habilitacao{background: url(../images/images/habilitacao.fw.png) center no-repeat; background-size: contain;}

.img-avisos{background: url(../images/images/avisos.fw.png) center no-repeat; background-size: contain;}
.img-menuacesso-abast{background: url(../images/images/icones/abastecimento.png) center no-repeat; background-size: contain;}
.img-menuacesso-escala{background: url(../images/images/icones/escala.png) center no-repeat; background-size: contain;}
.img-menuacesso-frota{background: url(../images/images/icones/frota.fw.png) center no-repeat; background-size: contain;}
.img-menuacesso-checkviatura{background: url(../images/images/icones/checklistviatura.fw.png) center no-repeat; background-size: contain;}
.img-menuacesso-anomalia{background: url(../images/images/icones/anomalia.fw.png) center no-repeat; background-size: contain;}
.img-menuacesso-ocorren{background: url(../images/images/icones/ocorren.fw.png) center no-repeat; background-size: contain;}
.img-menuacesso-checkmedicacao{background: url(../images/images/icones/checkmedicacao.fw.png) center no-repeat; background-size: contain;}
.img-menuacesso-rh{background: url(../images/images/icones/pessoal.png) center no-repeat; background-size: contain;}
.img-menuacesso-usuarios{background: url(../images/images/icones/gerenciamentosusuarios.fw.png) center no-repeat; background-size: contain;}
.img-menuacesso-config{background: url(../images/images/icones/config.fw.png) center no-repeat; background-size: contain;}
.img-menuacesso-auditoria{background: url(../images/images/icones/auditoria.fw.png) center no-repeat; background-size: contain;}
.img-menuacesso-cartaoponto{background: url(../images/images/icones/cartao-ponto.fw.png) center no-repeat; background-size: contain;}


.img-oco-dados{background: url(../images/images/oco-dados.fw.png) center no-repeat; background-size: contain;}
.img-oco-vitima{background: url(../images/images/oco-vitima.fw.png) center no-repeat; background-size: contain;}
.img-oco-seguro{background: url(../images/images/oco-seguro.fw.png) center no-repeat; background-size: contain;}
.img-oco-viatura{background: url(../images/images/oco-viatura.fw.png) center no-repeat; background-size: contain;}
.img-oco-bo{background: url(../images/images/oco-boletim.fw.png) center no-repeat; background-size: contain;}

.img-vit-medicos{background: url(../images/images/medicos.fw.png) center no-repeat; background-size: contain;}
.img-vit-itensatend{background: url(../images/images/itensatend.fw.png) center no-repeat; background-size: contain;}
.img-vit-glasgow{background: url(../images/images/glasgow.fw.png) center no-repeat; background-size: contain;}
.img-vit-proefe{background: url(../images/images/proefe.fw.png) center no-repeat; background-size: contain;}
.img-vit-matusa{background: url(../images/images/matusa.fw.png) center no-repeat; background-size: contain;}
.img-vit-cinema{background: url(../images/images/cinema.fw.png) center no-repeat; background-size: contain;}
.img-vit-medvit{background: url(../images/images/medvit.fw.png) center no-repeat; background-size: contain;}

.img-tipoco-motivos{background: url(../images/images/motivosonde.fw.png) center no-repeat; background-size: contain;}
.img-tipoco-caract{background: url(../images/images/caractlocal.fw.png) center no-repeat; background-size: contain;}

.tit-gla{padding: 1px; padding-left: 5px; padding-right: 5px; background-color: #e4e4e4; color:#000}
.div-gla{float:left;}

/* img-mod-abast */
.img-mod-abast-naover{background: url(../images/images/mod-abast-naover.fw.png) center no-repeat; background-size: contain;}

/* recados */
.recados-caixa{float:left; width:100%; height: auto; margin-bottom: 30px;}
.recados-caixa-line{float:left; width:100%; height: auto; padding-top: 7px; padding-bottom: 7px; padding-left: 5px;}
.recados-caixa-txt{float:left; width:100%; height: auto; word-break: break-all; word-wrap: break-word;}

/* loader */
.loader {border-radius: 50%; animation: spin 1s linear infinite;}
.loader-15px{margin:0 auto; width: 15px; height: 15px; border: 2px solid #E2E2E2; border-top: 2px solid var(--cor-rosa); }
.loader-20px{margin:0 auto; width: 20px; height: 20px; border: 4px solid #E2E2E2; border-top: 4px solid var(--cor-rosa); }
.loader-25px{margin:0 auto; width: 25px; height: 25px; border: 4px solid #E2E2E2; border-top: 4px solid var(--cor-rosa); }
.loader-30px{margin:0 auto; width: 30px; height: 30px; border: 3px solid #E2E2E2; border-top: 3px solid var(--cor-rosa); }
.loader-30px-white{margin:0 auto; width: 30px; height: 30px; border: 3px solid transparent; border-top: 3px solid #FFFFFF; }
.loader-35px{margin:0 auto; width: 35px; height: 35px; border: 3px solid #E2E2E2; border-top: 3px solid var(--cor-rosa); }
.loader-50px{margin:0 auto; width: 50px; height: 50px; border: 5px solid #E2E2E2; border-top: 5px solid var(--cor-rosa); }

.webcam-video-webcam{margin:0 auto; width: 320px !important; height: 260px !important; margin-top: 0px; border: 1px solid #CCC; }

/* toast */
#snackbar{
   visibility: hidden;transform: translateX(-50%); background-color: #333; color: #fff; text-align: center;
   padding: 10px;
   padding-left: 20px;
   padding-right: 18px;
   position: fixed;
   z-index: 10002;
   left: 50%;
   font-size: 1rem !important;
   font-weight: 500;
   bottom: 30px; border-radius: 50px;}

   #snackbar.show {
      visibility: visible; /* Show the snackbar */
      /* Add animation: Take 0.5 seconds to fade in and out the snackbar.
      However, delay the fade out process for 2.5 seconds */
      -webkit-animation: fadein-toast 0.5s, fadeout-toast 0.5s 2.5s;
      animation: fadein-toast 0.5s, fadeout-toast 0.5s 2.5s;
    }
    
    /* Animations to fade the snackbar in and out */
    @-webkit-keyframes fadein-toast {
      from {bottom: 0; opacity: 0;}
      to {bottom: 30px; opacity: 1;}
    }
    
    @keyframes fadein-toast {
      from {bottom: 0; opacity: 0;}
      to {bottom: 30px; opacity: 1;}
    }
    
    @-webkit-keyframes fadeout-toast {
      from {bottom: 30px; opacity: 1;}
      to {bottom: 0; opacity: 0;}
    }
    
    @keyframes fadeout-toast {
      from {bottom: 30px; opacity: 1;}
      to {bottom: 0; opacity: 0;}
    }



    /* autocomplete */
    .autocomplete {
      position: relative;
      display: inline-block;
    }

    .autocomplete-items {
      /*position: absolute;*/
      position: relative;
      border: 1px solid #d4d4d4;
      border-bottom: none;
      border-top: none;
      z-index: 99;
      /*position the autocomplete items to be the same width as the container:*/
      top: 100%;
      left: 0;
      right: 0;
    }
    
    .autocomplete-items div {
      padding: 5px;
      cursor: pointer;
      background-color: #fff; 
      border-bottom: 1px solid #d4d4d4; 
    }
    
    /*when hovering an item:*/
    .autocomplete-items div:hover {
      background-color: #e9e9e9; 
    }
    
    /*when navigating through the items using the arrow keys:*/
    .autocomplete-active {
      background-color: DodgerBlue !important; 
      color: #ffffff; 
    }


.css-btn-top { display: none; position: fixed; bottom: 20px; right: 30px; z-index: 99; font-size: 22px; border: none; outline: none; background-color: var(--cor-verde-escuro); color: white; cursor: pointer; padding: 10px; border-radius: 50%;}
.css-btn-top:hover { background-color: var(--cor-verde-escuro-hover); }