/* Start custom CSS for html, class: .elementor-element-f33f39d */table {
  border-collapse: collapse;
  border-radius: 10px;
  margin: 0 auto;
  overflow: hidden;
  z-index: -99;
  height: 100%;
  width: 100%;
}

td, th {
  padding: 10px;
  font-size: 16px;
  text-align: center;
  border-collapse: collapse; 
  position: relative;
  outline: 0;
  
}

th{
  color: #fff;
  background: #f46c14;
  border-color: #ffb216;
}

.row-header {
  font-size: 16px;
  font-weight: bold;
  background: #373793;
}

tbody tr:hover{
  background-color: #ffae006b;
  z-index: -6

}

td:hover::after,
thead th:not(:empty):hover::after,
td:focus::after,
thead th:not(:empty):focus::after { 
  content: '';  
  height: 10000px;
  position: absolute;
  left: 0;
  top: -5000px;
  width: 100%;
  z-index: -2;
}

#table tbody td:hover::after,
#table tbody th:hover::after {
  background-color: #ffae006b;
  z-index: 5646544645
}/* End custom CSS */