


#clinoMeterContainer {
    margin: 0 auto;
    /* background-color: #D3DEE4; */ 
    width: 1280px;
    height: 800px;
    line-height: normal;
}

#clinoMeterControlsContainer {
    margin: 0 auto;
   
    position: absolute;
    line-height: normal;
}

#clinoMeterControls {
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: no-wrap;
    justify-content: space-around;
    gap: 10px 10px;
}

#clinoMeterControlsContainer h1 {
    
    text-align: center;
    color: 2C2559;
    font-family: Arial, sans-serif;
    font-weight: bold;    
    font-size: 25pt;
    line-height: 1em;
}

.clinoMeterControl {
  background-color: #2C2559;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20pt;
  font-weight: bold;
  cursor: pointer;
  border-radius: 5px;
  width: 6em;
}

.clinoMeterControl1 {
  background-color: #e26100; /* red; */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20pt;
  font-weight: bold;
  cursor: pointer;
  border-radius: 5px;
  width: 6em;
}


.clinoSelected {
    background-color: #372c7a;
    border: 4px solid yellow;
}

#svgClinoMeter {
    margin: 0 auto;
    position: relative;
    /* left: 240px; */
    border: 3px solid #2C2559;
    border-radius: 10px;
}

.clinoScaleLine {
    fill: transparent;
    stroke: #2C2559;
    stroke-width: 3px;
    stroke-linecap: round;
}

.clinoScaleTick {
    fill: transparent;
    stroke: #2C2559;
    stroke-width: 3px;
    stroke-linecap: round;
}

.clinoText1 {
    font-family: Arial, sans-serif;
    font-size: 15pt;
    font-weight: bold;
    color: #372c7a;
}

.clinoText2 {
    font-family: Arial, sans-serif;
    font-size: 30pt;
    font-weight: bold;
    color: #2c2559;
}

.clinoText3 {
    font-family: Arial, sans-serif;
    font-size: 15pt;
    font-weight: bold;
    color: #2c2559;
}

.clinoBold {
    font-weight: bold;
}

.clinoPointer {
   width: 25px;
}