#scrollTopBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  font-size: 18px;  
  border: none;
  outline: none;
  background-color: #9dbde0;
  color: white;
  cursor: pointer;
  padding: 5px;
  border-radius: 10%;
}

#scrollTopBtn:hover {
  background-color: #73a4d8;
}



.category {
  margin: 2px;
  padding: 5px;
  background-color: #F3F781;
  cursor: pointer;
  width: 30px;
  text-align: center;
  display: inline-block;
  font-size: 14px;
  border: 1px solid #ccc;
  
}
.arena {
  width: 90px;
  height: 90px;
  margin: 5px;
  background-color: #ccc;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  border: 2px solid #000;
  position: relative;
}
.categories-allocated {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 5px;
  gap: 5px;
}
.categories-allocated .category {
  width: 50px;
  padding: 2px;
  font-size: 12px;
}

.katam {
  background-color: #A9E2F3;
}

.kataf {
  background-color: #F6CEF5;
}

.kumm {
  background-color: #58D3F7;
}

.kumf {
  background-color: #F5A9F2;
}

.cat-realizada {
  background-color: #038647;
}

.cat-alterada {
  background-color: #FF8000;
}

.cat-naousada {
  background-color: #747474;
}

.btn-size {
  min-width: 150px; 
}