* {
    font-family: "Roboto", "sans-serif";
}

a { text-decoration: none; }

.dataTables_wrapper .table thead { background: #f1f5fa; }

.btn-block { width: 100%; }

.form-control { background: #fff; }
.table-responsive .table { font-size: 11px; }

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before {
    top: 50% !important;
    transform: translate(0, -50%);
}
.filters th {
    padding: 5px !important;
}
hr.hr-dashed { border-top: 1px dashed #939393; }

.alert {
    padding: 5px 10px;
    margin-top: 10px;
    margin-bottom: 0;
}

.text-bold {
    font-weight: bold;
}

/* Auth Card Body */
.account-body .card { margin-bottom: 0; }

/* Logo */
.left-sidenav .brand { width: 100%; border-bottom: 1px dashed #adadad; }
.left-sidenav .brand.active { display: block; }
.left-sidenav .brand a {
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.left-sidenav .brand .logo { line-height: 0; }
.left-sidenav .brand .logo-lg { display: block !important; height: 52px !important; }
.left-sidenav .brand .logo-md { height: 45px !important; }

/* Menu */
.left-sidenav-menu li.mm-active .menu-arrow i:before { content: "\f105"; }
.left-sidenav-menu .nav-link { justify-content: space-between; }
.left-sidenav-menu .nav-link .menu-arrow {
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
}
.left-sidenav-menu .nav-link .menu-arrow i {
    width: auto;
    font-size: 14px;
}
.left-sidenav-menu > li.mm-active > a .menu-arrow i:before { content: "\f107"; }
.left-sidenav-menu > li.mm-active > .mm-show > li.mm-active > a .menu-arrow i:before { content: "\f107"; }
.left-sidenav-menu li > a { font-size: 14px; }
.left-sidenav-menu li > a i {
    text-align: center;
    min-width: 30px !important;
    padding-right: 5px;
}
.left-sidenav-menu .sidemenu-divider { color: #3b3b3b; }

/* Layout */
.common-header-page-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0 10px;
}
.common-header-page-title .common-page-title-section h3, .common-header-page-title .common-nome-empresa-section h5 { margin: 0; }
.common-header-page-title .common-page-title-section h3 { position: relative; padding-bottom: 5px; }
.common-header-page-title .common-page-title-section h3:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 20%;
    height: 2px;
    background: linear-gradient(45deg, #1d3aff, #7184ff);
}

/* Loader */
#loader-page {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
    background: #00000075;
}
#loader-page .loader-elements {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 5px;
    background: #fff;
    padding: 22px 18px 20px;
    position: relative;
    border-radius: 5px;
    box-shadow: 1px 1px 10px 2px #4d4d4d;
}
#loader-page .loader-elements span { font-size: 18px; }

/* DataTable */
.table .btn-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px
}
.table tbody tr[role="row"] > td:first-child:before {
    top: 50% !important;
    left: 5px !important;
    transform: translate(0, -50%) !important;
}

/* Total Status */
.number-status {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
    width: 100%;
}
.number-status .status-box {
    display: flex;
    justify-content: space-between;
    width: 100%;
    font-size: 14px;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
}
.number-status .status-box.status-total {
    background: linear-gradient(45deg, #00a1ff, #00598d);
}
.number-status .status-box.status-ativo {
    background: linear-gradient(45deg, #04d71d, #037e12);
}
.number-status .status-box.status-inativo {
    background: linear-gradient(45deg, #e70202, #600000);
}
.number-status .status-box.status-prospeccao {
    background: linear-gradient(45deg, #ff7600, #ad5b00);
}

/* Form */
.form-control, .form-select { border: 1px solid #cdcdcd; }
.form-group .radio-input {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    border: 1px solid #cdcdcd;
    border-radius: .25rem;
}
.form-group .radio-input .form-check-inline {
    margin-bottom: 0;
    margin-right: 10px;
}
.input-btn-additional {
    display: flex;
    align-items: center;
    justify-content: center;
}
.input-btn-additional input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-btn-additional button {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 33.5px;
    width: 100%;
    max-height: 33.5px;
    height: 33.5px;
    border-radius: 0;
}
.input-btn-additional button:last-child {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
}

#advanced-search {
    display: none;
}

.filters {
    background: #e3e8ef;
}
.filters th {
    padding: 10px;
    border-bottom: none;
}
.filters th > input {
    width: 100%;
    padding: 5px 10px;
    border: none;
    border-bottom: 1px solid #cacaca;
}
.filters th:last-child > input {
    display: none;
}
.table-responsive .dataTables_filter { display: none; }

.datatable-gerar-nf .filters th:last-child > input, .datatable-visualizar .filters th:last-child > input {
    display: block;
}

.btns-filtros {
    display: flex;
    justify-content: space-between;
}
.btns-filtros .btns-relatorio {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 5px;
}

span.required { color: #ff0000; }

.button-group { display: flex; justify-content: space-between; }

.alert-custom { display: none; text-align: center; }

.form-section-division hr { border-top: 1px dashed #353535; }
.form-group .input-group-phone input:first-child { flex-grow: 1; }
.form-group .input-group-phone input:last-child { flex-grow: 3; }

/*.tabbable .nav-tabs {
    overflow-x: auto;
    overflow-y:hidden;
    flex-wrap: nowrap;
}*/
.tabbable .nav-tabs .nav-link {
    white-space: nowrap;
}

.nav-tabs-form {
    gap: 5px;
    background-color: transparent !important;
    border-bottom: none;
}
.nav-tabs-form .nav-item { flex: 1; }
.nav-tabs-form .nav-item .nav-link {
    border: 1px solid #cdcdcd !important;
    border-radius: 5px !important;
}
.nav-tabs-form .nav-item .nav-link.active {
    font-weight: bold;
    color: #fff;
    background: #1761fd;
}

.tooltip-span {
    color: #fff;
    background: #7a00ff;
    margin-left: 5px;
    padding: 4px 8px;
    border-radius: 50%;
}

/* .perfil-menus-opt .submenu-section {
    padding-top: 10px;
    border-top: 1px solid #e3ebf6;
} */
.perfil-menus-opt .list-group-grandchild {
    list-style: none;
    padding-left: 0;
}
.perfil-menus-opt .list-group-item-grandchild { margin: 3px 0; }
.perfil-menus-opt .list-group-grandchild .checkbox-menu-item {
    display: flex;
    align-items: center;
    gap: 10px;
}


/* Ícones */
.fa-utilities:before { content: "\f7d9"; }
.fa-tables:before { content: "\f00b"; }
.fa-imports:before, .fa-importacao:before, .fa-regulatory-affairs:before, .fa-desenvolvimento:before, .fa-fdf:before,
.fa-gmp:before, .fa-cadifa:before,
.fa-registrations:before { content: "\f15c"; }

.fa-company:before, .fa-empresa:before { content: "\f1ad"; }
.fa-empresa-diversos:before { content: "\f071"; }
.fa-cliente:before { content: "\f0c0"; }
.fa-grupo-cliente:before { content: "\f500"; }
.fa-grupo-cliente-relatorios:before { content: "\f500"; }
.fa-representante:before { content: "\f508"; }
.fa-transportadora:before { content: "\f48b"; }
.fa-fornecedor:before { content: "\f474"; }
.fa-fabricante:before { content: "\f275"; }

.fa-categoria:before { content: "\f4fe"; }
.fa-sub-categoria:before { content: "\f509"; }
.fa-cargo:before { content: "\f0b1"; }
.fa-brinde:before { content: "\f06b"; }
.fa-tipo-frete:before { content: "\f0d1"; }
.fa-tipo-logradouro:before { content: "\f59f"; }
.fa-tipo-status-desenvolvimento:before { content: "\f02e"; }
.fa-tipo-status-importacao:before { content: "\f15c"; }
.fa-finalidade-desenvolvimento:before { content: "\f02e"; }
.fa-tabela-conversao-moeda:before { content: "\f53d"; }
.fa-area:before { content: "\f5fd"; }
.fa-vendedor:before { content: "\f0c0"; }
.fa-tratamento:before { content: "\f7f3"; }
.fa-forma-recto-pgto-moeda:before { content: "\f53d"; }
.fa-condicao-pagamento:before { content: "\f788"; }
.fa-tipo-movimentacao:before { content: "\e098"; }
.fa-email-xml:before { content: "\f0e0"; }
.fa-configuracao-icms-st:before { content: "\f4b9"; }
.fa-pagamento-lote:before { content: "\f4b9"; }
.fa-recebimento-lote:before { content: "\f4d3"; }
.fa-alertas-gerais:before { content: "\f06a"; }
.fa-aliquota-icms:before { content: "\25"; }
.fa-textos-legais:before { content: "\f11c"; }
.fa-estado-civil:before { content: "\f70b"; }
.fa-sexo:before { content: "\f228"; }
.fa-situacao-funcionario:before { content: "\f4fd"; }

.fa-product:before, .fa-produto:before { content: "\f291"; }
.fa-situacao-tributaria-produto:before { content: "\f0ce"; }
.fa-produto-controle-validade-serie:before { content: "\f02c"; }
.fa-requisicao-produto:before { content: "\f477"; }
.fa-transferencia-produto:before { content: "\f074"; }
.fa-entrada-saida-produto:before { content: "\f4de"; }
.fa-saldo-inicial-produto:before { content: "\f555"; }
.fa-linha-produto:before { content: "\f555"; }
.fa-familia-produto:before { content: "\f6ff"; }
.fa-localizacao:before { content: "\f494"; }
.fa-localizacao-produto:before { content: "\f494"; }
.fa-unidade:before { content: "\f546"; }
.fa-classificacao-fiscal:before { content: "\f0cb"; }
.fa-tipo-produto:before { content: "\f02a"; }
.fa-configuracao-imposto:before { content: "\f1ec"; }
.fa-requisitante:before { content: "\f4ce"; }
.fa-requisitantes:before { content: "\f4ce"; }

.fa-comercial:before { content: "\f53d"; }
.fa-pedido-venda-romaneio:before { content: "\f044"; }
.fa-cancelar-romaneio:before { content: "\f00d"; }
.fa-pedido-venda:before, .fa-pedidovenda:before { content: "\f218"; }
.fa-ordem-servico:before, .fa-ordemservico:before { content: "\f15c"; }
.fa-pedido-venda-faturamento:before { content: "\f662"; }
.fa-ordem-servico-nfe-nfse:before { content: "\f662"; }
.fa-tabela-preco:before { content: "\f0ea"; }
.fa-preco:before { content: "\24"; }

.fa-compra:before, .fa-compras:before { content: "\f54f"; }
.fa-pedido-compra:before, .fa-pedidocompra:before { content: "\f217"; }
.fa-comprador:before { content: "\f4ce"; }

.fa-recebimento:before, .fa-recebimentos:before { content: "\f362"; }
.fa-recebimento-mercadoria:before, .fa-recebimentomercadoria:before { content: "\f4ce"; }

.fa-faturamento:before { content: "\f543"; }
.fa-nota-fiscal:before, .fa-nota-fiscal-servico:before { content: "\f571"; }

.fa-operador:before { content: "\f502"; }
.fa-menu-geral:before, .fa-menu-empresa:before { content: "\f03a"; }
.fa-tipo-menu:before { content: "\f0cb"; }
.fa-tipo-perfil-menu:before { content: "\f47f"; }
.fa-programa:before { content: "\f3c1"; }
.fa-barril:before { content: "\f1c0"; }
.fa-marca-barril:before { content: "\f1c0"; }
.fa-status-barril:before { content: "\f058"; }
.fa-tamanho-barril:before { content: "\f31e"; }
.fa-financeiro:before { content: "\f555"; }
.fa-contas-pagar:before, .fa-contas-receber:before, .fa-lote-cnab:before { content: "\f571"; }
.fa-texto-complementar:before { content: "\f034"; }
.fa-log:before, .fa-controle-log:before { content: "\f1da"; }
.fa-inutilizar-nfe:before { content: "\f1c3"; }
.fa-consultar-xml:before { content: "\f002"; }
.fa-expedição:before{ content: "\f48b" }
.fa-motorista:before{ content:"\f007"; }
.fa-veiculo:before{ content:"\f5e4"; }
.fa-rota::before { content: "\f4d7"; }
.fa-atualiza-preco-venda::before { content: "\f074"; }
.fa-produto-cilindro:before { content: "\f328"; }
.fa-venda-pdv:before { content: "\f788"; }
.fa-inventario-produto:before { content: "\f468"; }
.fa-cadastro-geral:before { content: "\f80d"; }
.fa-cnab:before { content: "\f56f"; }
.fa-carta-correcao-nf:before { content: "\f0e0"; }
.fa-email-templates:before { content: "\f0e0"; }
.fa-banco-instrucao:before { content: "\f02d"; }
.fa-ocorrencia-bancaria:before { content: "\f4d3"; }
.fa-sub-ocorrencia-bancaria:before { content: "\f4d3"; }
.fa-novidades-ajuda-proctec:before { content: "\f059"; }
.fa-posicao-financeira:before { content: "\f688"; }
.fa-configurações:before { content: "\f085"; }
.fa-movimentações:before { content: "\f047"; }
.fa-nfe:before, .fa-nfse:before, .fa-cobrança-cnab:before { content: "\f571"; }
.fa-boletos:before { content: "\f570"; }
.fa-origem-produto:before { content: "\f466"; }
.fa-marca-cilindro:before { content: "\f15b" }
.fa-status-cilindro:before { content: "\f15c" }
.fa-previsao-compra:before { content: "\f274" }
.fa-posicao-produto:before { content: "\f478" }
.fa-acessorios:before { content: "\f51e" }
.fa-ajuste-estoque:before { content: "\f0e8" }
.fa-relatorios:before, .fa-relatórios:before, .fa-relatórios-contas-a-receber:before,
.fa-relatorios-cr-dt-vencimento:before, .fa-relatorios-cr-dt-recebimento:before,
.fa-relatorios-fat-dt-emissao:before, .fa-relatorios-rm-fornecedor-dt-entrada:before,
.fa-relatorios-cp-dt-pagamento:before, .fa-relatorios-cp-dt-vencimento:before,
.fa-relatorios-cp-dt-entrada:before, .fa-relatorios-os-dt-lancamento:before,
.fa-relatorios-pv-dt-lancamento:before, .fa-relatorios-pvl-dt-lancamento:before,
.fa-relatorios-pc-dt-lancamento:before, .fa-relatorios-pcl-dt-lancamento:before,
.fa-relatorios-fat-linha-dt-emissao:before, .fa-relatorios-rmp-dt-lancamento:before,
.fa-relatorios-osl-dt-lancamento:before, .fa-relatorios-inventario-dt-inventario:before,
.fa-relatorios-saldo-inicial-dt-inicial:before, .fa-relatorios-nfse-dt-emissao:before,
.fa-relatorios-nfse-linha-dt-emissao:before, .fa-relatorios-estoque-produto:before,
.fa-relatorio-fluxo-caixa:before, .fa-relatorios-produto-ultimas-movimentacoes:before,
.fa-relatorio-posicao-financeira-produto:before, .fa-relatorio-extrato-bancario:before,
.fa-relatorio-separacao-produto:before, .fa-relatorio-separacao:before {
    content: "\f56c"
}
.fa-mapa-cliente:before, .fa-mapa-representante:before, .fa-mapa-produto:before {
    content: "\f15c"
}

@media only screen and (max-width: 767px) {
    .number-status { margin-bottom: 10px; }
}

@media only screen and (max-width: 480px) {
    .common-header-page-title { flex-direction: column; gap: 10px; }
    .common-header-page-title .common-page-title-section h3:after { left: 50%; transform: translate(-50%, 0); }

    .number-status { grid-template-columns: repeat(2, 1fr); }
}