/* Show it is fixed to the top */
body {
  min-height: 75rem;
  padding-top: 8.0rem;
}

.active {
  font-weight: 700!important;
}

.dragging {
    color: white;
  }
  
.drag-handler {
  cursor: grab; 
}
  
.dragging .drag-handler {
  cursor: grabbing;
}

.table.custom tbody tr:hover td, 
.table.custom tbody tr:hover th {
    background-color: transparent;
}

.tippy-box[data-theme~='custom'] {
  background-color: #008CFF; 
  color: white;              
  white-space: normal; 
  word-wrap: break-word;
  word-break: break-word;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);  
}

.tippy-box[data-theme~='custom'][data-placement^='top'] > .tippy-arrow::before {
  border-top-color: #1e90ff;
}
.tippy-box[data-theme~='custom'][data-placement^='bottom'] > .tippy-arrow::before {
  border-bottom-color: #1e90ff;
}
.tippy-box[data-theme~='custom'][data-placement^='left'] > .tippy-arrow::before {
  border-left-color: #1e90ff;
}
.tippy-box[data-theme~='custom'][data-placement^='right'] > .tippy-arrow::before {
  border-right-color: #1e90ff;
}

.nano-fixed-header-table-container-mh-60 {
    max-height: 60vh;      
    margin-right: 10px;
    padding-right: 10px;
    overflow-y: auto;     
    overflow-x: auto;       
}