body {
         background-color: #cbc7c3;
      }

      .goto {
         padding: 10px 0 20px 10px;
      }

      form {
         margin-block-end: 20px;
      }

      form .aaa {
         display: grid;
         grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
         gap: 10px;
      }

      .inputBox {
         display: flex;
         flex-direction: column;
         gap: 10px;
         padding-block: 15px;
      }

      .inputBox>div {
         display: grid;
         grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
      }

      .inputBox>div>div {
         display: flex;
         flex-direction: column;
         gap: 5px;
         margin-bottom: 5px;
      }

      .inputBox>div>div label {
         width: 200px;
      }

      .inputBox>div>div label input {
         float: right;
      }

      .inputBox label input {
         width: 50px;
      }

      .inputBox .checkboxWrapper {
         width: 280px;
         display: grid;
         grid-template-columns: repeat(auto-fill, minmax(125px, 1fr));
      }

      .inputBox .checkboxWrapper .switch {
         display: none;
      }

      .inputBox .checkboxWrapper .switch+label {
         -webkit-box-align: center;
         -webkit-align-items: center;
         -ms-flex-align: center;
         align-items: center;
         color: #78768d;
         cursor: pointer;
         display: -webkit-box;
         display: -webkit-flex;
         display: -ms-flexbox;
         display: flex;
         font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
         font-size: 12px;
         line-height: 15px;
         position: relative;
         -webkit-user-select: none;
         -moz-user-select: none;
         -ms-user-select: none;
         user-select: none;
      }

      .inputBox .checkboxWrapper .switch+label::before,
      .inputBox .checkboxWrapper .switch+label::after {
         content: '';
         display: block;
      }

      .inputBox .checkboxWrapper .switch+label::before {
         background-color: #555555;
         border-radius: 500px;
         height: 15px;
         margin-right: 8px;
         -webkit-transition: background-color 0.125s ease-out;
         transition: background-color 0.125s ease-out;
         width: 25px;
      }

      .inputBox .checkboxWrapper .switch+label::after {
         background-color: #fff;
         border-radius: 13px;
         box-shadow: 0 3px 1px 0 rgba(37, 34, 71, 0.05), 0 2px 2px 0 rgba(37, 34, 71, 0.1), 0 3px 3px 0 rgba(37, 34, 71, 0.05);
         height: 13px;
         left: 1px;
         position: absolute;
         -webkit-transition: -webkit-transform 0.125s ease-out;
         transition: -webkit-transform 0.125s ease-out;
         transition: transform 0.125s ease-out;
         transition: transform 0.125s ease-out, -webkit-transform 0.125s ease-out;
         width: 13px;
      }

      .inputBox .checkboxWrapper .switch+label .switch-x-text {
         display: block;
         margin-right: .3em;
      }

      .inputBox .checkboxWrapper .switch+label .switch-x-toggletext {
         display: block;
         font-weight: bold;
         height: 15px;
         overflow: hidden;
         position: relative;
         width: 25px;
      }

      .inputBox .checkboxWrapper .switch+label .switch-x-unchecked,
      .inputBox .checkboxWrapper .switch+label .switch-x-checked {
         left: 0;
         position: absolute;
         top: 0;
         -webkit-transition: opacity 0.125s ease-out, -webkit-transform 0.125s ease-out;
         transition: opacity 0.125s ease-out, -webkit-transform 0.125s ease-out;
         transition: transform 0.125s ease-out, opacity 0.125s ease-out;
         transition: transform 0.125s ease-out, opacity 0.125s ease-out, -webkit-transform 0.125s ease-out;
      }

      .inputBox .checkboxWrapper .switch+label .switch-x-unchecked {
         opacity: 1;
         -webkit-transform: none;
         transform: none;
      }

      .inputBox .checkboxWrapper .switch+label .switch-x-checked {
         opacity: 0;
         -webkit-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0);
      }

      .inputBox .checkboxWrapper .switch+label .switch-x-hiddenlabel {
         position: absolute;
         visibility: hidden;
      }

      .inputBox .checkboxWrapper .switch:checked+label::before {
         background-color: #db9e03;
      }

      .inputBox .checkboxWrapper .switch:checked+label::after {
         -webkit-transform: translate3d(10px, 0, 0);
         transform: translate3d(10px, 0, 0);
      }

      .inputBox .checkboxWrapper .switch:checked+label .switch-x-unchecked {
         opacity: 0;
         -webkit-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0);
      }

      .inputBox .checkboxWrapper .switch:checked+label .switch-x-checked {
         opacity: 1;
         -webkit-transform: none;
         transform: none;
      }

      .submitBtn,
      .dataBtn,
      .pdfBtn {
         width: fit-content;
         font-size: .8rem;
         padding: 5px 15px;
         margin: 5px;
      }

      .submitBtn {
         padding-block-start: 7px;
         padding-inline: 25px;
         font-size: 1rem;
         text-transform: uppercase;
         letter-spacing: 3px;
      }

      .pb-10 {
         padding-block: 10px
      }

      table {
         width: 100%;
         border-collapse: collapse;
         max-height: 300px;
         overflow-y: auto;
         display: ruby-text;
      }

      thead {
         position: sticky;
         top: 0;
      }

      th,
      td {
         border: 1px solid #ddd;
         padding: 8px;
      }

      th {
         background-color: #f2f2f2;
         text-align: left;
      }

      .chart-container {
         width: 100%;
         margin-block-start: 10px;
      }