@-webkit-keyframes modal-in {
    from {
        background-color: transparent !important;
    }

    to {
        background-color: rgba(0, 0, 0, .6) !important;
    }
}

@keyframes modal-in {
    from {
        background-color: transparent !important;
    }

    to {
        background-color: rgba(0, 0, 0, .6) !important;
    }
}

.layout-sidebar {
    padding-top: 4rem !important;
    box-shadow: unset !important;
}

.layout-menu-container {
    padding: 0 1rem 1rem 1rem !important;
}

.layout-menu ul a {
    color: white !important;
}

.layout-menu ul a .layout-menuitem-text{
    color: dimgray !important;
}

.layout-wrapper.layout-slim .layout-menu .layout-root-menuitem>a .layout-menuitem-text {
    font-size: .9rem !important;
}

.layout-sidebar-blue .layout-sidebar .layout-menu li a {
    color: rgb(255, 255, 255) !important;
}

.layout-sidebar-blue .layout-sidebar {
    background: #004070 !important;
    background-image: unset !important;
}

.layout-sidebar-blue .layout-sidebar .layout-menu .menu-separator {
    border-top: 1px solid dimgray !important;
}

@media screen and (min-width: 992px) {
    .layout-sidebar-blue.layout-slim .layout-sidebar .layout-menu .layout-root-menuitem > ul {
        background: snow !important;
        background-image: unset !important;
    }
}

.layout-sidebar-bluegray .layout-sidebar {
    background-image: linear-gradient(180deg, #455A64 10%, #37474F 20%) !important;
}

.layout-sidebar-white .layout-sidebar .layout-menu .layout-root-menuitem.active-menuitem {
    background: #fff !important;
}

.layout-sidebar-white .layout-sidebar .layout-menu .layout-root-menuitem>ul>li.active-menuitem {
    background: #fff !important;
}

.widget-pricing-card.deal {
    background-image: linear-gradient(45deg, #105da1 0%, #1f8ce3 100%) !important;
}

.ui-datatable-data td[role="gridcell"]:focus, .ui-datatable-data td[role="grid"] [tabindex="0"]:focus {
    outline: unset !important;
    outline-offset: unset !important;
    border: unset !important;
}

@font-face {
    font-family: "All Round Gothic";
    font-style: normal;
    font-weight: 700;
    src: url("/jakarta.faces.resource/fonts/all-round-gothic-bold.otf.faces?ln=diamond-layout") format("opentype");
}


a:link, a:visited {
    text-decoration: none !important;
}

a:link:hover, a:visited:hover {
    color: inherit;
    text-decoration: none;
}

.ui-datatable-data .ui-widget-content, .ui-column-title {
    font-size: 1rem !important;
}

.ui-datatable .ui-datatable-scrollable-header, .ui-datatable-scrollable-header-box > table > thead > tr {
    min-height: 40px ;
}

*:focus {
    outline: none;
}

span[class="required"]::after, label[class="ui-outputlabel ui-widget required"]::after {
    content: " *";
    color: red;
    font-weight: bold;
}

label[class="ui-outputlabel ui-widget required"] > span[class="ui-outputlabel-rfi"] {
    display: none !important;
}

.ui-outputlabel .ui-outputlabel-rfi {
    color: red;
}

#formCad\:listaUsuario\:0\:nome_input {
    width: 100% !important;
}

.loader {
    width: 116px;
    height: 116px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -58px;
    margin-left: -58px;
    z-index: 9999;
    text-align: center;
    border: 0px !important;
    -moz-border-radius-topleft: 6px !important;
    -webkit-border-top-left-radius: 6px !important;
    -khtml-border-top-left-radius: 6px !important;
    border-top-left-radius: 6px !important;
    -moz-border-radius-topright: 6px !important;
    -webkit-border-top-right-radius: 6px !important;
    -khtml-border-top-right-radius: 6px !important;
    border-top-right-radius: 6px !important;
    -moz-border-radius-bottomleft: 6px !important;
    -webkit-border-bottom-left-radius: 6px !important;
    -khtml-border-bottom-left-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
    -moz-border-radius-bottomright: 6px !important;
    -webkit-border-bottom-right-radius: 6px !important;
    -khtml-border-bottom-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
}

#loading {
    width:100% !important;
    height: 100% !important;
    top: 0;
    left: 0;
    -webkit-animation-name: modal-in;
    animation-name: modal-in;
    animation-duration: 0.4s;
    animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99);
    animation-fill-mode: forwards;
    background: rgba(0, 0, 0, 0.4);
}

#statusDialog, #statusPage {
    width: 116px !important;
    height: 116px !important;
    text-align: center;
    border: 0px !important;
    -moz-border-radius-topleft: 6px !important;
    -webkit-border-top-left-radius: 6px !important;
    -khtml-border-top-left-radius: 6px !important;
    border-top-left-radius: 6px !important;
    -moz-border-radius-topright: 6px !important;
    -webkit-border-top-right-radius: 6px !important;
    -khtml-border-top-right-radius: 6px !important;
    border-top-right-radius: 6px !important;
    -moz-border-radius-bottomleft: 6px !important;
    -webkit-border-bottom-left-radius: 6px !important;
    -khtml-border-bottom-left-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
    -moz-border-radius-bottomright: 6px !important;
    -webkit-border-bottom-right-radius: 6px !important;
    -khtml-border-bottom-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
}

#statusDialog_content, #statusPage_content {
    padding: 0px !important;
}

.selectManyCheckBoxRole, .selectManyCheckBoxUsuario {
    width: 500px;
    height: 300px;
    overflow: auto;
}

.selectManyCheckBoxEfeito, .selectManyCheckBoxMotivo {
    width: 500px;
    height: 150px;
    overflow: auto;
}

.selectManyCheckBoxClassificacaoPessoa, .selectManyCheckBoxEstadoAprovacao, .selectManyCheckBoxSituacaoTrecho, .selectManyCheckBoxMaterialDuto, .selectManyCheckBoxLocalidade, .selectManyCheckBoxSegmento{
    width: auto;
    height: 150px;
    overflow: auto;
}

.floatConfig{
    position:relative;
    width:32px;
    height:32px;
    top:10px;
    float: right;
    background-color:#0C9;
    color:#FFF;
    text-align:center;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
}

.floatRota{
    position:relative;
    width:32px;
    height:32px;
    top:45px;
    right: -33px;
    float: right;
    background-color:#0C9;
    color:#FFF;
    text-align:center;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
}

.floatRefresh {
    position: relative;
    width: 32px;
    height: 32px;
    top: 80px;
    right: -66px;
    float: right;
    background-color: #0C9;
    color: #FFF;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
}

.floatValvula {
    position: relative;
    width: 32px;
    height: 32px;
    top: 115px;
    right: -99px;
    float: right;
    color: #FFF;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
    font-size: 1.1rem !important;
}

.floatEstacaoOperacional {
    position: relative;
    width: 32px;
    height: 32px;
    top: 150px;
    right: -132px;
    float: right;
    color: #FFF;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
    font-size: 1.1rem !important;
}

.floatPlaca {
    position: relative;
    width: 32px;
    height: 32px;
    top: 185px;
    right: -165px;
    float: right;
    color: #FFF;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
    font-size: 1.1rem !important;
}

.floatLinkCliente {
    position: relative;
    width: 32px;
    height: 32px;
    top: 220px;
    right: -198px;
    float: right;
    color: #FFF;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
    font-size: 1.1rem !important;
}

.floatLinkTrecho {
    position: relative;
    width: 32px;
    height: 32px;
    top: 255px;
    right: -231px;
    float: right;
    color: #FFF;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
    font-size: 1.1rem !important;
}

.floatPerspectiva {
    position: relative;
    width: 32px;
    height: 32px;
    top: 290px;
    right: -264px;
    float: right;
    color: #FFF;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
    font-size: 1.1rem !important;
}

.floatPontoServico {
    position: relative;
    width: 32px;
    height: 32px;
    top: 325px;
    right: -297px;
    float: right;
    color: #FFF;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
    font-size: 1.1rem !important;
}

.floatSave {
    position: relative;
    width: 32px;
    height: 32px;
    top: 395px;
    right: -461px;
    float: right;
    color: #FFF;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
    font-size: 1.1rem !important;
}


.floatCentralizar {
    position: absolute;
    bottom: 32px;
    right: 55px;
    float: right;
    color: #FFF;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    z-index: 1000;
    font-size: 1.1rem !important;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.floatSatelite {
    position: absolute;
    width: 32px;
    height: 32px;
    bottom: 32px;
    right: 125px;
    float: right;
    background-color: #0C9;
    color: #FFF;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    z-index: 1000;
}

.floatMedir {
    position: absolute;
    width: 32px;
    height: 32px;
    bottom: 32px;
    right: 160px;
    float: right;
    color: #FFF;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    z-index: 1000;
    font-size: 1.1rem !important;
}

.floatGerarKMZ {
    position: absolute;
    width: 32px;
    height: 32px;
    bottom: 32px;
    right: 195px;
    float: right;
    color: #FFF;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    z-index: 1000;
    font-size: 1.1rem !important;
}

.floatLocalizacao{
    position: absolute;
    width: 32px;
    height: 32px;
    bottom: 32px;
    right: 230px;
    float: right;
    color: #FFF;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    z-index: 1000;
    font-size: 1.1rem !important;
}

.floatAdministrative {
    position: absolute;
    width: 32px;
    height: 32px;
    bottom: 32px;
    right: 265px;
    float: right;
    background-color: #0C9;
    color: #FFF;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    z-index: 1000;
}

.floatPoi {
    position: absolute;
    width: 32px;
    height: 32px;
    bottom: 32px;
    right: 300px;
    float: right;
    background-color: #0C9;
    color: #FFF;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    z-index: 1000;
}

.floatAdministrativeRede {
    position: absolute;
    width: 32px;
    height: 32px;
    bottom: 32px;
    right: 190px;
    float: right;
    background-color: #0C9;
    color: #FFF;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    z-index: 1000;
}

.floatPoiRede {
    position: absolute;
    width: 32px;
    height: 32px;
    bottom: 32px;
    right: 225px;
    float: right;
    background-color: #0C9;
    color: #FFF;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    z-index: 1000;
}

.ui-slideouttab-panel {
    border: 0 !important;
}

.ui-slideout-handle {
    display: none !important;
}

.selectManyCheckBoxMapaAno tr {
    width: 100%;
}

.selectManyCheckBoxMapaAno {
    height: 320px;
    overflow: auto;
    padding: 5px;
    border: 1px solid;
}

.selectManyCheckBoxMapaSituacao tr {
    width: 100%;
}

.selectManyCheckBoxMapaSituacao {
    height: 200px;
    overflow: auto;
    padding: 5px;
    border: 1px solid;
}

.selectManyCheckBoxMapaDiametro tr {
    width: 100%;
}

.selectManyCheckBoxMapaDiametro {
    height: 180px;
    overflow: auto;
    padding: 5px;
    border: 1px solid;
}

.selectManyCheckBoxMapaMaterial tr {
    width: 100%;
}

.selectManyCheckBoxMapaMaterial {
    height: 120px;
    overflow: auto;
    padding: 5px;
    border: 1px solid;
}

.selectManyCheckBoxMapaRamoAtividade tr {
    width: 100%;
}

.selectManyCheckBoxMapaRamoAtividade {
    height: 200px;
    overflow: auto;
    padding: 5px;
    border: 1px solid;
}

.selectManyCheckBoxMapaClassificacaoPessoa tr {
    width: 100%;
}

.selectManyCheckBoxMapaClassificacaoPessoa {
    height: 140px;
    overflow: auto;
    padding: 5px;
    border: 1px solid;
}

.selectManyCheckBoxMapaValvula tr {
    width: 100%;
}

.selectManyCheckBoxMapaValvula {
    overflow: auto;
    padding: 5px;
    border: 1px solid;
}

.selectManyCheckBoxMapaLigacao tr {
    width: 100%;
}

.selectManyCheckBoxMapaLigacao {
    overflow: auto;
    padding: 5px;
    border: 1px solid;
}

.selectManyCheckBoxMapaRota tr {
    width: 100%;
}

.selectManyCheckBoxMapaRota {
    overflow: auto;
    padding: 5px;
    border: 1px solid;
}

.selectManyCheckBoxCorTracado tr {
    width: 50%;
}

.selectManyCheckBoxCorTracado {
    overflow: auto;
    padding: 5px;
    border: 1px solid;
}

.layout-themes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.layout-themes a img {
    width: 2rem;
    height: 2rem;
}

.layout-themes a {
    width: 2rem;
    height: 2rem;
    border-radius: 4px;
    display: block;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    transition: transform 0.2s;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.layout-themes a i {
    color: var(--primary-color-text);
    font-size: 1rem;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -0.5rem;
    margin-top: -0.5rem;
}

.layout-themes > div {
    padding: 0.25rem;
}

.ui-datatable table.ui-datatable-fs {
    width: 100%;
}

.ui-datatable table.ui-datatable-fs td.ui-datatable-frozenlayout-left {
    width: 520px;
}

.ui-datatable table.ui-datatable-fs td.ui-datatable-frozenlayout-right {
    width: auto;
}

.white .ui-icon {
    color: #ffffff !important;
}

.status-paralisado {
    background: #FFCDD2;
    color: #C63737;
}

.status-tif {
    background: #C8E6C9;
    color: #256029;
}

.status-emrp {
    background: #f5d6a0;
    color: #f57b00;
}

.status-interligado {
    background: #ecd5f3;
    color: #b817ce;
}

.status-programar {
    background: #ECCFFF;
    color: #694382;
}

.status-sisep {
    background: #FFD8B2;
    color: #805B36;
}

.status-gesma {
    background: #FEEDAF;
    color: #8A5340;
}

.status-prospectado {
    background: #d9e4f8;
    color: #5666b4;
}

.dashboard-button {
    color: white !important;
}

.border-paralisado {
    border-color: #C63737 !important;
}

.border-tif {
    border-color: #256029 !important;
}

.border-emrp {
    border-color: #f57b00 !important;
}

.border-interligado {
    border-color: #b817ce !important;
}

.border-programar {
    border-color: #694382 !important;
}

.border-sisep {
    border-color: #805B36 !important;
}

.border-gesma {
    border-color: #8A5340 !important;
}

.border-prospectado {
    border-color: #5666b4 !important;
}

.panel-dashboard {
    color: white;
    text-align: right;
}

.panel-paralisado {
    background: linear-gradient(67deg, #FFCDD2, #C63737) !important;
}

.panel-tif {
    background: linear-gradient(67deg, #C8E6C9, #256029) !important;
}

.panel-emrp {
    background: linear-gradient(67deg, #f5d6a0, #f57b00) !important;
}

.panel-interligado {
    background: linear-gradient(67deg, #ecd5f3, #b817ce) !important;
}

.panel-programar {
    background: linear-gradient(67deg, #ECCFFF, #694382) !important;
}

.panel-sisep {
    background: linear-gradient(67deg, #FFD8B2, #805B36) !important;
}

.panel-gesma {
    background: linear-gradient(67deg, #FEEDAF, #8A5340) !important;
}

.panel-prospectado {
    background: linear-gradient(67deg, #d9e4f8, #5666b4) !important;
}

.ui-datatable.ui-datatable-gridlines thead > tr > th[class="ui-state-default GECOM"], .ui-datatable.ui-datatable-gridlines thead > tr > th[class="ui-state-default ui-sortable-column GECOM"] {
    background: #9bd8f3 !important;
}

.ui-datatable.ui-datatable-gridlines thead > tr > th[class="ui-state-default GETEC"], .ui-datatable.ui-datatable-gridlines thead > tr > th[class="ui-state-default ui-sortable-column GETEC"] {
    background: #ffeea8;
}

.ui-datatable.ui-datatable-gridlines thead > tr > th[class="ui-state-default GEOP"], .ui-datatable.ui-datatable-gridlines thead > tr > th[class="ui-state-default ui-sortable-column GEOP"] {
    background: #d7cffa;
}

.ui-datatable.ui-datatable-gridlines thead > tr > th[class="ui-state-default GESMA"], .ui-datatable.ui-datatable-gridlines thead > tr > th[class="ui-state-default ui-sortable-column GESMA"] {
    background: #97BBA3;
}

.layout-rightpanel .rightpanel-header.footer {
    display: block;
    padding-left: 8px;
}

.picture {
    border-radius: 50%;
    height: 48px;
    width: 48px;
    z-index: 20001;
}

.atendimento:before {
    content: url('/resources/citius/images/atendimentoIcon.svg') !important;
}

.operacao:before {
    content: url('/resources/citius/images/operacaoIcon.svg') !important;
}

.valvula:before {
    content: url('/resources/citius/images/valvula.svg') !important;
}

.contratoIcon:before {
    content: url('/resources/citius/images/contratoMenu.svg') !important;
    width: 24px !important;
}

.leadIcon:before {
    content: url('/resources/citius/images/leadMenu.svg') !important;
    width: 24px !important;
}

.prospectIcon:before {
    content: url('/resources/citius/images/prospectMenu.svg') !important;
    width: 24px !important;
}

.estacaoOperacional:before {
    content: url('/resources/citius/images/estacaoOperacional.svg') !important;
}

.placa:before {
    content: url('/resources/citius/images/placaIcon.svg') !important;
}

.perspectiva:before {
    content: url('/resources/citius/images/perspectiva.svg') !important;
}

.pontoServico:before {
    content: url('/resources/citius/images/pontoServico.svg') !important;
}

.cliente:before {
    content: url('/resources/citius/images/clienteMapa.svg') !important;
}

.ui-datatable-sticky table {
    table-layout: auto;
}

.freezeColumn {
    position: -webkit-sticky;
    position: sticky;
    background-color: inherit;
}

.layout-dashboard .overview-box {
    padding: 1em !important;
    border: 0 !important;
}

.layout-dashboard .overview-box.sales .box-content span[class="ui-button-icon-left ui-icon ui-icon-calendar"]  {
    color: white !important;
}

.layout-dashboard .overview-box.sales .box-content span.ui-button-text.ui-c  {
    color: white !important;
}

.layout-dashboard .overview-box.sales .box-content span.ui-button-icon-left.ui-icon  {
    color: white !important;
}

.login-input {
    width: 85%;
    position: relative;
}

.login-input > input {
    width: 100% !important;
    margin-bottom: 24px;
}

.login-input > i {
    position: absolute;
    right: 8px;
    top: 8px;
}

.ui-dialog.spotlight {
    border-radius: 12px !important;
    transition: border-radius 0.2s ease-in-out;
}

.ui-dialog.spotlight.no-radius-bottom {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}


.spolight .ui-autocomplete {
    position: relative;
}

.spolight > i {
    position: absolute;
    left: 8px;
    top: 12px
}

.ui-dialog.spotlight .ui-dialog-content {
    padding: unset !important;
}
.spotlight .ui-inputfield {
    border: 0 !important;
    background: unset !important;
    padding-left: 30px;
}

.spotlight .ui-inputfield.ui-state-focus {
    border: 0 !important;
    box-shadow: unset !important;
    padding-left: 30px;
}

.fatura {
    height: unset !important;
}

.corte {
    font-size: 1.5em;
    font-weight: bold;
    color: #008000;
    display: flex;
    justify-content: center;
}

.login-input > i.lock {
    right: 10px;
}

.overview-box {
    width: 100%;
}

.layout-content {
    padding-top: 60px;
}

.layout-content.limitado {
    max-width: calc(1980px - 9rem);
    margin: 0 auto;
    width: 100%;
    padding-top: 60px;
}



.fileDescription {
    color: #000000;
    position: relative;
    top: 2px;
    font-weight: bold;
    font-size: 16px !important;
    padding-left: 10px !important;
}

.pdfViewer {
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    height: calc(100vh - 215px);
}

.treeViewer {
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    height: calc(100vh - 170px);
    overflow: auto;
}

.ui-tree {
    width: 170px !important;
    margin: 0 !important;
    border: 0 !important;
}

.ui-tree .ui-tree-container {
    overflow: hidden;
    white-space: normal !important;
}

.folder {
    color: darkgoldenrod !important;
}

.pdf {
    color: red !important;
}

.timeline {
    float: left;
    overflow: auto;
}

.diasTimeline {
    color: #0000FF;
    font-weight: bold;
    font-size: small;
}


.ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline {
    box-shadow: unset !important;
}

.ui-dialog .ui-dialog-titlebar {
    background-image: linear-gradient(120deg, #004070 0%, #0069B4 100%)!important;
    color: white !important;
    font-weight: 600 !important;
    padding: 1rem !important;
}

.labelResumo {
    font-weight: bold;
}

.ui-selectmanycheckbox label {
    display: unset;
}

.risco-label {
    font-weight: bold;
}

.risco-value {
    font-weight: bold;
    color: red;
}

.div-slideOut {
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    padding: 0 1.5rem 2rem 1.5rem;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.funnelSale .funnelText {
    color: black;
    font-family: "All Round Gothic", sans-serif;
}

.funnelSale {
    list-style: none;
    padding: 0;
}

.funnelSale li {
    position: relative;
    text-align: center;
}

.funnelSale li .dashboard-button {
    display: block;
    padding: 0.540rem;
    color: #fff;
    text-decoration: none;
    border-radius: 8px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    margin: .2rem auto;
}

.funnelSale li .dashboard-button:hover {
    transform: scale(1.02);
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

.funnelSale li:nth-child(1) .dashboard-button {
    width: 100%;
    background: #8080FF;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.funnelSale li:nth-child(2) .dashboard-button {
    width: 92%;
    background: #8095EA;
}
.funnelSale li:nth-child(3) .dashboard-button {
    width: 84%;
    background: #80AAD5;
}
.funnelSale li:nth-child(4) .dashboard-button {
    width: 76%;
    background: #80D5AA;
}
.funnelSale li:nth-child(5) .dashboard-button {
    width: 68%;
    background: #80EA95
}
.funnelSale li:nth-child(6) .dashboard-button {
    width: 60%;
    background: #80FF80;
}
.funnelSale li:nth-child(7) .dashboard-button {
    width: 52%;
    background: #ff6961;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.ui-dataview .ui-dataview-header {
    display: none !important;
}

.layout-dashboard .overview-box.checkins .box-content {
    margin-top: 0 !important;
}

.treeViewerTrecho {
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    overflow: auto;
}

.tableAtividade .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td {
    padding: 0.5rem 0.5rem !important;
}

.ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td {
    padding: 0.20rem 0.5rem !important;
}

.ui-fluid .ui-splitbutton .ui-button {
    width: 2.4rem;
}

.ui-datatable .ui-splitbutton .ui-button, .ui-datatable .rounded-button {
    width: 25px !important;
    height: 25px !important;
}

.ui-splitbuttonmenu-list-wrapper .ui-menu-list {
    width: auto !important;
}

.ui-datatable .ui-paginator {
    padding: 0.25rem !important;
}


.ui-datatable .ui-datatable-header {
    background: var(--surface-hover) !important;
    color: white !important;

}

.ui-datatable thead th {
    background: #0069B4 !important;
    color: white !important;
}

.ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd  {
    background: var(--surface-100) !important;
}

.ui-datatable.ui-datatable-striped  .ui-datatable-data > tr.ui-state-hover, .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover  {
    background: #c8d6e7 !important;
}

.Separator {
    border-bottom: 1px solid #e0e0e0 !important;
}

.ui-skeleton {
    background-color: #dde4ec !important;
}


.ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label {
    white-space: break-spaces;
}

.ui-toolbar {
    padding: .5rem !important;
}

.Aguardando {
    color: gold;
}

.Executando {
    color: #008000;
}

.Concluído {
    color: #000080;
}

.Erro {
    color: #FF0000;
}

.AA {
    color: #000080;
}

.RP {
    color: #ff0000;
}

.AG {
    color: orange;
}

.AU {
    color: #000080;
}

.PE {
    color: #008000;
}


.ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item[data-label*="Encerrado"] {
    color: #FF0000 !important;
}

.ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item[data-label*="Rejeitada"] {
    color: #FF0000 !important;
}

.ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item[data-label*="Selecionada"] {
    color: #008000 !important;
}

.ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item[data-label*="Bloqueado)"] {
    color: #FF0000 !important;
}

.ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item[data-label*="Desatualizada"] {
    color: #FF0000 !important;
}

.ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item[data-label*="Pendente)"] {
    color: gold !important;
    font-weight: bold;
}

.ui-selectonemenu-items {
    white-space: pre-wrap;
}

.rejected {
    color: red !important;
}

.selected {
    color : #008000 !important;
}

.field > label {
    font-weight: bold;
}

.ui-inputfield {
    min-height: 33px;
    color: blue !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline {
    box-shadow: unset !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-header a {
    color: black !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active, .ui-picklist-caption {
    background: #0069B4 !important;
}

.ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active {
    border-color: #0069B4 !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a {
    color: white !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-header {
    padding: .5rem .75rem !important;
}

.ui-panel .ui-panel-titlebar {
    color: black !important;
    font-size: 1.1rem !important;
}

.ui-panel .telemetria .ui-panel-titlebar  {
    font-size: unset !important;
}

.ui-panel .ui-panel-titlebar {
    color: black !important;
    font-size: 1.1rem !important;
}

.ui-panel .ui-panel-content {
    border: unset !important;
    padding: .5rem !important;
}

.top-dialog {
    margin-top: 75px;
}

.ui-picklist .ui-picklist-list {
    height: 540px !important;
}

.ui-picklist .ui-picklist-caption {
    color: white !important;
}

.choose-btn {
    top: -59px !important;
}

.upload-btn {
    top: -59px !important;
}

.cancel-btn {
    top: -59px !important;
}

.importarLead {
    margin-left: 24.7rem !important;
}

.crud-app .ui-datatable {
    margin-top: unset !important;
}
.container {
    height: 30mm;
    background-color: #ffffff;
    display: flex;
    overflow-x: auto;
    flex-direction: row;
    padding: 10px;
}

.shape {
    width: 72mm;
    height: 26mm;
    clip-path: polygon(75% 0%, 90% 50%, 75% 100%, 0% 100%, 15% 50%, 0% 0%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: -50px !important;
    position: relative;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.shape:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    transform: translateY(-10px);
}

.circle {
    margin-right: 40px !important;
    width: 9mm;
    height: 9mm;
    background-color: #f6fafa;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s ease;
}

.shape:hover .circle {
    background-color: #e9eef1;
}

.textLabel {
    float: left;
    margin-left: -30px !important;
    position: relative;
    left: 80px;
    font-size: 0.9rem;
    font-weight: bold;
    color: #000000;
    font-family: "All Round Gothic", sans-serif;
    transition: color 0.3s ease;
}

.textQtde {
    font-size: 0.9rem;
    font-weight: bold;
    color: #000000;
    font-family: "All Round Gothic", sans-serif;
}

.shape:hover .textLabel,
.shape:hover .textQtde {
    color: #333333;
}

.ativo {
    color: #004070 !important;
}

.inativo {
    color: red !important;
}


.labelStatus {
    font-size: 1rem;
    font-family: "All Round Gothic"
}

.cortado {
    color: red;
    font-size: 1rem;
    font-family: "All Round Gothic"
}

.naoCortado {
    color: #000080 !important;
    font-size: 1rem;
    font-family: "All Round Gothic"
}

.trocaTitularide {
    color: white;
    font-size: 1.3rem !important;
    font-weight: bold;
    font-family: "All Round Gothic"
}

.A {
    background: #0069B4 !important;
}

.E {
    background: darkred !important;
}


.P {
    background: darkgoldenrod !important;
}

.C {
    background: #3e1046 !important;
}

.encerrado {
    color: red !important;
}

.Ativo {
    color: #000080 !important;
    font-size: 1rem;
    font-family: "All Round Gothic"
}

.Encerrado, .Inativo {
    color: darkred !important;
    font-size: 1rem;
    font-family: "All Round Gothic"
}

.Pendente {
    color: darkgoldenrod !important;
    font-size: 1rem;
    font-family: "All Round Gothic"
}

.Cancelado {
    color: #3e1046 !important;
    font-size: 1rem;
    font-family: "All Round Gothic"
}

.leitorAtivo {
    color: #008000;
}
.leitorBloqueado {
    color: #FF0000;
}

.leitorPendente {
    color: gold;
}



.ui-progressbar {
    height: 31px !important;
}

.ui-progressbar  .ui-progressbar-label {
    line-height: 31px !important;
}

.redBar.ui-progressbar .ui-progressbar-value {
    background: red !important;
}

.yellowBar.ui-progressbar .ui-progressbar-value {
    background: yellow !important;;
}

.blueBar.ui-progressbar .ui-progressbar-value {
    background: blue !important;
}

.greenBar.ui-progressbar .ui-progressbar-value {
    background: green !important;
}

.blueBar.ui-progressbar .ui-progressbar-label, .greenBar.ui-progressbar .ui-progressbar-label {
    color: white;
}

.yellowBar.ui-progressbar .ui-progressbar-label {
    color: black;
}


.ui-widget-header .customCCB, .ui-tabs .ui-tabs-nav li.ui-tabs-header.customCCB a {
    background: orange !important;
    color: white !important;
}

.ui-widget-header .ui-state-active.customCCB, .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active.customCCB a {
    background: grey !important;
    color: white !important;
}

.ui-widget-header .customProtheus, .ui-tabs .ui-tabs-nav li.ui-tabs-header.customProtheus a {
    background: rgb(255, 99, 132) !important;
    color: white !important;
}

.ui-widget-header .ui-state-active.customProtheus, .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active.customProtheus a {
    background: grey !important;
    color: white !important;
}

.ui-widget-header .customDiferenca, .ui-tabs .ui-tabs-nav li.ui-tabs-header.customDiferenca a {
    background: rosybrown !important;
    color: white !important;
}

.ui-widget-header .ui-state-active.customDiferenca, .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active.customDiferenca a {
    background: grey !important;
    color: white !important;
}

.ui-widget-header .customJustificado, .ui-tabs .ui-tabs-nav li.ui-tabs-header.customJustificado a {
    background: rgb(75, 192, 192) !important;
    color: white !important;
}

.ui-widget-header .ui-state-active.customJustificado, .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active.customJustificado a {
    background: grey !important;
    color: white !important;
}

.Column0[role="columnheader"] {
    background: #005e21 !important;
    color: #FFFFFF !important;
    text-align: center !important;
}

.Column1[role="columnheader"] {
    background: #CDAD00 !important;
    color: #FFFFFF !important;
    text-align: center !important;
}

.ColumnTotal[role="columnheader"] {
    background: #6CBC45 !important;
    color: #FFFFFF !important;
    text-align: center !important;
}

.destaque {
    color: #005e21;
    font-weight: bold;
}

.limiteUltrapassado {
    color: #FF0000;
    font-weight: bold;
}

.limiteNormal {
    color: #0000FF;
}

tr.ui-widget-content.ui-datatable-odd.diaNormal, tr.ui-widget-content.ui-datatable-even.diaNormal {
    background: #FFFFEC !important;
    color: #000000 !important;
}

tr.ui-widget-content.ui-datatable-odd.finalDeSemana, tr.ui-widget-content.ui-datatable-even.finalDeSemana {
    background: #FEF4EB !important;
    color: #000000 !important;
}


td.ui-state-default.primeiraQuinzena {
    background: #DFFEDA !important;
    color: #000000 !important;
    font-weight: bold;
    font-size: 12px !important;
}

td.ui-state-default.segundaQuinzena {
    background: #77DA65 !important;
    color: #000000 !important;
    font-size: 12px !important;
    font-weight: bold;
}

td.ui-state-default.mensal {
    background: #6CBC45 !important;
    color: #000000 !important;
    font-weight: bold;
    font-size: 12px !important;
}

td.ui-state-default.previsao {
    background: #C0C0C0 !important;
    color: #000000 !important;
    font-weight: bold;
    font-size: 12px !important;
}

td.ui-state-default.mes1 {
    background: #D6FED0 !important;
    color: #000000 !important;
    font-weight: bold;
    font-size: 12px !important;
}

td.ui-state-default.mes2 {
    background: #D6FDFE !important;
    color: #000000 !important;
    font-weight: bold;
    font-size: 12px !important;
}

.textAlignRight {
    text-align: right;
    font-weight: bold;
    font-size: 1em !important;
}

.textAlignCenter {
    text-align: center !important;
    font-size: 1em !important;
}

.textAlignRightNormal {
    text-align: right;
    font-size: 1em !important;
    width: 90px !important;
}

.fundoBranco {
    background: #ffffff !important;
}

.fundoTotal {
    background: #FFFFAC !important;
}

.paradaProgramada {
    background: #FA8072 !important;
}

.Inconsistente {
    color: #FF0000;
}

.Consistente {
    color: #008000;
}

.Inativa {
    color: gold;
}

.Justificada {
    color: #0095ff;
}

.Rateada {
    color: #3700ff;
}

.JustificadaProximoPeriodo {
    color: #1c1b1b;
}

.DiferencaPeriodoAnterior {
    color: #7e7c7c;
}

.InativadaDiferenca {
    color: #ab1eab;
}

.medicao {
    max-width: 1500px !important;
}

.fix-right-side {
    left: unset !important;
    right: 0 !important;
}


.consumoFinal {
    color: #FF0000;
    font-weight: bold;
}

.textAlignRightReduzido {
    text-align: right;
    font-weight: bold;
    font-size: .8em !important;
}

.textAlignLeftReduzido {
    text-align: left;
    font-size: .8em !important;
}

.textAlignCenterReduzidoBold {
    font-weight: bold;
    text-align: center;
    width: 100%;
}

.textAlignCenterReduzido {
    text-align: center;
    width: 100%;
}

.qtdeRegistros {
    color: #FF0000;
    font-weight: bold;
    font-size: 14px !important;
}

.Desconectado {
    color: #FF0000 !important;
}

.Desconectado .ui-panel-titlebar, .Desconectado .ui-panelgrid-header {
    background: #FF0000 !important;
    color: #FFFFFF !important;
}

a:link .Desconectado, a:visited .Desconectado {
    color: #FF0000;
    text-decoration: none;
}

a:link:hover .Desconectado a:visited:hover .Desconectado {
    color: #FF0000;
    text-decoration: underline;
}

.Atrasado {
    color: #CDAD00 !important;
}

.Atrasado .ui-panel-titlebar, .Atrasado .ui-panelgrid-header {
    background:  #CDAD00 !important;
    color: #FFFFFF !important;
}

a:link .Atrasado, a:visited .Atrasado {
    color:  #CDAD00;
    text-decoration: none;
}

a:link:hover .Atrasado, a:visited:hover .Atrasado {
    color:  #CDAD00;
    text-decoration: underline;
}

.Normal {
    color: #008000 !important;
}

.Normal .ui-panel-titlebar, .Normal .ui-panelgrid-header {
    background: #008000 !important;
    color: #FFFFFF !important;
}

a:link .Normal, a:visited .Normal {
    color: #008000;
    text-decoration: none;
}

a:link:hover .Normal, a:visited:hover .Normal {
    color: #008000;
    text-decoration: underline;
}

.layout-dashboard .overview-box {
    padding: 1em !important;
}

.layout-dashboard .overview-box.sales .box-content span[class="ui-button-icon-left ui-icon ui-icon-calendar"]  {
    color: white !important;
}

.layout-dashboard .overview-box.sales .box-content span.ui-button-text.ui-c  {
    color: white !important;
}

.layout-dashboard .overview-box.sales .box-content span.ui-button-icon-left.ui-icon  {
    color: white !important;
}

.grid-dashboard .ui-panel .ui-panel-titlebar {
    padding: 0.3em !important;
}

.grid-dashboard .ui-button.ui-button-icon-only .ui-button-text, .grid .ui-panel .ui-panel-content {
    padding: 0!important;
}

.ui-stack {
    right: 25px !important;
    z-index: 1000 !important;
    bottom: 26px !important;
}

.ui-stack .openStack li span {
    opacity: .7 !important;
    text-align: right !important;
    max-width: 400px !important;
    width: max-content !important;
    display: inline-table;
    font-size: 11px !important;
    top: 5px !important;
    right: 50px !important;
}

.ui-stack ul li img {
    width: 40px !important;
}

.ui-stack > img {
    padding-top: 10px !important;
    width: 60px !important
}

.ui-stack ul li {
    left: 5px !important;
}

.ui-dock-container-bottom.ui-widget-header {
    background: white !important;
    border: 0;
}

.ui-dock-bottom.ui-widget {
    margin-bottom: 5px !important;
}

.ui-dock-bottom span {
    display: block !important;
}

.ui-dock-container.bottom:before, .ui-dock-container.bottom:after, .ui-dock-container.bottom {
    background: unset !important;
    margin-bottom: 15px !important;
}

.custom-skeleton > ul {
    list-style: none;
}

.darkgrey {
    background: #a6a2a2 !important;
    opacity: 0.5 !important;
}

.ui-dock {
    width: 90% !important;
}

@media screen and (min-width: 992px) {
    .layout-wrapper.layout-slim .layout-sidebar {
        width: 8rem !important;
    }
}

@media screen and (min-width: 992px) {
    .layout-wrapper.layout-slim .layout-menu .layout-root-menuitem > ul {
        left: 8rem !important;
        width: max-content !important;
    }
}

@media screen and (min-width: 992px) {
    .layout-wrapper.layout-slim .layout-content-wrapper {
        margin-left: 8rem !important;
    }
}

@media screen and (min-width: 992px) {
    .layout-wrapper.layout-slim .layout-topbar {
        width: 100% !important;
    }
}

.layout-topbar {
    border-bottom: unset !important;
    display: flex !important;
    position: fixed !important;
    z-index: 1000 !important;
    background-image: linear-gradient(120deg, #004070 0%, #0069B4 100%) !important;
    color: #FFFFFF !important;
    padding: 0 1rem 0 2rem !important;
}

.layout-topbar .topbar-menu > li.profile-item > form > a {
    width: auto;
    height: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.875rem;
    font-weight: 600;
    padding: 0 0.5rem 0 0;
}

.layout-topbar .topbar-menu > li > form > a {
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    color: #495057;
    overflow: hidden;
    border-radius: 4px;
    transition: background-color 0.2s, box-shadow 0.2s;
    display: block;
    position: relative;
    cursor: pointer;
    user-select: none;
    outline: 0 none;
}

.layout-topbar .topbar-menu > li.profile-item > form > a {
    font-size: 0.875rem;
    font-weight: 600;
}

.layout-topbar .topbar-menu > li > form > a {
    line-height: 2.5rem;
    text-align: center;
    color: white;
    cursor: pointer;
}

.layout-footer {
    display: flex !important;
    position: fixed !important;
    border: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    background-image: linear-gradient(120deg, #004070 0%, #0069B4 100%);
    color: #FFFFFF !important;
}

@media screen and (min-width: 992px) {
    .layout-footer {
        height: 2rem !important;
    }
}

.layout-menuitem-text {
    font-weight: bold !important;
}

.login-body .login-wrapper .login-panel .login-form > form > p {
    font-weight: 600;
    margin: 0;
    color: #6c757d;
    margin-bottom: 32px;
}

.ui-dialog .ui-dialog-titlebar, .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon {
    color: white !important;
}

.square .clr-field button, .circle .clr-field button {
    width: 22px;
    height: 22px;
    left: 5px;
    right: auto;
    border-radius: 5px;
}

.square .clr-field input, .circle .clr-field input {
    padding-left: 36px;
}

th .ui-commandlink,  th .ui-link {
    color: white !important;
}

.ui-toolbar-group-center {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.row {
    width: 15px;
}

.numContrato, .dataInicio, .dataLiberacao {
    width: 80px;
}

.dataTermino {
    width: 100px;
}

.nomeFantasia, .razaoSocial {
    min-width: 280px;
}

.volumeCorrigidoPTZ, .volumeCorrigidoFC, .volumeDiferenca, .volumeFaturado, .volumeMedido {
    width: 120px;
}

.localidade, .numFatura {
    width: 100px;
}

.segmento, .statusEvolucao {
    width: 120px;
}

.rota {
    width: 180px;
}

.numNota {
    width: 60px;
}

.cicloLeitura {
    width: 150px;
}

.qtdeLeitura {
    width: 40px;
}

.ui-paginator-current, .ui-paginator-pages, .ui-paginator-first, .ui-paginator-prev, .ui-paginator-next, .ui-paginator-last {
    font-weight: bold !important;
}

.ui-fluid .ui-selectcheckboxmenu-multiple .ui-selectcheckboxmenu-trigger {
    width: 2.357rem;
    padding: 0;
}

.ui-selectbooleanbutton .ui-icon {
    color: white !important;
}

.toggle {
    align-items: center;
    position: relative;
    top: -25px;
    margin-bottom: -25px;
    font-weight: bold;
}

.ui-toggleswitch .ui-toggleswitch-slider {
    border-width: 0 !important;
}

.ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: unset !important;
    transition: unset !important;
}

.ui-toggleswitch .ui-toggleswitch-slider:before,
.ui-toggleswitch .ui-toggleswitch-handler {
    transition: unset !important;
}

.no-borders {
    background-color: unset !important;
    border: unset !important;
}

.no-borders .ui-toolbar-group-left, .no-borders .ui-toolbar-group-right {
    flex-wrap: unset !important;
}

.ui-splitbuttonmenu-list-wrapper .ui-menu-list {
    width: auto !important;
}

.logo-link > img {
    text-align: center;
    border-radius: 4px !important;
    padding: 0.5rem 0;
    cursor: pointer;
    outline: none;
    transition: background-color 0.2s;
}

.logo-link a:hover > img {
    background: rgba(255, 255, 255, 0.1) !important;
}

.stats-card {
    background: white !important;
    border-radius: 1rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    padding: 1.5rem;
    flex: 1 1 200px;
    max-width: 300px;
    text-align: center;
    transition: transform 0.2s, box-shadow 0.2s;
    margin: 0 auto;
}

.stats-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 4px 16px rgba(0,0,0,0.15);
}

.login-container {
    display: flex;
    min-height: 100vh;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.login-input-wrapper .ui-inputfield {
    width: 100% !important;
    box-sizing: border-box;
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
}

.login-input-wrapper {
    width: 100% !important;
    overflow: visible !important;
}

.ui-password .ui-password__eye,
.password-toggle {
    position: absolute;
    right: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

body .ui-input-icon-left, body .ui-input-icon-right {
    position: relative;
    display: flex;
}

.login-form-section {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    background: linear-gradient(135deg, #f8fafc 0%, #e0f2fe 100%);
}

.login-form-wrapper {
    width: 100%;
    max-width: 28rem;
}

.logo-section {
    text-align: center;
    margin-bottom: 2rem;
}

.login-card {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(8px);
    border-radius: 0.5rem;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    padding: 2rem;
}

.login-card-header {
    text-align: center;
    margin-bottom: 1.5rem;
}

.login-card-title {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 0.5rem;
}

.login-card-description {
    color: #6b7280;
}

.login-form-group {
    margin-bottom: 1rem;
}

.login-form-label {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
}

.login-input-wrapper {
    position: relative;
}

.login-input-icon {
    position: absolute;
    left: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    color: #9ca3af;
    z-index: 10;
}

.login-remember-me {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 1rem 0;
}

.login-button {
    width: 100% !important;
    background: linear-gradient(90deg, #0069b4 0%, #0069b4 100%) !important;
    border: none !important;
    padding: 0.75rem !important;
    font-weight: 500 !important;
    transition: all 0.2s ease !important;
}

.login-button:hover {
    background: linear-gradient(90deg, #004170 0%, #004170 100%) !important;
    transform: scale(1.02);
}

.login-forgot-password {
    text-align: center;
    margin-top: 1rem;
}

.login-forgot-link {
    color: #2563eb;
    text-decoration: none;
    font-size: 0.875rem;
}

.login-forgot-link:hover {
    color: #1d4ed8;
}

.login-right-section {
    flex: 1;
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #004170 0%, #0069b4 50%, #76b82a 100%);
}

.login-background-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('/resources/citius/images/citius-background.png');
    background-size: cover;
    background-position: center;
    opacity: 0.2;
}

.login-gradient-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(30, 58, 138, 0.8) 0%, transparent 100%);
}

.login-right-content {
    position: relative;
    z-index: 10;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 3rem;
    color: white;
    height: 100%;
}

.login-content-title {
    font-size: 2.5rem;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 1.5rem;
}

.login-content-title .highlight {
    color: #67e8f9;
}

.login-features-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.login-feature-item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.login-feature-icon {
    padding: 0.5rem;
    background: rgba(0, 64, 112, 0.5);
    border-radius: 0.5rem;
}

.login-footer-section {
    margin-top: 2rem;
}

.login-footer-text {
    color: #bfdbfe;
    font-size: 0.875rem;
    margin-bottom: 1rem;
}

.login-social-icons {
    display: flex;
    gap: 1rem;
}

.login-social-icon {
    padding: 0.5rem;
    background: rgba(0, 64, 112, 0.5);
    border-radius: 0.5rem;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.login-social-icon:hover {
    background: rgba(0, 105, 180, 0.5);
}

@media (max-width: 1024px) {
    .login-right-section {
        display: none;
    }
}

.login-logo {
    width: 100%;
    max-width: 30rem;
}

.messageError {
    color: #FF0000;
    font-weight: bold !important;
    font-size: medium !important;
}

.cortado-cell {
    color: #FF0000 !important;
}

.ui-menu {
    width: unset !important;
}

.ui-datatable .ui-datatable-data > tr.AIF {
}
.ui-datatable .ui-datatable-data > tr.IFS {
}
.ui-datatable .ui-datatable-data > tr.IFE {
}
.ui-datatable .ui-datatable-data > tr.EFS {
}
.ui-datatable .ui-datatable-data > tr.EFE {
}
.ui-datatable .ui-datatable-data > tr.LIG {
}
.ui-datatable .ui-datatable-data > tr.CRT {
    color: #FF0000 !important;
}
.ui-datatable .ui-datatable-data > tr.PAR {
}
.ui-datatable .ui-datatable-data > tr.SUS {
}

.destaqueReferencia {
    color: #FF0000 !important;
    font-weight: bold !important;
}

.destaqueVigenciaTarifa {
    color: #FF0000 !important;
    font-weight: bold !important;
}

.destaqueVolumeFaturado {
    color: #008000 !important;
    font-weight: bold !important;
}

.destaqueValorTarifa {
    color: #008000 !important;
    font-weight: bold !important;
}

.destaqueValorFatura {
    color: #008000 !important;
    font-weight: bold !important;
}

.erroFatura {
    color: #FF0000 !important;
    font-weight: bold !important;
    font-size: 1.5rem !important;
}

.ui-inputfield.destaqueReferencia, .ui-inputfield.destaqueVigenciaTarifa, .ui-inputfield.destaqueVolumeFaturado, .ui-inputfield.destaqueValorTarifa, .ui-inputfield.destaqueValorFatura {
    background-color: #d8dfd8 !important
}


.positivo {
    color: #008000 !important;
    font-weight: bold !important;
    font-size: 1.5rem !important;
}

.negativo {
    color: #FF0000 !important;
    font-weight: bold !important;
    font-size: 1.5rem !important;
}

body .ui-datatable .ui-datatable-data > tr {
    color: #000000 !important;
}

body .ui-datatable .ui-datatable-data > tr.erroFatura {
    color: #FF0000 !important;
    font-weight: bold !important;
}


.liberada, body .ui-datatable .ui-datatable-data > tr.liberada {
    color: #000080 !important;
    font-weight: bold;
}

.fechada, body .ui-datatable .ui-datatable-data > tr.fechada {
    color: #006400 !important;
    font-weight: bold;
}

.aberta, body .ui-datatable .ui-datatable-data > tr.aberta {
    color: #FF0000 !important;
    font-weight: bold;
}

.semConsolidar, body .ui-datatable .ui-datatable-data > tr.semConsolidar {
    color: #CD950C !important;
    font-weight: bold;
}

.semLeituraFechamento, body .ui-datatable .ui-datatable-data > tr.semLeituraFechamento {
    color: #8B814C !important;
    font-weight: bold;
}

.deletado, body .ui-datatable .ui-datatable-data > tr.deletado {
    color: red !important;
}

.semMedidor, body .ui-datatable .ui-datatable-data > tr.semMedidor {
    color: red !important;
    font-weight: bold !important;
}

.prospect {
    background: #0ac8fa !important;
}

.lead {
    background: #ff9955 !important;
}

.ui-datatable .col-editor {
    width: 35px !important;
    white-space: nowrap;
}

.ui-datatable .ui-datatable-data > tr.ui-row-editing > td.col-editor {
    width: 90px !important;
    white-space: nowrap;
}

.ui-datatable .ui-datatable-headers th.col-editor {
    width: 90px;
    white-space: nowrap;
}

.disabled-panel {
    pointer-events: none;
    opacity: 0.9;
}


.ui-button-transparent.ui-button.ui-button-icon-only {
    width: 2rem;
    height: 2rem;
    padding: 0;
    line-height: 2rem; /
}

.ui-button-transparent  .ui-button-text {
    padding: 0;
}
.ui-button-transparent {
    border: 0 !important;
    color: #6c757d !important;
    background-color: transparent !important;
}

.ui-button-transparent.ui-button.ui-button-icon-only.ui-state-hover,
.ui-button-transparent.ui-button.ui-button-icon-only:hover {
    background-color: var(--surface-hover) !important;
    border-color: var(--primary-color) !important;
    color: #6c757d !important;
    transition: background-color 0.2s, color 0.2s;
}

body .ui-datatable .ui-datatable-data > tr.AIF {
    color: #000080 !important;
    font-weight: bold;
}

.IFS, body .ui-datatable .ui-datatable-data > tr.IFS {
    color: #008000 !important;
    font-weight: bold;
}

#mapa.dark {
    filter: brightness(0.6) invert(1) hue-rotate(180deg);
}

.panelOS {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin-bottom: 1rem!important
}


.panelPS {
    border: 1px solid #0069B4;
}

.ui-panel .panelPS .ui-panel-titlebar {
    background: #0069B4 !important;
    color: #fff !important;
}

.ui-panel .panelPS .ui-panel-content {
    padding: .5rem !important;
}

.panelDados {
    border: 1px solid #0069B4;
}

.ui-panel .panelDados .ui-panel-titlebar {
    background: #0069B4 !important;
    color: #fff !important;
}

.ui-panel .panelDados .ui-panel-content {
    padding: .5rem !important;
}

.panelTecnico {
    border: 1px solid #0069B4;
}

.ui-panel .panelTecnico .ui-panel-titlebar {
    background: #0069B4 !important;
    color: #fff !important;
}

.ui-panel .panelTecnico .ui-panel-content {
    padding: .5rem !important;
}

.panelIF {
    border: 1px solid #008000;
}

.ui-panel .panelIF .ui-panel-titlebar {
    background: #008000 !important;
    color: #fff !important;
}

.ui-panel .panelIF .ui-panel-content {
    padding: .5rem !important;
}

.panelEF {
    border: 1px solid #FF0000;
}

.ui-panel .panelEF .ui-panel-titlebar {
    background: #FF0000 !important;
    color: #fff !important;
}

.ui-panel .panelEF .ui-panel-content {
    padding: .5rem !important;
}

.crud-table-header > span {
    font-weight: bold;
    color: black!important;
}

:root {
    --chart-text-color: #1a1f36;
}

.infowindow {
    color:#000000;
}

.avencer {
    color: #000080 !important;
    font-weight: bold;
}

.pago {
    color: #008000 !important;
    font-weight: bold;
}

.vencido {
    color: #ff0000 !important;
    font-weight: bold;
}