.sortable th{cursor:pointer}.sortable th.no-sort{pointer-events:none}.sortable th::after,.sortable th::before{transition:color .1s ease-in-out;font-size:1.2em;color:rgba(0,0,0,0)}.sortable th::after{margin-left:3px;content:"▸"}.sortable th:hover::after{color:inherit}.sortable th.dir-d::after{color:inherit;content:"▾"}.sortable th.dir-u::after{color:inherit;content:"▴"}.sortable th.indicator-left::after{content:""}.sortable th.indicator-left::before{margin-right:3px;content:"▸"}.sortable th.indicator-left:hover::before{color:inherit}.sortable th.indicator-left.dir-d::before{color:inherit;content:"▾"}.sortable th.indicator-left.dir-u::before{color:inherit;content:"▴"}.sortable{--stripe-color: #e4e4e4;--th-color: #fff;--th-bg: #808080;--td-color: #000;--td-on-stripe-color: #000;border-spacing:0}.sortable th{font-weight:normal;text-align:left;text-transform:capitalize;vertical-align:baseline;white-space:nowrap}.sortable td{color:var(--td-color)}.sortable td,.sortable th{padding:10px}.sortable td:first-child,.sortable td:last-child,/*# sourceMappingURL=sortable.min.css.map */
table.floatThead-table {
    border-top: none;
    border-bottom: none;
}

th {
  position: sticky;
  top: 50px;
  background-color: var(--table-header-color);
  color: white;
}
body {
  margin: 0;
}

label {
  display: inline-block;
  margin-right: 10px;
  padding: 5px 10px;
  font-size: 16px;
  font-weight: bold;
  color: #333;
  border: 2px solid #ddd;
  background-color: #fff;
  cursor: pointer;
  transition: background-color 0.3s, border-color 0.3s;
}

label:hover {
  background-color: #ddd;
}

input[type="radio"] {
  display: none;
}

input[type="radio"] + label {
  border-color: #4CAF50;
}

input[type="radio"]:checked + label {
  background-color: #4CAF50;
  color: #fff;
}