.container {
  display: flex;
  padding: 3%;
  margin: 3%;
  flex-direction: column;
}

.central{
  display: flex;
  flex-direction: row;
  padding: 10px;
  align-content: center;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  justify-content: space-around;
}

#customers {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#customers td, #customers th {
  text-align: center;  
  border: 1px solid #ddd;
  padding: 8px;
}

#customers tr:nth-child(even){background-color: #f2f2f2;}

#customers tr:hover {background-color: #ddd;}

#customers th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  background-color: #c2c2c2;
  color: #575a5c;
}


.radio {
            display: inline-block;
            overflow: hidden;            
            box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
        }

        .radio__input {
            display: none;
        }

        .radio__label0 {
            cursor: pointer;
            padding: 8px 15px;
            font-size: 20px;
            font-family: sans-serif;
            color: #fff;            
            transition: 0.1s;
            background-color: #6e3f3f;
            border: 2px solid #fff;
        }

        .radio__label1 {
            cursor: pointer;
            padding: 8px 15px;
            font-size: 20px;
            font-family: sans-serif;
            color: #fff;            
            transition: 0.1s;
            background-color: #c13d3d;
            border: 2px solid #fff;
        }

        .radio__label2 {
            cursor: pointer;
            padding: 8px 15px;
            font-size: 20px;
            font-family: sans-serif;
            color: #fff;            
            transition: 0.1s;
            background-color: #f45d22;
            border: 2px solid #fff;
        }

        .radio__label3 {
            cursor: pointer;
            padding: 8px 15px;
            font-size: 20px;
            font-family: sans-serif;
            color: #fff;            
            transition: 0.1s;
            background-color: #ff8e62;
            border: 2px solid #fff;
        }

        .radio__label4 {
            cursor: pointer;
            padding: 8px 15px;
            font-size: 20px;
            font-family: sans-serif;
            color: #fff;            
            transition: 0.1s;
            background-color: #ffd36f;
            border: 2px solid #fff;
        }

        .radio__label5 {
            cursor: pointer;
            padding: 8px 15px;
            font-size: 20px;
            font-family: sans-serif;
            color: #fff;            
            transition: 0.1s;
            background-color: #ffea34;
            border: 2px solid #fff;
        }

        .radio__label6 {
            cursor: pointer;
            padding: 8px 15px;
            font-size: 20px;
            font-family: sans-serif;
            color: #fff;            
            transition: 0.1s;
            background-color: #dbf838;
            border: 2px solid #fff;
        }

        .radio__label7 {
            cursor: pointer;
            padding: 8px 15px;
            font-size: 20px;
            font-family: sans-serif;
            color: #fff;            
            transition: 0.1s;
            background-color: #d2ff6b;
            border: 2px solid #fff;
        }

        .radio__label8 {
            cursor: pointer;
            padding: 8px 15px;
            font-size: 20px;
            font-family: sans-serif;
            color: #fff;            
            transition: 0.1s;
            background-color: #a4ff6b;
            border: 2px solid #fff;
        }

        .radio__label9 {
            cursor: pointer;
            padding: 8px 15px;
            font-size: 20px;
            font-family: sans-serif;
            color: #fff;            
            transition: 0.1s;
            background-color: #7fd947;
            border: 2px solid #fff;
        }

        .radio__label10 {
            cursor: pointer;
            padding: 8px 15px;
            font-size: 20px;
            font-family: sans-serif;
            color: #fff;            
            transition: 0.1s;
            background-color: #198754;
            border: 2px solid #fff;
        }

        .radio__input:checked + .radio__label0 {
            color: #000;
            border: 2px solid #000;
        }

        .radio__input:checked + .radio__label1 {
            color: #000;
            border: 2px solid #000;
        }

        .radio__input:checked + .radio__label2 {
            color: #000;
            border: 2px solid #000;
        }

        .radio__input:checked + .radio__label3 {
            color: #000;
            border: 2px solid #000;
        }

        .radio__input:checked + .radio__label4 {
            color: #000;
            border: 2px solid #000;
        }

        .radio__input:checked + .radio__label5 {
            color: #000;
            border: 2px solid #000;
        }

        .radio__input:checked + .radio__label6 {
            color: #000;
            border: 2px solid #000;
        }

        .radio__input:checked + .radio__label7 {
            color: #000;
            border: 2px solid #000;
        }

        .radio__input:checked + .radio__label8 {
            color: #000;
            border: 2px solid #000;
        }

        .radio__input:checked + .radio__label9 {
            color: #000;
            border: 2px solid #000;
        }

        .radio__input:checked + .radio__label10 {
            color: #000;
            border: 2px solid #000;
        }