/*!
 * ADIÇÕES DO TEMA PRINCIPAL PROJECT SWITCH
 */
.floatRight {
    float: right;
}
.floatLeft {
    float: left;
}
.icon-weather-sun-cloud {
    background: linear-gradient(0deg, rgba(34,193,195,1) 0%, rgba(253,187,45,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    }
    .icon-weather-sun-cloud {
    background: rgb(34,193,195);
    background: linear-gradient(0deg, rgba(34,193,195,1) 0%, rgba(253,187,45,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    }
    .icon-weather-drizzle {
    background: rgb(48,109,133);
    background: linear-gradient(8deg, rgba(48,109,133,0.85) 0%, rgba(76,194,251,0.85) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    }
    .icon-weather-rain {
    background: rgb(21,124,255);
    background: linear-gradient(8deg, rgba(21,124,255,0.85) 0%, rgba(76,194,251,0.85) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    }
    .icon-weather-thunder {
    background: rgb(48,85,133);
    background: linear-gradient(8deg, rgba(48,85,133,0.85) 0%, rgba(76,194,251,0.85) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    }
    .icon-weather-night {
    background: rgb(85,48,133);
    background: linear-gradient(8deg, rgba(85,48,133,0.85) 0%, rgba(6,86,125,0.85) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    }
    .bg-weather-sun {
    background: rgb(255,189,21);
    background: linear-gradient(8deg, rgba(255,189,21,0.85) 0%, rgba(251,205,76,0.85) 100%);
    }
    .bg-weather-sun-cloud {
    background: rgb(34,193,195);
    background: linear-gradient(0deg, rgba(34,193,195,1) 0%, rgba(253,187,45,1) 100%);
    }
    .bg-weather-drizzle {
    background: rgb(48,109,133);
    background: linear-gradient(8deg, rgba(48,109,133,0.85) 0%, rgba(76,194,251,0.85) 100%);
    }
    .bg-weather-rain {
    background: rgb(21,124,255);
    background: linear-gradient(8deg, rgba(21,124,255,0.85) 0%, rgba(76,194,251,0.85) 100%);
    }
    .bg-weather-thunder {
    background: rgb(48,85,133);
    background: linear-gradient(8deg, rgba(48,85,133,0.85) 0%, rgba(76,194,251,0.85) 100%);
    }
    .bg-weather-night {
    background: rgb(85,48,133);
    background: linear-gradient(8deg, rgba(85,48,133,0.85) 0%, rgba(6,86,125,0.85) 100%);
    }
    .bg-top-dados {
    background: rgb(232,232,232);
    background: linear-gradient(8deg, rgba(232,232,232,0.5) 0%, rgba(0,0,0,0.15) 100%);
    }
    .header-icon {
      cursor: pointer !important; 
    }
    ._oculto {
      display: none !important;
    }
    .oculto {
      display: none !important;
    }
    ._campoMsgErro {
      color: #ff4341!important;
    }
    .tx-center {
      text-align: center !important;
      vertical-align: middle
    }
    .v-center {
      vertical-align: middle
    }
    .tx-center-important {
      text-align: center  !important;
      vertical-align: middle !important
    }
    .v-center-important {
      vertical-align: middle !important
    }
    #toolbar {
      width: 100% !important;
    }
    .miniCod {
      margin-right:  5px;
      width: 15% !important;
      padding-left: 10px;
    }
    .miniCli {
      width: 65% !important;
      margin-right: 8px;
    }
    .miniSearch {
      width: 10% !important;
    }
    #dialog-mensagem {
      z-index: 3050;
    }
    .pesqOprUsina {
      margin-left: -15px;
      max-height: 100px;
    }
    option:hover {
      background-color:#216778 !important;
      color: white;
    }
    .font-tabela {
      font-size: 10px;
    }
    .ov-no {
      overflow: hidden;
    }
    .fit-height {
      height: fit-content !important;
    }
    .fs-solar {
      font-size: 0.90rem;
    }
    .div-center-x {
      display: block;
      margin-left: auto;
      margin-right: auto;
    }
    .div-dados-geradores {
        max-height: 252px !important;
        min-height: 252px !important;
        margin-bottom: 15px;
      overflow-y: auto;
    }
    .div-dados-combustivel {
        max-height: 282px !important;
        min-height: 282px !important;
        margin-bottom: 15px;
      overflow-y: auto;
    }
    .div-dados-abastecimento {
        margin-bottom: 15px;
      overflow-y: auto;
    }
    .card-info-abast {
      max-height: 123px !important;
      min-height: 123px !important;
    }
    .over-y-scroll {
      overflow-y: scroll;
    }
    .div-dados-geradores::-webkit-scrollbar {
        width: 12px;
    }
    
    .div-dados-geradores::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.01); 
        box-shadow: inset 0 0 6px rgba(0,0,0,0.01); 
        border-radius: 1px;
    }
    
    .div-dados-geradores::-webkit-scrollbar-thumb {
        border-radius: 5px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2); 
        box-shadow: inset 0 0 6px rgba(0,0,0,0.2); 
    }
    
    .panel-grafico-usina {
        max-height: 252px !important;	
    }
    
    .texto-agenda {
        max-height: 400px;
        min-height: 200px;
        overflow: auto;
    }
    .panel-dados-geradores {
        max-height: 348px !important;
    }
    .cast-conectar {
        width: 28px;
    }
    .btn-edit-agenda {
        position: absolute;
        top: 20px;
        right: 20px;
    }
    #_lista_potencias_plantas {
      overflow: auto;
      max-height: 255px;
      padding-right: 5px;
    }
    
    #_lista_potencias_plantas::-webkit-scrollbar {
        width: 12px;
    }
    
    #_lista_potencias_plantas::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.01); 
        box-shadow: inset 0 0 4px rgba(0,0,0,0.01); 
        border-radius: 1px;
    }
    
    #_lista_potencias_plantas::-webkit-scrollbar-thumb {
        border-radius: 5px;
        -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.2); 
        box-shadow: inset 0 0 4px rgba(0,0,0,0.2); 
    }
    
    .relGeracao > table {
        border: 1px solid black;
        padding:0;
        border-spacing: 0px;
        border-collapse: collapse;
        font-size: 11px;
        margin-top: 5px;
        page-break-after:auto;
    }
    
    .relGeracao > thead {
        border: 1px solid black;
        color: white;
        font-weight: normal;
        background-color: #0b2228;
        text-align: center;
        display: table-header-group;
    }
    .relGeracao > th {
        font-family: 'Roboto';
        color: white;
        font-weight: normal;
        text-align: center;
        border: 1px solid black;
        border-collapse: collapse;
        background-color: #0b2228;
        
    }
    
    .relGeracao > td {
        font-family: 'Roboto';
        border: 1px solid black;
        padding: 1px;
        margin: 0px;
        text-align: center;
    }
    
    .negrito {
      font-family: inherit;
      font-weight: bold;
    }
    .nome-relatorio {
      line-height: 0.9;
      font-size: 30px;
      color: #333333;
      width: 100%;
      text-align: left;
    }
    .cont-fuel {
      background-color: #fafafa;
      overflow-y: hidden;
      height: 100%;
    }
    .widget-fuel {
      background-color: #fffcea;
    }
    .py-2p {
      padding-top: 2px;
      padding-bottom: 2px;
    }
    .py-1p {
      padding-top: 1px;
      padding-bottom: 1px;
    }
    #div-legenda-grafico {
      padding: 5px 10px;
      background: white;
      border: solid 1px #f2f2f2;
      margin: 4px;
      display: block;
      position: absolute;
      overflow: hidden;
      z-index: 10;
    }
    #tbDetalhes td {
      vertical-align: middle !important;
    }
    .embaixo {
      bottom: 15px !important;
      right: 15px !important;
    }
    .topo {
      top: 15px;
      right: 15px;
    }
    .legenda-item { 
      line-height: 16px;
      font-size: 13px;
    }
    #div-legenda-oprtermo {
      padding: 5px 15px;
      background: white;
      border: solid 1px #f2f2f2;
      margin: 4px;
      display: block;
      position: absolute;
      bottom: 15px;
      right: 0px;
      overflow: hidden;
      z-index: 10;
    }
    
    .graph-con-color {
      color: #F86736;
    }
    .graph-gen-color {
      color: #43a33b;
    }
    .graph-cons-color {
      color: #2455db;
    }
    .mainCanvas {
        width: 100%;
        min-height: 250px !important;
    }
    .mainCanvasOpr {
        width: 100%;
        min-height: 200px !important;
        max-height: 200px !important;
    }
    ._logo_planta {
      position: absolute;
      top: 5px;
      right: 3%;
      height: 65px !important;
    }
    .tabAlarmSubs .tableDiv {
      max-height: 165px;
      overflow-y: scroll;
    }
    
    :root {
      --auraAlarm: rgb(253, 155, 8);
      --auraAlarmFade: rgba(253, 229, 8, 0.8);
    }
    .auraAlarme {
      -webkit-box-shadow: inset 0px 0px 6px 1px var(--auraAlarm); 
      box-shadow: inset 0px 0px 6px 1px var(--auraAlarm);
      animation: piscaAlarme 1s infinite;
    }
    @keyframes piscaAlarme {
      
      0% {
            box-shadow: inset 0px 0px 6px 1px var(--auraAlarm);
        }
        50% {
            box-shadow: inset 0px 0px 5px 1px var(--auraAlarmFade);
        }
        100% {
            box-shadow: inset 0px 0px 6px 1px var(--auraAlarm);
        }
    }
    .roda {
      animation: roda 2s linear infinite;
      transform-box: fill-box;
      transform-origin: 14.5px 15px;
    }
    @keyframes roda {
      from { 
        transform: translate(78px,9px) rotate(0deg) scale(0.95);
      }
      to { 
        transform: translate(78px,9px) rotate(360deg) scale(0.95);
      }
    }
    .ventRele {
      animation: ventRele 2s linear infinite;
      transform-box: fill-box;
      transform-origin: 14.5px 15px;
    }
    @keyframes ventRele {
      from { 
        transform: translate(80.5px,73px) rotate(0deg) scale(0.68);
      }
      to { 
        transform: translate(80.5px,73px) rotate(360deg) scale(0.68);
      }
    }
    .ventoSubs {
      animation: ventoSubs 2s linear infinite;
      transform-box: fill-box;
      transform-origin: 14.5px 15px;
    }
    @keyframes ventoSubs {
      from { 
        transform: translate(80.5px,73px) rotate(0deg) scale(0.68);
      }
      to { 
        transform: translate(80.5px,73px) rotate(360deg) scale(0.68);
      }
    }
    
    .logoCast {
      max-width: 250px !important;
      margin: auto;
    }
    .logo-div-cast {
        position: fixed;
        top: 15px;
        left: 50%;
        padding: 15px;
        margin-left: -125px ;
        background-color: white;
        border: 1px solid #dbdbdb;
        border-radius: 9px;
        width: 290px;
        z-index: 4090;
    }
    .min-w-60 {
        min-width: 60px !important;
    }
    
    .bg-light-gray {
        background-color: #dcdfe6;
    }
    
    .h-oprTermica {
      height: 316px !important;
    }
    
    
    .h-mapa-abastec {
      height: 316px !important;
    }
    
    .h-oprControles {
      height: 316px;
    }
    .h-oprCombust {
      height: 316px !important;
    }
    
    .back-suporte {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:reverse;
        -ms-flex-direction:column-reverse;
        flex-direction:column-reverse;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        min-height:100%;
        background-color: #000;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 304 304' width='304' height='304'%3E%3Cpath fill='%239C92AC' fill-opacity='0.4' d='M44.1 224a5 5 0 1 1 0 2H0v-2h44.1zm160 48a5 5 0 1 1 0 2H82v-2h122.1zm57.8-46a5 5 0 1 1 0-2H304v2h-42.1zm0 16a5 5 0 1 1 0-2H304v2h-42.1zm6.2-114a5 5 0 1 1 0 2h-86.2a5 5 0 1 1 0-2h86.2zm-256-48a5 5 0 1 1 0 2H0v-2h12.1zm185.8 34a5 5 0 1 1 0-2h86.2a5 5 0 1 1 0 2h-86.2zM258 12.1a5 5 0 1 1-2 0V0h2v12.1zm-64 208a5 5 0 1 1-2 0v-54.2a5 5 0 1 1 2 0v54.2zm48-198.2V80h62v2h-64V21.9a5 5 0 1 1 2 0zm16 16V64h46v2h-48V37.9a5 5 0 1 1 2 0zm-128 96V208h16v12.1a5 5 0 1 1-2 0V210h-16v-76.1a5 5 0 1 1 2 0zm-5.9-21.9a5 5 0 1 1 0 2H114v48H85.9a5 5 0 1 1 0-2H112v-48h12.1zm-6.2 130a5 5 0 1 1 0-2H176v-74.1a5 5 0 1 1 2 0V242h-60.1zm-16-64a5 5 0 1 1 0-2H114v48h10.1a5 5 0 1 1 0 2H112v-48h-10.1zM66 284.1a5 5 0 1 1-2 0V274H50v30h-2v-32h18v12.1zM236.1 176a5 5 0 1 1 0 2H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30a5 5 0 1 1 0-2H274v44.1a5 5 0 1 1-2 0V146h-10.1zm-64 96a5 5 0 1 1 0-2H208v-80h16v-14h-42.1a5 5 0 1 1 0-2H226v18h-16v80h-12.1zm86.2-210a5 5 0 1 1 0 2H272V0h2v32h10.1zM98 101.9V146H53.9a5 5 0 1 1 0-2H96v-42.1a5 5 0 1 1 2 0zM53.9 34a5 5 0 1 1 0-2H80V0h2v34H53.9zm60.1 3.9V66H82v64H69.9a5 5 0 1 1 0-2H80V64h32V37.9a5 5 0 1 1 2 0zM101.9 82a5 5 0 1 1 0-2H128V37.9a5 5 0 1 1 2 0V82h-28.1zm16-64a5 5 0 1 1 0-2H146v44.1a5 5 0 1 1-2 0V18h-26.1zm102.2 270a5 5 0 1 1 0 2H98v14h-2v-16h124.1zM242 149.9V160h16v34h-16v62h48v48h-2v-46h-48v-66h16v-30h-16v-12.1a5 5 0 1 1 2 0zM53.9 18a5 5 0 1 1 0-2H64V2H48V0h18v18H53.9zm112 32a5 5 0 1 1 0-2H192V0h50v2h-48v48h-28.1zm-48-48a5 5 0 0 1-9.8-2h2.07a3 3 0 1 0 5.66 0H178v34h-18V21.9a5 5 0 1 1 2 0V32h14V2h-58.1zm0 96a5 5 0 1 1 0-2H137l32-32h39V21.9a5 5 0 1 1 2 0V66h-40.17l-32 32H117.9zm28.1 90.1a5 5 0 1 1-2 0v-76.51L175.59 80H224V21.9a5 5 0 1 1 2 0V82h-49.59L146 112.41v75.69zm16 32a5 5 0 1 1-2 0v-99.51L184.59 96H300.1a5 5 0 0 1 3.9-3.9v2.07a3 3 0 0 0 0 5.66v2.07a5 5 0 0 1-3.9-3.9H185.41L162 121.41v98.69zm-144-64a5 5 0 1 1-2 0v-3.51l48-48V48h32V0h2v50H66v55.41l-48 48v2.69zM50 53.9v43.51l-48 48V208h26.1a5 5 0 1 1 0 2H0v-65.41l48-48V53.9a5 5 0 1 1 2 0zm-16 16V89.41l-34 34v-2.82l32-32V69.9a5 5 0 1 1 2 0zM12.1 32a5 5 0 1 1 0 2H9.41L0 43.41V40.6L8.59 32h3.51zm265.8 18a5 5 0 1 1 0-2h18.69l7.41-7.41v2.82L297.41 50H277.9zm-16 160a5 5 0 1 1 0-2H288v-71.41l16-16v2.82l-14 14V210h-28.1zm-208 32a5 5 0 1 1 0-2H64v-22.59L40.59 194H21.9a5 5 0 1 1 0-2H41.41L66 216.59V242H53.9zm150.2 14a5 5 0 1 1 0 2H96v-56.6L56.6 162H37.9a5 5 0 1 1 0-2h19.5L98 200.6V256h106.1zm-150.2 2a5 5 0 1 1 0-2H80v-46.59L48.59 178H21.9a5 5 0 1 1 0-2H49.41L82 208.59V258H53.9zM34 39.8v1.61L9.41 66H0v-2h8.59L32 40.59V0h2v39.8zM2 300.1a5 5 0 0 1 3.9 3.9H3.83A3 3 0 0 0 0 302.17V256h18v48h-2v-46H2v42.1zM34 241v63h-2v-62H0v-2h34v1zM17 18H0v-2h16V0h2v18h-1zm273-2h14v2h-16V0h2v16zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1A5.02 5.02 0 0 1 6 97a5 5 0 0 1-6 4.9v-2.07a3 3 0 1 0 0-5.66V92.1zM80 272h2v32h-2v-32zm37.9 32h-2.07a3 3 0 0 0-5.66 0h-2.07a5 5 0 0 1 9.8 0zM5.9 0A5.02 5.02 0 0 1 0 5.9V3.83A3 3 0 0 0 3.83 0H5.9zm294.2 0h2.07A3 3 0 0 0 304 3.83V5.9a5 5 0 0 1-3.9-5.9zm3.9 300.1v2.07a3 3 0 0 0-1.83 1.83h-2.07a5 5 0 0 1 3.9-3.9zM97 100a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-48 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 96a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-144a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM49 36a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM33 68a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 240a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm80-176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm112 176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 180a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 84a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6z'%3E%3C/path%3E%3C/svg%3E");
        background-size: 152px;
    }
    .front-suporte {
        position: relative;
        top:0px;
        left:0px;
        width: 100%;
        height: 100%;
        padding-top: 15px;
        padding-bottom: 15px;
        background: linear-gradient(90deg, rgba(2,0,36,0.3) 0%, rgba(9,9,121,0.3) 35%, rgba(44,93,103,0.2) 100%);
        z-index: 1;
    }
    .back-grad-primary {
      background-image: linear-gradient(270deg,rgba(51,148,225,.18),transparent);
      background-color: #0b2228;
    }
    .informacoes_suporte {
        color: black;
    }
    .height-suporte {
        height: 100px;
    }
    
    .height-600 {
      height: 720px;
    }
    
    .height-600-overflow {
        max-height: 600px;
        max-width: 620px;
        overflow-y: auto;
    }
    .h-100 {
      height: 100%;
    }
    select :disabled {
      display: none;
    }
    select [disabled] {
      display: none;
    }
    
    .h-widget-subestacao {
      max-height: 220px;
    }
    .svg-subestacao {
      max-height: 205px;
      /* content:url("../../images/subestacao_complex.svg"); */
    }
    .map-container-rast {
      width: 100%; 
      height: 600px !important;
    }
    
    .select2-results__option[aria-disabled="true"] {
      display: none !important;
    }
    
    .div-fuel-bar {
      padding-top: 3px;
      padding-bottom: 3px;
    }
    
    .fuel-bar-opr {
      margin-top: auto;
      margin-bottom: auto;
      height: 100%;
      background: white;
      position:relative; /* relative here */
      border: 1px solid rgb(201, 201, 201);
      border-radius: 8px;
      box-shadow: inset 1px 1px 3px 0 rgba(0, 0, 0, 0.4), 1px 1px 0 0 rgba(255, 255, 255, 0.12);
    }
    .fuel-bar-opr.peq {
      height: 80%;
      margin-top: 2px;
    }
    .stacked-prog {
      height: 100%;
      border-radius: 25px;
      /* this will do the magic */
      -webkit-mask:linear-gradient(#fff 0 0);
              mask:linear-gradient(#fff 0 0);
    }
    .stacked-prog::before {
      content:"";
      position:absolute;
      top:0;
      left:0;
      right:0;
      bottom:0;
      background-image: linear-gradient(to right, rgb(201, 80, 80) 10%, #f91 50%, rgb(24, 207, 39) 100%);
    }
    .progress.locbarprog {
      background-color: #b9b9bd !important;
    }
    .indicador {
      display: flex;
      overflow: hidden;
      border-radius: 10rem;
      width: 20px !important; height: 20px;
      border: #c9c9cd solid 1px;
      box-shadow: inset 1px 1px 3px 0 rgba(0, 0, 0, 0.4), 1px 1px 0 0 rgba(255, 255, 255, 0.342);
    }
    .indicador.on {
      background-color: rgb(3, 233, 22);
    }
    .indicador.off {
      background-color: rgb(238, 50, 50);
    }
    .indicador.alerta {
      background-color: #f91;
    }
    .overDarken:hover {
      background-color: #eaeaea8d;
    }
    .h-plat {
      height: 370px;
    }
    .plat-svg {
      width: 100%;
      max-width: 520px; max-height: 304px;
    }
    .bat-plataforma {
      width: 55%; height: 16px;
      margin-top: 3px;
    }
    .box-plataforma-dados {
      height: 295px !important;
      max-height: 295px !important;
      overflow-y: auto;
    }
    .tx-percent {
      font-size: small;
      text-align: right;
      padding-left: 5px !important;
    }
    .tx-right {
      text-align: right;
    }
    #_tbParametros_body * td{
      vertical-align: middle;
    }
    .animaPointerInicial {
      transform-origin: center;
      transform: rotate(30);
      -o-transform: rotate(30);
      -ms-transform: rotate(30);
    }
    .bg-controles {
      background-color: #ffffe6;
    }
    .h-controles {
      height: fit-content;
    }
    
    .icon-but-alert {
      margin-top: 5px;
      font-size: large;
    }
    .rec-alarm {
      top: -2px;
      position: relative;
    }
    .but-alert {
      min-height: 82px;
    }
    .sm-gutters {
      margin-right: 5px;
      margin-left: 5px;
    }
    .neg-ml-3 {
      margin-left: -3px;
    }
    .w-fuel-nome {
      max-width: 35% !important;
      line-height: 1.47 !important;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis
    }
    .w-35 {
      width: 35%;
    }
    .w-25 {
      width: 25%;
    }
    .w-40 {
      width: 40%;
    }
    .w-80 {
      width: 80%;
    }
    .w-85 {
      width: 85%;
    }
    .w-90 {
      width: 90%;
    }
    :root {
      --table-border-color: #e9e9e9;
    }
    .btn-plus-map {
      width: 25px;
      height: 25px;
      margin-right: 9px;
    }
    .btn-plus-map i {
      padding-left: 2px;
    }
    #mapa .btn-plus-map i {
      padding-left: 0px;
    }
    .btn-plus-map > span {
      margin-top: -5px;
      margin-left: -2px;
    }
    .mini-icon {
      width: 35px;
      max-height: 35px;
      margin-top: 2px;
    }
    .pt-12 {
      padding-top: 12px;
    }
    .svImg {
      border-radius: 4px;
      background-color: rgb(255, 156, 25); 
      color: white;
      cursor: pointer;
    }
    .aquecendo {
      border-radius: 4px;
      background-color: #ff5c5a; 
      animation: aquecendo 2s infinite;
      color: white;
    }
    @keyframes aquecendo{
      0% {
        background-color: #ff5c5a;
      }
      50% {
        background-color: #f77d7d;
      }
    }
    @-webkit-keyframes aquecendo{
      0% {
        background-color: #ff5c5a;
      }
      50% {
        background-color: #f77d7d;  
      }
    }
    .fs-ico {
      font-size: 1.3375rem !important;
      margin-top: 10px;
    }
    .lin-1 {
      line-height: 2.3rem !important;
      min-height: 2.3rem !important;
    }
    .standby_forno {
      border-radius: 4px;
      background-color: #5d5aff;  
      color: white;
    }
    .ready_forno {
      border-radius: 4px;
      background-color: #43a33b;  
      color: white;
    }
    .col-4-pre {
      max-width: 32.06666% !important;
    }
    .col-5-pre {
      max-width: 48.06666% !important;
    }
    #_diaMonitSolar {
      background-color: #ffffdb !important;
      width: 170px;
    }
    #solarGraphLoad {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      background-color: rgba(255,255,255,0.8);
      z-index: 10;
    }
    #fornoGraphLoad {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      background-color: rgba(255,255,255,0.4);
      z-index: 10;
    }
    #mapa .leaflet-popup-content {
      margin: 0px 10px !important;
      color: #212529;
    }
    #mapa .leaflet-popup-content b {
      font-size: 0.9rem;
    }
    #mapa .leaflet-container {
      font: inherit !important;
    }
    #mapa a.leaflet-popup-close-button {
      top: 2px;
    }
    #mapa .leaflet-popup-content-wrapper {
      padding: 0px 1px 1px 1px;
    }
    #mapa .popup-custom{
      border-radius: 12px 12px 0px 0px;
      padding: 5px 25px;
      background: #8297b3;
      min-width: 200px;
      color: white;
    }
    
    .spinDiv {
      position: absolute;
      top: 45%;
      left: 50%;
    }
    .aovivotxt {
      border-right: 1px solid #ddd;
      margin-right: 15px;
    }
    .cal-table {
      border: 1px solid var(--table-border-color);
      vertical-align: top;
      border-collapse: collapse;
      border-spacing: 0;
      font-size: 1em;
    }
    .cal-ths {
      width: calc(100% / 7);
      color: #666;
      background-color: #dfe5ec;
      background-image: -webkit-gradient(linear,left bottom, left top,from(#dfe5ec),to(#f1f1f1));
      -webkit-box-shadow: inset 0 2px 0 rgba(0,0,0,.25),0 1px 1px rgba(0,0,0,.075);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
      text-align: center;
      border: 1px var(--table-border-color) !important;
      border-bottom-width: 2px;
    }
    .cal-futuro {
      background-image: linear-gradient(135deg, rgba(39, 49, 63, .02) 25%, transparent 25%, transparent 50%, rgba(39, 49, 63, .02) 50%, rgba(39, 49, 63, .02) 75%, transparent 75%, transparent);
      background-color: #fbfbfe;
      background-size: 1rem 1rem;
    }
    .cal-celula {
      padding-right: 3px;
      padding-left: 3px;
      height: 6em;
      border: 1px solid var(--table-border-color);
    }
    .cal-tit {
      width: 100%;
      text-align: right;
    }
    .cal-dados {
      width: 100%;
      height: 100%;
      overflow-y: auto;
      padding-left: 2px;
      padding-right: 1px;
    }
    .cal-table td {
      margin: 0;
    }
    .cal-selecionado {
      background-color: var(--theme-primary-200);
      color: white;
    }
    /* ===== Scrollbar CSS - para os itens de calendario ===== */
      /* Firefox */
      .cal-dados {
        scrollbar-width: thin;
        scrollbar-color: #6a7eb5 #92a4bd;
      }
    
      /* Chrome, Edge, and Safari */
      .cal-dados ::-webkit-scrollbar {
        width: 16px;
      }
    
      .cal-dados ::-webkit-scrollbar-track {
        background: #92a4bd;
      }
    
      .cal-dados ::-webkit-scrollbar-thumb {
        background-color: #6a7eb5;
        border-radius: 10px;
        border: 3px inset #ffffff;
      }
    /* --- */
    .cal-btn {
      color: #666;
      background-color: #dfe5ec;
      background-image: -webkit-gradient(linear,left bottom, left top,from(#dfe5ec),to(#f1f1f1));
      -webkit-box-shadow: inset 0 2px 0 rgba(0,0,0,.25),0 1px 1px rgba(0,0,0,.075);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
      text-align: center;
      border: 1px var(--table-border-color) !important; 
    }
    .cal-data-tit {
      font-size: large;  
      font-weight: 600;
      color: var(--primary);
      margin-top: 7px;
      margin-bottom: 7px;
    }
    .cal-dados .btn {
      width: 100% !important;
      padding: 0px 0px;
      text-align: left;
      margin-bottom: 2px;
    }
    .grayscale {
      -webkit-filter: grayscale( 100% );
      -moz-filter: grayscale(100%);
      -ms-filter: grayscale(100%);
      -o-filter: grayscale(100%);
      filter: grayscale(100%);
    }
    .grayscale > [class*="chromcasty"] {
      display: none !important;
    }
    .h-panel-s {
      height: 170px !important;
    }
    .h-panel-m {
      height: 348px !important;
    }
    .h-panel-g {
      height: 796px !important;
    }
    
    .bg-rastreia {
      background-color: #fffeee;
      background-image: linear-gradient(270deg,rgba(210, 213, 216, 0.18),transparent);
      -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
      -webkit-transition: color 0.4s; /* For Safari 3.0 to 6.0 */
            transition: color 0.4s; /* For modern browsers */
    }
    .chartTemps {
      width: 100%;
      height: 245px !important;
        border: 1px solid #dddddd;
        padding: 3px;
    }
    .rel-campos-reset-zoom {
      position: absolute;
      top: 5px;
      right: 65px;
      width: 110px;
    }
    .rel-forno-reset-zoom a {
      width: 100px;
    }
    .rel-campos-salvar-img {
      position: absolute;
      top: 5px;
      right: 180px;
      width: 110px;
    }
    .rel-hist-tabela {
      position: absolute;
      top: 5px;
      right: 40px;
      width: 140px;
    }
    .btn-oprusina {
      color: #fff;
      background-color: #1b4c58;
      border-color: #2f3047;
      background-image: linear-gradient(270deg,rgba(210, 213, 216, 0.18),transparent);
      -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
      -webkit-transition: color 0.4s; /* For Safari 3.0 to 6.0 */
            transition: color 0.4s; /* For modern browsers */
    }
    .btn-oprusina:hover{
      color: #fff;
      border-color: #3c3e6e;
      background-image: linear-gradient(0deg,rgba(23, 51, 104, 0.18),transparent);
    }
    .btn-opr-warning {
      color: #212529;
      background-color: #e5bc62;
      border-color: #2f3047;
      background-image: linear-gradient(270deg,rgba(156, 82, 38, 0.18),transparent);
      -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
      -webkit-transition: color 0.4s; /* For Safari 3.0 to 6.0 */
            transition: color 0.4s; /* For modern browsers */
    }
    .btn-opr-warning:hover{
      color: #212529;  
      border-color: #645e2a;
      background-image: linear-gradient(0deg,rgba(104, 46, 23, 0.18),transparent);
    }
    .col-badge {
      min-width: 45.66667%;
    }
    #cargaAtual {
      border-color: #cacaca;
    }
    .py-1big {
      padding-bottom: .25rem !important;
      padding-top: .25rem !important;
    }
    .card-ajust {
      flex-basis: unset;
    }
    .card-hide-ovfl {
      overflow: clip;
    }
    .bg-transp {
      background-color: rgba(0,0,0,0);
    }
    .badge-kw {
      color: #fff;
      background-color: #358848;
    }
    .p-modo-but {
      padding-left: 30px;
      padding-right: 30px;
    }
    .btn-cmd-planta {
      line-height: 1.77;
    }
    .text-project {
      color: #627ca0;
    }
    .input-unidade {
      position: relative; 
      margin-left:-20px; 
      right: 10px; 
      top: 10px;
      z-index: 100;
    }
    #lista_comandos_personalizados > button:last-child {
      margin-bottom: 0px !important;
    }
    
    #chartHome {
      max-height: 250px !important;
      min-height: 250px !important;
    }
    
    @media (max-width: 575.98px) {
    
    .rel-campos-reset-zoom.mob {
      right: 5px;
    }
    
    .mt-xs-5 {
      margin-top: 2rem !important;
    }
    
    .rel-campos-reset-zoom {
      right: 160px;
    }
    
    .rel-campos-salvar-img {
      right: 24px;
    }
    
    .rel-hist-tabela {
      top: 24px;
      right: 15px;
      width: 95px;
      font-size: x-small;
    }
    
    tbody#_tbCampos_body tr td {
      text-align: center;
    }
    
    tbody#_tbCampos_body tr td a {
      font-size: small !important;  
    }
    
    .tableDiv {
      padding: 5px;
      width: 100% !important;
      overflow: scroll;
      border-right: 2px #DDD;
    }
    
    .mob-adjust {
      padding-left: 0px !important;
    }
    .mob-label-adjust {
      height: 40px !important;
    }
    
    .fc-left {
      display: none !important;
    }
    
    .fc-right {
      display: none !important;
    }
    
    .Zebra_DatePicker {
      left: 20% !important;
      top: 20% !important;
      z-index: 2000;
    }
    
    #_logo_planta {
      position: static;
      top: 0px;
      width: 100%;
      margin: 25px auto;
      height: 50px;
    }
    
    ._logo_planta {
      max-width: 50%;
      margin-right: 20%;
    }
    
    .h-oprTermica {
      height: 480px !important;
    }
    .h-oprControles {
      height: 370px;
    }
    #div-legenda-oprtermo {
      bottom: 0px;
      right: 0px;
    }
    .cont-gauges {
      padding: 10px;
      width: 100%;
    }
    
    .card-ajust {
      flex-basis: 0;
    }
    .py-1big {
      padding-bottom: 0rem !important;
      padding-top: 0rem !important;
    }
    
    .btn-a-mob {
      margin: 15px auto;
    }
    
    .h-widget-subestacao {
      max-height: 320px;
    }
    .svg-subestacao {
      max-height: 305px;
    }
    .h-plat.no-plat {
      height: auto;
    }
    
    .nav-escolha {
      max-width: 78px !important;
      overflow-x: scroll;
    }
    .nav-link {
      padding: .5rem .5rem !important;
    }
    .nav-solar {
      width: 100%;
    }
    
    }
    
    tspan {
      cursor: default !important;
    }
    
    .switchGreen {
      fill:url(#swtOn) !important;
    }
    .switchRed {
      fill:url(#swtOff) !important;
    }
    .switchGray {
      fill:url(#swtGray) !important;
    }
    
    .circSwitchGreen{
      animation: 1s changeOn forwards;
    }
    .circSwitchRed {
      animation: 1s changeOff forwards;
    }
    
    @keyframes changeOn {
      0%{
        -moz-transform: scale(-1,1) translate(-40px,0px);
      }
      100% {
        -moz-transform: scale(-1,1) translate(0px,0px);
        }
      }
    
    
    @keyframes changeOff {
      0% {
        -moz-transform: scale(-1,1) translate(0px,0px);
        }
      100% {
        -moz-transform: scale(-1,1) translate(-40px,0px);
        }
      }