

.block-custom-electricity-statistics .izquierda_real {
  position: relative;
  display: block;
  padding: 30px 30px 30px 30px;
  margin-top: 0px;
  height: 100%;
  line-height: 18px!important;
}
.block-custom-electricity-statistics .izquierda_real .izquierda_titulos_real,
.block-custom-electricity-statistics .izquierda_real .izquierda.titles {
  max-width: 100%;
  margin-bottom: 44px;
  text-align: left;
}
.block-custom-electricity-statistics .izquierda_real .titulo {
  color: #003C6E;
  font-size: 16px;
}
.block-custom-electricity-statistics .izquierda_real .izquierda_titulos_real,
.block-custom-electricity-statistics .izquierda_real .izquierda {
  max-width: 100%;
  text-align: left;
}
.block-custom-electricity-statistics .izquierda_real .datetime {
  text-align: left;
  position: static;
  right: auto;
  display: flex;
  /* justify-content: space-between; */
  color: #9BAAB4;
  font-size: 12px;
  max-width: 150px;
}
.block-custom-electricity-statistics .izquierda_real .datetime p {
  color: #9BAAB4;
  font-size: 12px;
}
.block-custom-electricity-statistics .izquierda_real .datetime p.time {
  margin-left: 10px;
}
.pre_pro_em {
  display: inline-block;
  color: #9BAAB4;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 7px;
}
.izquierda_position .real_div .blockvalues {
  margin-bottom: 16px;
  width:100%;
}
.izquierda_position .real_div .blockvalues .color {
  color: #003C6E;
  font-size: 16px;
  line-height: 18.75px;
}
.block-custom-electricity-statistics span.rectangulo_amarillo,
.block-custom-electricity-statistics span.rectangulo_verde,
.block-custom-electricity-statistics span.rectangulo_roja,
.block-custom-electricity-statistics span.rectangulo_naranja,
.block-custom-electricity-statistics span.rectangulo_negro {
  width: 6px;
  height: 6px;
  display: inline-block;
  margin-right: 13px;
  border-radius: 3px;
  margin-bottom: 2px;
}
.block-custom-electricity-statistics span.rectangulo_amarillo {
  background-color: #ffea00;
}
.block-custom-electricity-statistics span.rectangulo_verde {
  background-color: #41d641;
}
.block-custom-electricity-statistics span.rectangulo_roja {
  background-color: #e90b0b;
}
.block-custom-electricity-statistics span.rectangulo_negro {
  background-color: #000;
}
.block-custom-electricity-statistics span.rectangulo_naranja {
  background-color: #FF8F40;
}
div.derecha_system {
  padding: 30px 15px;
  height: 100%;
}
div.color_system {
  margin-bottom: 52px;
}
div.derecha_system .titulo_system {
  color: #003C6E;
  font-size: 16px;
  margin-bottom: 16px;
}
div.derecha_system .sub_titulo_system {
  color: #003C6E;
  font-size: 16px;
  margin-bottom: 24px;
}
div.derecha_system .derecha_system_content {
  height: 100%;
}
div.derecha_system .derecha_system_position {
  height: 100%;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
}
div.derecha_system .derecha_system_position .color_system {
  flex-grow: 1;
  flex-shrink: 1;
  /* flex-basis: 100%; */
}
div.color_system p {
  color: #9BAAB4;
  font-size: 12px;
  line-height: 1.5;
}

div.color_system p span {
  color: #003C6E;
  font-size: 16px;
}

.raphael-group-150-scrollContainer{
  display: none;
}

.raphael-group-153-scrollContainer{
  display: none;
}
.raphael-group-164-scrollContainer{
  display: none;
}
.raphael-group-163-scrollContainer{
  display: none;
}

.block-custom-electricity-statistics.block-demand-chart-block .highcharts-point{
  display:none;
}

.chart-container-estructure {
  display: block;
}


.block-custom-electricity-statistics.block-real-time-demand-block .izquierda_titulos_real a{
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
}
.block-custom-electricity-statistics.block-demand-chart-block {
  display: flex;
  flex-direction: column;
  align-items: end;
  row-gap: 24px;
  position: relative;
  z-index: 1;
  padding: 0 24px;
}

.block-custom-electricity-statistics.block-demand-chart-block .big {
  width: 100%;
  max-width: 100%;
}


@media(max-width: 767px) { 
  .block-custom-electricity-statistics.block-demand-chart-block {
    padding: 16px 0;
  }
}

.block-custom-electricity-statistics.block-demand-chart-block .form-select{
  margin-top: 30px;
  font-weight: 700;
  line-height: 18px;
  max-width: fit-content;
}


.block-custom-electricity-statistics.block-estructure-chart-block .accordion-tabs{
  display: flex;
  justify-content: center;
}

.block-custom-electricity-statistics.block-estructure-chart-block .accordion-tabs .tabs-tab-list{
  width: 100%;
}

.block-custom-electricity-statistics.block-estructure-chart-block .accordion-tabs .tabs-tab-list a{
  display: block;
  padding-bottom: 26px;
}
.block-custom-electricity-statistics.block-estructure-chart-block .tab-panel{
  border: none;
}

.block-custom-electricity-statistics.block-estructure-chart-block .tab-panel .fusioncharts-container{
  left: calc(50% - 200px);
}

.block-custom-electricity-statistics.block-estructure-chart-block .btn-link{
  font-weight: 700;
  width: 100%;
  justify-content: end;
}


.tso-tabs-tabs__wrapper .tabs-allowed .tabs-tab-list .tabs-trigger.nav-link{
  border: 0;
}
.tso-tabs-tabs__wrapper .tabs-allowed .tabs-tab-list .tabs-trigger.active:before{
  content: "";
  display: block;
  position: absolute;
  bottom: 8px;
  left: calc(50% - 4px);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #0096ff;
}

.tso-tabs-tabs__wrapper .tabs-allowed .tabs-tab-list .tabs-trigger.active:after{
  content: "";
  display: block;
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 100%;
  height: 4px;
  border-radius: 4px;
  background-color: #0096ff;
}

.tab-panel {
  display: none;
}

.tab-panel.show, .tab-panel.active {
  display: block;
}

.chart-container-estructure-listado {
  padding: 16px 0;
}

.listado-wrapper .listado-wrapper_label {
  padding: 8px 0;
  font-size: 11px;
}

.listado-wrapper.eolica .listado-wrapper_label {
  border-bottom: solid 4px #8fb124;
}

.listado-wrapper.solar .listado-wrapper_label {
  border-bottom: solid 4px #E5DDB7;
}

.listado-wrapper.hidraulica .listado-wrapper_label {
  border-bottom: solid 4px #0090D1;
}

.listado-wrapper.solFot .listado-wrapper_label {
  border-bottom: solid 4px #E48500;
}

.listado-wrapper.solTer .listado-wrapper_label {
  border-bottom: solid 4px #ff0000;
}

.listado-wrapper.termRenov .listado-wrapper_label {
  border-bottom: solid 4px #9900ff;
}

.listado-wrapper.cogeneracion .listado-wrapper_label {
  border-bottom: solid 4px #cfa2ca;
}

.listado-wrapper.combinado .listado-wrapper_label {
  border-bottom: solid 4px #FFCC66;
}

.listado-wrapper.nuclear .listado-wrapper_label {
  border-bottom: solid 4px #464394;
}

.listado-wrapper.carbon .listado-wrapper_label {
  border-bottom: solid 4px #ad5c34;
}

.listado-wrapper .listado-wrapper_data, .listado-wrapper .listado-wrapper_porcentaje {
  display: flex;
  align-items: center;
  justify-content: right;
  font-size: 14px;
}

.block-custom-electricity-statistics.block-estructure-chart-block{
  margin-bottom: 29px;
  margin-inline: auto;
  max-width: 400px;
}

.block-custom-electricity-statistics.block-estructure-chart-block .tso-tabs-tabs__wrapper .tabs-allowed .tabs-tab-list .tabs-trigger {
  min-width: 100%;
  width: 100%;
}

.block-custom-electricity-statistics.block-real-time-demand-block .real_div{
  display: flex;
  flex-wrap: wrap;
  margin: 0 -16px;
}

.block-custom-electricity-statistics.block-real-time-demand-block .real_div .blockvalues{
  margin: 0 16px;
}

.block-custom-electricity-statistics.block-real-time-demand-block .real_div .blockvalues .pre_pro_em{
  display: flex;
  flex-direction: column;
}



/* RESPONSIVE */

@media only screen and (min-width: 767px) {
  .block-custom-electricity-statistics.block-real-time-demand-block .tso_selector-downloads__selector-mobile{
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .block-custom-electricity-statistics.block-demand-chart-block .tso_selector-downloads__selector-desktop{
    display: none;
  }

  .block-custom-electricity-statistics.block-real-time-demand-block .izquierda_titulos_real{
    margin-bottom: 12px;
  }

  .block-custom-electricity-statistics.block-real-time-demand-block .izquierda_titulos_real .izquierda{
    margin: 0;
  }

  .block-custom-electricity-statistics.block-real-time-demand-block .tso_selector-downloads__selector-mobile{
    margin-bottom: 24px;
  }

  .block-custom-electricity-statistics.block-estructure-chart-block{
    margin-bottom: 50px;
  }
}