body {
    overflow-y: scroll;
}

.login.login-3 .login-content .instagram-media-rendered {
    margin: auto !important;
}

bento-instagram {
    margin: auto !important;
}

.tt-cursor {
    background-color: #cccccc;
}

/** begin: cores mais escuras **/
.form-control {
    border-color: #c1c3cb !important;
}

.las.la-close:before {
    content: "\f00d";
}

@media (min-width: 992px) {
    .header-menu .menu-nav > .menu-item .menu-submenu > .menu-subnav > .menu-item > .menu-link .menu-text {
        color: #606375;
    }
}

.nav.nav-pills .nav-link {
    color: #616169;
}
/** begin: cores mais escuras **/

.bootstrap-select > .dropdown-toggle.btn-light, .bootstrap-select > .dropdown-toggle.btn-secondary {
    border-color: #c1c3cb !important;
}

/** begin::Notificacoes */
.navi .navi-item-priority-high .navi-icon i:before {
    color: #F64E60;
}
.navi .navi-item-priority-low .navi-icon i:before {
    color: #F4811D;
}
.navi-preview {
    position: absolute;
    top: 130px;
    left: 100%;
    margin-left: 10px;
    background: #fff;
    padding: 10px;
    border-radius: 0.42rem;
    width: 300px;
    height: auto;
    max-height: 327px;
    box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    display: none;
}


.erro_postauth {
    border: 2px solid #cd0a0a !important;
}

.btn-icon-right.btn i {
    float: right;
    padding-left: 0.35rem;
    padding-right: 0;
    writing-mode: vertical-lr;
}

.label.label-danger {
    font-weight: 600;
}

.clipboard-button-sm {
    height: auto!important;
}
.clipboard-button-sm:hover, .clipboard-button-sm:focus, .clipboard-button-sm:active {
    background-color: transparent !important;
}

@media(max-width: 425px) {
    .btn.btn-sm.btn-sm-icon-only i {
        padding-right: 0;
    }
    .btn.btn-sm.btn-sm-icon-only span {
        display: none;
    }
}

@media (min-width: 992px) {
    .header-fixed[data-header-scroll="on"] .header {
        height: 100px !important;
    }
    .header-fixed[data-header-scroll="on"] .header .header-top {
        height: 100px !important;
    }
    .header-menu .menu-nav > .menu-item .menu-submenu > .menu-subnav > .menu-item > .menu-link {
        padding: 6px 30px;
    }

    .card.card-custom.card-sticky > .card-header {
        top: 100px !important;
    }

}

.navi-preview > .actions {
    border-top: 1px solid #bdbfc947;
    margin-top: 10px;
    padding-top: 10px;
}
/** end::Notificacoes */

/** begin:nivelsinal tempo real */

.percentborder {
    width: 147px;
    font-size: 0px;
    height: 12px;
    float: left;
    background-image: url(/images/border.gif);
    background-repeat: no-repeat;
    background-position: center;
}

.mainbar {
    font-size: 0px;
    height: 10px;
    width: 0%;
    background-image: url(/images/spectr.gif);
    background-repeat: no-repeat;
    background-position: 1px 1px;
}

/** end:nivelsinal tempo real */


.fv-plugins-message-container:empty {
    margin-top: 0;
}
@media(min-width: 576px) {
    .modal-dialog-centered-dashboard-conf {
        min-height: calc(100% - 15rem);
    }
}

table.dataTable tbody tr.focus {
    box-shadow: inset 0 0 1px 2px #d80202;
}

.dataTables_wrapper .dataTables_length > label > select {
    margin-right: 6px;
}

 .dataTables_wrapper .dataTables_paginate .pagination > .page-item.refresh-button > a.page-link {
    background-color: #F3F6F9;
}

.dataTables_wrapper table.dataTable.collapsed > tbody > tr > td:first-child:before {
    padding-right: 0 !important;
}

table.dataTable.dtr-column>tbody>tr.parent td a.dt-detalhe-control i:before, table.dataTable.dtr-column>tbody>tr.parent th a.dt-detalhe-control i:before, table.dataTable.dtr-column>tbody>tr.parent td a.dt-detalhe-control i:before, table.dataTable.dtr-column>tbody>tr.parent th a.dt-detalhe-control i:before {
    content: "\f068" !important;
}

#tblMapaRedeClientes_filter > label > input {
    width: 350px;
}

.form-control-plaintext {
    font-size: 1.02rem !important;
}

.d-flow-root {
    display: flow-root !important;
}

div.divCobrancaDetalhesComposicao table td {
    max-width: 175px;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    overflow: hidden;
}

/*@media (min-width: 992px) {*/
.was-validated .form-control:valid, .form-control.is-valid {
    padding-right: 0.75em !important;
}

    /*@media (min-width: 992px) {*/
/*    .header-menu .menu-nav > .menu-item .menu-submenu > .menu-subnav > .menu-item > .menu-link {*/
/*        padding: 11px 30px;*/
/*    }*/
/*}*/

.md-chat-widget-wrapper {
    visibility: hidden;
}

#dbx_login_suporte {
    background: transparent;
    color: #838383;
    border-color: #f3855d;
}
#dbx_login_suporte:hover {
    border-color: #ee470a;
}
/** begin::checkbox **/
.checkbox-mark-minus > input:checked ~ span:after {
    border-width: 0 2px 0 0/*rtl:ignore*/ !important;
    -webkit-transform: rotate(90deg)/*rtl:ignore*/ !important;
    transform: rotate(90deg)/*rtl:ignore*/ !important;
}
.checkbox-mark-circle > input:not(:checked) ~ span:after {
    border-width: 2px 2px 2px 2px/*rtl:ignore*/ !important;
    -webkit-border-radius: 50%/*rtl:ignore*/ !important;
    border-radius: 50%/*rtl:ignore*/ !important;
    border-color: #ffffff;
    width: 10px !important;;
    margin-top: 0 !important;;
}

.checkbox-mark-circle > input:not(:checked) ~ span {
    background-color: #F4811D !important;
}
/** end::checkbox **/

#FormContratosEditarContratoGerado .ck-editor__editable_inline {
    max-height: 510px;
}

.form-control[readonly] {
    /* F3F6F9*/
    background-color: #F3F6F9 !important;
}

.input-group-prepend .btn, .input-group-append .btn {
    z-index: auto !important;
}

.input-group > .input-group-append > button.btn-icon,
.input-group > .input-group-prepend > button.btn-icon {
    width: auto;
    min-width: 34.5px;
    height: auto;
    margin: unset !important;
}
.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
    padding: 0.50rem 0.75rem;
}

/** start::datatables **/
.page-item.active .page-link {
    z-index: auto;
}
/*.dataTables_wrapper .dataTables_pager {*/
/*    display: block !important;*/
/*}*/
.dataTables_wrapper .dataTables_pager .dataTables_paginate {
     display: inline-block;
     -webkit-box-flex: 0;
     flex: 0 0 auto;
     width: auto;
     max-width: 100%;
    float: right;
}
@media (max-width: 991px) {
    .dataTables_wrapper .dataTables_pager {
        flex-wrap: wrap;
    }
}

.dataTables_wrapper .dataTable tbody td:not(.dtr-control) {
    padding: 0.2rem 0.5rem !important;
}

.dataTables_wrapper .dataTable tbody td.nfe-produtos-p0 {
    padding-left: 0 !important;
}

.dataTables_wrapper .dataTable tbody tr {
    height: 3rem;
}

#tblAtendimentosLista.dataTable tbody tr {
    height: 4.5rem;
}
/** end::datatables **/

.was-validated .form-control:valid, .form-control.is-valid {
    padding-right: 0.75em !important;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
    padding-right: 0.75em !important;
}

/** begin::swal2 **/
.swal2-container {
    z-index: 2000;
}
.swal2-content {
    z-index: 2;
}
/** end::swal2 **/

.box-pppoe-online {
    padding: 0 !important;
    border: 0;
    margin-bottom: 0;
    display: block !important;
}

.input-group select.selectpicker + button {
    padding-top: 0.45rem;
    padding-bottom: 0.45rem;
}

.input-group-btn button.dropdown-toggle, label.custom-file-label {
    height: calc(1.35em + 1.1rem + 2px);
    padding: 0.55rem 0.75rem!important;
    font-size: 0.925rem;
    line-height: 1.35;
    border-radius: 0.28rem!important;
}
.input-group-btn button.dropdown-toggle:after {
    line-height: 0;
}
.custom-file-label::after {
    line-height: 1.1;
    content: attr(data-browse);
}

.box-pppoe-online > div label.col-form-label, .box-pppoe-online > div label.col-form-label+div span  {
    font-size: 0.9rem !important;
}


.text-success-dark {
    color: #00aa00 !important;
}

.text-warning-dark {
    color: #ff9933 !important;
}

.text-danger-dark {
    color: #aa0000 !important;
}

.text-info-dark {
    color: #000088 !important;
}

.text-info-dark {
    color: #000088 !important;
}

.bg-state-error {
    background: #f3d8d8;
}

.bg-state-highlight {
    background: #fbf8ee;
}

/** begin::Atendimentos **/
.atendimento-bg-tipo-interno {
    background-color: #8e24aa !important;
}
.atendimento-color-tipo-interno {
    color: #8e24aa !important;
}

.atendimento-lista-ticket-interno {
    /*border-left-color: #8e24aa;*/
    /*border-left-width: 4px;*/
    /*border-left-style: solid;*/
    /*background-color: #8e24aa26;*/
    background-color: #9c27b014;
}

.atendimento-lista-ticket-prioridade {
    /*border-left-color: #8b0000;*/
    border-left-width: 4px;
    border-left-style: solid;
}

.atendimento-bg-prioridade {
    color: #ffffff;
}
.atendimento-bg-prioridade-baixa {
    color: #ffffff;
    background-color: #a0d76a;
}
.atendimento-bg-prioridade-media {
    color: #ffffff;
    background-color: #4da1ff;
}
.atendimento-bg-prioridade-alta {
    color: #ffffff;
    background-color: #ffd012;
}
.atendimento-bg-prioridade-urgente {
    color: #ffffff;
    background-color: #ff5959;
}
.atendimento-text-prioridade-baixa {
    color: #a0d76a;
}
.atendimento-text-prioridade-media {
    color: #4da1ff;
}
.atendimento-text-prioridade-alta {
    color: #ffd012;
}
.atendimento-text-prioridade-urgente {
    color: #ff5959;
}

/*.ql-toolbar.ql-snow .ql-picker .ql-fill, .ql-toolbar.ql-snow .ql-picker .ql-stroke, .ql-toolbar.ql-snow button .ql-fill, .ql-toolbar.ql-snow button .ql-stroke {*/
    /*stroke: #444 !important;*/
/*}*/

/*.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {*/
    /*color: #444 !important;*/
/*}*/

/*.ql-snow .ql-picker .ql-picker-label {*/
    /*color: #444 !important;*/
/*}*/
.ql-toolbar.ql-snow button .ql-fill, .ql-toolbar.ql-snow .ql-picker .ql-fill {
    stroke: none;
    fill: #292929;
}

.ql-toolbar.ql-snow button .ql-stroke, .ql-toolbar.ql-snow .ql-picker .ql-stroke {
    stroke: #292929;
}

.ql-snow .ql-picker .ql-picker-label {
    color: #292929;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
    color: #292929;
}

/** end::Atendimentos **/

/** begin::cartoes **/

.ps-brand-x30,
.ps-brand-x40,
.ps-brand-x60 {
    display: inline-block;
    overflow: hidden;
    text-indent: -5000px;
    border: solid #eee;
    border-width: 1px 1px 2px;
    border-radius: 3px;
    box-sizing: border-box;
    background-color: #fff;
    vertical-align: middle;
}

.ps-brand-x30 {
    background-image: url(/images/cartoes/ps-brands-x30.png);
    display: none;
    width: 45px;
    height: 30px;
    background-size: 370px 330px
}

.ps-brand-x30--alelo {
    background-position: -65px 0;
    display: inline-block
}

.ps-brand-x30--amex {
    background-position: -130px -200px;
    display: inline-block
}

.ps-brand-x30--aura {
    background-position: 0 -50px;
    display: inline-block
}

.ps-brand-x30--balance {
    background-position: -65px -50px;
    display: inline-block
}

.ps-brand-x30--banesecard {
    background-position: -130px 0;
    display: inline-block
}

.ps-brand-x30--banri-compras {
    background-position: -130px -50px;
    display: inline-block
}

.ps-brand-x30--banrisul {
    background-position: 0 -100px;
    display: inline-block
}

.ps-brand-x30--bb {
    background-position: -65px -100px;
    display: inline-block
}

.ps-brand-x30--boleto {
    background-position: -130px -100px;
    display: inline-block
}

.ps-brand-x30--bradesco {
    background-position: -195px 0;
    display: inline-block
}

.ps-brand-x30--brasilcard {
    background-position: -195px -50px;
    display: inline-block
}

.ps-brand-x30--cabal-debito {
    background-position: -195px -100px;
    display: inline-block
}

.ps-brand-x30--cabal {
    background-position: 0 -150px;
    display: inline-block
}

.ps-brand-x30--caixa {
    background-position: -65px -150px;
    display: inline-block
}

.ps-brand-x30--default {
    background-position: -130px -150px;
    display: inline-block
}

.ps-brand-x30--diners {
    background-position: -195px -150px;
    display: inline-block
}

.ps-brand-x30--elo {
    background-position: 0 -200px;
    display: inline-block
}

.ps-brand-x30--fortbrasil {
    background-position: -65px -200px;
    display: inline-block
}

.ps-brand-x30--grandcard {
    background-position: 0 0;
    display: inline-block
}

.ps-brand-x30--hiper {
    background-position: -195px -200px;
    display: inline-block
}

.ps-brand-x30--hipercard {
    background-position: -260px 0;
    display: inline-block
}

.ps-brand-x30--itau {
    background-position: -260px -50px;
    display: inline-block
}

.ps-brand-x30--maestro {
    background-position: -260px -100px;
    display: inline-block
}

.ps-brand-x30--mais {
    background-position: -260px -150px;
    display: inline-block
}

.ps-brand-x30--mastercard {
    background-position: -260px -200px;
    display: inline-block
}

.ps-brand-x30--personalcard {
    background-position: 0 -250px;
    display: inline-block
}

.ps-brand-x30--prepaid-card {
    background-position: -65px -250px;
    display: inline-block
}

.ps-brand-x30--santander {
    background-position: -130px -250px;
    display: inline-block
}

.ps-brand-x30--sodexo {
    background-position: -195px -250px;
    display: inline-block
}

.ps-brand-x30--sorocred {
    background-position: -260px -250px;
    display: inline-block
}

.ps-brand-x30--ticket {
    background-position: -325px 0;
    display: inline-block
}

.ps-brand-x30--upbrasil {
    background-position: -325px -50px;
    display: inline-block
}

.ps-brand-x30--valecard {
    background-position: -325px -100px;
    display: inline-block
}

.ps-brand-x30--visa-electron {
    background-position: -325px -150px;
    display: inline-block
}

.ps-brand-x30--visa {
    background-position: -325px -200px;
    display: inline-block
}

.ps-brand-x30--vr {
    background-position: -325px -250px;
    display: inline-block
}

.ps-brand-x30--policard {
    background-position: 0 -300px;
    display: inline-block
}

.ps-brand-x40 {
    background-image: url(/images/cartoes/ps-brands-x40.png);
    display: none;
    width: 60px;
    height: 40px;
    background-size: 460px 400px
}

.ps-brand-x40--alelo {
    background-position: -80px 0;
    display: inline-block
}

.ps-brand-x40--amex {
    background-position: -160px -240px;
    display: inline-block
}

.ps-brand-x40--aura {
    background-position: 0 -60px;
    display: inline-block
}

.ps-brand-x40--balance {
    background-position: -80px -60px;
    display: inline-block
}

.ps-brand-x40--banesecard {
    background-position: -160px 0;
    display: inline-block
}

.ps-brand-x40--banri-compras {
    background-position: -160px -60px;
    display: inline-block
}

.ps-brand-x40--banrisul {
    background-position: 0 -120px;
    display: inline-block
}

.ps-brand-x40--bb {
    background-position: -80px -120px;
    display: inline-block
}

.ps-brand-x40--boleto {
    background-position: -160px -120px;
    display: inline-block
}

.ps-brand-x40--bradesco {
    background-position: 0 -180px;
    display: inline-block
}

.ps-brand-x40--brasilcard {
    background-position: -80px -180px;
    display: inline-block
}

.ps-brand-x40--cabal-debito {
    background-position: -160px -180px;
    display: inline-block
}

.ps-brand-x40--cabal {
    background-position: -240px 0;
    display: inline-block
}

.ps-brand-x40--caixa {
    background-position: -240px -60px;
    display: inline-block
}

.ps-brand-x40--default {
    background-position: -240px -120px;
    display: inline-block
}

.ps-brand-x40--diners {
    background-position: -240px -180px;
    display: inline-block
}

.ps-brand-x40--elo {
    background-position: 0 -240px;
    display: inline-block
}

.ps-brand-x40--fortbrasil {
    background-position: -80px -240px;
    display: inline-block
}

.ps-brand-x40--grandcard {
    background-position: 0 0;
    display: inline-block
}

.ps-brand-x40--hiper {
    background-position: -240px -240px;
    display: inline-block
}

.ps-brand-x40--hipercard {
    background-position: -320px 0;
    display: inline-block
}

.ps-brand-x40--itau {
    background-position: -320px -60px;
    display: inline-block
}

.ps-brand-x40--maestro {
    background-position: -320px -120px;
    display: inline-block
}

.ps-brand-x40--mais {
    background-position: -320px -180px;
    display: inline-block
}

.ps-brand-x40--mastercard {
    background-position: -320px -240px;
    display: inline-block
}

.ps-brand-x40--personalcard {
    background-position: 0 -300px;
    display: inline-block
}

.ps-brand-x40--prepaid-card {
    background-position: -80px -300px;
    display: inline-block
}

.ps-brand-x40--santander {
    background-position: -160px -300px;
    display: inline-block
}

.ps-brand-x40--sodexo {
    background-position: -240px -300px;
    display: inline-block
}

.ps-brand-x40--sorocred {
    background-position: -320px -300px;
    display: inline-block
}

.ps-brand-x40--ticket {
    background-position: -400px 0;
    display: inline-block
}

.ps-brand-x40--upbrasil {
    background-position: -400px -60px;
    display: inline-block
}

.ps-brand-x40--valecard {
    background-position: -400px -120px;
    display: inline-block
}

.ps-brand-x40--visa-electron {
    background-position: -400px -180px;
    display: inline-block
}

.ps-brand-x40--visa {
    background-position: -400px -240px;
    display: inline-block
}

.ps-brand-x40--vr {
    background-position: -400px -300px;
    display: inline-block
}

.ps-brand-x40--policard {
    background-position: 0 -360px;
    display: inline-block
}

.ps-brand-x60 {
    background-image: url(/images/cartoes/ps-brands-x60.png);
    display: none;
    width: 90px;
    height: 60px;
    background-size: 640px 540px
}

.ps-brand-x60--alelo {
    background-position: -110px 0;
    display: inline-block
}

.ps-brand-x60--amex {
    background-position: -220px -320px;
    display: inline-block
}

.ps-brand-x60--aura {
    background-position: 0 -80px;
    display: inline-block
}

.ps-brand-x60--balance {
    background-position: -110px -80px;
    display: inline-block
}

.ps-brand-x60--banesecard {
    background-position: -220px 0;
    display: inline-block
}

.ps-brand-x60--banri-compras {
    background-position: -220px -80px;
    display: inline-block
}

.ps-brand-x60--banrisul {
    background-position: 0 -160px;
    display: inline-block
}

.ps-brand-x60--bb {
    background-position: -110px -160px;
    display: inline-block
}

.ps-brand-x60--boleto {
    background-position: -220px -160px;
    display: inline-block
}

.ps-brand-x60--bradesco {
    background-position: 0 -240px;
    display: inline-block
}

.ps-brand-x60--brasilcard {
    background-position: -110px -240px;
    display: inline-block
}

.ps-brand-x60--cabal-debito {
    background-position: -220px -240px;
    display: inline-block
}

.ps-brand-x60--cabal {
    background-position: -330px 0;
    display: inline-block
}

.ps-brand-x60--caixa {
    background-position: -330px -80px;
    display: inline-block
}

.ps-brand-x60--default {
    background-position: -330px -160px;
    display: inline-block
}

.ps-brand-x60--diners {
    background-position: -330px -240px;
    display: inline-block
}

.ps-brand-x60--elo {
    background-position: 0 -320px;
    display: inline-block
}

.ps-brand-x60--fortbrasil {
    background-position: -110px -320px;
    display: inline-block
}

.ps-brand-x60--grandcard {
    background-position: 0 0;
    display: inline-block
}

.ps-brand-x60--hiper {
    background-position: -330px -320px;
    display: inline-block
}

.ps-brand-x60--hipercard {
    background-position: -440px 0;
    display: inline-block
}

.ps-brand-x60--itau {
    background-position: -440px -80px;
    display: inline-block
}

.ps-brand-x60--maestro {
    background-position: -440px -160px;
    display: inline-block
}

.ps-brand-x60--mais {
    background-position: -440px -240px;
    display: inline-block
}

.ps-brand-x60--mastercard {
    background-position: -440px -320px;
    display: inline-block
}

.ps-brand-x60--personalcard {
    background-position: 0 -400px;
    display: inline-block
}

.ps-brand-x60--prepaid-card {
    background-position: -110px -400px;
    display: inline-block
}

.ps-brand-x60--santander {
    background-position: -220px -400px;
    display: inline-block
}

.ps-brand-x60--sodexo {
    background-position: -330px -400px;
    display: inline-block
}

.ps-brand-x60--sorocred {
    background-position: -440px -400px;
    display: inline-block
}

.ps-brand-x60--ticket {
    background-position: -550px 0;
    display: inline-block
}

.ps-brand-x60--upbrasil {
    background-position: -550px -80px;
    display: inline-block
}

.ps-brand-x60--valecard {
    background-position: -550px -160px;
    display: inline-block
}

.ps-brand-x60--visa-electron {
    background-position: -550px -240px;
    display: inline-block
}

.ps-brand-x60--visa {
    background-position: -550px -320px;
    display: inline-block
}

.ps-brand-x60--vr {
    background-position: -550px -400px;
    display: inline-block
}

.ps-brand-x60--policard {
    background-position: 0 -480px;
    display: inline-block
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:1.5dppx) {
    .ps-brand-x30 {
        background-image: url(/images/cartoes/ps-brands-x30@2x.png)
    }
    .ps-brand-x40 {
        background-image: url(/images/cartoes/ps-brands-x40@2x.png)
    }
    .ps-brand-x60 {
        background-image: url(/images/cartoes/ps-brands-x60@2x.png)
    }
}

/** end::cartoes **/

/** begin::jstree alertas **/
.badge-tree-alert {
    padding: 2px 3px !important;;
}

@media(max-width: 425px) {
    .jstree-contextmenu {
        z-index: 1002;
    }
}

.jstree-default .jstree-clicked {
    background: #f6d69d;
}

.jstree-default .jstree-hovered {
    background: #ffe6c6;
}

/** end::jstree alertas **/

/** begin:: mapa rede **/
.show-log {
    width: 100%;
    height: 600px;
    white-space: pre-wrap;
    overflow-y: scroll;
    font-size: 8pt;
}
/** end:: mapa rede **/

/** begin::mapa rede - widget fibra **/
.fibraoptica-widget {
    margin: auto;
    max-width: 220px;
    border-width: 2px;
    border-radius: 6px;
    border-style: solid;
    font-size: 2em;
    color: #ffffff;
}

.fibraoptica-widget-top {
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

.fibraoptica-widget-bottom {
    background-color: #ffffff;
    padding: 5px;
    font-size: 0.55em;
    text-align: right;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.fibraoptica-widget-counter {
    font-size: 1.2em;
    font-weight: bold;
    text-align: right;
    /*padding-top: 13px;*/
}

.fibraoptica-widget-counter-sub {
    font-size: 0.6em;
    text-align: right;
}

.fibraoptica-widget-green {
    border-color: #00aa00;
    background-color: #00aa00;
}

.fibraoptica-widget-bottom-green {
    color: #00aa00;
}

.fibraoptica-widget-red {
    border-color: #e71717;
    background-color: #e71717;
}

.fibraoptica-widget-bottom-red {
    color: #e71717;
}

.fibraoptica-widget-grey {
    border-color: #8e8e8e;
    background-color: #8e8e8e;
}

.fibraoptica-widget-bottom-grey {
    color: #8e8e8e;
}

.fibraoptica-widget-orange {
    border-color: #fa980e;
    background-color: #fa980e;
}

.fibraoptica-widget-bottom-orange {
    color: #fa980e;
}

.onu-rxpower-normal {
    color: #0e790e;
}

.onu-rxpower-warning {
    color: #CE7B11;
}

.onu-rxpower-critical {
    color: #e71717;
}

.onu-dashboard-icon {
    font-size: 2em !important;
    color: #ffffff !important;
}

.onu-online {
    color: #00aa00 !important;
}

.onu-offline {
    /*color: #e71717 !important;*/
    color: #8e8e8e !important;
}

.onu-desconhecido {
    color: #8e8e8e !important;
}

/** end::mapa rede - widget fibra **/
.truncate-overflow {
    --max-lines: 1;
    position: relative;
    max-height: calc(19.5px * var(--max-lines));
    /*max-height: 19.5px;*/
    overflow: hidden;
    padding-right: 1rem; /* space for ellipsis */
}
.truncate-overflow::before {
    position: absolute;
    content: "...";
    inset-block-end: 0; /* "bottom" */
    inset-inline-end: 0; /* "right" */
}
.truncate-overflow::after {
    content: "";
    position: absolute;
    inset-inline-end: 0; /* "right" */
    width: 1rem;
    height: 1rem;
    background: white;
}

.dataTables_wrapper .dataTable tbody tr td div.fadex {
    overflow: hidden;
    position: relative;
    height: 19.5px; /* exactly three lines */
}
/*.dataTables_wrapper .dataTable tbody tr td div.fadex:after {*/
/*    content: "";*/
/*    text-align: right;*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    right: 0;*/
/*    width: 10%;*/
/*    height: 1.2em;*/
/*    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);*/
/*}*/
/** begin::widgets **/
.widget-body > form {
    display: contents;
}
/*.grid-stack > .grid-stack-item > .grid-stack-item-content {*/
/*     overflow-x: visible !important;*/
/*     overflow-y: visible !important;*/
/*}*/
/** end::widgets **/


/** begin: grid stack **/
.grid-stack > .grid-stack-item[gs-w="0"]  { width: 0 }
.grid-stack > .grid-stack-item[gs-x="0"]  { left: 0 }
.grid-stack > .grid-stack-item[gs-min-w="0"]  { min-width: 0 }
.grid-stack > .grid-stack-item[gs-max-w="0"]  { max-width: 0 }
.grid-stack > .grid-stack-item[gs-w="1"]  { width: 2.0833333333333% }
.grid-stack > .grid-stack-item[gs-x="1"]  { left: 2.0833333333333% }
.grid-stack > .grid-stack-item[gs-min-w="1"]  { min-width: 2.0833333333333% }
.grid-stack > .grid-stack-item[gs-max-w="1"]  { max-width: 2.0833333333333% }
.grid-stack > .grid-stack-item[gs-w="2"]  { width: 4.1666666666667% }
.grid-stack > .grid-stack-item[gs-x="2"]  { left: 4.1666666666667% }
.grid-stack > .grid-stack-item[gs-min-w="2"]  { min-width: 4.1666666666667% }
.grid-stack > .grid-stack-item[gs-max-w="2"]  { max-width: 4.1666666666667% }
.grid-stack > .grid-stack-item[gs-w="3"]  { width: 6.25% }
.grid-stack > .grid-stack-item[gs-x="3"]  { left: 6.25% }
.grid-stack > .grid-stack-item[gs-min-w="3"]  { min-width: 6.25% }
.grid-stack > .grid-stack-item[gs-max-w="3"]  { max-width: 6.25% }
.grid-stack > .grid-stack-item[gs-w="4"]  { width: 8.3333333333333% }
.grid-stack > .grid-stack-item[gs-x="4"]  { left: 8.3333333333333% }
.grid-stack > .grid-stack-item[gs-min-w="4"]  { min-width: 8.3333333333333% }
.grid-stack > .grid-stack-item[gs-max-w="4"]  { max-width: 8.3333333333333% }
.grid-stack > .grid-stack-item[gs-w="5"]  { width: 10.416666666667% }
.grid-stack > .grid-stack-item[gs-x="5"]  { left: 10.416666666667% }
.grid-stack > .grid-stack-item[gs-min-w="5"]  { min-width: 10.416666666667% }
.grid-stack > .grid-stack-item[gs-max-w="5"]  { max-width: 10.416666666667% }
.grid-stack > .grid-stack-item[gs-w="6"]  { width: 12.5% }
.grid-stack > .grid-stack-item[gs-x="6"]  { left: 12.5% }
.grid-stack > .grid-stack-item[gs-min-w="6"]  { min-width: 12.5% }
.grid-stack > .grid-stack-item[gs-max-w="6"]  { max-width: 12.5% }
.grid-stack > .grid-stack-item[gs-w="7"]  { width: 14.583333333333% }
.grid-stack > .grid-stack-item[gs-x="7"]  { left: 14.583333333333% }
.grid-stack > .grid-stack-item[gs-min-w="7"]  { min-width: 14.583333333333% }
.grid-stack > .grid-stack-item[gs-max-w="7"]  { max-width: 14.583333333333% }
.grid-stack > .grid-stack-item[gs-w="8"]  { width: 16.666666666667% }
.grid-stack > .grid-stack-item[gs-x="8"]  { left: 16.666666666667% }
.grid-stack > .grid-stack-item[gs-min-w="8"]  { min-width: 16.666666666667% }
.grid-stack > .grid-stack-item[gs-max-w="8"]  { max-width: 16.666666666667% }
.grid-stack > .grid-stack-item[gs-w="9"]  { width: 18.75% }
.grid-stack > .grid-stack-item[gs-x="9"]  { left: 18.75% }
.grid-stack > .grid-stack-item[gs-min-w="9"]  { min-width: 18.75% }
.grid-stack > .grid-stack-item[gs-max-w="9"]  { max-width: 18.75% }
.grid-stack > .grid-stack-item[gs-w="10"]  { width: 20.833333333333% }
.grid-stack > .grid-stack-item[gs-x="10"]  { left: 20.833333333333% }
.grid-stack > .grid-stack-item[gs-min-w="10"]  { min-width: 20.833333333333% }
.grid-stack > .grid-stack-item[gs-max-w="10"]  { max-width: 20.833333333333% }
.grid-stack > .grid-stack-item[gs-w="11"]  { width: 22.916666666667% }
.grid-stack > .grid-stack-item[gs-x="11"]  { left: 22.916666666667% }
.grid-stack > .grid-stack-item[gs-min-w="11"]  { min-width: 22.916666666667% }
.grid-stack > .grid-stack-item[gs-max-w="11"]  { max-width: 22.916666666667% }
.grid-stack > .grid-stack-item[gs-w="12"]  { width: 25% }
.grid-stack > .grid-stack-item[gs-x="12"]  { left: 25% }
.grid-stack > .grid-stack-item[gs-min-w="12"]  { min-width: 25% }
.grid-stack > .grid-stack-item[gs-max-w="12"]  { max-width: 25% }
.grid-stack > .grid-stack-item[gs-w="13"]  { width: 27.083333333333% }
.grid-stack > .grid-stack-item[gs-x="13"]  { left: 27.083333333333% }
.grid-stack > .grid-stack-item[gs-min-w="13"]  { min-width: 27.083333333333% }
.grid-stack > .grid-stack-item[gs-max-w="13"]  { max-width: 27.083333333333% }
.grid-stack > .grid-stack-item[gs-w="14"]  { width: 29.166666666667% }
.grid-stack > .grid-stack-item[gs-x="14"]  { left: 29.166666666667% }
.grid-stack > .grid-stack-item[gs-min-w="14"]  { min-width: 29.166666666667% }
.grid-stack > .grid-stack-item[gs-max-w="14"]  { max-width: 29.166666666667% }
.grid-stack > .grid-stack-item[gs-w="15"]  { width: 31.25% }
.grid-stack > .grid-stack-item[gs-x="15"]  { left: 31.25% }
.grid-stack > .grid-stack-item[gs-min-w="15"]  { min-width: 31.25% }
.grid-stack > .grid-stack-item[gs-max-w="15"]  { max-width: 31.25% }
.grid-stack > .grid-stack-item[gs-w="16"]  { width: 33.333333333333% }
.grid-stack > .grid-stack-item[gs-x="16"]  { left: 33.333333333333% }
.grid-stack > .grid-stack-item[gs-min-w="16"]  { min-width: 33.333333333333% }
.grid-stack > .grid-stack-item[gs-max-w="16"]  { max-width: 33.333333333333% }
.grid-stack > .grid-stack-item[gs-w="17"]  { width: 35.416666666667% }
.grid-stack > .grid-stack-item[gs-x="17"]  { left: 35.416666666667% }
.grid-stack > .grid-stack-item[gs-min-w="17"]  { min-width: 35.416666666667% }
.grid-stack > .grid-stack-item[gs-max-w="17"]  { max-width: 35.416666666667% }
.grid-stack > .grid-stack-item[gs-w="18"]  { width: 37.5% }
.grid-stack > .grid-stack-item[gs-x="18"]  { left: 37.5% }
.grid-stack > .grid-stack-item[gs-min-w="18"]  { min-width: 37.5% }
.grid-stack > .grid-stack-item[gs-max-w="18"]  { max-width: 37.5% }
.grid-stack > .grid-stack-item[gs-w="19"]  { width: 39.583333333333% }
.grid-stack > .grid-stack-item[gs-x="19"]  { left: 39.583333333333% }
.grid-stack > .grid-stack-item[gs-min-w="19"]  { min-width: 39.583333333333% }
.grid-stack > .grid-stack-item[gs-max-w="19"]  { max-width: 39.583333333333% }
.grid-stack > .grid-stack-item[gs-w="20"]  { width: 41.666666666667% }
.grid-stack > .grid-stack-item[gs-x="20"]  { left: 41.666666666667% }
.grid-stack > .grid-stack-item[gs-min-w="20"]  { min-width: 41.666666666667% }
.grid-stack > .grid-stack-item[gs-max-w="20"]  { max-width: 41.666666666667% }
.grid-stack > .grid-stack-item[gs-w="21"]  { width: 43.75% }
.grid-stack > .grid-stack-item[gs-x="21"]  { left: 43.75% }
.grid-stack > .grid-stack-item[gs-min-w="21"]  { min-width: 43.75% }
.grid-stack > .grid-stack-item[gs-max-w="21"]  { max-width: 43.75% }
.grid-stack > .grid-stack-item[gs-w="22"]  { width: 45.833333333333% }
.grid-stack > .grid-stack-item[gs-x="22"]  { left: 45.833333333333% }
.grid-stack > .grid-stack-item[gs-min-w="22"]  { min-width: 45.833333333333% }
.grid-stack > .grid-stack-item[gs-max-w="22"]  { max-width: 45.833333333333% }
.grid-stack > .grid-stack-item[gs-w="23"]  { width: 47.916666666667% }
.grid-stack > .grid-stack-item[gs-x="23"]  { left: 47.916666666667% }
.grid-stack > .grid-stack-item[gs-min-w="23"]  { min-width: 47.916666666667% }
.grid-stack > .grid-stack-item[gs-max-w="23"]  { max-width: 47.916666666667% }
.grid-stack > .grid-stack-item[gs-w="24"]  { width: 50% }
.grid-stack > .grid-stack-item[gs-x="24"]  { left: 50% }
.grid-stack > .grid-stack-item[gs-min-w="24"]  { min-width: 50% }
.grid-stack > .grid-stack-item[gs-max-w="24"]  { max-width: 50% }
.grid-stack > .grid-stack-item[gs-w="25"]  { width: 52.083333333333% }
.grid-stack > .grid-stack-item[gs-x="25"]  { left: 52.083333333333% }
.grid-stack > .grid-stack-item[gs-min-w="25"]  { min-width: 52.083333333333% }
.grid-stack > .grid-stack-item[gs-max-w="25"]  { max-width: 52.083333333333% }
.grid-stack > .grid-stack-item[gs-w="26"]  { width: 54.166666666667% }
.grid-stack > .grid-stack-item[gs-x="26"]  { left: 54.166666666667% }
.grid-stack > .grid-stack-item[gs-min-w="26"]  { min-width: 54.166666666667% }
.grid-stack > .grid-stack-item[gs-max-w="26"]  { max-width: 54.166666666667% }
.grid-stack > .grid-stack-item[gs-w="27"]  { width: 56.25% }
.grid-stack > .grid-stack-item[gs-x="27"]  { left: 56.25% }
.grid-stack > .grid-stack-item[gs-min-w="27"]  { min-width: 56.25% }
.grid-stack > .grid-stack-item[gs-max-w="27"]  { max-width: 56.25% }
.grid-stack > .grid-stack-item[gs-w="28"]  { width: 58.333333333333% }
.grid-stack > .grid-stack-item[gs-x="28"]  { left: 58.333333333333% }
.grid-stack > .grid-stack-item[gs-min-w="28"]  { min-width: 58.333333333333% }
.grid-stack > .grid-stack-item[gs-max-w="28"]  { max-width: 58.333333333333% }
.grid-stack > .grid-stack-item[gs-w="29"]  { width: 60.416666666667% }
.grid-stack > .grid-stack-item[gs-x="29"]  { left: 60.416666666667% }
.grid-stack > .grid-stack-item[gs-min-w="29"]  { min-width: 60.416666666667% }
.grid-stack > .grid-stack-item[gs-max-w="29"]  { max-width: 60.416666666667% }
.grid-stack > .grid-stack-item[gs-w="30"]  { width: 62.5% }
.grid-stack > .grid-stack-item[gs-x="30"]  { left: 62.5% }
.grid-stack > .grid-stack-item[gs-min-w="30"]  { min-width: 62.5% }
.grid-stack > .grid-stack-item[gs-max-w="30"]  { max-width: 62.5% }
.grid-stack > .grid-stack-item[gs-w="31"]  { width: 64.583333333333% }
.grid-stack > .grid-stack-item[gs-x="31"]  { left: 64.583333333333% }
.grid-stack > .grid-stack-item[gs-min-w="31"]  { min-width: 64.583333333333% }
.grid-stack > .grid-stack-item[gs-max-w="31"]  { max-width: 64.583333333333% }
.grid-stack > .grid-stack-item[gs-w="32"]  { width: 66.666666666667% }
.grid-stack > .grid-stack-item[gs-x="32"]  { left: 66.666666666667% }
.grid-stack > .grid-stack-item[gs-min-w="32"]  { min-width: 66.666666666667% }
.grid-stack > .grid-stack-item[gs-max-w="32"]  { max-width: 66.666666666667% }
.grid-stack > .grid-stack-item[gs-w="33"]  { width: 68.75% }
.grid-stack > .grid-stack-item[gs-x="33"]  { left: 68.75% }
.grid-stack > .grid-stack-item[gs-min-w="33"]  { min-width: 68.75% }
.grid-stack > .grid-stack-item[gs-max-w="33"]  { max-width: 68.75% }
.grid-stack > .grid-stack-item[gs-w="34"]  { width: 70.833333333333% }
.grid-stack > .grid-stack-item[gs-x="34"]  { left: 70.833333333333% }
.grid-stack > .grid-stack-item[gs-min-w="34"]  { min-width: 70.833333333333% }
.grid-stack > .grid-stack-item[gs-max-w="34"]  { max-width: 70.833333333333% }
.grid-stack > .grid-stack-item[gs-w="35"]  { width: 72.916666666667% }
.grid-stack > .grid-stack-item[gs-x="35"]  { left: 72.916666666667% }
.grid-stack > .grid-stack-item[gs-min-w="35"]  { min-width: 72.916666666667% }
.grid-stack > .grid-stack-item[gs-max-w="35"]  { max-width: 72.916666666667% }
.grid-stack > .grid-stack-item[gs-w="36"]  { width: 75% }
.grid-stack > .grid-stack-item[gs-x="36"]  { left: 75% }
.grid-stack > .grid-stack-item[gs-min-w="36"]  { min-width: 75% }
.grid-stack > .grid-stack-item[gs-max-w="36"]  { max-width: 75% }
.grid-stack > .grid-stack-item[gs-w="37"]  { width: 77.083333333333% }
.grid-stack > .grid-stack-item[gs-x="37"]  { left: 77.083333333333% }
.grid-stack > .grid-stack-item[gs-min-w="37"]  { min-width: 77.083333333333% }
.grid-stack > .grid-stack-item[gs-max-w="37"]  { max-width: 77.083333333333% }
.grid-stack > .grid-stack-item[gs-w="38"]  { width: 79.166666666667% }
.grid-stack > .grid-stack-item[gs-x="38"]  { left: 79.166666666667% }
.grid-stack > .grid-stack-item[gs-min-w="38"]  { min-width: 79.166666666667% }
.grid-stack > .grid-stack-item[gs-max-w="38"]  { max-width: 79.166666666667% }
.grid-stack > .grid-stack-item[gs-w="39"]  { width: 81.25% }
.grid-stack > .grid-stack-item[gs-x="39"]  { left: 81.25% }
.grid-stack > .grid-stack-item[gs-min-w="39"]  { min-width: 81.25% }
.grid-stack > .grid-stack-item[gs-max-w="39"]  { max-width: 81.25% }
.grid-stack > .grid-stack-item[gs-w="40"]  { width: 83.333333333333% }
.grid-stack > .grid-stack-item[gs-x="40"]  { left: 83.333333333333% }
.grid-stack > .grid-stack-item[gs-min-w="40"]  { min-width: 83.333333333333% }
.grid-stack > .grid-stack-item[gs-max-w="40"]  { max-width: 83.333333333333% }
.grid-stack > .grid-stack-item[gs-w="41"]  { width: 85.416666666667% }
.grid-stack > .grid-stack-item[gs-x="41"]  { left: 85.416666666667% }
.grid-stack > .grid-stack-item[gs-min-w="41"]  { min-width: 85.416666666667% }
.grid-stack > .grid-stack-item[gs-max-w="41"]  { max-width: 85.416666666667% }
.grid-stack > .grid-stack-item[gs-w="42"]  { width: 87.5% }
.grid-stack > .grid-stack-item[gs-x="42"]  { left: 87.5% }
.grid-stack > .grid-stack-item[gs-min-w="42"]  { min-width: 87.5% }
.grid-stack > .grid-stack-item[gs-max-w="42"]  { max-width: 87.5% }
.grid-stack > .grid-stack-item[gs-w="43"]  { width: 89.583333333333% }
.grid-stack > .grid-stack-item[gs-x="43"]  { left: 89.583333333333% }
.grid-stack > .grid-stack-item[gs-min-w="43"]  { min-width: 89.583333333333% }
.grid-stack > .grid-stack-item[gs-max-w="43"]  { max-width: 89.583333333333% }
.grid-stack > .grid-stack-item[gs-w="44"]  { width: 91.666666666667% }
.grid-stack > .grid-stack-item[gs-x="44"]  { left: 91.666666666667% }
.grid-stack > .grid-stack-item[gs-min-w="44"]  { min-width: 91.666666666667% }
.grid-stack > .grid-stack-item[gs-max-w="44"]  { max-width: 91.666666666667% }
.grid-stack > .grid-stack-item[gs-w="45"]  { width: 93.75% }
.grid-stack > .grid-stack-item[gs-x="45"]  { left: 93.75% }
.grid-stack > .grid-stack-item[gs-min-w="45"]  { min-width: 93.75% }
.grid-stack > .grid-stack-item[gs-max-w="45"]  { max-width: 93.75% }
.grid-stack > .grid-stack-item[gs-w="46"]  { width: 95.833333333333% }
.grid-stack > .grid-stack-item[gs-x="46"]  { left: 95.833333333333% }
.grid-stack > .grid-stack-item[gs-min-w="46"]  { min-width: 95.833333333333% }
.grid-stack > .grid-stack-item[gs-max-w="46"]  { max-width: 95.833333333333% }
.grid-stack > .grid-stack-item[gs-w="47"]  { width: 97.916666666667% }
.grid-stack > .grid-stack-item[gs-x="47"]  { left: 97.916666666667% }
.grid-stack > .grid-stack-item[gs-min-w="47"]  { min-width: 97.916666666667% }
.grid-stack > .grid-stack-item[gs-max-w="47"]  { max-width: 97.916666666667% }
.grid-stack > .grid-stack-item[gs-w="48"]  { width: 100% }
.grid-stack > .grid-stack-item[gs-x="48"]  { left: 100% }
.grid-stack > .grid-stack-item[gs-min-w="48"]  { min-width: 100% }
.grid-stack > .grid-stack-item[gs-max-w="48"]  { max-width: 100% }
/** end: grid stack **/

/** begin: apex charts **/
.apexcharts-toolbar {
    z-index: auto !important;
}
/** end: apex charts **/

.blockUI.blockOverlay {
    z-index: 9000!important;
}
.blockUI.blockMsg.blockPage {
    z-index: 9001!important;
}

#dropzoneFiles.dropzone.dropzone-default .dz-remove > i {
    cursor: pointer;
}
#dropzoneFiles.dropzone.dropzone-default .dz-progress {
    display: none;
}
#dropzoneFiles.dropzone.dropzone-default .dz-error-message {
    margin-top: 15px;
}

#divMapaTecnicos .gm-ui-hover-effect, .gm-style-iw-chr {
    display: none !important;
}
#divMapaTecnicos .gm-style-iw {
    font-size: 10px !important;
    font-weight: bolder !important;
    text-align: center !important;
}
#divMapaTecnicos .gm-style-iw-d {
    overflow: hidden!important;
    padding: 5px 10px 5px 0!important;
}