body {
    scrollbar-gutter: stable;
}

body.modal-open {
    padding-right: 0px !important;
}

body.app {
    font-family: 'Outfit';
    font-size: 16px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

body.app.modal-open {
    overflow: hidden;
}

body.app.overlay::before {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 99999;
    opacity: 0.4;
    content: ' ';
}

body.app div.alerta-overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 99999;
    background: black;
    opacity: 0.4;
}

body.app div.help-button {
    width: 51px;
    position: absolute;
    top: 10px;
    right: 28px;
    height: 51px;
    line-height: 51px;
    background: #0072c6;
    text-align: center;
    color: #fff;
    cursor: pointer;
}

body.app div.help-button:after {
    content: '?';
    font-weight: bold;
}

body.app > .container-fluid {
    padding-top: 65px;
}

body.app .container-fluid {
    max-width: 1900px;
}

body.app .tokenfield.focus {
    border-color: #7f7f7f;
}

body.app .navbar {
    background: #fed132;
}
body.app .navbar a { color: #000; }
body.app .navbar a:hover,
body.app .navbar a:focus {
    color: #000;
    background: #ffe074;
}

html,
body.app {
    height: 100%;
    overflow-x: hidden;
}

body.ocultar-menu .navbar,
body.ocultar-menu footer {
    display: none;
}

body.ocultar-menu > .container-fluid {
    padding: 0;
}

body.report,
body.sped {
    padding: 0;
    overflow-x: hidden;
}

body.report .erros,
body.sped .erros {
    background: #fff;
    padding: 15px;
}

body.report .erros .titulo-erro,
body.sped .erros .titulo-erro {
    color: #B94A48;
    margin: 0;
}

body.report .erros .lista-erros,
body.sped .erros .lista-erros {
    list-style-type: none;
    padding: 0;
    margin: 20px 0;
}

body.report-modal .container-fluid {
    max-width: none;
}

body.upload-modal {
    padding: 11px 11px 0;
}

body.upload-modal .validation-summary-errors {
    margin: 0 0 10px;
    color: #E40000;
}

body.upload-modal .validation-summary-errors ul {
    margin: 0;
    padding-left: 18px;
}

body.upload-modal .upload-sucesso {
    color: #01AD01;
    font-size: 17px;
    margin-bottom: 10px;
    display: inline-block;
}

header {
    position: relative;
    font-family: 'Outfit';
    background: #fff;
    height: 96px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

header #logo {
    margin-left: 25px;
}

header #logo > img {
    height: 45px;
}

header .acoes-header {
    display: flex;
    align-items: center;
}

header .acoes-header a {
    color: #5433FF;
    font-size: 22px;
}

header .acoes-header #area-pesquisa-geral .input-group-btn {
    z-index: 10;
}

header .acoes-header #area-pesquisa-geral .input-pesquisar {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    padding-right: 20px;
    padding-left: 20px;
    min-width: 350px;
    height: 46px;
}

header .acoes-header #area-pesquisa-geral .input-pesquisar.mostrando-resultados {
    border-bottom-left-radius: 0;
}

header .acoes-header #area-pesquisa-geral .btn-pesquisar {
    background: #E8E4FF;
    border-color: #E8E4FF;
    border-radius: 100% !important;
    margin-left: -20px !important;
    color: #5433FF;
    padding: 10px 12px;
    height: 46px;
}

header .acoes-header #area-pesquisa-geral .btn-pesquisar .fa {
    font-size: 22px;
}

header .acoes-header #area-pesquisa-geral .resultados-filtro-menu-principal {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 45px;
    left: 0;
    width: auto;
    min-width: calc(100% - 32px);
    z-index: 99999;
    max-height: 227px;
    overflow: hidden auto;
    list-style: none;
    border: 1px solid #7f7f7f;
    scrollbar-color: #797979 #343434;
    scrollbar-width: thin;
}

header .acoes-header #area-pesquisa-geral .resultados-filtro-menu-principal li {
    padding: 3px 6px;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
}

header .acoes-header #area-pesquisa-geral .resultados-filtro-menu-principal li .descricao-link {
    color: #6E6E6E;
    font-size: 16px;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

header .acoes-header #area-pesquisa-geral .resultados-filtro-menu-principal li .caminho-link {
    color: #6a6a6a;
    font-size: 12px;
    white-space: nowrap;
}

header .acoes-header #area-pesquisa-geral .resultados-filtro-menu-principal li i.fa-star {
    margin-left: auto;
    padding-left: 5px;
}

header .acoes-header #area-pesquisa-geral .resultados-filtro-menu-principal li i.fa-star:hover,
header .acoes-header #area-pesquisa-geral .resultados-filtro-menu-principal li i.fa-star.fas {
    color: #5433ff;
}

header .acoes-header #area-pesquisa-geral .resultados-filtro-menu-principal li.selecionado {
    background: #f4f4f7;
}

header .acoes-header #area-pesquisa-geral .resultados-filtro-menu-principal li.selecionado .descricao-link {
    color: #5433ff;
}

header .acoes-header #area-pesquisa-geral .resultados-filtro-menu-principal li.selecionado .caminho-link {
    color: #858585;
}

header .acoes-header #area-pesquisa-geral .resultados-filtro-menu-principal li.link-esta-aberto {
    font-weight: 600;
}

header .acoes-header #area-pesquisa-geral .resultados-filtro-menu-principal li.link-esta-aberto .caminho-link {
    opacity: 0.8;
}

header .acoes-header #area-pesquisa-geral .resultados-filtro-menu-principal::-webkit-scrollbar {
    width: 14px;
}

header .acoes-header #area-pesquisa-geral .resultados-filtro-menu-principal::-webkit-scrollbar-track {
    background: #f1f1f1;
}

header .acoes-header #area-pesquisa-geral .resultados-filtro-menu-principal::-webkit-scrollbar-thumb {
    background-color: #cbcbcb;
    border: 1px solid #f1f1f1;
}

header .acoes-header #botoes-geral {
    margin-left: 35px;
}

header .acoes-header #botoes-geral a:first-of-type {
    margin-right: 35px;
}

header .acoes-header #botoes-geral i {
    font-size: 30px;
}

header .acoes-header #botoes-geral .link-updates {
    position: relative;
}

header .acoes-header #botoes-geral .tem-atualizacao {
    color: #ff4148;
}

header .acoes-header #botoes-geral .nova-versao {
    position: absolute;
    font-size: 13px;
    font-weight: 600;
    bottom: -21px;
    left: -28px;
    color: #ff4148;
    width: 85px;
    text-align: center;
    line-height: 1;
}

header .acoes-header #menu-perfil-usuario {
    margin-left: 35px;
    font-size: 22px;
    height: 46px;
    background: white;
    cursor: pointer;
}

header .acoes-header #menu-perfil-usuario .user-information {
    display: flex;
    align-items: center;
}

header .acoes-header #menu-perfil-usuario .user-information .user-profile {
    display: flex;
    align-items: center;
}

header .acoes-header #menu-perfil-usuario .user-information .user-profile .inicial-nome-usuario {
    background: #D2F0FF;
    color: #009AE6;
    font-weight: 700;
    padding: 6px 14px;
    border-radius: 100%;
    margin-right: 10px;
}

header .acoes-header #menu-perfil-usuario .user-information .dados-usuario {
    display: flex;
    flex-direction: column;
    color: #6E6E6E;
    font-size: 17px;
    line-height: 1.2;
    margin-right: 20px;
    white-space: nowrap;
}

header .acoes-header #menu-perfil-usuario .user-information .dados-usuario .nome-usuario {
    font-size: 22px;
    font-weight: 700;
}

header .acoes-header #menu-perfil-usuario .user-information .dados-usuario .nome-usuario .fa-angle-down {
    font-size: 13px;
}

header .acoes-header #menu-perfil-usuario .user-information .dados-usuario .nome-usuario .fa-angle-down:hover {
    color: #5433ff;
}

header .acoes-header #menu-perfil-usuario .user-information .opcoes-usuario {
    display: none;
    opacity: 0;
    z-index: 10;
    border-radius: 26px;
    transition: opacity 0.5s ease-in-out;
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.25);
    box-sizing: border-box;
    padding: 15px 25px;
    background-color: white;
    right: 70px;
    top: 85px;
}

header .acoes-header #menu-perfil-usuario .user-information .opcoes-usuario .titulo {
    color: #B4B4B4;
    font-weight: bold;
    margin-bottom: 5px;
    display: inline-block;
}

header .acoes-header #menu-perfil-usuario .user-information .opcoes-usuario ul {
    margin-top: 8px;
    margin-bottom: 0px;
    padding: 0;
    list-style-type: none;
}

header .acoes-header #menu-perfil-usuario .user-information .opcoes-usuario ul li {
    color: #6e6e6e;
    font-weight: 400;
}

header .acoes-header #menu-perfil-usuario .user-information .opcoes-usuario ul li > i {
    font-size: 20px;
    margin-right: 10px;
    color: #999;
}

header .acoes-header #menu-perfil-usuario .user-information .opcoes-usuario ul li:hover {
    color: #5433FF;
    cursor: pointer;
}

header .acoes-header #menu-perfil-usuario .user-information .opcoes-usuario ul li:hover > i {
    color: #5433FF;
}

header .acoes-header #menu-perfil-usuario .user-information .opcoes-usuario ul li:not(:last-of-type) {
    margin-bottom: 10px;
}

header .acoes-header #menu-perfil-usuario .user-information .dados-usuario:where(:focus, :focus-within) .nome-usuario .fa-angle-down {
    color: #5433ff;
}

header .acoes-header #menu-perfil-usuario .user-information .dados-usuario:where(:focus, :focus-within) .nome-usuario .fa-angle-down:before {
    content: "\f106";
    /* código unicode do ícone fa-angle-up */
}

header .acoes-header #menu-perfil-usuario .user-information .dados-usuario:where(:focus, :focus-within) .opcoes-usuario {
    display: block;
    position: absolute;
    opacity: 1;
}

header .acoes-header #menu-perfil-usuario .user-logout i {
    font-size: 30px;
}

header #menu-primario {
    padding: 0;
    margin: 0;
}

header #menu-primario > li {
    list-style: none;
    display: inline-block;
    margin: 0 9px;
}

header #menu-primario > li > a {
    color: #b5b5b5;
}

header #menu-primario > li > a:hover {
    color: #fff;
}

img.logo-dapic {
    filter: invert(22%) sepia(67%) saturate(4409%) hue-rotate(246deg) brightness(96%) contrast(114%);
}

.container-fluid {
    min-height: calc(100% - 96px - 25px - 100px);
}

footer {
    height: 40px;
    padding: 0 15px;
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 15px;
    color: #909090;
}

footer .copyright {
    margin-bottom: 3px;
    font-size: 16px;
}

footer .fa-heart {
    color: #006eff;
    display: inline-block;
    margin: 0 3px;
    font-size: 18px;
    cursor: pointer;
    user-select: none;
}

#main .cadastro {
    background: #fff;
    padding: 10px 15px;
    border-radius: 15px;
    position: relative;
}

#main .conteudo {
    width: 100%;
}

#main .resumo + .cadastro,
#main .menu-cadastro + .cadastro,
#main .menu-cadastro-aninhado + .cadastro {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#main .centro-conteudo:has(.resumo, .menu-cadastro, .menu-cadastro-aninhado) .cadastro {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#main .cabecalho-conteudo {
    color: #6E6E6E;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    position: absolute;
    right: 10px;
    top: 1px;
}

#main .cabecalho-conteudo .empresa-logada {
    display: flex;
    align-items: center;
}

#main .cabecalho-conteudo .empresa-logada .logo-empresa-logada {
    height: 75px;
    width: 75px;
    border-radius: 100%;
    background: #fff;
    margin-right: 15px;
    display: flex;
    align-items: center;
    overflow: hidden;
}

#main .cabecalho-conteudo .empresa-logada .logo-empresa-logada > img {
    width: 100%;
}

#main .cabecalho-conteudo .empresa-logada .dados-empresa-logada {
    display: flex;
    flex-direction: column;
}

#main .cabecalho-conteudo .empresa-logada .dados-empresa-logada .nome-empresa-logada {
    font-size: 23px;
    font-weight: 700;
}

#main .cabecalho-conteudo .empresa-logada .dados-empresa-logada .data-expiracao {
    color: #BFBFBF;
    font-weight: 500;
}

#main .cabecalho-conteudo .empresa-logada .dados-empresa-logada .data-expiracao .vencimento-perto {
    color: #d9534f;
}

#main .cabecalho-conteudo .empresa-logada .dados-empresa-logada .data-expiracao .vencimento-medio {
    color: #bbaa3a;
}

#main .cabecalho-conteudo .empresa-logada .dados-empresa-logada .data-expiracao .vencimento-longe {
    color: #5cb85c;
}

#main .cabecalho-conteudo .empresa-logada .dados-empresa-logada .area-trocar-empresa {
    position: relative;
}

#main .cabecalho-conteudo .empresa-logada .dados-empresa-logada .btn-trocar-empresa {
    color: #6E6E6E;
    display: flex;
    align-items: center;
    cursor: pointer;
}

#main .cabecalho-conteudo .empresa-logada .dados-empresa-logada .btn-trocar-empresa > i {
    font-size: 20px;
    font-weight: 700;
    display: block;
    text-align: center;
    width: 28px;
}

#main .cabecalho-conteudo .empresa-logada .dados-empresa-logada .btn-trocar-empresa:where(:hover, :focus, :focus-within) > .fa {
    color: #5433ff;
}

#main .cabecalho-conteudo .empresa-logada .dados-empresa-logada .menu-empresas-para-trocar {
    display: none;
    list-style: none;
    padding: 8px;
    margin: 0;
    font-size: 18px;
    white-space: nowrap;
    border: 1px solid #ddd;
    z-index: 20002;
}

#main .cabecalho-conteudo .empresa-logada .dados-empresa-logada .menu-empresas-para-trocar > li {
    border-radius: 15px;
    margin-bottom: 2px;
}

#main .cabecalho-conteudo .empresa-logada .dados-empresa-logada .menu-empresas-para-trocar > li > a {
    display: block;
    padding: 5px 15px;
    color: #6E6E6E;
    font-weight: 500;
    cursor: pointer;
}

#main .cabecalho-conteudo .empresa-logada .dados-empresa-logada .menu-empresas-para-trocar > li > a:before {
    content: '';
    display: inline-block;
    border-radius: 100%;
    height: 8px;
    width: 8px;
    vertical-align: 2px;
    margin-right: 7px;
}

#main .cabecalho-conteudo .empresa-logada .dados-empresa-logada .menu-empresas-para-trocar > li > a.industria:before {
    background-color: blue;
}

#main .cabecalho-conteudo .empresa-logada .dados-empresa-logada .menu-empresas-para-trocar > li > a.loja:before {
    background-color: #bd02bd;
}

#main .cabecalho-conteudo .empresa-logada .dados-empresa-logada .menu-empresas-para-trocar > li:last-child {
    margin-bottom: 0;
}

#main .cabecalho-conteudo .empresa-logada .dados-empresa-logada .menu-empresas-para-trocar > li:hover {
    background: #EBEBF0;
}

#main .cabecalho-conteudo .empresa-logada .dados-empresa-logada .btn-trocar-empresa:where(:focus, :focus-within) > .menu-empresas-para-trocar {
    display: block;
    position: absolute;
    background: #fff;
    top: 35px;
    right: 0;
    border-radius: 15px;
    max-height: 275px;
    overflow-y: auto;
}

#main .cabecalho-conteudo .mensagem-dapic {
    background: #fff;
    border: 20px solid #fff;
    border-radius: 15px;
    font-weight: 500;
    max-width: 40vw;
    max-height: 108px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.btn-ajuda {
    position: absolute;
    top: 10px;
    right: 15px;
    background-color: #fff3e1;
    color: #fb6f1e;
    border-color: #ffeacb;
}

.btn-ajuda:focus,
.btn-ajuda:hover {
    background-color: #ffe0b1;
    color: #fb6f1e;
    border-color: #ffeacb;
}

.btn-file {
    position: relative;
    overflow: hidden;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    cursor: inherit;
    display: block;
}

a:focus {
    outline: none;
    text-decoration: none;
}

.checkbox {
    display: inline-block;
}

.alert-sm {
    font-size: 15px;
    margin: 10px 0;
    padding: 8px 12px;
}

.alert .alert-title {
    display: block;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 5px;
}

span.input-group-addon > input[type="checkbox"],
span.input-group-addon > input[type="radio"] {
    margin-top: 1px;
}

input[type="checkbox"],
input[type="radio"] {
    margin-top: 5px;
    transform: scale(1.2);
}

.tooltip {
    z-index: 999999 !important;
    font-size: 14px;
    font-family: 'Outfit';
}

.tooltip.in {
    opacity: 0.95;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #5433ff;
}

.tooltip.top-left .tooltip-arrow {
    border-top-color: #5433ff;
}

.tooltip.top-right .tooltip-arrow {
    border-top-color: #5433ff;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #5433ff;
}

.tooltip .tooltip-arrow {
    border-bottom-color: #5433ff !important;
}

.tooltip .tooltip-inner {
    color: #fff;
    background-color: #5433ff;
    width: auto;
    max-width: 330px;
}

.tooltip .tooltip-inner:has(img) {
    max-width: 100%;
}

.webpic-tooltip {
    margin-left: 2px;
    cursor: help;
}

.webpic-tooltip i.fa-check-square {
    color: #000;
    cursor: pointer;
}

.webpic-tooltip i {
    color: #5433ff;
}

.btn-success .webpic-tooltip i,
.btn-primary .webpic-tooltip i {
    color: #fff;
}

.descricao-topo {
    font-size: 20px;
    background: #f4f4f7;
    padding: 9.5px 13px;
    display: flex;
    align-items: center;
}

.descricao-topo.tela {
    font-weight: 600;
    color: #6E6E6E;
    margin-bottom: 8px;
    min-height: 79px;
}

.descricao-topo.tela .icone-tela {
    border: 1px solid #5433FF;
    width: 60px;
    height: 60px;
    border-radius: 15px;
    background: #5433FF;
    box-shadow: -1px 5px 11px #6d51ff;
    margin-right: 14px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.descricao-topo.tela .icone-tela i {
    font-size: 38px;
}

.descricao-topo.tela .caminho {
    list-style: none;
    line-height: 0;
    margin: 0;
    padding: 0;
    margin-top: 3px;
}

.descricao-topo.tela .caminho li {
    font-size: 15px;
    font-weight: 500;
    display: inline-block;
    margin-right: 3px;
    text-transform: none;
    line-height: 1;
}

.descricao-topo.tela .caminho li:nth-child(1) {
    color: #B4B4B4;
}

.descricao-topo.tela .caminho li:nth-child(2) {
    color: #939393;
}

.descricao-topo.tela .caminho li:nth-child(3) {
    color: #7b7b7b;
}

.descricao-topo.tela .caminho li:last-of-type:after {
    content: '';
}

.descricao-topo.tela .caminho li:after {
    font-family: "Font Awesome 6 Pro";
    content: "  \f105";
    font-size: 18px;
    vertical-align: -2px;
    margin-left: 3px;
}

.descricao-resumida {
    padding: 22px 21px;
    color: #ABABAB;
    font-size: 13px;
}

.descricao-resumida > a {
    color: #fff;
}

.table > thead tr {
    background-color: #f4f4f7;
    color: #505050;
}

@media (min-width: 769px) {
    header {
        margin-bottom: 10px;
    }

    header #menu-primario {
        display: inline-block;
        position: absolute;
        /*left: 298px;*/
        left: 26%;
        top: 27px;
    }

    header #menu-primario > li {
        font-size: 18px;
    }

    #main {
        position: relative;
        display: flex;
    }
}

@media (max-width: 768px) {
    .descricao-topo .caminho {
        display: none;
    }

    header {
        margin-bottom: 15px;
    }

    #main .conteudo {
        float: left;
        width: 100%;
    }
}

a:hover {
    text-decoration: none;
}

label {
    font-weight: normal;
    font-size: 16px;
}

label[alt='required-field-label']::after {
    content: ' *';
    font-weight: 700;
    color: #FF0000;
}

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

.form-group {
    margin-bottom: 9px;
}

.has-error {
    color: #B94A48;
}

.has-error .form-control {
    color: #B94A48;
    border-color: #DCA5A4;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.has-error .form-control:focus {
    border-color: #C05C5A;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 15px;
}

.form-control:focus {
    border-color: #7f7f7f;
    -webkit-box-shadow: none;
    box-shadow: none;
}

select.input-xs,
.input-xs {
    height: 31px;
    padding: 4px 12px;
    font-size: 15px;
    line-height: 1.42857143;
}

select.input-sm,
.input-sm {
    height: 40px;
    padding: 7px 12px;
    font-size: 16px;
    line-height: 1.3333333;
}

select.input-lg,
.input-lg {
    height: 46px;
    padding: 10px 13px;
    font-size: 17px;
}

.checkbox-block label {
    display: block;
}

.checkbox-block input {
    margin-top: 5px;
}

.checkbox-inline-sm label {
    display: flex;
    column-gap: 5px;
    margin: 0;
    cursor: pointer;
    font-size: 14px;
}

.checkbox-inline-sm input[type="checkbox"] {
    margin-top: 0;
    transform: none;
}

.btn {
    border-radius: 15px;
    padding: 7px 12px;
    font-size: 16px;
    font-weight: normal;
}

.btn i {
    min-width: 1.08em;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: none !important;
}

.btn-xs,
.btn-group-xs > .btn {
    padding: 4px 8px;
    font-size: 15px;
    height: 31px;
}

.btn-xs i,
.btn-group-xs > .btn i {
    font-size: 14px;
    min-width: 1em;
}

.btn-xs .label {
    padding: 1px 5px;
    font-size: 80%;
}

.btn-sm,
.btn-group-sm > .btn {
    padding: 7px 12px;
    font-size: 16px;
    height: 40px;
}

.btn-sm i,
.btn-group-sm > .btn i {
    min-width: 1.08em;
}

.btn-lg,
.btn-group-lg > .btn {
    padding: 10px 13px;
    font-size: 17px;
    height: 46px;
}

.btn-lg i,
.btn-group-lg > .btn i {
    font-size: 17px;
    min-width: 1.08em;
}

.btn-only {
    margin-top: 24px;
}

.cursor-pointer {
    cursor: pointer;
}

.input-btn-side {
    position: relative;
    display: table;
    border-collapse: separate;
}

.input-btn-side > .form-control {
    display: table-cell;
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}

.input-btn-side > span {
    position: relative;
    font-size: 0;
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
    display: table-cell;
}

.input-btn-side > span > .btn {
    position: relative;
    margin-left: 5px;
}

.input-group-addon.input-sm i {
    font-size: 13px;
}

.no-margin {
    margin: 0;
}

.no-margin-top {
    margin-top: 0;
}

.no-margin-bottom {
    margin-bottom: 0;
}

.no-margin-left {
    margin-left: 0;
}

.no-margin-right {
    margin-right: 0;
}
/* For input sizes, make them display block */
.docs-input-sizes > div.input-prepend {
    display: block;
    margin: 0 0 9px;
}

.disabled .caret {
    border-top-color: #999 !important;
    border-bottom-color: #999 !important;
}

hr {
    margin: 11px 0;
}

input[alt="timeHourMinute"],
input[alt="timeMinuteSecond"] {
    width: 75px;
}

input[alt="fullTime"] {
    min-width: 100px;
}

.input-data-hora > input:nth-child(1) {
    width: calc(100% - 80px);
    display: inline-block;
}

.input-data-hora > input:nth-child(2) {
    display: inline-block;
}

textarea {
    resize: vertical;
}

.column-action {
    width: 30px;
}

.column-nowrap {
    width: 1px;
    white-space: nowrap;
}

.unselectable {
    -webkit-user-select: none;
    /* Safari */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* IE 10+/Edge */
    user-select: none;
    /* Padrão */
}
/* Bootstrap nav pills */
.nav-pills {
    font-size: 13px;
}

.nav-pills i {
    font-size: 14px;
}

.nav-pills > .nav-header {
    display: block;
    padding: 3px 0;
    font-size: 11px;
    font-weight: bold;
    line-height: 20px;
    color: #999;
    -webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
}

.nav-pills > li > a {
    padding: 3px 9px;
}
/* Bootstrap nav pills */
#retornos {
    position: fixed;
    bottom: 0;
    left: 0;
    filter: alpha(opacity=95);
    opacity: 0.95;
    max-width: 50vw;
    z-index: 999999;
    counter-reset: contador-erros;
    max-height: 200px;
    overflow-y: auto;
    margin-left: 10px;
    margin-bottom: 10px;
    scrollbar-gutter: stable;
}

#retornos .alertas > div,
#retornos .erros > div {
    counter-increment: contador-erros;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    margin-top: 3px;
    display: flex;
    gap: 5px;
}

#retornos .alertas > div:before,
#retornos .erros > div:before {
    content: counter(contador-erros) ") ";
    font-weight: 700;
    vertical-align: top;
}

#retornos .alertas > div details,
#retornos .erros > div details {
    display: inline-block;
}

#retornos .alertas > div summary u,
#retornos .erros > div summary u {
    cursor: pointer;
}

#retornos .alert {
    margin: 0;
}

#retornos .close {
    line-height: 17px;
    font-size: 26px;
    opacity: 0.5;
    margin-left: 8px;
}

fieldset {
    margin-top: 15px;
}

fieldset > legend {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
}

@media (min-width: 1200px) {
    .input-append > .col-lg-4 {
        width: 130px;
    }

    .input-append > .col-lg-6 {
        width: 230px;
    }
}

.popover-title {
    font-weight: bold !important;
}

.dropdown-menu {
    font-size: 15px;
}
/* correção do z-index do timepicker que ficava abaixo do modal do bootstrap */
.bootstrap-timepicker.dropdown-menu.open {
    z-index: 1050;
}
/* correção do z-index do timepicker que ficava abaixo do modal do bootstrap */
/* limitado o tamanho do dropdown do typeahead */
.tt-dropdown-menu {
    max-height: 170px;
    overflow: auto;
    border-radius: 0;
    padding: 5px;
}

.tt-suggestion {
    line-height: 18px;
    cursor: pointer;
    padding: 5px;
}
/* limitado o tamanho do dropdown do typeahead */
.overlay-alerta-empresa-alterada {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.55);
    z-index: 9999999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.overlay-alerta-empresa-alterada .alerta-empresa-alterada {
    background: #ffffff;
    display: inline-block;
    padding: 10px;
    border: 1px solid #3E3E3E;
    text-align: center;
    border-radius: 20px;
}

.overlay-alerta-empresa-alterada .titulo-alerta-empresa {
    color: red;
    font-size: 20px;
    display: inline-block;
    margin-bottom: 5px;
}

.overlay-alerta-empresa-alterada .ajuda-alerta-empresa {
    font-size: 12px;
    font-style: italic;
    margin-top: 5px;
}

.tab-padrao .nav-tabs {
    border-bottom: 3px solid #f5f5f8;
}

.tab-padrao .nav-tabs > li {
    font-weight: 500;
    color: #6E6E6E;
    border: 2px solid transparent;
    border-bottom: none;
    cursor: default;
    padding: 0;
}

.tab-padrao .nav-tabs > li.active,
.tab-padrao .nav-tabs > li.active:hover,
.tab-padrao .nav-tabs > li.active:focus {
    background: #fff1c0;
    color: #735d0d;
    border: 2px solid #f7eabc;
    border-bottom: none;
}

.tab-padrao .tab-content {
    padding: 15px;
    border: 2px solid #efefef;
    border-top: none;
    margin-top: -2px;
}

.tab-padrao .nav > li:hover,
.tab-padrao .nav > li:focus {
    background: #f5f5f8;
    color: #735d0d;
}

.tab-padrao .nav > li.disabled {
    pointer-events: none;
    user-select: none;
    box-shadow: none;
    color: rgba(199, 199, 199, 0.5);
    cursor: not-allowed;
}

.tab-padrao.tab-padrao-md .nav > li {
    padding: 7px 15px;
}

.tab-padrao.tab-padrao-md .nav-tabs {
    font-size: 14px;
}

.btn-toolbar .separator {
    border-left: 1px solid #eee;
    float: left;
    width: 1px;
    height: 24px;
    margin-left: 8px;
    margin-right: 3px;
    margin-top: 3px;
}

.sem-valor {
    background-size: 16px 16px;
    background-image: linear-gradient(to bottom left, rgba(255, 255, 255, 0.5) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.5) 75%, transparent 75%, transparent);
}

.fa-angle-double-down.btn-replicar-valores {
    padding: 2px 4px;
    color: #ffffff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.fa-angle-double-down.btn-replicar-valores:hover {
    color: #ffffff;
    background-color: #449d44;
    border-color: #398439;
}

@media (max-width: 767px) {
    .add-on + input {
        width: 89% !important;
    }

    #retornos {
        max-width: 90vw;
    }
}

@media (max-width: 768px) {
    .filtro-menu-principal {
        width: auto;
    }
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 100%;
        max-width: 1050px;
    }

    .modal-dialog.modal-small {
        max-width: 600px;
    }
}

.modal-wide {
    width: 100%;
    max-width: 1300px;
}

#modal-grid-filtros fieldset:first-of-type {
    margin-top: 0;
}

#modal-grid-filtros fieldset {
    margin-top: 10px;
}

#modal-grid-filtros legend {
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 700;
}

#modal-grid-filtros .modal-footer {
    margin-top: 0;
}
/* tokenfield */
.input-group-sm .token,
.tokenfield.input-sm .token {
    height: auto;
    border-radius: 15px;
    padding: 0 4px;
}

.input-group-sm .token-input,
.tokenfield.input-sm .token-input {
    height: 20px;
    margin: 2px 0 0 0;
    padding: 0;
}

.tokenfield .token .close {
    line-height: 1;
    vertical-align: middle;
}

.tokenfield input:disabled + .token {
    pointer-events: none;
}
/* loadmask */
body > .loadmask {
    z-index: 20003;
}

body > .loadmask-msg {
    z-index: 20004;
}
/* atendimento digisac */
.atendimento-digisac {
    width: 75px;
    height: 75px;
    bottom: 15px;
    right: 30px;
    position: fixed;
    background: #E8E4FF;
    pointer-events: none;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: -1px 7px 30px #a08eff;
    z-index: 999999;
}

.atendimento-digisac .icone-atendimento {
    font-size: 48px;
    color: #5433FF;
}

.atendimento-digisac.prospect {
    background: #00bd07;
}

.atendimento-digisac.prospect .icone-atendimento {
    font-size: 48px;
    color: #fff;
    margin-top: -3px;
    margin-left: 3px;
}

.close-widgets-container {
    width: 57px !important;
    height: 65px !important;
    right: 38px !important;
    bottom: 19px !important;
    opacity: 0;
}
/* Dialog */
dialog {
    position: relative;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 11px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    outline: 0;
    max-height: calc(100vh - 30px);
    min-width: 400px;
}

dialog[open] {
    display: flex;
    flex-direction: column;
}

dialog::backdrop {
    background: rgba(0, 0, 0, 0.4);
}

dialog.dialog-lg {
    min-width: 900px;
}

dialog .dialog-head {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

dialog .dialog-body {
    flex-grow: 1;
}

dialog .dialog-foot {
    border-top: 1px solid #ddd;
    padding-top: 10px;
    margin-top: 10px;
}

dialog .dialog-title {
    margin: 0;
}

dialog .dialog-close {
    position: absolute;
    right: 20px;
    top: 12px;
    font-size: 30px;
    font-weight: bold;
    line-height: 1;
    color: #000000;
    opacity: 0.2;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    appearance: none;
}

.particle {
    position: absolute;
    background-color: #006eff;
    height: 5px;
    width: 5px;
    border-radius: 50%;
    animation: explode 1s ease-out;
}

.particle-heart {
    position: absolute;
    height: 0;
    width: 0;
    animation: explode 1s ease-out;
}

@keyframes explode {
    from {
        transform: scale(1);
        opacity: 1;
    }

    to {
        transform: scale(0);
        opacity: 0;
    }
}

#popup-modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 99999999;
    display: flex;
    justify-content: center;
    align-items: center;
}

#popup-modal .modal-content {
    background-color: transparent;
    box-shadow: none;
    padding: 7px;
    border: none;
    width: fit-content;
}

#popup-modal .fechar {
    position: absolute;
    right: 30px;
    top: 30px;
    font-weight: bold;
    font-size: 36px;
    line-height: 1;
    color: #fff;
    cursor: pointer;
    background: #fff;
    color: #5433ff;
    border-radius: 100%;
    padding: 0px 8px;
    border: 1px solid;
}

#popup-modal .fechar:hover,
#popup-modal .fechar:focus {
    color: #fff;
    background: #5433ff;
}

#popup-modal img {
    max-height: 90vh;
    max-width: 90vw;
    width: 100%;
    max-width: 1100px;
}

.modal-configuracao-tela .modal-body > fieldset:first-of-type {
    margin-top: 0;
}

.modal-configuracao-tela .modal-body > fieldset > div {
    padding: 0 20px;
}

.modal-configuracao-tela .modal-body .checkbox {
    margin: 0;
}

.form-control:focus,
.bootstrap-select.open > .dropdown-toggle.btn-default,
.bootstrap-select.open > .dropdown-toggle.btn-default:hover,
.select2-container-active .select2-choice,
.select2-container-multi.select2-container-active .select2-choices,
.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
    border-color: transparent !important;
    outline: 2px solid #337ab7;
    outline-offset: -2px;
}

.app-cadastro-modal {
    scrollbar-gutter: auto;
}

.app-cadastro-modal #main .descricao-topo.tela {
    min-height: auto;
    background: #e3e3e3;
    position: sticky;
    top: 0;
    z-index: 1000000;
    margin-left: -15px;
    margin-right: -15px;
    padding: 4px 15px;
    border-bottom: 2px solid #d5d5d5;
}

.app-cadastro-modal #main .descricao-topo.tela .caminho {
    display: none;
}

.app-cadastro-modal #main .descricao-topo.tela .icone-tela {
    display: none;
}

.modal-cadastro {
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-cadastro .modal-header {
    padding: 0;
    border: none;
}

.modal-cadastro .modal-dialog {
    margin: 0;
    padding: 0;
    max-width: 100%;
}

.modal-cadastro .modal-title {
    width: 100%;
}

.modal-cadastro .modal-content {
    height: calc(100vh - 60px);
    margin: 30px;
}

.modal-cadastro .modal-body {
    padding: 0;
    height: 100%;
}

.modal-cadastro .close {
    position: absolute;
    font-size: 27px;
    color: #000;
    z-index: 99999999;
    right: 23px;
    top: 8px;
}

.modal-cadastro #cadastro-iframe {
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 10px;
}

.btn-abrir-cadastro {
    background-color: #D3F9E0;
    color: #1FD55C;
    border-color: #ccc;
}

.btn-abrir-cadastro:hover {
    background-color: #1FD55C;
    color: #D3F9E0;
}

.btn-abrir-cadastro:hover:disabled {
    background-color: #D3F9E0;
    color: #1FD55C;
}

.btn-toolbar-sticky {
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 9;
    padding: 10px 0;
    margin-top: -10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eeeeee;
}

.btn-process {
    color: #6F6315;
    background-color: #F9E776;
    border-color: #EAD866;
}

.btn-process:hover,
.btn-process:focus,
.btn-process:active,
.btn-process.active,
.open .dropdown-toggle.btn-process {
    color: #6F6315;
    background-color: #EDDA62;
    border-color: #EAD866;
}

.btn-process:active,
.btn-process.active,
.open .dropdown-toggle.btn-process {
    background-image: none;
}

.btn-process.disabled,
.btn-process[disabled],
fieldset[disabled] .btn-process,
.btn-process.disabled:hover,
.btn-process[disabled]:hover,
fieldset[disabled] .btn-process:hover,
.btn-process.disabled:focus,
.btn-process[disabled]:focus,
fieldset[disabled] .btn-process:focus,
.btn-process.disabled:active,
.btn-process[disabled]:active,
fieldset[disabled] .btn-process:active,
.btn-process.disabled.active,
.btn-process[disabled].active,
fieldset[disabled] .btn-process.active {
    background-color: #F9E776;
    border-color: #EAD866;
}

.btn-process .badge {
    color: #F9E776;
    background-color: #6F6315;
}

.btn-outline-primary {
    color: #2A7FFF;
    background-color: #fff;
    border-color: #2A7FFF;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active,
.open .dropdown-toggle.btn-outline-primary {
    color: #fff;
    background-color: #2A7FFF;
    border-color: #2A7FFF;
}

.btn-outline-primary:active,
.btn-outline-primary.active,
.open .dropdown-toggle.btn-outline-primary {
    background-image: none;
}

.btn-outline-primary.disabled,
.btn-outline-primary[disabled],
fieldset[disabled] .btn-outline-primary,
.btn-outline-primary.disabled:hover,
.btn-outline-primary[disabled]:hover,
fieldset[disabled] .btn-outline-primary:hover,
.btn-outline-primary.disabled:focus,
.btn-outline-primary[disabled]:focus,
fieldset[disabled] .btn-outline-primary:focus,
.btn-outline-primary.disabled:active,
.btn-outline-primary[disabled]:active,
fieldset[disabled] .btn-outline-primary:active,
.btn-outline-primary.disabled.active,
.btn-outline-primary[disabled].active,
fieldset[disabled] .btn-outline-primary.active {
    background-color: #fff;
    border-color: #2A7FFF;
}

.btn-outline-primary .badge {
    color: #fff;
    background-color: #2A7FFF;
}

table.gridjs-table {
    width: auto;
}
th.gridjs-th, 
td.gridjs-td {
    white-space: nowrap;
    user-select: text;
}