@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

/*
pri1 = 52845e   ' botão secundário, links'
pri2 = 008223   ' subtitulos
sec1 = 1c6532   ' botão primário
sec2 = 008222   ' títulos e outros textos'

verde escuro = 52845e
verde estranho = 52845e
cinza = 313131
*/

body { position: relative; font-family: 'Roboto', sans-serif; background-color: #f9f6f2; }
a { color: #52845e; }
a:hover { color: #008222; }
form .row { margin-top: 20px !important; }
form .row.mt0 { margin-top: 0 !important; }
h4 { color: #008223; font-size: 16px; padding-bottom: 10px; }
h4.fundo { background-color: #d4ebf0; color: #008223; padding: 5px 10px; border-radius: 5px; }
h4.fundo2 { background-color: #f9f6f2; color: #008222; padding: 5px 10px; border-radius: 5px; }
h5 { background-color: #928f8a; color: #ffffff; padding: 5px 10px; border-radius: 5px; font-size: 16px; font-weight: 400; margin-bottom: 15px; }
.form-label { margin-bottom: 0; }
.btn-primary { background-color: #1c6532; border-color: transparent; }
.btn-primary:hover { background-color: #008222; border-color: transparent; }
.btn-primary:focus { background-color: #008222; border-color: transparent; }
.btn-secondary { background-color: #52845e; border-color: transparent; }
.btn-secondary:hover { background-color: #008223; border-color: transparent; }
.btn-secondary:focus { background-color: #008223; border-color: transparent; }
.btn-destaque { background-color: #33fb63; color:black; border-color: transparent; }
.btn-destaque:hover { background-color: #20e34f; color:white; border-color: transparent; }
.btn-destaque:focus { background-color: #20e34f; color:white; border-color: transparent; }
.btn-submit { width: 100%; margin-top: 30px; }
.btn-pequeno { padding: 3px 6px !important; font-size: 12px !important; }
.btn-buscaPlaca { background-color: #fbcf43; border-color: transparent; width: 100%; font-size: 13px; padding: 3px 6px; margin-top: 3px; }
.btn-buscaPlaca:hover { background-color: #ffe89f; border-color: transparent; }
.btn-buscaPlaca:focus { background-color: #ffe89f; border-color: transparent; }
.btn.disabled, .btn:disabled { background-color: gray !important; border-color: gray !important; }
.alert-off { border:1px solid #d9d9d9; background-color: #ededed; color: #999; }
.alert-off:hover { color: #555 !important; }
.has-validation { position: relative; }
.invalid-feedback { position: absolute; bottom: -20px; left: -20px; font-size: 12px; text-align: right; z-index: 500; }
.valid-feedback { position: absolute; bottom: -20px; left: -20px; font-size: 12px; text-align: right; }
.modal-title { color: #008222; }
.form-control.menor{ padding: 3px 6px !important; font-size: 13px !important; }
.form-select.menor{ padding: 3px 6px !important; font-size: 13px !important; }
.form-control:focus { border-color: none !important; box-shadow: none !important; border-color: #008222 !important; }
.form-select .selectFind .selectized { border: none !important; background-color: none !important; }
.selectize-control { background-image: none !important; -moz-padding-start: 0 !important;  padding: 0 !important; height: 36px !important; }
.selectize-dropdown .selected { background-color: #52845e !important; }
.selectize-control.plugin-clear_button.single .clear { calc(8px - 6px + 1.8rem) }
.selectize-control.plugin-clear_button .clear { top: 1px !important; }
.selectize-input .item { padding-top: 1px !important; vertical-align: top !important; }
.form-check-input:checked { background-color: #008222 !important; border-color: #1c6532 !important; }
#carregando { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; padding-top: 200px; text-align: center; background-color: #f9f6f2; font-size: 11px; color: #b3aaa5; z-index: 1000; }
#enviando { width: 100%; height: 300px; padding-top: 60px; text-align: center; background-color: #ffffff; font-size: 18px; color: #128C7E; }
#tDadosCarregando { width: 100%; height: 100px; text-align: center; font-size: 11px; color: #b3aaa5; }

.pri1 { color: #52845e; }
.pri2 { color: #008223; }
.sec1 { color: #1c6532; }
.sec2 { color: #008222; }
.cin0 { color: #444444; }
.cin1 { color: #888888; }
.cin2 { color: #c1c1c1 }
.cin3 { color: #e1e0de }
.bege { color: #f9f6f2 }
.bgpri1 { background-color: #52845e; }
.bgpri2 { background-color: #008223; }
.bgsec1 { background-color: #1c6532; }
.bgsec2 { background-color: #008222; }
.bgcin0 { background-color: #444444; }
.bgcin1 { background-color: #888888; }
.bgcin2 { background-color: #c1c1c1 }
.bgcin3 { background-color: #e1e0de }
.bgbege { background-color: #f9f6f2 }
.esq { text-align: left !important; }
.rig { text-align: right !important; }
.cen { text-align: center !important; }
.jus { text-align: justify !important; }
.bol { font-weight: bold !important; }

#paginaArea { position: relative; width: 100%; height: 100vh; background-color: #313131; }
#loginArea { position: absolute; top: 50%; left: 50%; width: 800px; height: 450px; margin-top: -250px; margin-left: -400px; background-color: #f9f6f2; border-radius: 10px; }
#loginConteudo { position: relative; width: 100%; height: 450px; }
#loginAreaLogo { position: absolute; top: 0; left: 0; width: 200px; height: 450px; background-color: #f0ebe3; border-right: 1px solid #d9d3cc; border-radius: 10px 0 0 10px ; }
#loginLogoShorten { position: absolute; top: 50px; left: 40px; }
#loginLogoShorten img { width: 120px; }
#loginTexto { position: absolute; top: 190px; right: 30px; width: 120px; text-align: right; font-size: 11px; }
#loginForm { position: absolute; top: 20px; left: 200px; width: 600px; height: 410px; padding: 20px 70px; color: #444444; }
#loginForm h1 { text-align: center; font-size: 30px; font-weight: 500; color: #008222; margin-bottom: 0; }
#loginForm h2 { text-align: center; font-size: 17px; font-weight: 300; color: #008222; }
#loginForm p { text-align: center; font-size: 16px; margin-top: 15px; }

#container { display: flex; }

#esquerda { width: 50px; min-height: 100vh; position: relative; }
#menuAbre { position: absolute; top: 0; left: 0; width: 40px; height: 100vh; background-color: #1c6532; cursor: pointer; z-index: 201; }
#menuAbreI { position: absolute; top: 0; left: 0; width: 100%; line-height: 100vh; font-size: 18px; text-align: center; color: #ffffff; cursor: pointer; z-index: 202; }
#menuAberto { position: absolute; top: 0; left: 0; display: none; z-index: 300; width: 450px; height: auto; padding: 10px 80px 10px 10px; background-color: #e1e0de; color: #fff; animation-duration: 0.5s;  }
#menuPrincipal { float: left; padding: 10px; }
#logoShorten { text-align: center; width: 80px; padding: 0 0 30px 0; }
#logoShorten img { width: 80px; }
#menu { text-align: center; }
#menu ul { list-style: none; padding: 0; width: 100%; margin: 0 auto; }
#menu ul li { display: block; width: 100%; padding: 2px 0; font-size: 18px; border-bottom: 1px solid #f9f6f2; border-bottom: 1px solid #f9f6f2; cursor: pointer; color: #52845e; }
#menu ul li:hover { background-color: #f9f6f2 !important; color: #008222 !important; }
#menu ul li:first-child { border-top: 1px solid #f9f6f2; }
#menuItens { float: left; padding: 0 0 10px 20px; position: relative; }
#menuItens .tituloMenu { display: block; background-color: #1c6532; color: #ffffff; font-size: 14px; font-weight: 500; margin-bottom: 20px; border-radius: 5px; padding: 5px 10px; margin-top: 32px; }
#menuItens .subMenu { width: 210px; }
#menuItens .subMenu ul { list-style: none; padding: 0; }
#menuItens .subMenu ul li:first-child { border-top: 1px solid #f9f6f2; }
#menuItens .subMenu ul li { font-size: 14px; font-weight: 400; padding: 5px; border-bottom: 1px solid #f9f6f2; }
#menuItens .subMenu ul li:hover { background-color: #f9f6f2; }
#menuItens .subMenu ul li a { display: inline-block; width: 100%; color: #444444; text-decoration: none; }
#menuItens .subMenu ul li a:hover { color: #008222; text-decoration: none; }
#menuItens .subMenu ul li a i { color: #b3aaa5; margin-right: 5px; }
#menuItens .subMenuModulo { display: none; }
#menuFechaFundo { position: absolute; top: 0; right: 0; width: 80px; height: 100vh; background-color: #c1c1c1; z-index: 101; }
#menuFechaFundoI { position: absolute; top: 0; left: 0; width: 100%; line-height: 100vh; font-size: 18px; text-align: center; color: #888888; cursor: pointer; z-index: 103; }
#menuFecha { position: absolute; top: 0; right: 0; display: none; width: 80px; height: 100vh; background-color: #c1c1c1; cursor: pointer; z-index: 102; }
#menuFechaI { position: absolute; top: 0; left: 0; width: 100%; line-height: 100vh; font-size: 18px; text-align: center; color: #888888; cursor: pointer; z-index: 103; }

#dashboards { border-radius: 10px; border: 1px solid #e1e0de; background-color: #f4efe9; padding: 6px; margin-bottom: 25px; text-align: center; }
#dashboards .titulo { font-size: 10px; padding-left: 10px; color: gray; text-align: center; margin-bottom: 5px; }
#dashboards .item { text-align: center; font-size: 13px; border-radius: 5px; border: 1px solid #e1e0de; background-color: #0abd39; color: #fff; padding: 6px; cursor: pointer; }
#dashboards .item:hover { background-color: #008222; color: #FFF; }
.dashboard a { text-decoration: none; }

#direita { width: 170px; min-height: 100vh; position: relative; border-left: 1px solid #e1dbd6; background-color: #fdfdfd; text-align: center; }
#logoCliente { margin-top: 20px;  text-align: center; width: 100%; }
#logoCliente img { width: 80%; padding: 30px 0; }
#usuarioFoto { margin: 10px auto; width: 50px; height: 50px; border-radius: 50%; background-position: center; background-repeat: no-repeat; background-size: cover; border: 1px solid #e1e0de; }
#usuarioNome { display: block; font-size: 16px; font-weight: bold; color: #000000; }
#usuarioNome span { display: block; font-size: 12px; font-weight: normal; color: #7d7a77; }
#desconectar { position: absolute; top: 0; center: 0; width: 100%; border-bottom: none; color: #52845e; font-size: 20px; }
#desconectar:hover { color: #008222; }
#buscaPlaca { width: 150px; margin:  0 auto; }
#buscaPlaca .titulo { display: block; background-color: #1c6532; color: #ffffff; font-size: 12px; font-weight: 400; margin-bottom: 10px; border-radius: 5px; padding: 3px 6px; margin-top: 15px; }

#alertasIAConteudo { width: 150px; margin: 10px auto; background-color: #dfdcd7; padding: 10px; border-radius: 10px; }
#alertasIAConteudo .titulo { background-color: #cc0000; color: #ffffff; border-color: transparent; width: 100%; font-size: 13px; padding: 3px 6px; margin-top: 3px; border-radius: 5px; }

#alertasIAConteudoVazio { width: 150px; margin: 10px auto; background-color: #dfdcd7; color: #242424; padding: 10px; border-radius: 10px; }
#alertasIAConteudoVazio .titulo { background-color: #fbcf43; border-color: transparent; width: 100%; font-size: 13px; padding: 3px 6px; margin-top: 3px; border-radius: 10px; }
#alertasIAConteudoVazio .conteudo { text-align: center; font-weight: normal; font-size: 11px; padding: 15px 5px; }

#atalhos { width: 150px; margin:  0 auto; }
#atalhos .titulo { display: block; background-color: #1c6532; color: #ffffff; font-size: 12px; font-weight: 400; margin-bottom: 10px; border-radius: 5px; padding: 3px 6px; margin-top: 15px; }
#atalhos ul { list-style: none; padding: 0; }
#atalhos ul li { font-size: 12px; font-weight: 300; padding: 5px; border-bottom: 1px solid #f9f6f2; position: relative; }
#atalhos ul li:hover { background-color: #f9f6f2; }
#atalhos ul li a { display: inline-block; width: 100%; color: #444444; text-decoration: none; }
#atalhos ul li .atRemove { display: none; position: absolute; top: 3px; left: 3px; padding: 3px; border-radius: 3px; background-color: #ce5860 !important; color: #ffffff !important; font-size: 10px; }
#dimensaoJanela { font-size: 10px; text-align: center; color: gray; }
#infoLogado { font-size: 10px; text-align: center; color: gray; margin-top: 20px; }

#centro { width: auto; position: relative; background-color: #f9f6f2; padding: 0 30px; }
#tituloModulo { width: 100%; display: block; text-align: center; background-color: #928f8a; color: #ffffff; font-size: 11px; font-weight: 300; border-radius: 0; padding: 5px 10px; }
#tituloArea { padding: 25px 12px 30px 12px; }
#tituloArea .titulo { color: #008222; font-size: 32px; font-weight: 400; text-align: left; }
#tituloArea .subTitulo { color: #008223; font-size: 16px; text-align: right; }
#tituloArea .direita { padding-top: 10px; }
#tituloArea .direita.pgRodape { padding-top: 0 !important; padding-bottom: 20px; }
#acoes { border-radius: 0 0 10px 10px; padding: 10px 12px; background-color: #c2bfba; }
#acoes.filtroAberto { border-radius: 0 !important; }
#shoFiltro { display: none; padding: 15px 15px 30px 15px; background-color: #e2dfda; border-radius: 0 0 10px 10px; font-size: 14px; }
#shoFiltro.aberto { display: block; }
#shoFavorito { display: none; padding: 15px; background-color: #e2dfda; border-radius: 0 0 10px 10px; font-size: 14px; }
#shoFavorito.aberto { display: block; }
.btnsFiltro { padding-top: 23px; }
.btnsFiltro .btn { margin-right: 12px; padding: 6px 12px !important; font-size: 14px; }
.iconeAcao { display: inline-block; background-color: #f2efea; color: #606060; border-radius: 5px; line-height: 28px; cursor: pointer; text-decoration: none; font-size: 12px; padding: 0 10px; }
.iconeAcao:hover { background-color: #606060; color: #ffffff; }
.iconeAcao.off { display: inline-block; background-color: #e2dfda !important; color: #ccc !important; }
.iconeAcao.off:hover { cursor: not-allowed; background-color: #e2dfda !important; color: #ccc !important; }

.table > :not(caption) > * > * { padding: .4rem .4rem !important; vertical-align: top; font-size: 14px; border-bottom: 1px solid #f2efea !important; }
.tDados thead tr th { background-color: #769772; color: #ffffff; font-weight: 400; }
.tDados thead tr th:first-child { border-radius: 10px 0 0 0; width: 30px; }
.tDados thead tr th:last-child { border-radius: 0 10px 0 0; }
.tDados thead tr th { vertical-align: middle; }
.tDados thead tr th.pc { padding-left: 15px !important; }
.tDados tbody { background-color: #ffffff; }
.tDados tbody tr td:first-child { font-size: 12px; color: #c1c1c1; background-color: #fbfbf9 !important; border-bottom: none !important; }
.tDados tfoot tr th { background-color: #e3eae2; color: #000; font-weight: 400; }
.tDados tfoot tr th:first-child { border-radius: 0 0 0 10px; width: 30px; }
.tDados tfoot tr th:last-child { border-radius: 0 0 10px 0; }
.tDados tfoot tr td { vertical-align: middle; }
.tDados tfoot tr th.pc { padding-left: 15px !important; }
.tDados tr:hover { background-color: #fbfbf9; }
.tDados th.thIco { text-align: center; font-size: 12px; color: #fff; font-weight: 300; }
.tDados td.tdIco { width: 30px; background-color: #fbfbf9 !important; border-bottom: none !important; }
.tDados td.tdIco.ui { padding-right: 15px !important; position: relative; }
.tDados td.pc { padding-left: 15px !important; }
.maisIcones { display: none; position: absolute; top: 6px; bottom: 0; background-color: #fbfbf9; border-radius: 0 5px 5px 0; }

.tDashBox tbody tr td { background-color: #ffffff; border-radius: 10px; padding: 30px !important; }
.tDash { width: 100%; background-color: #ffffff; }
.tDash thead tr th { background-color: #aaaaaa; color: #ffffff; font-weight: 400; font-size: 12px !important; padding: 3px !important; }
.tDash thead tr th:first-child { width: 30px; }
.tDash tbody tr td { font-size: 12px !important; padding: 3px !important; }
.tDash tbody tr td:first-child { width: 30px; font-size: 11px; color: #c1c1c1; background-color: #fbfbf9 !important; text-align: center; }
.tDash tbody tr:hover { background-color: #f9f6f2; }


#paginacao { text-align: right; }
.iconePg { display: inline-block; background-color: #f2efea; color: #606060; border: 1px solid #d2cfca; border-radius: 5px; line-height: 28px; cursor: pointer; text-decoration: none; font-size: 12px; padding: 0 10px; }
.iconePg:hover { background-color: #a29f9a !important; color: #ffffff !important; }
.pgVaiPara.ativa { background-color: #008222 !important; color: #fff !important; border: 1px solid #ef5c00 !important;  }
.pgVaiPara.ativa:hover { background-color: #1c6532 !important; }
.pgPrimeiraOff { cursor: not-allowed; color: #ccc; }
.pgAnteriorOff { cursor: not-allowed; color: #ccc; }
.pgProximaOff { cursor: not-allowed; color: #ccc; }
.pgUltimaOff { cursor: not-allowed; color: #ccc; }
.pgPrimeiraOff:hover { background-color: #e2dfda; }
.pgAnteriorOff:hover { background-color: #e2dfda; }
.pgProximaOff:hover { background-color: #e2dfda; }
.pgUltimaOff:hover { background-color: #e2dfda; }
.paginacaoTexto { font-size: 11px; color: #888888; margin-top: 8px; text-align: right; }

.corAmarelo { color: #eab531 !important; }
.corVerde { color: #5ba680 !important; }
.corAzul { color: #5f9baa !important; }
.corLaranja { color: #ff6c0e !important; }
.corVermelho { color: #c41622 !important; }
.corRoxo { color: #ac259e !important; }
.corChumbo { color: #555555 !important; }
.corCinza { color: #cecece !important; }

.cAmarelo { color: #eab531 !important; }
.cVerde { color: #5ba680 !important; }
.cAzul { color: #5f9baa !important; }
.cLaranja { color: #ff6c0e !important; }
.cVermelho { color: #c41622 !important; }
.cRoxo { color: #ac259e !important; }
.cChumbo { color: #555555 !important; }
.cCinza { color: #cecece !important; }

.cAmarelo:hover { background-color: #eab531 !important; color: #ffffff !important; }
.cVerde:hover { background-color: #5ba680 !important; color: #ffffff !important; }
.cAzul:hover { background-color: #5f9baa !important; color: #ffffff !important; }
.cLaranja:hover { background-color: #ff6c0e !important; color: #ffffff !important; }
.cVermelho:hover { background-color: #c41622 !important; color: #ffffff !important; }
.cRoxo:hover { background-color: #ac259e !important; color: #ffffff !important; }
.cChumbo:hover { background-color: #555555 !important; color: #ffffff !important; }
.cCinza:hover { background-color: #cecece !important; color: #ffffff !important; }

.scAmarelo { color: #eab531 !important; }
.scVerde { color: #5ba680 !important; }
.scAzul { color: #5f9baa !important; }
.scLaranja { color: #ff6c0e !important; }
.scVermelho { color: #c41622 !important; }
.scRoxo { color: #ac259e !important; }
.scChumbo { color: #555555 !important; }
.scCinza { color: #cecece !important; }

.funAmarelo { background-color: #eab531 !important; color: #ffffff !important; }
.funVerde { background-color: #5ba680 !important; color: #ffffff !important; }
.funAzul { background-color: #5f9baa !important; color: #ffffff !important; }
.funLaranja { background-color: #ff6c0e !important; color: #ffffff !important; }
.funVermelho { background-color: #c41622 !important; color: #ffffff !important; }
.funRoxo { background-color: #ac259e !important; color: #ffffff !important; }
.funChumbo { background-color: #555555 !important; color: #ffffff !important; }
.funCinza { background-color: #dedede !important; color: #888888 !important; }

.fAmarelo { background-color: #eab531 !important; color: #ffffff !important; }
.fVerde { background-color: #5ba680 !important; color: #ffffff !important; }
.fAzul { background-color: #5f9baa !important; color: #ffffff !important; }
.fLaranja { background-color: #ff6c0e !important; color: #ffffff !important; }
.fVermelho { background-color: #c41622 !important; color: #ffffff !important; }
.fRoxo { background-color: #ac259e !important; color: #ffffff !important; }
.fChumbo { background-color: #555555 !important; color: #ffffff !important; }
.fCinza { background-color: #dedede !important; color: #888888 !important; }

.fAmarelo:hover { color: #eab531 !important; background-color: #f9f6f2 !important; }
.fVerde:hover { color: #5ba680 !important; background-color: #f9f6f2 !important; }
.fAzul:hover { color: #5f9baa !important; background-color: #f9f6f2 !important; }
.fLaranja:hover { color: #ff6c0e !important; background-color: #f9f6f2 !important; }
.fVermelho:hover { color: #c41622 !important; background-color: #f9f6f2 !important; }
.fRoxo:hover { color: #ac259e !important; background-color: #c2bfba !important; }
.fChumbo:hover { color: #555555 !important; background-color: #dddddd !important; }
.fCinza:hover { color: #888888 !important; background-color: #dedede !important; }

.sfAmarelo { background-color: #eab531 !important; color: #ffffff !important; }
.sfVerde { background-color: #5ba680 !important; color: #ffffff !important; }
.sfAzul { background-color: #5f9baa !important; color: #ffffff !important; }
.sfLaranja { background-color: #ff6c0e !important; color: #ffffff !important; }
.sfVermelho { background-color: #c41622 !important; color: #ffffff !important; }
.sfRoxo { background-color: #ac259e !important; color: #ffffff !important; }
.sfChumbo { background-color: #555555 !important; color: #ffffff !important; }
.sfCinza { background-color: #dedede !important; color: #888888 !important; }

.permModulos { border-bottom: 1px solid #e1e0de; }
.tag { padding: 3px 10px; border-radius: 5px; font-size: 12px; display: inline-block; }
.tagP { padding: 1px 6px; border-radius: 5px; font-size: 11px; display: inline-block; }
.dsh-title-danger { background-color: #842029; color: #f5c2c7; padding: 3px 6px; border-radius: 5px; font-size: 14px; font-weight: 400; text-align: center; }
.dsh-title-warning { background-color: #664d03; color: #fff3cd; padding: 3px 6px; border-radius: 5px; font-size: 14px; font-weight: 400; text-align: center; }
.dsh-title-success { background-color: #0f5132; color: #d1e7dd; padding: 3px 6px; border-radius: 5px; font-size: 14px; font-weight: 400; text-align: center; }
.dsh-title-info { background-color: #055160; color: #cff4fc; padding: 3px 6px; border-radius: 5px; font-size: 14px; font-weight: 400; text-align: center; }
.dsh-title-off { background-color: #999; color: #ededed; padding: 3px 6px; border-radius: 5px; font-size: 14px; font-weight: 400; text-align: center; }
.dsh-danger { background-color: #f5c2c7; color: #842029; border: 1px solid #f5c2c7; padding: 3px 6px; border-radius: 5px; font-size: 12px; font-weight: 400; text-align: center; }
.dsh-warning { background-color: #fff3cd; color: #664d03; border: 1px solid #ffecb5; padding: 3px 6px; border-radius: 5px; font-size: 12px; font-weight: 400; text-align: center; }
.dsh-success { background-color: #d1e7dd; color: #0f5132; border: 1px solid #badbcc; padding: 3px 6px; border-radius: 5px; font-size: 12px; font-weight: 400; text-align: center; }
.dsh-info { background-color: #cff4fc; color: #055160; border: 1px solid #b6effb; padding: 3px 6px; border-radius: 5px; font-size: 12px; font-weight: 400; text-align: center; }
.dsh-off { background-color: #ededed; color: #999; border: 1px solid #d9d9d9; padding: 3px 6px; border-radius: 5px; font-size: 12px; font-weight: 400; text-align: center; }
.dsh .texto1 { font-size: 28px; font-weight: 700; display: block; }
.dsh a.texto1 { color: black; }
.dsh .texto2 { font-size: 18px; display: block; margin-top: 10px; padding: 10px; border-top: 1px solid white; }
.dsh .qtde { float: left; width: 40%; font-size: 28px; font-weight: bold; text-align: center; padding: 15px 10px 10px 10px; }
.dsh .qtde3 { float: left; width: 40%; font-size: 24px; font-weight: bold; text-align: center; padding: 7px; line-height: 30px; }
.dsh .precos { float: right; width: 55%; font-size: 12px; text-align: right; padding: 10px; border-left: 1px solid white; }
.formDados tbody tr td { background-color: #ffffff; border-radius: 10px; padding: 30px !important; }
.sp { padding: 5px 10px !important; }
.mh20p { margin-left: 20% !important; margin-right: 20% !important; }
.cb { clear: both; }
.mt0 { margin-top: 0 !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt50 { margin-top: 50px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.mr { margin-right: 10px !important; }
.mrp { margin-right: 3px !important; }
.ml { margin-left: 10px !important; }
.mlp { margin-left: 3px !important; }
.pd20 { padding: 20px !important; }
.fs10 { font-size: 10px !important; }
.fs11 { font-size: 11px !important; }
.fs12 { font-size: 12px !important; }
.fs14 { font-size: 14px !important; }
.fs16 { font-size: 16px !important; }
.fs20 { font-size: 20px !important; }
.fs24 { font-size: 24px !important; }
.fs32 { font-size: 32px !important; }
#qf { padding: 2px 10px !important; }
.eof { text-align: center; padding: 50px; color: #008222; }
.eofP { text-align: center; padding: 10px; color: #008222; }
.eofDash { text-align: center; padding: 50px !important; color: #b3aaa5; }
.avisoCentral { text-align: center; padding: 50px; color: #928f8a; background-color: #fff; border-radius: 10px; }
.sep { height: 40px; }
.sepm { height: 20px; }
.finalPag { height: 60px; }
.h40px { height: 40px; }
.w30px { width: 30px; }
.w50px { width: 50px; }
.w75px { width: 75px; }
.w100px { width: 100px; }
.w125px { width: 125px; }
.w150px { width: 150px; }
.w200px { width: 200px; }
.w100 { width: 100%; margin-top: 10px; }
.w100pc { width: 100%; }
.boxForms { padding: 5px 20px 20px 20px; background-color: white; border: none; border-radius: 10px; }
.boxBranco { padding: 12px; background-color: white; border: 1px solid #d9d9d9; border-radius: 10px; }
.boxBege { padding: 12px; background-color: #f9f6f2; border: 1px solid #d9d9d9; border-radius: 10px; }
#confBox .modal-body { min-height: 120px; }
th .olinha { font-size: 12px; color: #eaeaea; }
td .olinha { font-size: 12px; color: gray; }
tfoot .olinha { font-size: 12px; color: #777; }
.ficha { margin-bottom: 30px; padding: 12px; font-weight: 500; }
.ficha .item.bloco { margin-top: 20px; }
.ficha .item span { display: inline-block; margin-top: 6px; color: gray; }
.cobEnviadoAntes { background-color: #eab531; border-radius: 50%; display: inline-block; width: 10px; height: 10px; font-size: 1px; }
.cobEnviadoNoDia { background-color: #5ba680; border-radius: 50%; display: inline-block; width: 10px; height: 10px; font-size: 1px; }
.cobEnviadoDepois { background-color: #ce5860; border-radius: 50%; display: inline-block; width: 10px; height: 10px; font-size: 1px; }
.cobEnviarAgora:hover { background-color: #0f5132; color: #d1e7dd; }
.btn-dash { margin: 10px auto; padding: 3px 6px; font-size: 12px; }

#carouselDash { height: 150px; background-color: #fff; }
#carouselDash .carousel-item { text-align: center; padding: 0; }
.pinta { background-color: #f8fabb !important; }
.iDestaque { background-color: #fff1c1 !important; }
.tachado { color: gray; text-decoration: line-through; }
.mao { cursor: pointer; }
.maoOff { cursor: not-allowed; }
.campoLeitura { background-color: #e9ecef !important; }

.combustivel { float: left; text-align: center; width: 25px }
/*.monoespacado { font-family: 'Courier'; font-size: 16px; }*/