.layout-dashboard .overview-box {
    padding: 1em !important;
    min-height: 100px !important;
    border: 0 !important;
    color: white !important;
    font-weight: bold;
}@font-face {
    font-family: "All Round Gothic";
    font-style: normal;
    font-weight: 700;
    src: url("/jakarta.faces.resource/fonts/all-round-gothic-bold.otf.xhtml?ln=siberia-layout") format("opentype");
    /* Safari, Android, iOS */
}

form {
    margin-block-end: 0em !important;
}

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

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

.ui-commandlink.black {
    color: unset !important;
}

.ui-datatable-data .ui-widget-content, .ui-column-title {
    font-size: 12px !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;
}

.loader {
    width: 116px;
    height: 116px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -58px;
    margin-left: -58px;
    z-index: 9999;
    background: url('/resources/bidding/images/progress.svg') 50% 50% no-repeat rgb(249, 249, 249);
    opacity: .8;
}

#statusDialog, #statusPage, #loading {
    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:5px;
    right: 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:40px;
    right: -21px;
    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: 75px;
    right: -52px;
    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: 110px;
    right: -83px;
    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: 145px;
    right: -114px;
    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: 180px;
    right: -145px;
    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: 215px;
    right: -176px;
    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: 250px;
    right: -207px;
    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: 320px;
    right: -363px;
    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: 52px;
    right: 55px;
    float: right;
    color: #FFF;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
    font-size: 1.1rem !important;
}

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

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

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

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

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

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

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

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

.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: 60px;
    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;
}

.layout-content {
    padding: 10px 10px !important;
}

.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;
}

.ui-inputfield {
    min-height: 30px;
}

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

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

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

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

.deletado {
    color: red !important;
}

.layout-dashboard .overview-box {
    padding: 1em !important;
    min-height: 100px !important;
    border: 0 !important;
    color: white !important;
    font-weight: bold;
}

.login-input {
    position: relative;
}

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

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

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

 .overview-box {
     width: 100%;
 }

.layout-wrapper .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.profile-item > form > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: auto;
    padding: 0.5em;
    margin: 0 0.5em;
    min-width: 120px;
    height: 40px;
}

.layout-wrapper .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.profile-item > form > a .profile-info-wrapper {
    margin-left: 15px;
    width: 90px;
}

.layout-wrapper .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.profile-item > form > a .profile-info-wrapper span {
    font-size: 13px;
    font-weight: 500;
    color: #ebedef;
}

.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 {
    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;
}

.funnel {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
    background-color: #fff;
}

.funnel li {
    padding: 8px 5px;
    margin: 0;
    margin-bottom: 2px;
    position: relative;
    overflow: hidden;
}

.funnel div:nth-child(1), .funnel div:nth-child(2){
    font-size: 0.9em;
    color: black !important;
    font-weight: bold;
}

.funnel li:last-child {
    background-color: #a5c13f;
}

.funnel li:before,
.funnel li:after {
    content: '';
    position: absolute;
    top: 0;
    height: 0;
    border-bottom: 85px solid #fff;
}

.funnel li:before {
    left: 0;
    border-right: 27px solid transparent;
    border-left: 0;
}

.funnel li:after {
    right: 0;
    border-left: 27px solid transparent;
    border-right: 0;
}

.funnel li:nth-child(1) {
    background:  #D8BFD8;
}

.funnel li:nth-child(1):before,
.funnel li:nth-child(1):after {
    width: 0;
}

.funnel li:nth-child(2) {
    background: #4169E1;
}

.funnel li:nth-child(2):before,
.funnel li:nth-child(2):after {
    width: 15px;
}

.funnel li:nth-child(3) {
    background: #1E90FF;
}

.funnel li:nth-child(3):before,
.funnel li:nth-child(3):after {
    width: 30px;
}

.funnel li:nth-child(4) {
    background: #00BFFF;
}

.funnel li:nth-child(4):before,
.funnel li:nth-child(4):after {
    width: 45px;
}

.funnel li:nth-child(5) {
    background: #87CEFA;
}

.funnel li:nth-child(5):before,
.funnel li:nth-child(5):after {
    width: 60px;
}

.funnel li:nth-child(6) {
    background: #87CEEB;
}

.funnel li:nth-child(6):before,
.funnel li:nth-child(6):after {
    width: 75px;
}

.funnel li:nth-child(7) {
    background: #ADD8E6;
}

.funnel li:nth-child(7):before,
.funnel li:nth-child(7):after {
    width: 90px;
}

.funnel li:nth-child(8) {
    background: #4682B4;
}

.funnel li:nth-child(8):before,
.funnel li:nth-child(8):after {
    width: 105px;
    height: 100%; border: 0; background-color: #fff;
}

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

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

.funnelSale {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
    background-color: #fff;
}

.funnelSale li {
    padding: 8px 5px;
    margin: 0;
    margin-bottom: 2px;
    position: relative;
    overflow: hidden;
}

.funnelSale div:nth-child(1), .funnelSale div:nth-child(2) {
    font-size: 0.9em;
    color: black !important;
    font-weight: bold;
}

.funnelSale li:before,
.funnelSale li:after {
    content: '';
    position: absolute;
    top: 0;
    height: 0;
    border-bottom: 85px solid #fff;
}

.funnelSale li:before {
    left: 0;
    border-right: 27px solid transparent;
    border-left: 0;
}

.funnelSale li:after {
    right: 0;
    border-left: 27px solid transparent;
    border-right: 0;
}

.funnelSale li:nth-child(1) {
    background:  #006400;
}

.funnelSale li:nth-child(1):before,
.funnelSale li:nth-child(1):after {
    width: 0;
}

.funnelSale li:nth-child(2) {
    background: #008000;
}

.funnelSale li:nth-child(2):before,
.funnelSale li:nth-child(2):after {
    width: 15px;
}

.funnelSale li:nth-child(3) {
    background: #228B22;
}

.funnelSale li:nth-child(3):before,
.funnelSale li:nth-child(3):after {
    width: 30px;
}

.funnelSale li:nth-child(4) {
    background: #32CD32;
}

.funnelSale li:nth-child(4):before,
.funnelSale li:nth-child(4):after {
    width: 45px;
}

.funnelSale li:nth-child(5) {
    background: #00FF00;
}

.funnelSale li:nth-child(5):before,
.funnelSale li:nth-child(5):after {
    width: 60px;
}

.funnelSale li:nth-child(6) {
    background: #0095ff;
}

.funnelSale li:nth-child(6):before,
.funnelSale li:nth-child(6):after {
    width: 75px;
}

.funnelSale li:nth-child(7) {
    background: #ff001e;
}

.funnelSale li:nth-child(7):before,
.funnelSale li:nth-child(7):after {
    width: 90px;
}

.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,.ui-datatable thead th {
    background: grey !important;
    color: white !important;
}

.ui-toolbar,  .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd  {
    background: #eceeef !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;
}

.layout-wrapper .layout-topbar .layout-topbar-wrapper {
    height: unset !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-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item[data-item-value*="Enc.:"] label {
    color: #FF0000 !important;
}

.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-items {
    white-space: pre-wrap;
}

.rejected {
    color: red !important;
}

.selected {
    color : #008000 !important;
}

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

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

/*.ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td {*/
/*    color: blue !important;*/
/*}*/

/*.ui-datatable.ui-datatable-gridlines.dashboard .ui-datatable-data > tr > td {*/
/*    color: unset !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 {
    background: #47b6f5 !important;
}

.ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active {
    border-color: #47b6f5 !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 .ui-panel-content {
    border: unset !important;
    padding: .5rem !important;
}

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

.menu-wrapper .layout-menu-container .layout-menu li.layout-root-menuitem > div > .layout-menuitem-text {
    margin-left: 8px !important;
    font-size: 1.2rem !important;
    font-weight: 900 !important;
}

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

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

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

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


.layout-wrapper .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.profile-item > form > a .profile-info-wrapper {
    width: unset;
    min-width: 100px !important;
}

.layout-wrapper .layout-topbar .layout-topbar-wrapper .layout-topbar-left {
    margin-left: unset !important;
}

.layout-wrapper .layout-topbar .layout-topbar-wrapper .layout-rightpanel-button {
    margin-right: unset !important;
}

.crud-app .ui-datatable {
    margin-top: unset !important;
}
.container {
    height: 30mm;
    background-color: #ffffff;
    display: flex;
    overflow-x: auto;
    flex-direction: row; /* Define que os itens ficarão lado a lado */
}

/* Shape 1 */
.shape {
    width: 60mm; /* Ajuste conforme necessário */
    height: 30mm; /* Ajuste conforme necessário */
    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;
}

/* Circle */
.circle {
    margin-right: 30px !important;
    width: 12mm;
    height: 12mm;
    background-color: #f6fafa;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Text 1 */
.textLabel {
    float: left;
    margin-left: -40px !important;
    position: relative;
    left: 80px;
    font-size: 0.9rem;
    font-weight: bold;
    color: #000000;
    font-family: "All Round Gothic"
}

/* Text 2 */
.textQtde {
    font-size: 0.9rem;
    font-weight: bold;
    color: #000000;
    font-family: "All Round Gothic"
}

.Ativo {
    color: #008000;
}

.ativo {
    color: #004070 !important;
}

.Bloqueado {
    color: #FF0000;
}

.Pendente {
    color: gold;
}


.inativo {
    color: red !important;
}

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

.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;
}

.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;
}

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

.cidade, .billID {
    width: 100px;
}

.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;
}

.Ativa {
    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;
}

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

.fechada {
    color: #006400 !important;
    font-weight: bold;
}

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

.semConsolidar {
    color: #CD950C !important;
    font-weight: bold;
}

.semLeituraFechamento {
    color: #8B814C !important;
    font-weight: bold;
}

.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;
    min-height: 100px !important;
    border: 0 !important;
    color: white !important;
    font-weight: bold;
}

.layout-dashboard .overview-box .box-header {
    font-size: 2rem;
}

.layout-dashboard .overview-box .box-header i {
    border: solid 1px white;
}

.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;
}

.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;
}

.no-padding {
    padding: 0 0 .5rem 0 !important;
}

.layout-dashboard .overview-box.table {
    padding: 0 0 8px !important;
    color: black !important;
    font-weight: bold;
}

.layout-dashboard .overview-box.table .box-content {
    padding: 0 5px;
    margin-top: 8px;
    overflow: auto !important;
}

.layout-dashboard .overview-box.table .box-header {
    -moz-border-radius-topleft: 4px !important;
    -webkit-border-top-left-radius: 4px !important;
    -khtml-border-top-left-radius: 4px !important;
    border-top-left-radius: 4px !important;
    -moz-border-radius-topright: 4px !important;
    -webkit-border-top-right-radius: 4px !important;
    -khtml-border-top-right-radius: 4px !important;
    border-top-right-radius: 4px !important;
    margin: 0 0 0 0 !important;
    color: white !important;
    font-weight: bold;
    height: 47px;
    display: flex !important;;
    align-items: center !important;
}

.layout-dashboard .overview-box.table.dashboard .box-header {
    background: linear-gradient(120deg, #2196f3 0%, #8BC34A 100%);
}

.layout-wrapper .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.profile-item > form > a .profile-info-wrapper {
    width: unset;
    min-width: 100px !important;
}

.layout-wrapper .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.profile-item {
    border-right: unset !important;
}

.rilc {
    height: 42px;
    max-width: 150px;
    width: auto;
    z-index: 20001;
}

.layout-wrapper .menu-wrapper .layout-menu > li.active-menuitem > a .layout-menuitem-text {
    color: #7CAD75 !important;
}