table.dataTable th, table.dataTable td {background: #f8f8f8;}
.file-box{position:relative;}
.delete-file{position:absolute;top:-10px;right:-5px;cursor:pointer;color:#dc3545;}
.delete-icon{cursor:pointer;color:#dc3545;}

table.dataTable .weekend-row td {
    background-color: #F9C223;
}
table.dataTable .holiday-row td {
    background-color: #ee335ee6;
}
table.dataTable .absent-row td {
    background-color: #33d2eee6;
}

table.dataTable .btn i {margin-right: 0; font-size: 16px; }
table.dataTable .btn {padding: 5px 10px;}



.legend-item {
    display: flex;
    align-items: center;
    margin-left: 15px;
}
.legend-color.weekend-row {
    width: 20px;
    height: 20px;
    border-radius: 5px;
    background-color: #F9C223;
    margin-right: 10px;
}
.legend-color.holiday-row {
    width: 20px;
    height: 20px;
    border-radius: 5px;
    background-color: #ee335ee6;
    margin-right: 10px;
}
.legend-color.absent-row {
    width: 20px;
    height: 20px;
    border-radius: 5px;
    background-color: #33d2eee6;
    margin-right: 10px;
}


.form-check-input {
    width: 20px;
  height: 20px;
  vertical-align: middle;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid #C8C8C8;
  border-radius: 3px;
  margin-top: 0;
  vertical-align: initial;
}
.form-check-input:checked {
    background-color: #0d6efd;
    border-color: #0d6efd;
}
.form-check-input:focus {
    box-shadow: none;
  }