.green-circle {
    color: #288129;
}

.red-circle {
    color: #DB2828;
}

.yellow-circle {
    color: #FBBD08;
}

.blue-circle {
    color: #4F7BEA;
}
/*validações*/
.validation-summary-errors ul {
    color: #fd397a;
}
/*validações*/

/*Botão favorito no suheader*/
.kt-subheader .kt-subheader__btn-favorite {
    background: #fff;
    color: #959cb6;
    font-weight: 500
}

    .kt-subheader .kt-subheader__btn-favorite i {
        color: #959cb6
    }

    .kt-subheader .kt-subheader__btn-favorite.active,
    .kt-subheader .kt-subheader__btn-favorite:active,
    .kt-subheader .kt-subheader__btn-favorite:focus,
    .kt-subheader .kt-subheader__btn-favorite:hover {
        color: #fff;
        background: #ffb822
    }

        .kt-subheader .kt-subheader__btn-favorite.active i,
        .kt-subheader .kt-subheader__btn-favorite:active i
        .kt-subheader .kt-subheader__btn-favorite:focus i,
        .kt-subheader .kt-subheader__btn-favorite:hover i {
            color: #fff
        }
/*Botão favorito no suheader*/

/*Customização para o switch da dev extreme*/
.dx-switch-wrapper {
    border-radius: 15px !important;
}

.dx-switch-inner {
    background: #F3F3F3 0% 0% no-repeat padding-box;
    border-radius: 15px !important;
}

.dx-switch-container {
    padding: 0 !important;
    border-radius: 15px !important;
}

.dx-switch-handle:before {
    border: 1px solid #DEDFDF;
    background: transparent radial-gradient(closest-side at 50% 50%, #FFFFFF 0%, #FCFCFC 100%) 0% 0% no-repeat padding-box;
    border-radius: 15px !important;
    width: 22px !important;
    height: 22px !important;
}

.dx-switch-handle {
    margin-top: 0 !important;
    width: 22px !important;
    height: 22px !important;
}

.dx-switch-container {
    width: 50px !important;
}

.dx-switch-on {
    padding-right: 22px !important;
    color: #F3F3F3 !important;
    border-radius: 15px !important;
    background: #22B9FF 0% 0% no-repeat padding-box;
}

.dx-switch-off {
    padding-right: 22px !important;
    color: #434444 !important;
    border-radius: 15px !important;
    background: #F3F3F3 0% 0% no-repeat padding-box;
}
/*Customização para o switch da dev extreme*/


/*at-who*/
.atwho-container .atwho-view .atwho-view-ul li {
    border: none;
    padding: 0.3rem 1rem;
    color: #575962 !important;
}

    .atwho-container .atwho-view .atwho-view-ul li.cur {
        background: #22b9ff;
        text-decoration: none;
        color: #fff !important;
    }
/*at-who*/


.tooltip-inner-tam-max {
    max-width: 400px !important;
    text-align: left;
}

.progresso-modal .modal-dialog {
    max-width: 60% !important;
}

.progresso-modal .progresso-btn {
    width: 8em;
}

.progresso-modal-box-parar .modal-dialog {
    max-width: 40% !important;
    font-size: 16px;
}

.progresso-modal-box-parar .bootbox .modal-dialog .modal-body {
    margin-left: 2.5em;
    margin-top: 1em;
}

.progresso-modal-box-parar .modal-header {
    font-size: 16px;
    padding: 1.5em 2em;
}

.progresso-modal-box-parar .modal-body {
    display: block;
    padding-bottom: 1em;
    padding-left: 2em;
    padding-right: 1em;
}

.progresso-modal-box-parar .modal-footer {
    display: block;
    align-items: center;
    flex-wrap: wrap;
    text-align: center;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #F3F3F3;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    text-align: center;
}

.progresso-modal-box-parar .parar-btn {
    font-size: 16px;
}

.progresso-modal-box-parar .parar-btn-sim {
    background-color: black;
    color: white;
}

.progresso-modal-box-parar .parar-btn-nao {
    background-color: white;
    color: black;
    border: 1px solid black;
}

.disabledContainer {
    pointer-events: none;
    opacity: 0.4;
}

.btn-custom {
    border: 1px solid #cacfd1;
    padding: 7px;
    max-height: 36px;
    height: 36px;
    min-width: 36px;
    border-radius: 4px;
}

    .btn-custom:hover {
        background-color: #cacfd1;
    }

.btn-custom-laranja-questor {
    border: 1px solid #E9511D;
    padding: 7px;
    max-height: 36px;
    height: 36px;
    min-width: 36px;
    border-radius: 4px;
    background-color: #E9511D;
    color: white;
}

    .btn-custom-laranja-questor:hover {
        color: white;
    }

.modal-60p .modal-dialog {
    max-width: 60% !important;
}

.modal-operacao-lote .modal-dialog {
    max-width: 50% !important;
}

.modal-logs .modal-dialog {
    max-width: 80% !important;
}

#dropzone-external {
    background-color: #FFF;
    border-color: #FFF
}

.icon-3x {
    width: 3.5rem !important;
    height: 3.5rem !important;
    background-size: cover;
}

.bg-icon-administracao {
    background-image: url(/img/home/icon-administracao.svg);
    background-repeat: no-repeat;
}

.bg-icon-automacoes {
    background-image: url(/img/home/icon-automacoes.svg);
    background-repeat: no-repeat;
}

.bg-icon-notas-fiscais {
    background-image: url(/img/home/icon-notas-fiscais.svg);
    background-repeat: no-repeat;
}

.bg-icon-cnd {
    background-image: url(/img/home/icon-cnd.svg);
    background-repeat: no-repeat;
}

.bg-icon-dte {
    background-image: url(/img/home/icon-dte.svg);
    background-repeat: no-repeat;
}

.bg-icon-relatorio {
    background-image: url(/img/home/icon-relatorio.svg);
    background-repeat: no-repeat;
}

.bg-icon-edoc {
    background-image: url(/img/home/icon-edoc.svg);
    background-repeat: no-repeat;
}

.bg-icon-home {
    background-image: url(/img/home/icon-home-menu.svg);
    background-repeat: no-repeat;
}

.bg-icon-escritorio-virtual {
    background-image: url(/img/home/icon-escritorio-virtual.svg);
    background-repeat: no-repeat;
}

.bg-icon-obrigacoes {
    background-image: url(/img/home/icon-obrigacoes.svg);
    background-repeat: no-repeat;
}

.bg-icon-lock {
    background-image: url(/img/home/icon-lock.png);
    background-repeat: no-repeat;
}

.bg-lock {
    background-image: url(/img/home/lock.png);
    background-repeat: no-repeat;
    width: 2rem !important;
    height: 2.5rem !important;
}

.bg-icon-operacoes {
    background-image: url(/img/home/icon-operacoes.svg);
    background-repeat: no-repeat;
}

.menu-item-selecionado {
    font-weight: 700 !important;
    color: #e9511d !important;
}

#q_dashboard_menu :not(.tab-pane) .nav-link.btn {
    background-color: #fff;
    border-color: #fff;
}

#q_dashboard_menu :not(.tab-pane) .nav-link .nav-text {
    color: #424248
}

.qdrive-descricao-listagem {
    position: relative;
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    font-size: 20px;
    font-weight: bold;
}

.alerta-certificado-lote {
    margin-left: 0;
    position: relative;
    bottom: 0;
    padding-bottom: 0;
}

#edicao-lote-certificado-digital {
    min-height: inherit;
    position: relative;
}

.texto-label-align {
    margin-left: 16px;
}

.mostrarErroUpload {
    font-size: 10px;
    color: #FF0000;
    display: none;
}

.filtro-documentos-fiscais > .card.card-custom > .card-body {
    padding: 1.5rem 1.5rem;
}

.menu-documentos-fiscais {
    padding: 1.5rem 1.5rem;
    border-right: 1px solid #E0E0E0;
}

.background-card-documentos-fiscais {
    border: 1px solid #E0E0E0;
    box-shadow: 0px 4px 4px #0000003F;
    border-radius: 8px;
}

.modalEditarQdrive .form-group {
    margin-bottom: 1.5rem !important;
}

.tabsModalEditarQdrive .tab-content {
    margin-top: 0 !important;
}

#tabsManifestacao {
    margin-bottom: 1.5rem !important;
    margin-top: 0 !important;
}

.icon-trocar-card {
    position: absolute;
    right: 0;
    font-size: 1.25rem;
    color: #666;
}

.titulo-card {
    font-size: 1.125rem;
    color: #1E1E24;
}

.textos-descricao-card {
    font-size: 1rem;
    color: #424248;
}

.cards-senha-token {
    border: 0.1px solid rgb(30 30 36 / 10%) !important;
    box-shadow: 2px 2px 5px 0px rgb(30 30 36 / 10%) !important;
    height: 30vh;
    display: flex;
    justify-content: center;
}

.card-login {
    padding: 0;
    top: 4px;
}

.alterar-senha-container {
    display: flex;
    position: relative;
    align-items: center;
    height: inherit;
    width: -webkit-fill-available;
}

.alterar-token-container {
    display: flex;
    position: relative;
    align-items: center;
    height: inherit;
    width: -webkit-fill-available;
}

#seguranca-de-login {
    padding: 0;
    margin: 0;
    margin-left: 5px;
}

#statusVerificacaoDuasEtapas {
    position: absolute;
    left: 65%;
    color: #bababa;
}

    #statusVerificacaoDuasEtapas i {
        color: #bababa
    }

#idCardSenhaVerificacaoDuasEtapas {
    cursor: pointer;
    margin-top: 10px;
}

#idCardSenha {
    cursor: pointer;
    border-bottom: 1px solid rgb(224, 224, 224);
}

#idCardToken {
    cursor: pointer;
}


#idCardAlterarSenha {
    display: none;
    margin-left: 12vh;
}

#idCardVisualizarToken {
    display: none;
}

.class-ativar-card-token {
    display: flex !important;
}

#card-token {
    right: 5px;
    margin-left: 16px;
}

#card-senha {
    left: -5px;
    margin-right: 16px;
    padding: 32px
}

#criterios-senha {
    font-weight: 700;
    margin-bottom: 8px;
}

.status-criterios {
    font-weight: 400;
    font-size: 1rem;
    color: #424248;
    margin-bottom: 8px;
}

#voltarAlterarSenha {
    bottom: -5px;
    margin: 0;
    cursor: pointer;
}

#voltarVisualizarToken {
    bottom: -8px;
    margin: 0;
    cursor: pointer;
}

#requisitos-alterar-senha {
    margin-left: 0.4rem;
}

.margem-text-box {
    margin-bottom: 24px;
}

.dataEntradaDiv {
    margin-top: 2rem !important;
    margin-bottom: 24px !important;
}

.card-senha-clicado {
    height: 552px !important
}

i.la.la-question-circle {
    color: var(--gray-800) !important;
}

label[aria-describedby] > i.la.la-question-circle {
    color: var(--orange-questor) !important;
}

.informacoes-adicionais-fields-model {
    padding: 0;
}

#campos-card-token {
    position: absolute;
    top: 0;
    width: 100%
}

.icone-verde {
    font-size: small;
    color: var(--success);
}

.icone-vermelho {
    font-size: small;
    color: var(--danger);
}

.copy-icon {
    font-size: 1.45rem !important;
    color: #1E1E24;
}

#novo-token {
    padding: 10px 0 0 0;
    font-size: 24px;
}

.filtro-tem-valor {
    color: var(--orange-questor) !important;
}

    .filtro-tem-valor::after {
        color: var(--orange-questor) !important;
    }

.gridSomenteAcaoEditar .dx-command-edit-with-icons {
    width: 40px !important;
    min-width: 40px !important;
    text-align: center !important;
}

.btn.btn-sm i.la-pen, .btn.btn-sm i.la-trash {
    padding-right: 0;
    font-size: 20px;
    vertical-align: 0;
}

button.btn {
    text-transform: uppercase;
}

#TelaLoginConfig_Texto {
    height: 54px !important;
}

#inputTextoTelaLoginConfig div.dx-textarea {
    height: 54px !important;
    min-height: 54px !important;
}

#inputTextoTelaLoginConfig div.form-group.col-sm-12.col-md-9 {
    padding-right: 24px;
}

#botoes-acoes-footer {
    box-shadow: 0 0 0 0;
}

.max-width-65-pct {
    max-width: 65%;
}

#preview-email {
    width: 650px;
    height: 420px;
    border: 1px solid #E0E0E0;
    padding-left: 51px;
    padding-top: 50px;
    position: relative;
}

.preview-email-text {
    font-size: 14px;
    color: #1E1E24;
    margin-bottom: 8px;
}

.aviso-email-automatico {
    position: absolute;
    bottom: 0;
    right: 0;
}

#texto-aviso-email-automatico {
    font-size: 12px;
    color: #666666;
    border-top: 1px solid #666666;
    margin-right: 24px;
    margin-bottom: 18px;
}

#nome-usuario-preview-email {
    color: #E9511D;
    font-size: 20px;
    margin-bottom: 8px;
}

#email-preview-redefinir-senha {
    width: 150px;
    height: 36px;
    background: #E9511D;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    margin-top: 12px;
}

    #email-preview-redefinir-senha p {
        color: white;
        font-size: 16px;
    }

#logotipo-escritorio {
    font-size: 40px;
    margin-bottom: 40px
}

#card-container-superior-email {
    min-height: 355px;
}

.criar-item-template {
    display: flex;
    justify-content: space-between;
}

.cor-item-template {
    width: 28px;
    height: 24px;
}

.criar-field-template {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.nome-logotipo-image-upload {
    font-size: 1rem;
    text-align: center;
    max-width: 80%;
}

#image-upload-container div:first-child {
    margin-bottom: 4px;
}

#tamanho-logotipo {
    width: 240px;
    height: 60px;
}

.cardsLicencaConfig {
    margin: 0 6.5rem;
}

    .cardsLicencaConfig .card-header h2.h2.card-title {
        color: var(--gray-500);
    }

.cardsInscricoes {
    padding: 24px 16px;
}

.card.card-custom.cardsLicencaConfig.cardsLicencaConfigInscricoes > .card-body {
    padding-bottom: 8px;
}

.cardsInscricoes .tituloModuloInscricoes, .quantidadeInscricoes {
    font-size: 18px;
    color: var(--gray-500);
}

.quantidadeInscricoesMenor {
    font-size: 14px;
    color: var(--gray-500);
}

.porcentagemInscricoes {
    font-weight: bold;
    color: #E9511D;
    font-size: 18px;
    line-height: 8px;
    margin-left: 8px;
}

.porcentagemInscricoesMenor {
    font-size: 14px;
    line-height: 8px;
}

.totalizadoresInscricoes {
    display: flex;
}

    .totalizadoresInscricoes .progress {
        min-width: 85%;
        height: 10px;
        border-radius: 1.25rem;
        background-color: rgba(233,81,29,0.3);
    }

    .totalizadoresInscricoes .progressMenor {
        min-width: 79%;
        height: 8px;
    }

    .totalizadoresInscricoes .progress-bar {
        border-radius: 1.25rem;
    }

.colCardsInscricoes {
    display: none;
}

.tableEspacoUtilizadoModulo th, td {
    padding: 7px 15px;
    border: 1px solid #e0e0e0;
    width: 350px;
}

.tableEspacoUtilizadoModulo th {
    padding: 5px 15px;
    color: #ababab;
    font-weight: 400;
}

#logotipo-email-preview {
    margin-bottom: 40px;
}

.notification-message {
    background-color: #ffffff;
    font-size: 0.85em;
    border: solid;
    border-width: thin;
    border-radius: 4px;
}

    .notification-message .content-message {
        display: flex;
        flex-direction: row;
        vertical-align: middle;
        align-items: center;
        padding: 1rem 0rem;
    }

    .notification-message .icon-message {
        text-align: center;
        padding: 0rem 1.5rem;
    }

        .notification-message .icon-message i {
            justify-content: center;
            font-size: 1.5rem;
        }

    .notification-message .message {
        width: 100%;
    }

        .notification-message .message p.titulo-message {
            font-weight: bold;
            font-size: 1.125rem;
            color: black;
        }

        .notification-message .message p.mensagem-message {
            font-size: 1rem;
            color: black;
        }

    .notification-message .icon-close {
        text-align: center;
        padding: 0rem 1.5rem
    }

        .notification-message .icon-close i {
            justify-content: center;
            font-size: 1.25rem;
        }

    .notification-message.message-notification-color-info {
        border-color: var(--info);
    }

    .notification-message.message-notification-color-alert {
        border-color: var(--warning);
    }

    .notification-message.message-notification-color-error {
        border-color: var(--danger);
    }

    .notification-message.message-notification-color-sucess {
        border-color: var(--success);
    }

    .notification-message i.message-notification-color-info {
        color: var(--info);
    }

    .notification-message i.message-notification-color-alert {
        color: var(--warning);
    }

    .notification-message i.message-notification-color-error {
        color: var(--danger);
    }

    .notification-message i.message-notification-color-sucess {
        color: var(--success);
    }

.cardTotalizador {
    margin: 0 0.75rem;
    background-color: var(--gray-100);
    position: relative;
    display: flex;
    height: 80%;
    max-height: 7.5rem;
    max-width: 17.563rem;
    width: 100%;
    flex-direction: column;
    box-shadow: 0 0.625rem 0.625rem var(--gray-200);
    padding: 0.563rem 1rem 1.188rem 1.063rem;
}

    .cardTotalizador .tituloTotalizador {
        font-size: 1.125rem;
        color: var(--gray-900);
        font-weight: 700
    }

    .cardTotalizador .mensagemTotalizador {
        font-size: 1.125rem;
        color: var(--gray-900);
        font-weight: 400;
        min-height: 2.188rem;
    }

    .cardTotalizador .valorTotalizador {
        font-size: 1rem;
        font-weight: 700;
        text-align: right
    }

    .cardTotalizador .totalizador {
        height: 5px;
        width: 100%;
        border-radius: 3.75rem;
    }

.success-card .valorTotalizador {
    color: var(--success);
}

.failure-card .valorTotalizador {
    color: var(--danger);
}

.success-card .totalizador {
    background-color: var(--success);
}

.failure-card .totalizador {
    background-color: var(--danger);
}

.dropdown-menu {
    width: 100%;
}

.logoGestaoContabil {
    max-height: 184px;
    margin: 0 auto;
}

.dx-header-filter-menu .dx-item-content,
.dx-header-filter-menu .dx-button,
.dx-header-filter-menu .dx-button-content,
.dx-header-filter-menu .dx-toolbar-item {
    height: 100%;
}

.dx-header-filter-menu .dx-button-content {
    display: flex;
    align-items: center;
    justify-content: center;
}

.passo-numero {
    background-color: var(--primary);
    text-align: center;
    color: white;
    border-radius: 4px;
    height: 32px;
    width: 32px;
    display: inline-block;
    line-height: 32px;
}

.passo-titulo {
    color: var(--primary);
}

#textoRemoverCertificado {
    display: none;
}

#botoes-acoes-footer .dropdown-menu {
    width: fit-content;
}

.dropdown-todos-recursos .btn.btn-icon:active, .dropdown-todos-recursos .btn.btn-icon.active, .dropdown-todos-recursos .btn.btn-icon:hover, .dropdown-todos-recursos .btn.btn-icon:focus, .dropdown-todos-recursos .show .btn.btn-icon.btn-dropdown {
    background-color: transparent !important;
}

.red-subtitle {
    color: red;
    font-size: 0.75rem;
}


input[name="DiasAnteciparCaptura"] + .dx-texteditor-container > .dx-texteditor-buttons-container > .dx-numberbox-spin-container {
    display: none;
}

#DiasAnteciparCaptura {
    text-align: center;
}

@media (max-width: 991.98px) {
    .topbar {
        background-color: transparent;
    }
}

@media (min-width: 991.98px) and (max-width: 1399.98px) {
    .login.login-1 .login-aside {
        width: 100%;
        max-width: 835px;
    }
}

@media (min-width: 1399.98px) {
    .login.login-1 .login-aside {
        width: 70vw;
    }
}

.login-form {
    max-width: 400px
}

.text-align-justify {
    text-align: justify;
}

.display-none {
    display: none;
}

.card-cnd-campos-adicionais {
    height: 100%;
    width: 100%;
    padding: 0 10%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .card-cnd-campos-adicionais .img-campos-adicionais {
        width: 14rem
    }

    .card-cnd-campos-adicionais .font-campos-adicionais {
        font-size: 1.125rem;
    }

.card-dte-campos-adicionais {
    height: 100%;
    width: 100%;
    padding: 0 10%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .card-dte-campos-adicionais .img-campos-adicionais {
        width: 14rem
    }

    .card-dte-campos-adicionais .font-campos-adicionais {
        font-size: 1.125rem;
    }

.colCertidoesOcultas {
    display: none;
}

#container-upload-manual-cnd {
    background: #f8f8f8;
    height: 100px;
    border: 3px dashed rgba(0,0,0,0.14);
    border-radius: 5px;
}

    #container-upload-manual-cnd .dx-fileuploader-input-wrapper {
        display: flex;
        margin-top: 14px;
    }


.paddingRowInclusaoManualCnd {
    padding: 0 8px;
}

.paddingRowInclusaoDocumentoCnd {
    padding: 0 8px;
}

#container-pos-insercao-certidao, #container-pos-insercao-empresa {
    height: 64px;
    margin: 0 8px 16px 8px;
    border: 1px solid #e8eaeb;
    display: flex;
}

    #container-pos-insercao-certidao i, #container-pos-insercao-empresa i {
        font-size: 24px;
        align-self: center;
        margin-left: 8px;
    }

    #container-pos-insercao-certidao p, #container-pos-insercao-empresa p {
        margin: 0 0 0 16px;
    }

#certidaoInserida, #empresaInserida {
    align-self: center;
}

#mudarPasta, #mudarEmpresa {
    align-self: center;
    color: var(--orange-questor);
    position: absolute;
    right: 68px;
    cursor: pointer;
}

#certidao-selecionada, #empresa-selecionada {
    font-size: 1rem;
    font-weight: 400;
    color: #424248;
    margin-left: 10px;
}

#icone-mudar-pasta, #icone-mudar-empresa {
    margin-left: 16px;
}

.container-detalhes-cnd {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

    .container-detalhes-cnd:nth-child(2) {
        height: 100%;
    }

.container-detalhes {
    height: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
}

.container-adicionar-edoc {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

    .container-adicionar-edoc:nth-child(2) {
        height: 100%;
    }

.comment-text-area {
    display: flex;
}

.detalhes-cnd {
    grid-area: detalhes-cnd;
}

.detalhes-cnd, .comentarios-detalhes-cnd {
    margin-top: 0px !important;
}

.detalhes-adicionar-edoc {
    grid-area: detalhes-adicionar-edoc;
}

.detalhes-adicionar-edoc, .empresas-adicionar-edoc {
    margin-top: 0px !important;
}

#accordion-comentarios-cnd {
    height: 100%;
}

#toast-container > .toast-error {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAgCAYAAADjaQM7AAAAAXNSR0IArs4c6QAAApxJREFUSEvdl0uojWEUhp/X/ZZbFMo1GTAiSSkGBuKIgWJA7gPlPnGZEAonUTIwEEeiZHCKOjKTlFxSMhCKnCLUEbmEXJbe3b+17bPPfxtadSbn+9Z6vn9963vX2iLDIqI3MBJYAKwAJgLDgS/AQ+AicA1ol/Q9LZy6WoyIHsBkYCmwHBiXEugFcAG4BDyV9K3R3k6wiOgGTEq+Yj4wLevra9bvA61Ai6TX9X4VWET0BIYCU5J0LQFGAb0KgKpbvwLPgRsJ+LGkV15URESJgKVc/m/YJ2BAqbwUc/rsNLYDY4r5ldrdbtg9YHoB93fAD2Ag0K+A323DLgOLCjhtTEp7A7C4gF+rYYeAXQWcpkp6EBHHgS0F/A4atgY4U8CpLGydYZajO4C1MI+Vgf0E5hhmWboJTMhDAsrAXgIzDRsEnAash3msDMziXEmjRXgnsN9amYNWFGbt3QM0V1XfrcRFMiIHbD3wBNgELMuxv6PyVdKVKsz3dQ6YlcPZ7cJtxC3Jf1l2C1gp6VkV1h3YB+wAnNY0awIeAXuB1Rl7XYV+jzsk/f57RxExA2gDhmUEKHJnTmGTpLuO+U9BRERLjtO6mNyJVwELMw52VpJFo2L1sPGA54ghKUE8QVmInW5PXl3Ze88vkjwMdYb5PxGxHTiWdes51g9L2l27r9F05ZnQ6fScmOfd1XP9rq57/JP0JgvmUW4ecBIYm+ML6re4GbsbtEn6lQpLUtkH2AocyPEUauO51K1ERxoNqmkTsbuwZcbVl9eafUBJHs07WeadRIQDbAb6phCtKCckpR4sD2wwsA1YC4xuAHwLnAKOSvqQloJMWHKH/ZOi8T3Orglo2fK9XpX0MSvXuWAJ0Prpx+5UzQXOJ79cOuqrrivoH2957o/2rXi7AAAAAElFTkSuQmCC") !important;
}

#toast-container > .toast-success {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAPHSURBVFhH7ZZfSNNRFMfnn/lnKaltzQxEQzMMfWnhU86HrQRpvSQZ/oPKUPBBDGoPmpSIDJXqQVGJlFQULWIhs7KRG/4rbbPlQHClVFNc6oZv/bVzfp5kOvfb7+erfmDc7XvPvefs3nPvPYJ99jx+1HIiKCgoND09/ZxSqVSlpKTIDgMRERFRy8vLDrvd/m1iYsKg1+ufQzsK5usbo9jhFEBAQIAwPz//emlpaaVYLJaSLFhdXXWura25UAsLCxORLJiampqsq6tTj4yM6EnaPVKp9KhWq52cn59ft9lsPxsaGtphBc6LRKIDZMKAQWRnZ1/p6el5g7b4qaqqegDBB5IJfxISEk6OjY0t4GRtbW0v4uPjE6mLFdym4eHhLzguNze3mGR+wN6KjUbjJ5ykoqKiAf5JAHVxAlekqKjoBnz1Cw4ODmlvb9epVKrLG70caGlp0aJzjUbzkKRdQc5f4lz9/f3vOf2RtLQ0OQ4YGBj4CJkfRDJvtjmfglU9RF3sdHZ2DuIgTDaSeLODczF1sYPnGrL9F+4/Sbzx5hxOyVXGgI2srKwcHAiJd48kXnhzXl5efnd2dvYPJKeEMST8qd0kLi7uGLZWq9XMCG5gAmVmZl6knx6gc0zejIyMs9PT0x/y8vIULpdrGfvgPokRCoX+SUlJKYwx4REARHgEW4fDscAIblRXVzc1Nzf3lZWV3SFpEzbnyOLioh3byMjILbngEQAbXV1dLSsrK6sQwG21Wq0hGZ0HNzY2PvHmHIHDJMT2N8AIhEcA8LAsYgvvTAwjuAHbYiooKFBiEMXFxTcxCHL+VKFQZHlzjuCVju3S0pLHym4BkvCSryRMTU09bbFYnGj3/7b0ddR0Op1lbm7uL96QJO0M7FEkHsOhoaHPJO2IexC+nMfGxsajHTxq70hip6Oj4xUOwHefpB2BIGRg+5rNOVJZWXkf5yspKVGTxI5MJjuDAwYHB624xyTvCnhBj8/MzPwwmUzfw8PDD5Lsm9bW1mcYBDxGj0jiDdQM4fie4DyFhYWlJHMDljXKYDDYcDAmJKdXzA3clu7ubgOOb2pq6gOJV/nHAAVJ8ujoqB0nwQcqMTHxBHWxggUJJjGO6+3tNW6vnniBVyhk71ucDE9HfX39YzjzF3B5yYQB7XJycq65l2Q1NTWtvp5zrkVpIE4ON2CVRCKJJlmABanT6XSBc2lISEgoyQK4kEy1tbW3oCh9TZJXeJflcrlcCSugSk5OPhUNQGZHQRAOuOu/jo+PG+HkaM1m8ziYcyrL99nrCAT/ABfKAG6NMHnVAAAAAElFTkSuQmCC") !important;
}

.erro-primeiro-acesso {
    text-align: center;
    font-weight: bold;
}

/*Edição tabs, cards e tamamho do botão no modal #2141942*/
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-3x .nav-link {
    padding: 0px 32px 8px 32px;
    margin: 0px 0px;
}

.example .example-nav.nav {
    padding: 0 1.5rem;
}

.nav-tabs {
    border-bottom: 3px solid #E0E0E0;
}

.nav-questor .nav-link {
    color: #424242;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-3x {
    display: flex;
    flex-wrap: nowrap;
}

.nav.nav-tabs.nav-tabs-line .nav-item .nav-link.active {
    height: 100%;
}

.modal-footer .btn {
    font-size: 0.80rem;
}

.card.card-custom > .card-header {
    min-height: 3.25rem;
}

.card.card-custom > .card-body {
    padding: 2rem 2rem;
}

.margin-tabs {
    margin: 0 0 2rem 0;
}
/*Fim commit #2141942*/

.modal-dialog:not(.modal-dialog-centered) {
    top: 153px;
}

.bootbox.vertical-align-center .modal-dialog {
    top: 0;
}

#q_mega_menu_modal .modal-dialog {
    top: 0;
}

#conferir-cnd-em-lote {
    height: 400px;
    max-height: 400px;
}

.cursor-pointer {
    cursor: pointer;
}

.input-comentario {
    width: 100%;
    border: none;
    outline: none;
    resize: none;
}

.div-comentario {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    border: 1px solid #ccc;
    font-size: 0.9em;
    align-items: center;
}

.div-comentario-area-texto {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    flex-basis: 85%;
    padding-top: 20px;
}

.div-comentario-area-texto-acoes {
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
}

.div-comentario-mencionar {
    flex-basis: 5%;
    color: inherit;
    padding-left: 2px;
}

.div-comentario-ocultar {
    flex-basis: 45%;
    color: inherit;
}

.div-comentario-publicar {
    border: 1px #ccc solid;
    border-radius: 2px;
    color: #eee;
    font-size: 0.9em;
    flex-basis: 25%;
    text-align: center;
    height: 1.5em;
}

.comentario-publicar-desabilitado {
    background-color: #999;
}

.comentario-publicar-habilitado {
    background-color: #e9511d;
}

.div-comentario-publicar:hover {
    color: #fff;
}

.div-comentario-cancelar {
    text-decoration: underline;
    color: inherit;
}

    .div-comentario-cancelar:hover {
        text-decoration: underline;
        color: red;
    }

.div-comentario-user {
    height: 120px;
    width: 60px;
    display: grid
}

.span-avatar {
    margin: 0 10px;
}

#contador-caracteres-comentario {
    justify-self: center;
    align-self: end;
    font-size: 0.8em;
}

.comentarios-usuarios {
    box-shadow: 1px 2px 4px 1px #cacfd1;
    background-color: white;
    z-index: 1;
    border-radius: 5px;
    position: absolute;
    padding: 1px;
    width: 70%;
    left: 16%;
    overflow: scroll;
    overflow-x: hidden;
    height: 276px;
}

    .comentarios-usuarios::-webkit-scrollbar {
        width: 6px;
    }

    .comentarios-usuarios::-webkit-scrollbar-track {
        background: #fff;
    }

    .comentarios-usuarios::-webkit-scrollbar-thumb {
        background-color: #ABABAB;
        border-radius: 20px;
        border: 3px solid #ABABAB;
    }

.usuarios-mencionados-nos-comentarios {
    font-weight: 600;
    color: var(--info);
}

.movimentacao, .comentario {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    padding: 0.5em 0;
    border-bottom: 1px solid #eef;
}

    .movimentacao:last-child, .comentario:last-child {
        border: none;
    }

.usuario-filtro-selecionado {
    background-color: red;
}

.movimentacao-detalhes, .comentario-detalhes {
    flex-grow: 1;
    flex-basis: 75%;
    display: flex;
    flex-direction: column;
}

.movimentacao-data, .movimentacao-filtro {
    flex-basis: 3em;
}

.movimentacao-user, .comentario-user {
    flex-basis: 3em;
    width: 100%;
}

.movimentacao-imagem, .comentario-imagem {
    margin: auto 4px auto 12px;
}

#formComentario::-webkit-scrollbar, #formMovimentacoes::-webkit-scrollbar, #formTreePastas::-webkit-scrollbar {
    width: 8px;
}

#formComentario::-webkit-scrollbar-track, #formMovimentacoes::-webkit-scrollbar-track, #formTreePastas::-webkit-scrollbar-track {
    background: #fff;
}

#formComentario::-webkit-scrollbar-thumb, #formMovimentacoes::-webkit-scrollbar-thumb, #formTreePastas::-webkit-scrollbar-thumb {
    background-color: #ABABAB;
    border-radius: 20px;
    border: 3px solid #ABABAB;
}

.iniciais-usuario-comentarios {
    min-height: 42px;
    min-width: 42px;
}

#accordion-nav-comentarios > .card-body, #accordion-nav-movimentacoes > .card-body {
    padding-right: 0;
    padding-bottom: 0;
}

#formComentario, #formMovimentacoes, #formTreePastas {
    padding-right: 16px;
    max-height: 532px;
    overflow-y: auto;
}

.wizardGridStep2 {
    padding-right: 16px;
    max-height: 532px;
    overflow-y: hidden;
}

#formComentario {
    height: 80vh;
}

#formMovimentacoes {
    height: 80vh;
}

#formTreePastas {
    height: 80vh;
}

.movimentacao-nome, .comentario-nome {
    margin: auto;
    margin-right: 0px;
    font-weight: 600;
    font-size: 0.95em;
    padding: 1em;
    white-space: nowrap;
}

.movimentacao-hora, .comentario-hora {
    margin: auto;
    text-align: right;
    font-size: 0.8em;
    white-space: nowrap;
}

    .movimentacao-hora > i:hover {
        font-size: 1.30rem;
        cursor: pointer;
        color: var(--danger);
    }

.movimentacao-texto, .comentario-texto {
    font-size: 0.9em;
    word-break: break-word;
    flex-basis: 2em;
    padding: initial;
}

.comentario-texto {
    white-space: pre-line;
    top: -20px
}


.comentario-user {
    flex-basis: 3em;
}

.comentario-detalhes {
    flex-grow: 1;
    flex-basis: 75%;
    display: flex;
    flex-direction: column;
}

.comentario-nome-data {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-basis: 1.5em;
    flex-direction: row;
}

.comentarios {
    padding: 0.5em 0;
}

.comentarios-usuarios-opcoes:hover {
    background-color: #f8f8f8;
    color: black;
    transition: 0.5s;
    border-radius: 5px;
    cursor: pointer;
}

.comentarios-usuarios-opcoes {
    height: fit-content;
    padding: 6px;
}

    .comentarios-usuarios-opcoes > p {
        font-size: 0.85rem;
    }

.filtro-usuario {
    width: 100%;
}

.symbol-responsive {
    width: 3.5em;
    height: 2.5em;
}

.symbol-label-responsive {
    background-color: #fbc9c9;
    color: #db2828;
    width: 3.5em;
    height: 3.5em;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.totalizadores-detalhamento-parcelas {
    height: 120px;
    width: 32%
}

    .totalizadores-detalhamento-parcelas > div {
        width: 94%;
        height: 6px;
        align-self: center;
        position: absolute;
        bottom: 18px;
        border-radius: 15px
    }

.barra-laranja {
    background-color: #e9511d;
}

.barra-laranja-claro {
    background-color: #ff834b
}

.barra-cinza-escuro {
    background-color: #424248
}

.movimentacoes {
    position: relative;
}

.movimentacao-botao-filtro {
    width: fit-content;
}

.movimentacao-filtro-acoes:hover, #selecionar-todos-filtro-movimentacao:hover {
    background-color: #f8f8f8;
    color: black;
    transition: 0.5s;
    border-radius: 5px;
    cursor: pointer;
}

.movimentacao-filtro-acoes, #selecionar-todos-filtro-movimentacao {
    height: 32px;
    padding: 6px;
}

#checkbox-parcialmente-selecionado {
    padding: 4px;
}

.acao-selecionada, .usuario-filtro {
    margin: auto;
    border-radius: 5px;
    height: 32px;
    background-color: #f8f8f8;
    color: black;
    width: 90%;
    margin: 16px;
}

.checkbox-filtro-movimentacao {
    width: 22px;
    height: 22px;
    border: 1px solid #e8eaeb;
    border-radius: 2px;
}

.checkbox-filtro-marcado {
    border-color: var(--primary);
}

    .checkbox-filtro-marcado > i {
        color: var(--primary);
    }

#btn-ok-filtro-movimentacao, #btn-cancelar-filtro-movimentacao {
    width: 100px;
    height: 36px;
    border: 1px solid #cacfd1;
    border-radius: 5px;
    margin: 12px 6px 0 6px;
    cursor: pointer;
    font-size: 14px;
    font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
}

    #btn-ok-filtro-movimentacao:hover, #btn-cancelar-filtro-movimentacao:hover {
        background-color: var(--gray-200);
    }


    #btn-ok-filtro-movimentacao > p, #btn-cancelar-filtro-movimentacao > p {
        margin: auto;
        height: 100%;
        display: flex;
        justify-content: center;
        place-items: center;
        font-size: 0.85em;
    }

.acao-selecionada-texto {
    margin: auto;
}

.movimentacao-botao-label-filtro {
    padding: 10px;
}


.btn-fechar-acao {
    position: relative;
    margin: auto;
    padding: 0px;
    text-align: right;
}

.hide {
    display: none;
}

.movimentacao-filtros-opcoes {
    border: 1px solid #e8eaeb;
    background: #fff;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    border-radius: 6px;
    background-color: white;
    z-index: 1;
    position: absolute;
    padding: 20px;
    width: fit-content;
    height: fit-content;
}

.descricao-filtro-movimentacao {
    font-weight: normal;
    font-size: 14px;
    font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
    line-height: 1.35715;
}

#lista-acoes-filtro-movimentacao {
    overflow-y: auto;
    max-height: 120px;
    height: 120px;
}

    #lista-acoes-filtro-movimentacao::-webkit-scrollbar {
        width: 4px;
    }

    #lista-acoes-filtro-movimentacao::-webkit-scrollbar-track {
        background: #fff;
    }

    #lista-acoes-filtro-movimentacao::-webkit-scrollbar-thumb {
        background-color: #0091d4cc;
        border-radius: 20px;
        border: 3px solid #0091d4cc;
    }

#input-filtro-movimentacao > i {
    align-self: center;
    transform: rotate(270deg);
    color: #999;
    font-size: 20px;
}

#input-filtro-movimentacao > input, #input-filtro-movimentacao > input:focus {
    border: none;
    width: 100%;
    outline: none;
    font-size: 14px;
    font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
}

    #input-filtro-movimentacao > input::placeholder {
        font-size: 14px;
        color: var(--gray-300);
    }

#input-filtro-movimentacao {
    border: 1px solid #e8eaeb;
    padding: 2px;
    height: 34px;
    border-radius: 4px;
}

#parcialmente-selecionado {
    width: 100%;
    height: 100%;
    background-color: var(--primary);
}



.borda-laranja-padrao {
    border-color: var(--primary) !important;
}

.borda-azul {
    border-color: rgba(34,185,255,0.4) !important;
}

.tab-notificacoes {
    padding: 8px !important;
}

.notificacao-conteudo {
    display: flex;
    background-color: var(--gray-100);
    border-radius: 5px;
    padding-left: 10px;
    height: 100px;
    text-align: justify;
    margin-bottom: 8px;
}

.notificacao-texto, .notificacao-icone-rigth {
    margin: auto;
}

.notificacao-icone-imagem-nao-lida, .notificacao-icone-imagem-lida {
    background-color: royalblue;
    height: 25px;
    max-width: 25px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
    border-radius: 5px;
    margin: auto;
}

.notificacao-icone-imagem-nao-lida {
    background-color: royalblue;
}

.notificacao-icone-imagem-lida {
    background-color: forestgreen;
}

#notificacao-nao-lida {
    width: 8px;
    height: 8px;
    background-color: var(--primary);
    border-radius: 50%;
    position: absolute;
    right: 10px;
    top: 10px;
}

.notificacao-texto {
    text-align: left;
}

    .notificacao-texto > span:nth-child(1) {
        white-space: nowrap;
    }

.menu-departamento-tree-view > div, .menu-permissoes-tree-view > div {
    min-width: 30vw !important;
}

#licencasAtivas {
    position: absolute;
    top: 0px;
    z-index: 1;
    width: 25%;
}

.modal-adicionar-empresas > .modal-dialog {
    margin: 0 auto;
    top: 100px
}

.anexos-edoc-arquivo {
    border: solid #E0E0E0 1px;
    border-radius: 3px;
    background-color: #f8f8f8;
    margin-top: 4px;
    margin-bottom: 4px;
}

.botao-remover-anexo {
    margin: auto;
    text-align: center;
    color: #fd7e14;
    font-size: x-large;
}

.icone-download-anexo, .icone-remover-anexo {
    cursor: pointer;
}

div[itemid="dia-bloquear-edicao-data-entrada-qdrive"], div[itemid="qdrive-nfse-ativado"], div[itemid="qdrive-nfe-ativado"] {
    margin-bottom: 0.8rem;
}

div[itemid="dia-bloquear-edicao-data-entrada-qdrive"] {
    text-wrap: nowrap;
}

.imagemLateralLogin {
    background-color: #E0E0E0;
}

.container-acesso-form {
    -webkit-box-shadow: -5px 0 25px 0 rgba(30,30,36,0.15);
    box-shadow: -5px 0 25px 0 rgba(30,30,36,0.15);
}

.descricoes-login {
    margin: 0 0 12rem 2rem;
}

.nome-visualizar-arquivo {
    font-size: 13px;
}

.certificado-especificacoes {
    margin-left: 9px;
}

.usuario-transferencia-lista-documentos {
    display: flex;
    padding: 0.60rem 1rem 0 1rem !important;
    justify-content: space-between;
    align-items: baseline;
    border: solid #E0E0E0 1px;
    border-radius: 5px;
}

.usuario-transferencia-documentos-numero {
    background-color: #E0E0E0;
    text-align: center;
    color: var(--primary);
    border-radius: 5px;
    height: 23px;
    width: 40px;
    display: inline-block;
    line-height: 23px;
}


.btn-area {
    cursor: pointer !important;
    text-align: center;
    padding-top: 1em;
    border-radius: 25px;
}

    .btn-area:hover {
        background-color: antiquewhite;
    }

.etiqueta-selecao {
    padding: 1px 8px;
    border-radius: 24px;
    align-items: center;
}

#gerenciar-etiquetas-btn {
    height: 36px;
    width: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #e8eaeb;
    border-radius: 4px;
}

.formatar-background-etiqueta {
    border-radius: 12px;
    padding: 2px 8px;
}

.background-color-FFC107 {
    background-color: #FFC107;
}

.background-color-2196F3 {
    background-color: #2196F3;
}

.background-color-03A9F4 {
    background-color: #03A9F4;
}

.background-color-3F51B5 {
    background-color: #3F51B5;
}

.background-color-FFFFFF {
    background-color: #FFFFFF;
}

.background-color-00BCD4 {
    background-color: #00BCD4;
}

.background-color-607D8B {
    background-color: #607D8B;
}

.background-color-E9511D {
    background-color: #E9511D;
}

.background-color-FF9800 {
    background-color: #FF9800;
}

.background-color-795548 {
    background-color: #795548;
}

.background-color-000000 {
    background-color: #000000;
}

.background-color-E91E63 {
    background-color: #E91E63;
}

.background-color-9C27B0 {
    background-color: #9C27B0;
}

.background-color-673AB7 {
    background-color: #673AB7;
}

.background-color-009688 {
    background-color: #009688;
}

.background-color-4CAF50 {
    background-color: #4CAF50;
}

.background-color-8BC34A {
    background-color: #8BC34A;
}

.background-color-F44336 {
    background-color: #F44336;
}

.scroll-container-etiquetas {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 260px;
    padding-left: 9px;
}

    .scroll-container-etiquetas::-webkit-scrollbar-thumb {
        background-color: #ABABAB;
        border-radius: 20px;
        border: 3px solid #ABABAB;
    }

    .scroll-container-etiquetas::-webkit-scrollbar {
        width: 6px;
    }

    .scroll-container-etiquetas::-webkit-scrollbar-track {
        background: #fff;
    }

@media (min-width: 800px) {
    .grupo-resumo {
        float: left;
        width: 27rem;
    }

    .grupo-item-resumo {
        margin-bottom: 5px;
        height: 128px;
    }

    .card-inteiro-resumo {
        height: 256px;
    }
}

.contador-resumo-cnd {
    font-size: 3em;
    height: fit-content;
    font-weight: bold;
}

#gridResumo .dx-datagrid-header-panel {
    display: none !important;
}

.grupo-resumo-contador {
    max-height: 128px;
}

.texto-negrito {
    font-weight: bold;
}

.bar-gauge-totalizador-legenda {
    margin-left: 1em;
    border-radius: 10px 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-weight: bold;
    color: white
}

.badge-custom-laranja-questor .dx-item-content,
.badge-custom-laranja-questor .dx-button,
.badge-custom-laranja-questor .dx-button-content,
.badge-custom-laranja-questor .dx-toolbar-item {
    height: 100%;
}

.dx-header-filter-menu .dx-button-content {
    display: flex;
    align-items: center;
    justify-content: center;
}


.badge-custom-laranja-questor {
    color: #1E1E24;
    background-color: var(--gray-100);
    border-color: none !important;
    box-shadow: none;
    text-transform: none !important;
    border-radius: 15px;
    padding: 0px 8px 0px 8px !important;
    font-family: Roboto, sans-serif;
    font-size: 14px;
}

    .badge-custom-laranja-questor i {
        color: #1E1E24;
        background-color: var(--gray-100);
        font-size: 18px;
    }

    .badge-custom-laranja-questor:active,
    .badge-custom-laranja-questor.active {
        color: #ffffff;
        background-color: #e9511d;
        font-weight: 500;
    }

        .badge-custom-laranja-questor:active i,
        .badge-custom-laranja-questor.active i {
            color: #ffffff;
            background-color: #e9511d;
        }


.badge-custom-icon-only {
    color: #444444;
    background-color: transparent;
    border-color: none !important;
    box-shadow: none;
    padding: 0px;
}

    .badge-custom-icon-only i,
    .badge-custom-icon-only a {
        color: #444444;
        font-size: 22px;
        padding: 0px;
    }

    .badge-custom-icon-only.active
    .badge-custom-icon-only:active {
        color: black;
        font-weight: 500;
    }

    .badge-custom-icon-only.active i,
    .badge-custom-icon-only:active i,
    .badge-custom-icon-only.active a,
    .badge-custom-icon-only:active a {
        color: black;
    }

    .badge-custom-icon-only:disabled {
        color: var(--gray-700);
        font-weight: 500;
    }

        .badge-custom-icon-only:disabled i,
        .badge-custom-icon-only:disabled a {
            color: var(--gray-700);
        }


.bg-icon-adiant-cliente {
    background-image: url(/img/edoc/adiant-cliente.svg);
    background-repeat: no-repeat;
}

.bg-icon-edoc-pagar {
    background-image: url(/img/edoc/edoc-pagar.svg);
    background-repeat: no-repeat;
}

.bg-icon-certidoes {
    background-image: url(/img/home/icon-certidoes.svg);
    background-repeat: no-repeat;
}

.bg-icon-folha {
    background-image: url(/img/home/icon-contrato-folha.svg);
    background-repeat: no-repeat;
}

.bg-icon-meus-documentos {
    background-image: url(/img/home/icon-meus-documentos.svg);
    background-repeat: no-repeat;
}

.bg-icon-vendas {
    background-image: url(/img/home/icon-vendas.svg);
    background-repeat: no-repeat;
}

.dx-toolbar-filtro-container {
}

.datagrid-simple-row-icon-custom {
    width: 24px;
    height: 24px;
    background-color: var(--gray-100);
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 6px;
}

    .datagrid-simple-row-icon-custom em {
        width: 16px;
        height: 16px;
        color: var(--gray-500) !important;
    }

.datagrid-simple-header-checkbox-custom {
    margin-right: 10px;
}

.datagrid-simple-header-panel-custom {
    height: auto;
}

    .datagrid-simple-header-panel-custom .dx-toolbar {
        padding: 2px 10px 0px 27px;
    }

        .datagrid-simple-header-panel-custom .dx-toolbar .dx-toolbar-items-container {
        }

        .datagrid-simple-header-panel-custom .dx-toolbar .dx-toolbar-filtro-container .filtro-card {
            border-top: 1px solid #e0e0e0;
            border-bottom: none;
            border-left: none;
            border-right: none;
            border-radius: 0;
            padding: 0 !important;
        }


@media (max-width: 767px) {

    .dx-toolbar-filtro-container {
    }

    .datagrid-simple-header-panel-custom {
        height: auto;
        min-height: 80px;
    }

        .datagrid-simple-header-panel-custom .dx-toolbar {
            height: auto;
            padding: 2px 10px 0px 8px !important;
            display: flex;
            flex-direction: column;
            align-items: center;
            min-height: 70px;
        }

            .datagrid-simple-header-panel-custom .dx-toolbar .dx-toolbar-items-container {
                height: auto !important;
            }

            .datagrid-simple-header-panel-custom .dx-toolbar .dx-toolbar-filtro-container {
                width: 100%;
            }

                .datagrid-simple-header-panel-custom .dx-toolbar .dx-toolbar-filtro-container .filtro-card {
                    min-height: 80px;
                    border-top: 1px solid #e0e0e0;
                    border-bottom: none;
                    border-left: none;
                    border-right: none;
                    border-radius: 0;
                    padding: 0 !important;
                }

                    .datagrid-simple-header-panel-custom .dx-toolbar .dx-toolbar-filtro-container .filtro-card .dx-texteditor {
                        width: inherit;
                    }

        .datagrid-simple-header-panel-custom > .dx-toolbar:first-child .dx-toolbar-items-container {
            display: grid;
            grid-template-columns: auto auto;
            grid-template-rows: 35px 30px;
            justify-content: space-between;
        }

            .datagrid-simple-header-panel-custom > .dx-toolbar:first-child .dx-toolbar-items-container .dx-item {
                max-width: initial !important;
            }

        .datagrid-simple-header-panel-custom > .dx-toolbar:first-child .dx-toolbar-before {
            position: relative !important;
            padding: 0px;
            display: flex;
            justify-content: flex-start;
        }

        .datagrid-simple-header-panel-custom > .dx-toolbar:first-child .dx-toolbar-center {
            grid-column: 1/3;
            order: 1;
            display: flex;
            margin: 0 auto !important;
            float: none;
        }

        .datagrid-simple-header-panel-custom > .dx-toolbar:first-child .dx-toolbar-after {
            position: relative !important;
            display: flex;
            justify-content: flex-end;
            align-items: center;
            padding: 0px;
        }

    .datagrid-simple-content-custom {
        white-space: inherit !important;
    }

        .datagrid-simple-content-custom .dx-datagrid-table-fixed {
            table-layout: auto !important;
        }

        .datagrid-simple-content-custom .dx-row {
            border-bottom: 1px solid #e8eaeb !important;
        }

        .datagrid-simple-content-custom .dx-row-lines > td:first-child {
            width: 35px;
            min-width: 35px !important;
        }

        .datagrid-simple-content-custom .dx-row-lines > td:not(:first-child):not(:last-child) {
            display: flex;
            max-width: none !important;
            min-width: 100% !important;
            border-bottom: none !important;
            width: 100% !important;
            padding: 0;
        }

        .datagrid-simple-content-custom .dx-row-lines .campo-com-valor {
            display: flex;
            align-items: baseline;
            white-space: break-spaces;
        }

        .datagrid-simple-content-custom .dx-row-lines > td:last-child {
            max-width: max-content !important;
            width: 100% !important;
            min-width: 50px !important;
        }
}

.mobile-cols {
}

.datagrid-simple-content-custom {
}

    .datagrid-simple-content-custom .dx-row-lines > td {
    }

        .datagrid-simple-content-custom .dx-row-lines > td:first-child {
        }

        .datagrid-simple-content-custom .dx-row-lines > td:last-child {
        }

    .datagrid-simple-content-custom .dx-row > td {
        vertical-align: middle !important;
    }

    .datagrid-simple-content-custom .dx-row-lines > td:first-child {
        border-left: none !important;
    }

    .datagrid-simple-content-custom .dx-row-lines .dx-link {
        color: #444444;
        font-size: 22px !important;
    }

.edoc-funcionario-linha-h3-conteudo {
    color: var(--gray-700);
    font-family: Roboto;
    font-size: 16px;
}

.edoc-funcionario-linha-titulo-h4-conteudo {
    color: var(--gray-700);
    font-family: Roboto;
    font-size: 14px;
}

.campo-com-valor {
    text-align: center;
}

.tableIntegracaoProduto {
    width: auto;
    margin-top: 1px;
    margin-right: 10px;
}

    .tableIntegracaoProduto th,
    .tableIntegracaoProduto td {
        border: 1px solid #e0e0e0;
        width: auto;
        height: auto;
        color: #ababab;
    }

    .tableIntegracaoProduto th {
        padding: 5px 15px;
        color: #ababab;
        color: var(--gray-500);
    }

    .tableIntegracaoProduto .form-group {
        margin-bottom: 0 !important;
        display: flex;
    }

.checkbox-download-direto-email > label {
    font-size: 14px;
}

#CategoriaDocumentoEdocFuncionario {
    width: 100%;
}

.qnet-icon-container {
    border: 1px solid #ababab;
    border-left: 0;
    background-color: transparent;
    font-size: 16px;
}

.qnet-locked {
    color: #E9511D;
}

.qnet-unlocked {
    color: #000;
}

.cliqueAqui {
    align-self: center;
    color: var(--orange-questor);
    position: center;
    cursor: pointer;
}

.email-primeiro-acesso {
    align-self: center;
    color: var(--orange-questor);
    position: center;
    cursor: pointer;
}

.comunicado-container {
    max-width: 400px;
    max-height: 250px;
    background-color: var(--orange-questor);
    margin: auto;
    border-radius: 8px;
    padding: 12px;
}

    .comunicado-container > p {
        margin-bottom: 0.4rem;
        color: #fff;
    }

.titulo-comunicado {
    font-size: 1em;
    font-weight: bold;
}

.descricao-comunicado {
    font-size: 0.9em;
}

.link-comunicado {
    color: #0000FF;
    text-decoration: underline;
    cursor: pointer;
}

.card-anexo {
    background: var(--gray-100);
    border-radius: 4px;
    height: 72px;
    border: 2px solid var(--gray-200);
}

.icone-download-anexo {
    font-size: 24px;
    color: black
}

    .icone-download-anexo:hover {
        font-size: 26px;
        color: var(--orange-questor)
    }

.grafico-mensagens-lidas{
    height: 100px;
    width:100px;
    background-color: gray;
    border-radius: 50%;
}

.modal-adicionais-cnd .modal-dialog {
    max-width: 50% !important;
}

.dyn-form-checkbox-confirm {
    margin-top: -0.5rem;
}

.dyn-form-checkbox-confirm .control {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 5px;
    padding-top: 3px;
    cursor: pointer;
}

.dyn-form-checkbox-confirm .custom-checkbox-label {
    padding-left: 18px;
    font-size: 12px !important;
    margin-right: 10px;
    display: flex;
    align-items: center;
}

.dyn-form-checkbox-confirm .control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.dyn-form-checkbox-confirm .control_indicator {
    position: absolute;
    top: 5px;
    left: 0px;
    height: 16px;
    width: 16px;
    background: #ffffff;
    border: 1px solid #E9511D;
    border-radius: 4px;
}

.dyn-form-checkbox-confirm .control:hover input ~ .control_indicator,
.dyn-form-checkbox-confirm .control input:focus ~ .control_indicator {
    background: #ffffff;
}

.dyn-form-checkbox-confirm .control input:checked ~ .control_indicator {
    background: #ffffff;
}

.dyn-form-checkbox-confirm .control:hover input:not([disabled]):checked ~ .control_indicator,
.dyn-form-checkbox-confirm .control input:checked:focus ~ .control_indicator {
    background: #ffffff;
}

.dyn-form-checkbox-confirm .control input:disabled ~ .control_indicator {
    opacity: 1;
    pointer-events: none;
}

.dyn-form-checkbox-confirm .control_indicator:after {
    box-sizing: unset;
    content: '';
    position: absolute;
    display: none;
}

.dyn-form-checkbox-confirm .control input:checked ~ .control_indicator:after {
    display: block;
}

.dyn-form-checkbox-confirm .control-checkbox .control_indicator:after {
    left: 5px;
    top: 2px;
    width: 2px;
    height: 8px;
    border: solid #E9511D;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.dyn-form-checkbox-confirm .custom-checkbox-label .control_indicator {
    position: absolute;
    gap: 0;
    left: 0;
    width: 14px;
    height: 14px;
}

.dyn-form-checkbox-confirm .custom-checkbox-label .control_indicator::after {
    position: absolute;
    left: 4px;
    top: 1.5px;
    width: 2px;
    height: 6px;
}

.filtros-avancados-dte > .accordion .card-body,
.filtros-avancados-cnd > .accordion .card-body {
    padding-bottom: 0 !important;
}

.tag-box-filtros-avancados-dte > .form-group,
.tag-box-filtros-avancados-cnd > .form-group {
    margin-bottom: 0.5rem;
    padding-right: 0;
    padding-left: 0;
}

.colTipoCertidao {
    margin-bottom: 1.25rem;
}

.colTipoCertidao > .form-group {
    margin-bottom: 0.5rem;
}

.colTipoCertidao > a {
    margin-left: 0.5rem;
    color: inherit;
}

.colTipoCertidao > a:hover {
    color: #a93710;
    text-decoration: underline;
}