#container {
          height: 700px;
           margin: 0;
    padding: 0;}
          #container_radar {
            height: 300px;}
              #container_radar2 {
            height: 300px;}


             #container_scatter {
            height: 300px;}
              #container_scatter2 {
            height: 300px;}
                  #container_scatter_2 {
            height: 300px;}
              #container_scatter2_2 {
            height: 300px;}
   
      .highcharts-figure,
      .highcharts-data-table table {
          min-width: 310px;
          max-width: 800px;
          margin: 1em auto;
      }
      .form-check-input1 {
  background-color: #E0D211!important;
  border-color:#E0D211!important;
}
.form-check-input2{
  background-color: #D92F32!important;
  border-color: #D92F32!important;
}
.form-check-input3 {
  background-color: #4497F4!important;
  border-color: #4497F4!important;
}
.form-check-input4 {
  background-color: #3F54B5!important;
  border-color: #3F54B5!important;
}
.form-check-input5 {
  background-color: #E33CAE!important;
  border-color: #E33CAE!important;
}
.form-check-input6 {
  background-color: #18CC9F!important;
  border-color: #18CC9F!important;
}


      .highcharts-data-table table {
          font-family: Verdana, sans-serif;
          border-collapse: collapse;
          border: 1px solid #ebebeb;
          margin: 10px auto;
          text-align: center;
          width: 100%;
          max-width: 500px;
      }
      
      .highcharts-data-table caption {
          padding: 1em 0;
          font-size: 1.2em;
          color: #555;
      }
      
      .highcharts-data-table th {
          font-weight: 600;
          padding: 0.5em;
      }
      
      .highcharts-data-table td,
      .highcharts-data-table th,
      .highcharts-data-table caption {
          padding: 0.5em;
      }
      
      .highcharts-data-table thead tr,
      .highcharts-data-table tr:nth-child(even) {
          background: #f8f8f8;
      }
      
      
      *:focus {
    outline: 0;
}
#popup {
      position: absolute;
      display: none;
      
      box-shadow: 0 4px 8px rgba(0,0,0,0.2);
      padding: 10px;
      border-radius: 8px;
      width:250px;
      z-index: 1000;
    }


     .switch-button {
      display: inline-block;
      padding: 0.5em 0.5em;
      background-color: #23212A;
      color: #FFFFFF;
      border-color: #F3F3F3;
      border:1px;
      
      font-weight: 900;
      font-size: 14px;
      line-height: 100%;
      letter-spacing: 1%;

      border-radius: 3px;
      cursor: pointer;
     
      user-select: none;
      transition: background-color 0.3s;
    }

    .switch-button[aria-checked="true"] {
      background-color: #ffffff;
      color: #000;
    }
.tabelline{
   margin-top: 10px;
  margin-bottom: 10px;
  border-radius: 3px;
  border:1px;
background-color: #23212A;
}
.col_ridotta{
    padding-right: calc(var(--bs-gutter-x) * .01)!important;padding-left: calc(var(--bs-gutter-x) * .01)!important;
     font-size: 14px;
}

  .switch-button_command {
     background-color: #ccc!important;
  border-color:#ccc!important;
      display: inline-block;
      padding: 0.5em 0.7em;
      color: #000;
      border:1px;
      font-weight: 900;
      font-size: 14px;
      line-height: 100%;
      letter-spacing: 1%;

      border-radius: 44px;
      cursor: pointer;
     
      user-select: none;
      transition: background-color 0.3s;
    }


     .switch-button_community {
      display: inline-block;
      padding: 0.5em 0.7em;
      color: #000;
      border:1px;
      font-weight: 900;
      font-size: 14px;
      line-height: 100%;
      letter-spacing: 1%;

      border-radius: 44px;
      cursor: pointer;
     
      user-select: none;
      transition: background-color 0.3s;
    }

    .switch-button_community[aria-checked="false"] {
        background-color: #23212A!important;
      color: #FFFFFF!important;
    }
      .rounded{background-color:#1A1821 ;color: white;margin: 3px;       
      border-radius: 3px;
    padding: 3px;}
.row{
  margin-right: calc(.01 * var(--bs-gutter-x));
  margin-left: calc(.01 * var(--bs-gutter-x));
  }  #colonna1{
      padding-right:2px!important;
      padding-left: 2px!important;
    }
       #colonna2{
      padding-right:2px!important;
      padding-left: 2px!important;
    }
    .testo_det{
font-weight: 300;
font-size: 18px;
height: 29;
letter-spacing: 0%;
}
.valore_det{width: 61;
height: 29;

border-radius: 5px;
background-color: #2B2835;
;
}