/* Move down content because we have a fixed navbar that is 60px tall */

@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/OpenSans-Bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/OpenSans-Bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/OpenSans-Light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/OpenSans-Regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
    padding-top: 76px;
    background: #f9f9f9;
    font-family: 'OpenSans', sans-serif;
    font-weight: normal;
}

a.nav-link.white {
    font-weight: 600!important;
    text-transform: uppercase;
    font-size: 0.7em;
    letter-spacing: 0.01em;
}

.wrapper {
    background: #f9f9f9;
}

.btn-space {
    margin-right: 5px;
}

.barra-topo,
.barra-topo a {
    color: white;
/*    font-size: 14px;*/
}

.badge-lg {
    font-size: 100%!important;
}

.logo-black{
    filter: invert(1);
}

.logo-white{
    filter: none;
}

.toast-item p {
    font-family: 'OpenSans'!important;
    font-size: 0.8rem;
}

/* padrão para módulos */

.img-modulo {
    margin-left: 15px;
    margin-right: 30px;
}

.row.titulo-modulo {
    padding-top: 5px;
    padding-bottom: 5px;
}

.row.barra-opcoes {
    background: #5b646e !important;
    position: fixed;
    top: 60px;
    width: 100%;
    border-radius: 0px 0px 20px 20px;
    box-shadow: -2px 1px 5px 0px rgba(0,0,0,0.3);
    z-index: 2;
}

.border-width-3 {
    border-width: 3px;
    border-color: #5b646e;
    border-radius: 10px;
}

.hasDatepicker {
    background-image: url('/files/images/open-iconic/svg/calendar.svg');
    background-repeat: no-repeat;
    background-position: right;
    background-size: 16px;
    background-origin: content-box;
}


/* personalização módulos */


/* blocos home */

.titulo-blocks {
    font-size: 1em;
    letter-spacing: 0.0rem;
    line-height: 2.8rem;
    text-transform: uppercase;
    font-weight: normal;
}

#block_aniversario .card {
    background-color: #ffc107 !important;
}

.conteudo-noticia img {
    width: 100%;
}

.noticias-home{
    background: #eaeaea!important;
}

.noticias-home .conteudo-noticia {
    font-size: 13px;
}

.noticias-home a {
    color: #555!important;
}


.noticias-home .card-header, #block_aniversario .card-header {
    box-shadow: 0 0.125rem 0.25rem rgba(80, 73, 73, 0.1);
    background: rgba(0,0,0,0.05);
}

#divDollar{
    column-count: 2;
    column-width: 50%;
}
#divDollar td, #divDollar th {
    padding: 0.1em;
}

#divDollar1{
    column-count: 2;
    column-width: 50%;
}
#divDollar1 td, #divDollar1 th {
    padding: 0.1em;
}

/* categorias */

.Comunicação {
    border-bottom: 2px solid #e0e0e0!important;
    color: #0198dc!important;
}

.Produtividade {
    border-bottom: 2px solid #e0e0e0!important;
    color: #ff6501!important;
    /*background: #ff9c44!important;
    color: white!important;*/
}

.Vendas {
    border-bottom: 2px solid #e0e0e0!important;
    color: #5cc6d0!important;
    /*background: #5cc6d0!important;
    color: black;*/
}

.Laboratório {
    border-bottom: 2px solid #e0e0e0!important;
    color: #336599!important;
    /*background: #336599!important;
    color: white!important;*/
}

.Acesso {
    border-bottom: 2px solid #e0e0e0!important;
    color: #6ea811!important;
    /*background: #336599!important;
    color: white!important;*/
}

.Logística{
    border-bottom: 2px solid #e0e0e0!important;
    color: #ff7823!important;
}

.Suprimentos {
    border-bottom: 2px solid #e0e0e0!important;
    color: #ffd003!important;
    /*background: #583399!important;
    color: white!important;*/
}

.Controle {
    border-bottom: 2px solid #e0e0e0!important;
    color: #583399!important;
    /*background: #583399!important;
    color: white!important;*/
}


.Manufatura {
    border-bottom: 2px solid #e0e0e0!important;
    color: #096418!important;
}


.Finanças {
    border-bottom: 2px solid #e0e0e0!important;
    color: #0198dc!important;
}

.Contabilidade{
    color: #333e42!important;
    border-bottom: 2px solid #e0e0e0!important;
}

/* geração de etiquetas correios */

.mod_46 {
    background: #004169;
    color: white;
}

/* controle logistica */

.mod_63 {
    background: #0198dc;
    color: black;
}

.controle-logistica {
    background: #ff7823!important;
    color: white!important;
}

.controle-logistica:hover {
    background: #ffad60;
}

.row.controle-logistica:hover {
    background: #ff7823;
}

.mod_49 {
    background: #ff7823;
    color: white;
}

.mod_49:hover {
    background: #ffad60;
    color: white;
}

.mod_174 {
    background: linear-gradient(45deg, #009fff, #25efca);
    color: white;
}

.mod_174:hover {
    background: linear-gradient(45deg, #41b3fa, #86fce6);
    color: white;
}

.controle-logistica-table {
    font-size: 12px!important;
    width: 100%;
}

.cor_tr_logistica_vermelho:nth-child(2n+1) {
    background-color: #fcc5ba!important;
}

.cor_tr_logistica_vermelho:nth-child(2n+2) {
    background-color: #fddcd5!important;
}

.cor_tr_logistica_verde:nth-child(2n+1) {
    background-color: #bbfab1 !important
}

.cor_tr_logistica_verde:nth-child(2n+2) {
    background-color: #d6f4d2 !important
}

.btn_imprimir_arquivo {
    width: 16px;
}

.custo_normal {}

.custo_alto {
    background: #FF9900;
    color: #FFFFFF;
}

.custo_altissimo {
    background: #D90202;
    color: #FFFFFF;
}

.legenda_logistica {
    font-size: 12px;
    padding: 15px 0;
}

.item-legenda {
    float: left;
    margin-right: 15px;
}

.arquivoDisponivel {
    background: #43AF6F!important;
}

.arquivoIndisponivel {
    background: #D90202!important;
}

.arquivoNaoRequerido {
    background: #DEDEDE!important;
}

.arquivoIndisponivelLaboratorio {
    background: #FF8800!important;
}

input.bg_aprovado {
    background: green;
    color: white;
}

input.bg_reprovado {
    background: red;
    color: white;
}

input.bg_aprovado_ressalva {
    background: orange;
    color: white;
}

.nota_fiscal_impressa_ {
    background: #ff7823!important;
}

.content_historico {
    margin-top: 50px;
    padding: 15px;
    border: 3px dotted #777;
}

.controle_logistica_historico_textarea {
    min-width: 80%;
    height: 90px;
    background: #efefef;
}

.data_val_vigencia {
    width: 8rem;
}

td.fator {
    width: 8rem;
}

.valorpadrao {
    width: 7rem;
}

td.datavigencia {
    width: 8rem;
}
/* orçamentos */

.orcamentos {
    background: #6f8398!important;
    color: white!important;
}

.mod_51 {
    background: #6f8398!important;
    color: white;
}

.mod_51:hover {
    background: #7f93a8!important;
    color: white;
}


/* Tempo de Produção */

.tempo-producao {
    background: #7e32ef!important;
    color: #fff;
}

.legenda_tempo_producao {
    background: url(../images/fundo_branco_semitransparente.png) repeat;
    width: 96%;
    margin: 0px auto;
    height: 30px;
    line-height: 25px;
    padding: 0;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #DFDFDF;
    color: #999;
    font-size: 13px;
}


/* Programação Ocorrências */

.ocorrencias{
    /*border-bottom: 2px solid #000000!important;*/
    background: #3f576f!important;
    color: #ffffff!important;
}

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


/* personalização tarefas-vendas */

.tarefas-vendas {
    background: #67b4be!important;
    color: white;
}

.mod_70 {
    background: #67b4be;
    color: black;
}

.mod_70:hover {
    background: #7ab3bb;
    color: black;
}




/* programação de visitas */

.programacao-visitas {
    /*background: #8dc48d;*/
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8dc48d+52,a6ef95+100 */
    background: #8dc48d!important;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #8dc48d 52%, #a6ef95 100%)!important;
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #8dc48d 52%, #a6ef95 100%)!important;
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #8dc48d 52%, #a6ef95 100%)!important;
}

.mod_31 {
    background: #8dc48d;
    color: black;
}

.mod_31:hover {
    background: #8dc48d;
    color: black;
}

.mod_61 {
    background: #3f576f;
    color: black;
}

.mod_61:hover {
    background: #3f576f;
    color: black;
}

#tbClientes {
    font-size: 13px;
}

#lista_programacao_visitas_ligacoes .Finalizado,
#lista_programacao_visitas .Finalizado,
#tbClientes .Finalizado {
    background: url(../images/programacao_status_finalizado.png) no-repeat left center;
    min-height: 18px;
    min-width: 18px;
}

#lista_programacao_visitas_ligacoes .Integrado,
#lista_programacao_visitas .Integrado,
#tbClientes .Integrado {
    background: url(../images/programacao_status_integrado.png) no-repeat left center;
    min-height: 18px;
    min-width: 18px;
}

#lista_programacao_visitas_ligacoes .Novo,
#lista_programacao_visitas .Novo,
#tbClientes .Novo {
    background: url(../images/programacao_status_novo.png) no-repeat left center;
    min-height: 18px;
    min-width: 18px;
}

#lista_programacao_visitas_ligacoes .Pendente,
#lista_programacao_visitas .Pendente,
#tbClientes .Pendente {
    background: url(../images/programacao_status_pendente.png) no-repeat left center;
    min-height: 18px;
    min-width: 18px;
}

#lista_programacao_visitas_ligacoes .Editar,
#lista_programacao_visitas .Editar,
#tbClientes .Editar {
    background: url(../images/programacao_editar.png) no-repeat left center;
    display: none;
    min-height: 18px;
    min-width: 18px;
}

#lista_programacao_visitas_ligacoes .Excluir,
#lista_programacao_visitas .Excluir,
#tbClientes .Excluir {
    background: url(../images/programacao_excluir.png) no-repeat left center;
    min-height: 18px;
    min-width: 18px;
}

#lista_programacao_visitas_ligacoes .visita_bloqueada_status,
#lista_programacao_visitas .visita_bloqueada_status,
#tbClientes .visita_bloqueada_status {
    color: green;
    cursor: pointer;
    background: url(../images/unlock.png) no-repeat left center;
    min-height: 18px;
    min-width: 18px;
}

.visita_bloqueada {
    background-color: #f87171;
    cursor: auto!important
}

#lista_programacao_visitas_ligacoes .Integrar,
#lista_programacao_visitas .Integrar,
#tbClientes .Integrar {
    background: url(../images/programacao_integrar.png) no-repeat left center;
    min-height: 18px;
    min-width: 18px;
}

#lista_programacao_visitas_ligacoes .Arquivado,
#lista_programacao_visitas .Arquivado,
#tbClientes .Arquivado {
    background: url(../images/programacao_arquivar.png) no-repeat left center;
    min-height: 18px;
    min-width: 18px;
}

#lista_programacao_visitas_ligacoes .CopiarGD,
#lista_programacao_visitas .CopiarGD,
#tbClientes .CopiarGD {
    background: url(../images/programacao_copiar.png) no-repeat left center;
    min-height: 18px;
    min-width: 18px;
}

.ui-datepicker-trigger {
    display: none!important;
}

.detalhes_programacao_visitas {
    width: 100%;
    background: whitesmoke!important;
}


/* personalização clarus vendas */

.vendas {
    background: #5cc6d0!important;
    color: black;
}

.mod_25 {
    background: #5cc6d0;
    color: black;
}

.mod_25:hover {
    background: #5cc6d0;
    color: black;
}

.vendas-table {
    font-size: 13px!important;
    width: 100%;
}
/* Cores dos Setores e Regiões */

#cor_geral {
    background-color: #6BD632;
    padding-left: 15px!important;
    padding-right: 21px!important;
}

#cor_geral:hover {
    background-color: #a9e688;
    color: white;
}


.cor_D1, #cor_D1, #cor_GD1, .cor_R1 {
    background-color: #35643d;
    color: white;
}

.cor_D1:hover, #cor_D1:hover, #cor_GD1:hover, .cor_R1:hover {
    background-color: #4e8a59;
    color: white;
}

.cor_D2, #cor_D2, #cor_GD2, .cor_R2 {
    background-color: #990200;
    color: white;
}

.cor_D2:hover, #cor_D2:hover, #cor_GD2:hover, .cor_R2:hover {
    background-color: #c30300;
    color: white;
}

.cor_D3, #cor_D3, #cor_GD3, .cor_R3 {
    background-color: #b27d24;
    color: white;
}

.cor_D3:hover, #cor_D3:hover, #cor_GD3:hover, .cor_R3:hover {
    background-color: #d9a736;
    color: white;
}


.cor_D4, #cor_D4, #cor_GD4, .cor_R4 {
    background-color: #0c3076;
    color: white;
}

.cor_D4:hover, #cor_D4:hover, #cor_GD4:hover, .cor_R4:hover {
    background-color: #13479f;
    color: white;
}

.cor_D5 {
    background-color: #7F3465;
    color: white;
}

.cor_D5:hover {
    background-color: #7F3465;
    color: white;
}




#cor_GS17, .cor_GS17, .cor_S17, #cor_S17 {
    background-color: #d1e287!important;
}

#cor_GS17:hover, .cor_GS17:hover, .cor_S17:hover, #cor_S17:hover {
    background-color: #eef6b1!important;
}

#cor_GS18, .cor_GS18, .cor_S18, #cor_S18  {
    background-color: #a5ce37!important;
}

#cor_GS18:hover, .cor_GS18:hover, .cor_S18:hover, #cor_S18:hover{
    background-color: #ceec51!important;
}

#cor_GS19, .cor_GS19, .cor_S19, #cor_S19 {
    background-color: #00a550!important;
    color: white;
}

#cor_GS19:hover, .cor_GS19:hover, .cor_S19:hover, #cor_S19:hover {
    background-color: #00ce72!important;
    color: white;
}


#cor_GS24, .cor_GS24, .cor_S24, #cor_S24 {
    background-color: #ff5252!important;
    color: white;
}

#cor_GS24:hover, .cor_GS24:hover, .cor_S24:hover, #cor_S24:hover {
    background-color: #F68989!important;
    color: white;
}


#cor_GS27, .cor_GS27, .cor_S27, #cor_S27 {
    background-color: #f8a98f!important;
}

#cor_GS27:hover, .cor_GS27:hover, .cor_S27:hover, #cor_S27:hover {
    background-color: #fdd1b9!important;
}

#cor_GS28, .cor_GS28, .cor_S28, #cor_S28 {
    background-color: #f3765d!important;
    color: white;
}

#cor_GS28:hover, .cor_GS28:hover, .cor_S28:hover, #cor_S28:hover {
    background-color: #fc9f82!important;
    color: white;
}

#cor_GS29, .cor_GS29, .cor_S29, #cor_S29 {
    background-color: #d8392a!important;
    color: white;
}

#cor_GS29:hover, .cor_GS29:hover, .cor_S29:hover, #cor_S29:hover {
    background-color: #f1533f!important;
    color: white;
}


#cor_GS37, .cor_GS37, .cor_S37, #cor_S37 {
    background-color: #ffe387!important;
}

#cor_GS37:hover, .cor_GS37:hover, .cor_S37:hover, #cor_S37:hover {
    background-color: #fff6b1!important;
}

#cor_GS38, .cor_GS38, .cor_S38, #cor_S38 {
    background-color: #ffca01!important;
}

#cor_GS38:hover, .cor_GS38:hover, #cor_S38:hover {
    background-color: #ffe902!important;
}

#cor_GS39, .cor_GS39, .cor_S39, #cor_S39 {
    background-color: #e5a123!important;
    color: white;
}

#cor_GS39:hover, .cor_GS39:hover, .cor_S39:hover, #cor_S39:hover {
    background-color: #f7ca35!important;
    color: white;
}



#cor_GS47, .cor_GS47, .cor_S47, #cor_S47 {
    background-color: #b8d8e9!important;
}

#cor_GS47:hover, .cor_GS47:hover, .cor_S47:hover, #cor_S47:hover  {
    background-color: #ddf1f9!important;
}


#cor_GS48, .cor_GS48, .cor_S48, #cor_S48 {
    background-color: #7f96cd!important;
    color: white;
}

#cor_GS48:hover, .cor_GS48:hover, .cor_S48:hover, #cor_S48:hover {
    background-color: #a9c0eb!important;
    color: white;
}

#cor_GS49, .cor_GS49, .cor_S49, #cor_S49 {
    background-color: #626595!important;
    color: white;
}

#cor_GS49:hover,.cor_GS49:hover, .cor_S49:hover, #cor_S49:hover {
    background-color: #888bbf!important;
    color: white;
}


#cor_X57, .cor_X57 {
    background-color: #E2CBDC!important;
    color: black;
}

#cor_X57:hover, .cor_X57:hover {
    background-color: #E2CBDC!important;
    color: black;
}


#cor_X58, .cor_X58 {
    background-color: #c58db3!important;
    color: white;
}

#cor_X58:hover, .cor_X58:hover {
    background-color: #c58db3!important;
    color: white;
}


#cor_X59, .cor_X59 {
    background-color: #A8518A!important;
    color: white;
}

#cor_X59:hover, .cor_X59:hover {
    background-color: #A8518A!important;
    color: white;
}

  /* Vendas Table  ----------------------------------------------------------------------------------------------------------------------------- */
  #mapas {
    min-height: 520px!important;
    width: 100%;
}
#mapas img {
    width: 98%;
}
#img-gde {
    width: 98%;
}
#img-gde img {
    width: 100%;
    height: auto;
}
#mapa_titulos_divisoes {
    width: 100%!important;
}
.th_cliente_naomobile {
    display: none!important;
}
.barra_percentual_container_80 {
    width: 50%;
    border: 1px solid #5cc6d0;
    border-top: 0px;
    background: white;
    margin: 0px auto;
    height: 20px;
    border-radius: 0px 0px 5px 5px;
    margin-bottom: 20px;
}
.barra_percentual_conteudo_80 {
    background-color: #5cc6d0;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    height: 20px;
    border-radius: 0px 0px 0px 3px;
}
.barra_percentual_texto_80 {
    width: 100%;
    text-align: center;
    margin-top: -20px;
    font-size: 16px;
    font-weight: bold;
    color: white;
}
.barra_percentual_container {
    width: 50%;
    border: 1px solid #5cc6d0;
    background: white;
    margin: 0px auto;
    height: 20px;
    border-radius: 5px;
}
.barra_percentual_conteudo {
    background-color: #5cc6d0;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    height: 20px;
    border-radius: 3px 0px 0px 3px;
}
.barra_percentual_texto {
    width: 100%;
    text-align: center;
    margin-top: -18px;
    font-size: 12px;
    font-weight: bold;
}

.relatorios-detalhados {
    border: 1px dotted #CCC;
}

.cor_verde {
    background-color: #D0FFC9!important;
}

.cor_vermelho {
    background-color: #FFC9C9!important;
}

.cor_amarelo {
    background-color: #FFFFC9!important;
}

.cor_laranja {
    background-color: #FFE7C9!important;
}

.cor_verde:hover {
    background-color: #CAF7CB!important;
}

.cor_vermelho:hover {
    background-color: #F28D87!important;
}

.cor_amarelo:hover {
    background-color: #EFEFAC!important;
}

.cor_laranja:hover {
    background-color: #EDC189!important;
}

.relatorio_clientes_linhas {
    border-bottom: 10px solid #f9f9f9;
}

.resumo-cliente {
    font-size: 0.9em!important;
}

.legenda_relatorio_visitas {
    margin: 0px auto;
    line-height: 30px;
    padding: 5px;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #DFDFDF;
    color: #999;
    font-size: 13px;
}

.nav-link.active {
    background: #ececec!important;
}


/*Destaque da linha 80% - RElatorio de Clientes Mais IMportantes*/

.destaque_linha {
    background-color: #CBEBEE!important;
    border-bottom: 1px solid #5cc6d0!important;
    color: black!important;
}

.oculta_linha {
    display: none;
}

.linha_nao_destaque {
    background-color: transparent!important;
}

.linha_divisoria {
    height: 20px!important;
    border-top: 3px solid #5cc6d0;
}

#contatos tr:nth-child(3n+0) td {
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

#relatorio_clientes th {
    background: #5cc6d0;
    color: #fff;
}

#relatorio_clientes a {
    color: inherit;
}

.nunca {
    background: #fddcd5!important;
}

.recente {
    background: #e0fcd2!important;
}

.tres_meses {
    background: #fcf7d1!important;
}

.seis_meses {
    background: #fde4c1!important;
}

.bloqueado {
    background: #999!important;
}

.contato-email-i a, .contato-email-in a{
    color: #ff4444!important;
    font-weight: bold;
}

.contato-email-i a::after, .contato-email-in a::after {
    content: 'INVÁLIDO';
    background-color: #ff4444;
    color: #ffffff;
    font-weight: bold;
    border-radius: 10px;
    font-size: 8px;
    padding: 3px;
    margin-left: 5px;
}

.contato-email-d a, .contato-email-db a{
    color: #f17633!important;
    font-weight: bold;
}

.contato-email-d a::after, .contato-email-db a::after {
    content: 'DÚBIO';
    background-color: #f17633;
    color: #ffffff;
    font-weight: bold;
    border-radius: 10px;
    font-size: 8px;
    padding: 3px;
    margin-left: 5px;
}

.contato-email-ac, .contato-email-ac a {
    /*color: #f17633!important;
    font-weight: bold;*/
}

.contato-email-ac a::after, .contato-email-ac a::after {
    /*content: '';
    background-color: #f17633;
    color: #ffffff;
    font-weight: bold;
    border-radius: 10px;
    font-size: 8px;
    padding: 3px;
    margin-left: 5px;*/
}

/* personalização cadastro de clientes */

#contato_adicional .form-control {
    font-size: 11px;
}

/* personalização comparativo */

.comparativo-table {
    font-size: 13px!important;
}

.comparativo-table tr:nth-of-type(4n+3) {
    background: #dee2e6;
}

.comparativo-table tr:nth-of-type(4n+4) {
    background: #dee2e6;
}

.tooltip-inner {
    width: 450px!important;
    max-width: 450px;
}

#itens_historico_observacoes {
    display: none;
}

.detalhes-vendas-table {
    font-size: 11px!important;
}

.detalhes-clientes-codigo {
    width: 110px;
    display: block;
}


/* personalização busca colaboradores */

.busca-colaboradores {
    /*background: #0098da!important;*/
    background: linear-gradient(45deg, #0098da, #52bae8);
    color: white;
}

.mod_2 {
    background: #0098da;
    color: white;
}

.mod_2:hover {
    background: #41a0c9;
    color: white;
}


/* personalizacao chat */

.chat {
    background: #0094da;
    color: white;
}

.mod_4 {
    background: #0094da;
    color: white;
}

.mod_4:hover {
    background: #48a4da;
    color: white;
}


/* personalização treinamentos clarus */

.treinamentos-clarus {
    background: #2798d9!important;
    color: white;
}

.mod_29 {
    background: #2798d9;
    color: white;
}

.mod_29:hover {
    background: #48a4da;
    color: white;
}


/* personalização rtm */

.rtm {
    background: #1a8fa5!important;
    color: white;
}

.mod_26 {
    background: #1a8fa5;
    color: white;
}

.mod_26:hover {
    background: #2d93a5;
    color: white;
}

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

a.Sim {
    background: #4e9c21 url(../images/open-iconic/svg/check-white.svg) no-repeat center center;
    padding: 2px 10px;
    background-size: 24px;
}

a.Não {
    background: #9c2121 url(../images/open-iconic/svg/x-white.svg) no-repeat center center;
    padding: 2px 10px;
    background-size: 24px;
}

a.Em.Aberto {
    background: #e49400 url(../images/open-iconic/svg/clock.svg) no-repeat center center;
    padding: 2px 10px;
    background-size: 24px;
}

.rtm-feedback {
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rtm-cinza {
    background: transparent!important;
    color: #777;
}

.rtm-vermelho {
    background: #b60101!important;
    color: white;
}

.barra-rtm-conteudo {
    border-right: 1px solid #fff;
    line-height: 1px;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* personalização controle fispq */

.controle-fispq {
    background: #43af6f!important;
    color: white;
}

.mod_38 {
    background: #43af6f;
    color: white;
}

.mod_38:hover {
    background: #5eb882;
    color: white;
}

.table-controle-fispq {
    font-size: 14px!important;
}


/* personalização suprimentos */

.suprimentos {
    background: #ffd003!important;
    color: black;
}

.suprimentos.fornecedores-indiretos{
    background: #6edfb9 !important;
}

#frm_incluir_licencas .form-control::placeholder{
  color: #777!important;
  opacity: 1; /* Firefox */
}

.mod_32 {
    background: #ffd003;
    color: black;
}

.mod_32:hover {
    background: #fada49;
    color: black;
}

.table-suprimentos {
    font-size: 0.85em!important;
}

.tabela-suprimentos{
    font-size: 0.8em!important;
}

.suprimentos-ordenar{
    font-size: 8px!important;
}

.tabela-suprimentos-pontos{
    font-size: 0.75em!important;
}

.tabela-suprimentos-pontos-campos{
    width: 100px!important;
    height: 25px!important;
    font-size: 12px!important;
}

/* personalização ligacoes */

.ligacoes {
    background: rgb(77, 181, 239)!important;
    background: linear-gradient(135deg, rgba(77, 181, 239, 1) 57%, rgba(77, 208, 239, 1) 100%)!important;
    color: #fff;
}

.mod_37 {
    background: #4db5ef;
    color: white;
}

.mod_37:hover {
    background: #67c1f1;
    color: white;
}


/* personalização freecast */

.freecast {
    background: #A62327!important;
    color: white;
}

.mod_43 {
    background: #A62327;
    color: white;
}

.mod_43:hover {
    background: rgb(161, 57, 60);
    color: white;
}

.table-freecast {
    font-size: 12px;
}


/* personalização lubryspecial */

.lubryspecial {
    background: #D2AE6D;
    color: white;
}

.mod_44 {
    background: #D2AE6D;
    color: white;
}

.mod_44:hover {
    background: rgb(202, 176, 127);
    color: white;
}


/* personalização amostras */

.amostras-old {
    background: #fda400;
    color: white;
}

.mod_35 {
    background: #fda400;
    color: white;
}

.mod_35:hover {
    background: #ffb835;
    color: white;
}

.mod_64 {
    background: #fda400;
    color: white;
}

.mod_64:hover {
    background: #ffb835;
    color: white;
}


/* personalização representantes */

.representantes {
    background: #bab780!important;
    color: white;
}

.mod_39 {
    background: #bab780;
    color: white;
}

.mod_39:hover {
    background: #bebd9b;
    color: white;
}


/* personalização pedidos */

.pedidos {
    background: #52b7f0;
    color: white;
}

.mod_33 {
    background: #52b7f0;
    color: white;
}

.mod_33:hover {
    background: #75c6f5;
    color: white;
}


/* personalização visitantes */

.visitantes {
    background: #67b4be;
    color: white;
}

.mod_17 {
    background: #67b4be;
    color: white;
}

.mod_17:hover {
    background: #7ab3bb;
    color: white;
}


/* personalização colaboradores */

.usuarios {
    background: #3e4095!important;
    color: white;
}

.mod_5 {
    background: #3e4095;
    color: white;
}

.mod_5:hover {
    background: #4f5097;
    color: white;
}

/* personalização parâmetros */

.configuracao-modulos {
    background: #936!important;
    color: white;
}

.mod_14 {
    background: #936;
    color: white;
}

.mod_14:hover {
    background: #c94991;
    color: white;
}
/* personalização notificações */

.notificacoes {
    background: #ffd003;
    color: black;
}

.mod_13 {
    background: #ffd003;
    color: black;
}

.mod_13:hover {
    background: #fddb42;
    color: black;
}

.notification-number {
    position: absolute;
    display: inline;
    background: #ffd003;
    color: black;
    padding: 0px 5px 0px 5px;
    border-radius: 20px;
    font-size: 0.5em;
    text-align: center;
    margin-left: -8px;
    margin-top: 0px;
    font-weight: bold;
    }



/* personalização rai */

.rai {
    background: #63bc55!important;
    color: white;
}

.mod_48 {
    background: #63bc55;
    color: white;
}

.mod_48:hover {
    background: #7cbd72;
    color: white;
}

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

.status_pendente {
    background-color: #ff7700;
}

.status_reprovado {
    background-color: #d90202;
}

.status_aprovado {
    background-color: #43AF6F;
}

/* personalização pedidos produção */

.pedidos-em-producao {
    background: #63bc55!important;
    color: white;
}

.mod_53 {
    background: #63bc55;
    color: white;
}

.mod_53:hover {
    background: #7cbd72;
    color: white;
}
/* personalização amostras */

.amostras {
    background: #d80519!important;
    color: white;
}

.mod_71 {
    background: #d80519;
    color: white;
}

.mod_71:hover {
    background: #da283a;
    color: white;
}

.evento_finalizado {
    background: url(../images/tarefas_icon_status_concluido.png) no-repeat;
    height: 24px;
    color: #9acc00;
    font-size: 13px;
    line-height: 24px;
    margin-right: 10px;
    width: 26px;
}

.evento_pendente {
    background: url(../images/tarefas_icon_status_pendente.png) no-repeat;
    height: 24px;
    color: #ff8800;
    font-size: 13px;
    line-height: 24px;
    margin-right: 10px;
    width: 26px;
}

.evento_cancelado {
    background: url(../images/tarefas_icon_status_cancelado.png) no-repeat;
    height: 24px;
    color: #ff4444;
    font-size: 13px;
    line-height: 24px;
    margin-right: 10px;
    width: 26px;
}




/* personalização documentos */

.documentos {
    /*background: #f85801!important;*/
    background: linear-gradient(45deg, #f85801, #ff8936)!important;
    color: white!important;
}

.mod_6 {
    background: #f85801;
    color: white;
}

.mod_6:hover {
    background: #f17633;
    color: white;
}

#arquivo {
    width: 100%;
}

/* personalização mensagens */

.mensagens {
    background: #005abb;
    color: white;
}

.mod_8 {
    background: #005abb;
    color: white;
}

.mod_8:hover {
    background: #2269b6;
    color: white;
}


/* personalização treinamentos */

.treinamentos {
    background: #2798d9!important;
    color: black;
}

.treinamentos_linhas .btn {
    margin: 3px 0px;
}

.mod_18 {
    background: #2798d9;
    color: black;
}

.mod_18:hover {
    background: #4ba2d4;
    color: black;
}


/* personalização snp */

.snp {
    background: #356797!important;
    color: white;
}

.mod_47 {
    background: #356797;
    color: white;
}

.mod_47:hover {
    background: #4e769b;
    color: white;
}


/* personalização calendario */

.calendario {
    background: #970000!important;
    color: white;
}

.mod_9 {
    background: #970000;
    color: white;
}

.mod_9:hover {
    background: #9b1f1f;
    color: white;
}


/* personalização organograma */

.organograma {
    background: #ffe000;
    color: black;
}

.mod_20 {
    background: #ffe000;
    color: black;
}

.mod_20:hover {
    background: #f1e060;
    color: black;
}


/* personalização noticias */

.noticias {
    background: #52b7f0!important;
    color: black;
}

.mod_11 {
    background: #52b7f0;
    color: black;
}

.mod_11:hover {
    background: #7dc4ec;
    color: black;
}

#form_busca_noticias #content_form_noticias div.div_content {
    float: left;
    margin-right: 10px;
}


.noticia_title {
    font-weight: bold;
    color: #888;
    margin-bottom: 5px;
}

.noticia_title a {
    color: #888;
}

.noticia_text {
    font-size: 13px;
    margin-bottom: 5px;
}

.noticia_info {
    font-size: 11px;
    color: #999;
}

/* personalização bi */

.bi {
    background: #6bd632;
    color: black;
}

.mod_30 {
    background: #6bd632;
    color: black;
}

.mod_30:hover {
    background: #83d358;
    color: black;
}


/* personalização fichas técnicas */

.fichas-tecnicas {
    background: #336699!important;
    color: white!important;
}

.mod_34 {
    background: #336699;
    color: white;
}

.mod_34:hover {
    background: #4b7096;
    color: white;
}

.table-fichas-tecnicas {
    font-size: 14px!important;
}


/* personalização controle fichas técnicas */

.controle-fichas-tecnicas {
    background: #336666!important;
    color: white!important;
}

.mod_36 {
    background: #336666;
    color: white;
}

.mod_36:hover {
    background: #436464;
    color: white;
}

.table-controle-fichas-tecnicas {
    font-size: 14px!important;
}

.controle-fichas-tecnicas-cancelado {
    background: #9c2121;
}

.controle-fichas-tecnicas-concluido {
    background: #4e9c21;
}


/* Personalização Portaria */

.portaria {
    background: #a8cf45!important;
    color: black!important;
}

.mod_15 {
    background: #a8cf45;
    color: black;
}

.mod_15:hover {
    background: #c7e855;
    color: black;
}

.lista_de_fora a {
    color: #55aa55!important;
}

.lista_de_dentro a {
    color: #e91110;
}



/* Personalização Etiquetas */

.etiquetas {
    background: #004169!important;
    color: white!important;
}

.mod_55 {
    background: #004169;
    color: white!important;
}

.mod_55:hover {
    background: #004169;
    color: white!important;
}

/* Personalização Reembolso */

.reembolso {
    background: #5e93bf!important;
    color: white!important;
}

.mod_52 {
    background: #5e93bf;
    color: white;
}

.mod_52:hover {
    background: #8aa9c3;
    color: white;
}

/* Personalização Custo X FMV */

.preco {
    background: #5e93bf!important;
    color: white!important;
}

.mod_62 {
    background: #5e93bf;
    color: white;
}

.mod_62:hover {
    background: #8aa9c3;
    color: white;
}

//Finanças
.mod_63 {
    background: #5e93bf;
    color: white;
}

.mod_63:hover {
    background: #8aa9c3;
    color: white;
}

.mod_64 {
    background: #0198dc;
    color: white;
}

.mod_64:hover {
    background: #8aa9c3;
    color: white;
}

.mod_65 {
    background: #0198dc;
    color: white;
}

.mod_65:hover {
    background: #8aa9c3;
    color: white;
}

.mod_66 {
    background: #0198dc;
    color: white;
}

.mod_66:hover {
    background: #8aa9c3;
    color: white;
}

.mod_67 {
    background: #0198dc;
    color: white;
}

.mod_67:hover {
    background: #8aa9c3;
    color: white;
}

.mod_68 {
    background: #00894C;
    color: white;
}

.mod_68:hover {
    background: #00894C;
    color: white;
}

.mod_69 {
    background: #3e4095;
    color: white;
}

.mod_69:hover {
    background: #3e4095;
    color: white;
}

#conteudoPreco .ui-datepicker-trigger {
    display: none!important;
}

#dataGeral .ui-datepicker-trigger {
    display: none!important;
}

.body-prices, .body-list {
    font-size: 0.85em;
}

input#fator {
    height: 1.8em;
}

input#data_val_preco {
    height: 1.8em;
    font-size: 1em;
    background: none;
    font-weight: bold;
}
.btn-check-preco {
    height: 1.5em;
    width: 42px;
    line-height: 0.8em;
    padding-top: 3px;
}
.btn-historico-preco {
    height: 1.5em;
    width: 42px;
    line-height: 0.8em;
    padding-top: 3px;
}
.btn-excluir-preco {
    height: 1.5em;
    width: 42px;
    line-height: 0.8em;
    padding-top: 3px;
}
.btn-info-preco {
    height: 1.5em;
    width: 42px;
    line-height: 0.8em;
    padding-top: 3px;
}
.td-check-preco {
    width: 42px!important;
}
.td-historico-preco {
    width: 42px!important;
}
.td-excluir-preco {
    width: 42px!important;
}
.td-info-preco {
    width: 42px!important;
}
/* personalização ícones gerais */

.img_editar {
    background-color: #FFCC00;
}

.img_excluir {
    background-color: #d90202;
}

.img_task {
    background-color: #ff7700;
}

.img_info {
    background-color: #43AF6F;
}

.btn-sq-lg {
    width: 125px !important;
    height: 125px !important;
    font-size: 12px;
    //white-space: pre-wrap;
    line-height: initial;
}


.btn-sq {
    width: 100px !important;
    height: 100px !important;
    font-size: 12px;
    white-space: pre-wrap;
    line-height: initial;
}

.btn-sq-sm {
    width: 50px !important;
    height: 50px !important;
    font-size: 10px;
    line-height: initial;
}

.btn-sq-xs {
    width: 25px !important;
    height: 25px !important;
    padding: 2px;
}


/* personalização atendimento */

.atendimento {
    background: #1c6dac!important;
    color: white;
}

.mod_45 {
    background: #1c6dac;
    color: white;
}

.mod_45:hover {
    background: #3182c0;
    color: white;
}

/* personalização propostas */

.tabela-propostas-versoes-anteriores {
    font-size: 0.75em;
    line-height: 1.5em;
}
.table-striped-revisao tbody tr:nth-of-type(odd){
    background-color: #e8e3ce!important;
}

.table-striped-revisao tbody tr:nth-of-type(even){
    background-color: #f5f1e0!important;
}

.propostas-table {
    font-size: 14px!important;
    width: 100%;
}

/* Datepicker */

#ui-datepicker-div {
    background: url(../images/fundo_branco_semitransparente_mais_opaco.png) repeat;
    font-family: "OpenSans";
    padding: 10px;
    width: 200px;
    font-size: 12px;
    text-align: center!important;
    border-radius: 0px 0px 10px 10px;
}

.ui-datepicker select.ui-datepicker-month {
    width: 75px!important;
    font-size: 13px;
}

#ui-datepicker-div .ui-state-default {
    width: 22px;
    border-radius: 10px;
    text-align: center;
    background: #5a646d;
    border: none;
}

.ui-state-highlight {
    background: #000000!important;
    color: #fff!important;
}

.ui-state-active {
    background: #000000!important;
    color: #fff!important;
}

.ui-datepicker .ui-datepicker-header {
    border-radius: 25px;
    background: #5a646d!important;
    border: none!important;
}

.ui-corner-all {
    border-radius: 10px;
}

.ui-widget-content {
    z-index: 9999 !important;
}

/* Personalização para tabelas - No more tables */

@media only screen and (max-width: 991px) {
    /* Force table to not be like tables anymore */
    #no-more-tables {
        overflow: auto;
    }
    #no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr {
        float: left;
        /* ie9 fix */
        width: 100%;
        clear: both;
    }
    /* Hide table headers (but not display: none;, for accessibility) */
    #no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    #no-more-tables tr {
        border: 1px solid #ccc;
        border-radius: 1em;
        margin-bottom: 12px;
    }

    #no-more-tables tr td:first-child {
        border-radius: 1em 1em 0em 0em;
    }

    #no-more-tables tr td:nth-last-child(-n+2) {
        border-radius: 0em 0em 1em 1em;
        border-bottom: none;
    }


    #no-more-tables td {
        /* Behave  like a "row" */
        padding-left: 50%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    #no-more-tables td:before {
        float: left;
        width: 95%;
        padding: 0 0 0 1%;
        margin-left: -100%;
        font-family: 'OpenSans';
        font-weight: bold;
    }
    /*
        Label the data
    */
    #no-more-tables td:before {
        content: attr(data-title);
    }
}

/* Sidebar personalização */

.sidebar-menu li:hover>a,
.sidebar-menu li>a:hover {
    color: #212121;
    background-color: #efefef;
    text-decoration: none!important;
}
/* implementação menu material - remover funções desnecessárias*/



/* -- Box model ------------------------------- */

*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}




/* -- Bootstrap-like style ------------------------------- */

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.constructor {
    position: relative;
    margin: 0;
    -webkit-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    -o-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    margin-top: 40px;
}


@media (max-width: 768px) {
    
    .ocultar_info {
        position: absolute!important; 
        left: -999px!important;
        display: block!important;
    }

    .proposta-editar-icone {
        font-size: 22px;
        margin: unset!important;
        margin-bottom: 14px!important;
    }
    
    .row.barra-opcoes {
        position: relative;
        top: 0px;
        width: initial;
        border-radius: 0px 0px 20px 20px;
    }
    .constructor{
        margin-top:-16px;
    }

    #lista_programacao_visitas td:first-child {
        max-width: 7ch;
        text-overflow: ellipsis;
        white-space: nowrap!important;
        overflow: hidden;
    }
    
    #lista_programacao_visitas td:nth-child(2) {
        width: 20%!important;
    }

    #lista_programacao_visitas_ligacoes td:first-child {
        max-width: 7ch;
        text-overflow: ellipsis;
        white-space: nowrap!important;
        overflow: hidden;
    }
    
    #lista_programacao_visitas_ligacoes td:nth-child(2) {
        width: 20%!important;
    }
    
    
}
/* Dropdown para notificações */ 

.nav-pills .nav-link.active, .nav-pills .show > .nav-link{
    background-color: #17A2B8;
  }
  .dropdown-menu{
    top: 60px;
    right: 0px;
    left: unset;
    width: 300px;
    box-shadow: 0px 5px 7px -1px #c1c1c1;
    padding-bottom: 0px;
    padding: 0px;
    max-height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
    scrollbar-width: thin;
  }
  .dropdown-menu:before{
    content: "";
    position: absolute;
    top: -20px;
    right: 12px;
    border:10px solid #343A40;
    border-color: transparent transparent #343A40 transparent;
  }
  
  
  .dropdown-menu::-webkit-scrollbar-track {
      border-radius: 2px;
  }
  
  .dropdown-menu::-webkit-scrollbar {
      width: 5px;
      background-color: #F7F7F7;
  }
  
  .dropdown-menu::-webkit-scrollbar-thumb {
      border-radius: 10px;
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
      background-color: #BFBFBF;
  }
  
  
  .dropdown-menu .head{
    padding:5px 15px;
    border-radius: 3px 3px 0px 0px;
  }
  .dropdown-menu .footer{
    padding:5px 15px;
    border-radius: 0px 0px 3px 3px; 
  }
  .notification-box{
    padding: 10px 0px; 
  }
  .bg-gray{
    background-color: #eee;
  }

#conteudo_search_fields .form-group img {
    position: absolute;
    right: -20px;
    bottom: 7px;
    z-index: 1;
}

#conteudo_search_fields .col-lg-2 img {
    position: absolute;
    bottom: 25px;
    left: 35px;
}

#myTabVisitasLigacoes.nav-tabs .nav-link:focus,
#myTabVisitasLigacoes.nav-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef #f9f9f9!important;
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.switch input {
    display: none;
}


@media (max-width: 768px) {
    .sidebar {
        width: 0;
    }
    .sidebar.open {
        min-width: 240px;
        width: 240px;
        box-shadow: 2px 0px 5px 0px #333;
    }
    .sidebar .sidebar-header {
        height: 135px;
    }
    .sidebar .sidebar-image img {
        width: 44px;
        height: 44px;
    }
    .border-bottom-mobile {
        border-bottom: 2px solid #888888;
    }
    .titulo-modulo h1 {
        font-size: 1.2em!important;
        line-height: 0.2em;
        padding-bottom: 0.0em;
        letter-spacing: -0.02em;
    }
    .row.titulo-modulo {
        padding-top: 0px;
        padding-bottom: 10px;
    }
    .img-modulo {
        height: 1.8em!important;
        max-height: 1.8em!important;
        width: auto!important;
        margin-left: 5px!important;
        margin-right: 5px!important;
    }

    .table-ocorrencias {
        font-size: 11px!important;
    }

    .table-ocorrencias th{
        font-size: 10px!important;
    }
    
}

@media (max-width: 1199.98px) {
    .sidebar a.nav-link.white {
        font-size: 10px;
        padding-right: 0px;
    }
    .titulo-modulo h1 {
        font-size: 1.5em;
    }
}

@media (max-width: 1280px) {
    .display-4 {
        font-size: 2.0em;
    }
    .titulo-modulo h1 {
        font-size: 1.5em;
    }
    .img-modulo {
        max-height: 60px;
        margin-right: 5px;
        margin-left: 5px;
    }
    .form-group {
        margin-bottom: 0px!important;
    }
    label {
        /*font-size: smaller!important;
        margin-bottom: 0.1em;*/
    }
    .form-control {
      /*  font-size: 0.85rem;
        padding-left: 0.5em;*/
    }
    .ui-datepicker-trigger {
        display: none!important;
    }
    .controle-logistica-table {
        font-size: 0.71em!important;
    }
    h4 {
        font-size: 1.2rem;
        padding-top: 1em;
    }
    .pagination {
        font-size: smaller;
        margin-bottom: 0px;
    }
    #logistica-acoes {
        width: 12%;
    }
}

@media (max-width: 768px) {
    .sidebar a.nav-link.white {
        font-size: 13px;
        padding-right: 0px;
        letter-spacing: -0.05em;
    }
    .versao-anterior-mobile {
        display: block;
        padding: 10px;
        padding-left: 20px;
    }
    .versao-anterior-desktop {
        display: none;
    }

    #tbClientes {
        font-size: 0.75em;
        letter-spacing: -0.03em;
    }

}

@media (min-width: 1200px) {
    .sidebar a.nav-link.white {
        font-size: 13px;
        padding-right: 0px;
    }
    .titulo-modulo h1 {
        font-size: 2.0em;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        max-width: 80% !important;
    }
    .versao-anterior-mobile {
        display: none;
    }
    .versao-anterior-desktop {
        display: block;
    }
}

.relatorio_vendas_produto{
    font-size: 0.75em;
}

input#fator {
    height: 1.8em;
}

.table_relatorio_vendas_produto{
    font-size: 0.95em;
}

/* finanças */
.financas {
    background: #1c6dac!important;
    color: white;
}

.mod_45 {
    background: #1c6dac;
    color: white;
}

.mod_45:hover {
    background: #3182c0;
    color: white;
}

.contentFinanceiro{
    font-size: 0.91rem;
}

.Historico_financeiro_cliente{
    font-size: 0.85rem;
}

.Info_financeiro_cliente{
    font-size: 0.85rem;
}

.Ficha_financeiro_cliente{
    font-size: 0.85rem;
}

.tab_financeiro{
    font-size: 0.85rem;
}

.card-financeiro{
    font-size: 0.85rem;
}

#conteudoFinancas .ui-datepicker-trigger {
    display: none!important;
}
#tabanalise .ui-datepicker-trigger {
    display: none!important;
}

#form_arquivo .ui-datepicker-trigger {
    display: none!important;
}

#collapseMF .ui-datepicker-trigger {
    display: none!important;
}

.table-financeiro {
    font-size: 0.75rem!important;
    width: 100%;
}


/* IMPORTADO DO STYLE.CSS - REVER E LIMPAR CÓDIGO POSTERIORMENTE */

/* Vendas ----------------------------------------------------------------------------------------------------------------------------- */

#mapas,
.mapasRegioes {
    min-height: 600px;
}

#divisao_1_2 {
    width: 100%;
}

#mapas>div>div {
    background-size: contain!important;
}

#img-gde {
    position: absolute;
    float: left;
    /*top: 130px;*/
    z-index: 99;
    display: block;
    /*width: 84%;*/
    background: white;
    border-radius: 20px;
    box-shadow: 3px 2px 36px -10px #999;
}

#img-gde img {
    width: 100%;
    height: auto;
}

.maphilighted .container {
    margin: 0 auto;
    overflow: hidden;
}

.maphilighted img {
    height: auto;
}

.maphilighted img,
embed,
object {
    max-width: 100%;
}

#mapa_svg {
    max-width: 84%;
    height: auto;
    min-height: 100%;
}

.maphilighted img {
    opacity: 0!important;
}

.maphilighted {
    background: url(/files/images/mapas/finais/brasil.png) no-repeat center center;
    background-size: contain;
}

.maphilighted .d3 .container {
    margin: 0 auto;
}

.maphilighted .d3 img {
    height: auto;
}

.maphilighted .d3 img,
embed,
object {
    max-width: 100%;
}

.maphilighted .d3 img {
    opacity: 0!important;
}

.map.maphilighted.d3 {
    background-image: url(/files/images/mapas/finais/mundo.png);
    background-size: contain;
}

#mapa_titulos_divisoes {
    width: 100%!important;
    text-align: center
}

.td_cliente_nome_nf_mobile {
    width: 100%!important;
    display: none;
}

.tr_mobile {
    display: none;
}

.relatorio_clientes_linhas:hover td {
    background: white!important;
    opacity: 0.6;
    cursor: pointer;
}

.icones_relatorio_clientes:hover {
    background: #5cc6d0!important;
    padding: 2px;
    border-radius: 18px;
    cursor: pointer;
}


.oculta_linha {
    display: none;
}


/* FICHAS TÉCNICAS   ----------------------------------------------------------------------------------------------------------------------------- */

#grid_pedidos .aguardando {
    background: url(../images/pedidos_status_aguardando.png) no-repeat center center;
    width: 25px;
    min-width: 25px;
    max-width: 25px;
    padding: 0px!important;
}

#grid_pedidos .autorizado {
    background: url(../images/pedidos_status_autorizado.png) no-repeat center center;
    width: 25px;
    min-width: 25px;
    max-width: 25px;
    padding: 0px!important;
}

#grid_pedidos .finalizado {
    background: url(../images/pedidos_status_finalizado.png) no-repeat center center;
    width: 25px;
    min-width: 25px;
    max-width: 25px;
    padding: 0px!important;
}

#grid_pedidos .cancelado {
    background: url(../images/pedidos_status_cancelado.png) no-repeat center center;
    width: 25px;
    min-width: 25px;
    max-width: 25px;
    padding: 0px!important;
}


/* CONTROLE FICHAS TÉCNICAS  ----------------------------------------------------------------------------------------------------------------------------- */

.grid_fichas_tecnicas .img_editar {
    border-radius: 12px;
    background-color: #FFCC00;
}

.grid_fichas_tecnicas .img_excluir {
    border-radius: 12px;
    background-color: #d90202;
}

.grid_fichas_tecnicas tr {
    height: 40px;
    font-size: 14px
}

.grid_fichas_tecnicas a {
    color: inherit;
    text-decoration: none;
    display: inline-block;
    width: 100%;
}


.duplicada_1 {
    background-color: #e9efab;
}

.btn_duplicada_1 {
    display: none;
}

.excluir_concluido {
    display: none;
}

.lbl_campos_adicionais {
    padding: 10px;
    background: #ccc;
    display: inline;
    float: left;
    height: 100%;
    margin-bottom: 10px;
    margin-right: 2px;
    padding: 10px;
    width: auto !important;
}

.lbl_campos_adicionais:nth-child(2n+0) {
    color: #fff;
    background: #444;
}


/* CONTROLE DE ETIQUETAS CORREIOS */

#controle_correios_etiquetas h2 {
    background: #004169;
}

.controle_correios_etiquetas {
    width: 96%;
    margin: 0px auto;
}

.controle_correios_etiquetas #lista_clientes .pedido {
    font-weight: bold;
    font-size: 14px;
    background-color: #004169;
    color: #fff;
    padding: 5px;
    border-radius: 5px!important;
    display: block;
    min-height: 44px;
    margin-right: 5px;
}

.controle_correios_etiquetas #lista_clientes .pedido .data_pedido {
    font-weight: normal!important;
}

.controle_correios_etiquetas #lista_clientes tr td {
    padding-top: 10px !important;
    padding-bottom: 10px;
    font-size: 13px;
}

.controle_correios_etiquetas .botao_pedido_correios {
    font-size: 12px;
    background-color: #004169;
    color: #fff;
    padding: 5px;
    border-radius: 5px!important;
    display: block;
    cursor: pointer;
}

.controle_correios_etiquetas .chk_pedido {
    width: 30px;
    cursor: pointer;
    transform: scale(1.5, 1.5);
    padding: 10px;
}

.controle_correios_etiquetas .botao_correios {
    background-color: #004169;
    color: #fff;
    font-weight: bold;
    /*font-size: 13px;*/
    /*padding: 5px;*/
    /*border-radius: 5px!important;*/
    cursor: pointer;
}

.controle_correios_etiquetas td:nth-child(3) {
    width: 20%;
}

.controle_correios_etiquetas td:nth-child(5) {
    width: 15%;
}

.controle_correios_etiquetas td:nth-child(6) {
    width: 15%;
    text-align: center
}

.controle_correios_etiquetas .acoes {
    border: 1px dotted #ccc;
    padding: 10px;
    border-radius: 5px;
    text-align: right;
    font-size: 16px;
}

.controle_correios_etiquetas #acoes {
    width: 35%;
    border-radius: 5px;
    font-size: 16px;
}

.controle_correios_etiquetas .borda_paginacao {
    border: 1px dotted #ccc;
    padding: 5px;
    border-radius: 5px;
}

.controle_correios_etiquetas .numero_pedido {
    font-size: 20px;
}

.link_popup {
    color: #004169;
    border-bottom: 1px dotted;
}

.tabela_produtos_loja tr td {
    padding: 6px !important;
}

.tabela_produtos_loja .codigo {
    font-size: 11px;
}

/* Cartela loteria*/

td.cartela {
    cursor: pointer
}

td.preenchido {
    background: #a62327;
    color: #fff;
    cursor: default!important
}


.controle_fispq .btn_busca {
    background-color: #43af6f;
}

.controle_fispq .btn_busca:hover {
    background-color: #79d09c;
}

.controle_fispq #data_inicial {
    width: 75px;
}


.destaque_redespacho_r {
    color: #FFFFFF;
    border-radius: 10px;
    padding: 2px 5px;
    background: #D90202;
}

#placa {
    text-transform: uppercase;
}


#carta_correcao {
    margin-top: 10px;
}

.box-esq,
.box-dir {
    padding: 5px 15px;
    float: left;
}

.btn_calc {
    border-radius: 5px;
    padding: 5px 7px;
    background: #777777;
    color: #FFFFFF;
}

.btn_acao_logistica img.img_excluir {
    background-color: #d90202;
    border-radius: 12px;
    padding: 2px;
}


/* -------------------------------------- */

.div_rep {
    width: 26px;
    height: 19px;
    font-size: 12px;
    padding-top: 8px;
    border-radius: 20px;
    text-align: center!important;
    font-weight: bold;
    color: #fff;
    background-color: #5cc6d0;
}

.div_85 {
    width: 26px;
    font-size: 12px;
    padding: 3px;
    border-radius: 20px;
    text-align: center!important;
    font-weight: bold;
    color: #fff;
    background-color: red;
}


/* Logs  ----------------------------------------------------------------------------------------------------------------------------- */

#logs h2 {
    background: #9900cc;
}

.logs {
    width: 96%;
    margin: 0px auto;
}

.logs .btn_busca {
    background-color: #9900cc;
}

.logs .btn_busca:hover {
    background-color: #cc00ef;
}

.logs tr:nth-child(2n+0) {
    background-color: whitesmoke;
}

.logs tr {
    border-bottom: 1px solid #efefef;
}

.logs table {
    width: 100%;
    border-collapse: collapse!important;
    padding: 0px;
    margin: 0px auto;
    margin-bottom: 30px;
}

.logs .img_editar {
    border-radius: 12px;
    background-color: #FFCC00;
}

.logs .img_excluir {
    border-radius: 12px;
    background-color: #d90202;
}

.logs .btn_quadrado {
    background-color: #9900cc;
    background-image: url(../images/button_icon_logs_limpar.png);
    background-repeat: no-repeat;
    background-position: 160px 7px;
    border-radius: 6px;
    border: none;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    line-height: 18px;
    padding: 5px 8px;
    text-decoration: none;
    text-shadow: none;
    text-align: left;
    margin-top: 0px;
    height: 60px;
    width: 210px;
    padding-top: 10px;
    font-weight: normal;
    white-space: normal;
    float: right;
    padding-left: 15px;
}

.logs .btn_quadrado:hover {
    background-color: #cc00ef;
    cursor: pointer;
}

.logs tr {
    height: 40px;
    font-size: 14px
}

#cor_logs img {
    background: #9900cc;
}


/* Parametros  ----------------------------------------------------------------------------------------------------------------------------- */

#tabs {
    margin: 0px auto;
    height: auto !important;
    text-align: left;
    padding: 0px!important;
    padding-top: 1px;
    font-size: inherit!important;
    background: transparent!important;
}

.ui-tabs .ui-tabs-panel {
    background: #FFF none repeat scroll 0% 0% !important;
}

#tabs ul {
    background: url(../images/fundo_tabs.png) repeat top left;
    border: none;
}

#tabs ul li {
    background: #888888;
    border-radius: 5px 5px 0px 0px;
    border: none;
    font-weight: normal;
    color: #fff;
    height: 39px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: 1px #dddddd solid;
}

#tabs ul li:hover {
    background: #aaaaaa;
}

#tabs ul li a {
    color: #fff;
}

#tabs ul li.ui-tabs-active {
    background: #936;
    border: none;
    height: 39px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: 1px #dddddd solid;
}

#tab_content tr:nth-child(2n+0) {
    background: #EFEFEF;
}

#tabs a {
    color: #888;
}

.parametros tr:nth-child(2n+0) {
    background-color: whitesmoke;
}

.parametros tr {
    border-bottom: 1px solid #efefef;
}

.parametros table {
    width: 100%;
    border-collapse: collapse!important;
    padding: 0px;
    margin: 0px auto;
    margin-bottom: 30px;
}

.parametros .img_editar {
    border-radius: 12px;
    background-color: #FFCC00;
}

.parametros .img_excluir {
    border-radius: 12px;
    background-color: #d90202;
}

.parametros .btn_quadrado {
    background-color: #936;
    background-repeat: no-repeat;
    background-position: 65px 10px;
    border-radius: 6px;
    border: none;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    line-height: 18px;
    padding: 6px 10px;
    text-decoration: none;
    text-shadow: none;
    text-align: left;
    margin-top: 15px;
    height: 120px;
    width: 120px;
    padding-top: 60px;
    font-weight: normal;
    white-space: normal;
    float: right;
}

.parametros .btn_quadrado:hover {
    background-color: #c94991;
    cursor: pointer;
}

.parametros tr {
    height: 40px;
    font-size: 14px
}

#cor_logs img {
    background: #936;
}

.parametros_empresa_busca_texto {
    margin-left: 18px;
    width: 276px;
    margin-top: 15px;
}

.parametros_departamento_busca_texto {
    margin-left: -10px!important;
    width: 276px;
    margin-top: 15px;
}

.parametros_departamento_busca_empresa {
    margin-left: 24px;
}

.parametros_cargo_busca_texto {
    margin-left: 20px;
    width: 276px;
    margin-top: 15px;
}

.parametros_modulos_busca_texto {
    margin-left: 0px;
    width: 276px;
    margin-top: 15px;
}

.parametros_permissao_busca_texto {
    margin-left: 0px;
    width: 276px;
    margin-top: 15px;
}

.parametros_permissao_busca_empresa {
    margin-left: 20px;
}

.parametros .btn_quadrado.empresas {
    background-image: url(../images/button_icon_parametros_empresas.png);
}

.parametros .btn_quadrado.departamentos {
    background-image: url(../images/button_icon_parametros_departamentos.png);
}

.parametros .btn_quadrado.cargos {
    background-image: url(../images/button_icon_parametros_cargos.png);
}

.parametros .btn_quadrado.permissoes {
    background-image: url(../images/button_icon_parametros_permissoes.png);
}

.parametros .btn_quadrado.perfis {
    background-image: url(../images/button_icon_novovisitante.png);
}

#cor_parametros img {
    background: #936;
}

#cor_parametros img:hover {
    background: #c94991;
}

.cor_parametros {
    background-color: #936;
}

.cor_parametros:hover {
    background-color: #c94991;
}

.content_areas {
    width: 100%;
    float: left;
}

.content_areas ul {
    background: none !important;
    padding: 0 5px;
}

.content_areas ul li {
    background: none !important;
    border: none !important;
    color: #000 !important;
    border-bottom: none !important;
}

.content_areas ul.divisoes {
    margin-left: 15px;
    position: relative;
    float: left;
    width: 22%;
    margin-top: 15px;
}

.content_areas ul.regionais {
    margin-left: 25px;
    position: relative;
}

.content_areas ul.equipes {
    margin-left: 35px;
    position: relative;
}


/*Notícias - ADMIN  ----------------------------------------------------------------------------------------------------------------------------- */

#noticias_admin h2 {
    background: #c072d1;
}

.noticia .img_editar {
    border-radius: 12px;
    background-color: #FFCC00;
}

.noticia .img_excluir {
    border-radius: 12px;
    background-color: #d90202;
}

.noticia .btn_quadrado {
    background-color: #c072d1;
    background-image: url(../images/button_icon_adicionar_noticias.png);
    height: 45px;
    width: 100px;
    padding-top: 69px;
    font-weight: normal;
    white-space: normal;
    float: right;
    margin-left: 10px;
}

.noticia .btn_quadrado:hover {
    background-color: #dc6fbd;
    ;
    cursor: pointer;
}

.noticia .btn_busca {
    background-color: #c072d1;
}

.noticia .btn_busca:hover {
    background-color: #dc6fbd;
}

.cor_noticias_admin {
    background-color: #c072d1;
}

.cor_noticias_admin:hover {
    background-color: #dc6fbd;
}

#form_nova_noticia {
    margin-top: 15px;
}

#form_nova_noticia label {
    padding: 0px;
}


.box_images .images_uploaded {
    width: 100px;
    height: 100px;
    border: solid 1px #ccc;
    overflow: hidden;
    border-radius: 5px;
}

.box_images {
    width: 120px;
    float: left;
}

.box_images label {
    padding: 0px;
}

#imagem {
    width: 106px!important;
    font-size: 12px;
}

#imagem_banner {
    width: 106px!important;
    font-size: 12px;
}


/* OVERLAYS  ----------------------------------------------------------------------------------------------------------------------------- */

.colorpicker {
    z-index: 10000;
}

.ui-timepicker-table.ui-widget-content.ui-corner-all {
    font-size: 14px;
    padding: 10px;
    background: url(../images/fundo_branco_semitransparente_mais_opaco.png) repeat;
}


.link_falso {
    cursor: pointer;
}


/* printer specific CSS */

@media print {
    .myDivToPrint {
        background-color: white;
        height: 100%;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        margin: 0;
        padding: 15px;
        font-size: 14px;
        line-height: 18px;
    }
}


/*Lista da movimentacao rapida*/

.carregando {
    background-image: url('/files/images/carregando.gif');
    background-repeat: no-repeat;
    background-size: 31px 31px;
    background-position-x: 2px;
    background-position-y: 4px;
    padding-left: 30px;
}

#login {
    text-transform: lowercase;
}

.erro_login {
    color: red;
}



/* Caixa de mensagens com opção Sim / Não */

.ui-dialog,
.ui-widget {
    background: #FFF;
}

.Analise {
    border-bottom: 2px solid #e0e0e0!important;
    color: #0198dc!important;
    /*background: #5cc6d0!important;
    color: black;*/
}

/* Fichas Técnicas  ----------------------------------------------------------------------------------------------------------------------------- */

#imageUploadedForCrop,
#imageUploadedForCrop1 {
    display: none;
    background: rgba(0, 0, 0, 0.8);
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    z-index: 9999;
    position: fixed;
    text-align: center;
}

#imageUploadedForCrop img,
#imageUploadedForCrop1 img {
    max-width: 80%;
    max-height: 80vh;
}

#imageUploadedForCrop #controls,
#imageUploadedForCrop1 #controls {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    background: #fff;
    width: 50px;
    font-size: 30px;
}

#imageUploadedForCrop #controls .op,
#imageUploadedForCrop1 #controls .op {
    cursor: pointer;
}

.container-fluid {
    padding-bottom: 3rem;
}

/* Certificado de Analise*/
.certificado_analise{
    /*border-bottom: 2px solid #00894C!important;*/
    background: #00894C!important;
    color: #ffffff!important;
}

/* Help desk EX */

.helpdesk{
    /*border-bottom: 2px solid #000000!important;*/
    background: #583399!important;
    color: #ffffff!important;
}

/*Controle de negocio EX*/
.negocios{
    background: #66CCFF!important;
    color: black!important;
}

.mod_72 {
    background: #66CCFF;
    color: black;
}

.mod_73 {
    background: #4B0082;
    color: black;
}

.criador_modulos{
    background: #4B0082!important;
    color: white!important;
}

.mod_74 {
    background: #a9def2;
    color: black;
}

.equipe_vendas{
    background: #a9def2!important;
    color: black!important;
}

.mod_75{
    background: #7B68EE!important;
    color: white!important;
}

.cad_menu{
    background: #7B68EE!important;
    color: white!important;
}

.relatorios_contabilidade{
    background: #333e42!important;
    color: white!important;
}

.mod_76{
    background: #333e42!important;
    color: white!important;
}


.mod_94{
    background: #c9463c!important;
    color: white!important;
}

.controle_portaria{
    background: #c9463c!important;
    color: white!important;
}

.mod_95{
    background: #f7ae3e!important;
    color: white!important;
}

.controle_logistica_pesagem{
    background: #f7ae3e!important;
    color: white!important;
}

.mod_114{
    background: #e66f34!important;
    color: white!important;
}

.relatorio_tactical{
    background: #e66f34!important;
    color: white!important;
}

.mod_115{
    background: #586c45!important;
    color: white!important;
}

.tactical_revenda{
    background: #586c45!important;
    color: white!important;
}

.mod_134{
    background: #6c757b!important;
    color: white!important;
}

.mod_135{
    background: #5cc6d0!important;
    color: white!important;
}

.menu_relatorios_tactical{
    background: #5cc6d0!important;
    color: white!important;
}

.mod_154{
    background: #555b35!important;
    color: white!important;
}

.tactical_gastos{
    background: #555b35!important;
    color: white!important;
}