.logo-white{fill:#fff;}
.logo-petrol{fill:#27a9c2;}
.logo-blue{fill:#071d25}
.light-petrol{fill:#0b6782;}
.blink-detail-button {fill:#00ffff;}
.blink-detail-button-off {fill:#0f2329;}
.arrow-cold {fill: #00FFFF;}
.arrow-hot {fill: #ff8c00;}
.arrow-red {fill: rgb(225, 27, 40);}
.arrow-orange {fill: rgb(232, 120, 19);}
.arrow-LightRed {fill: rgb(231, 80, 40);}
.arrow-yellow {fill: rgb(240, 165, 65);}

.petrol{color:#27a9c2;}
.white{color:#ffffff;}


.circular {
	background-color:rgba(7,29,37, 1) !important;
    background-image: -moz-radial-gradient(50% 50%, circle closest-corner, rgba(39, 169, 194, 0.5), rgba(7,29,37, 1) 70%) !important;
    background-image: -webkit-radial-gradient(50% 50%, circle closest-corner, rgba(39, 169, 194, 0.5), rgba(7,29,37, 1) 70%) !important;
    background-image: -o-radial-gradient(50% 50%, circle closest-corner, rgba(39, 169, 194, 0.5), rgba(7,29,37, 1) 70%) !important;
    background-image: -ms-radial-gradient(50% 50%, circle closest-corner, rgba(39, 169, 194, 0.5), rgba(7,29,37, 1) 70%) !important;
    background-image: radial-gradient(50% 50%, circle closest-corner, rgba(39, 169, 194, 0.5), rgba(7,29,37, 1) 70%) !important;
    }

.circular-button {
    background-color:rgba(171, 171, 171, 0) !important;
    background-image: -moz-radial-gradient(50% 50%, circle closest-corner, rgba(7, 29, 37, 0.3), transparent 60%) !important;
    background-image: -webkit-radial-gradient(50% 50%, circle closest-corner, rgba(7, 29, 37, 0.3), transparent 60%) !important;
    background-image: -o-radial-gradient(50% 50%, circle closest-corner, rgba(7, 29, 37, 0.3), transparent 60%) !important;
    background-image: -ms-radial-gradient(50% 50%, circle closest-corner, rgba(7, 29, 37, 0.3), transparent 60%) !important;
    background-image: radial-gradient(50% 50%, circle closest-corner, rgba(7, 29, 37, 0.3), transparent 60%) !important;
    }

    #scene-title, #scene-subtitle,
    .scene-title, .scene-subtitle {
        min-height: 70px;
    }

#scene-title font, .scene-title {
    color:#27a9c2;
    font-size: 70px;
    line-height: 100%;
    margin-bottom: 5px;
    display: block;
    text-transform:uppercase;
}

#scene-subtitle font, .scene-subtitle {
    color: #ffffff;
    font-size: 35px;
    line-height: 100%;
}

.menu-title {
    display: block;
    margin-bottom: 10px;
    padding: 0px;
}

.menu-title font {
    color: #01FFFF;
    font-size: 40px;
    line-height: 100%;
    display: block;
    text-transform:uppercase;
}

.menu-subtitle {
    display: block;
    color: #ffffff;
    font-size: 30px;
    line-height: 100%;
}

.machine-title {
    pointer-events: auto;
    color: rgb(39, 168, 194);
    font-family: Barlow;
    font-weight: 800;
    font-size: 50px;
    overflow-wrap: break-word;
    font-weight: 700;
    text-align: left;
    margin-bottom: 20px;
  }

.machine-description {
    pointer-events: auto;
    color: rgb(255, 255, 255);
    font-family: Barlow;
    font-weight: 300;
    font-size: 35px;
    overflow-wrap: break-word;
    text-align: left;
  }

span.light {
    font-family: Barlow;
    font-weight: 300;
  }

.related-description {
    pointer-events: auto;
    color: rgb(255, 255, 255);
    font-family: Barlow;
    font-size: 45px;
    font-style: normal;
    overflow-wrap: break-word;
    font-weight: normal;
    text-align: left;
}

.sg-label {
    pointer-events: auto;
    color: rgb(1, 255, 255);
    font-family: Barlow;
    font-size: 50px;
    overflow-wrap: break-word;
    font-weight: normal;
    line-height: 1em;
    background: rgba(7,29,37, 0.7);
    padding: 5px 17px;
    display: inline-table;
    border-radius: 7px;
  }

  .wl-label {
    pointer-events: auto;
    color: rgb(1, 255, 255);
    font-family: Barlow;
    font-size: 40px;
    overflow-wrap: break-word;
    font-weight: normal;
    line-height: 1em;
    background: rgba(7,29,37, 0.7);
    padding: 5px 17px;
    display: inline-table;
    border-radius: 7px;
  }

  .HYPE_document.it #smartgrid-lab-disctrict-it {
    font-size: 40px;
    line-height: 1.2em;
    width: max-content;
  }

  .HYPE_document.en #smartgrid-lab-disctrict-it {
    display: none;
  }

  .HYPE_document.it #smartgrid-lab-disctrict-en {
    display: none;
  }


  .tubeValue {
    font-family: Barlow;
    font-weight: 700;
    font-size: 33px;
    text-align: center;
    height: 48px;
  }

  .tubeValue font, .tubeUM font {
    line-height: normal;
    display: inline-block;
    vertical-align: middle;
  }

  .tubeUM {
    font-family: Barlow;
    font-weight: 500;
    font-size: 20px;
    text-align: center;
    height: 33px;
  }

.labelYellow {
    background-color: rgb(240, 165, 65);
}

.labelOrange {
    background-color: rgb(232, 120, 19);
}

.labelRed {
    background-color: rgb(225, 27, 40);
}

.labelLightRed {
    background-color: rgb(231, 80, 40);
}

.labelColdA {
    background-color: rgb(112, 202, 240);
}

.labelColdB {
    background-color: rgb(32, 139, 255);
}

.strokeYellow, #strokeYellow {
    stroke: red !important;
    stroke-width: 50px !important;
    
}

/* LANGUAGE VERSION */

div.detailDescription {
    text-align: :left;
    display: none;
}

#choose-lang {
    color: rgb(255, 255, 255);
    font-family: Barlow;
    font-weight: 300;
    font-size: 45px;
    overflow-wrap: break-word;
    text-align: center;

}