
.checkbox.checbox-switch {
    padding-left: 0;
  }
  
  .checkbox.checbox-switch label,
  .checkbox-inline.checbox-switch {
    display: inline-block;
    position: relative;
    padding-left: 0;
  }
  .checkbox.checbox-switch label input,
  .checkbox-inline.checbox-switch input {
    display: none;
  }
  .checkbox.checbox-switch label span,
  .checkbox-inline.checbox-switch span {
    width: 35px;
    border-radius: 20px;
    height: 18px;
    border: 1px solid #dbdbdb;
    background-color: white;
    border-color: rgb(0, 105, 217);
    box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
  }
  .checkbox.checbox-switch label span:before,
  .checkbox-inline.checbox-switch span:before {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: rgb(255,255,255);
    content: " ";
    top: 0;
    position: relative;
    left: 0px;
    transition: all 0.3s ease;
    box-shadow: 0 1px 4px rgba(0,0,0,0.4);
    top:-2px;
  }
  .checkbox.checbox-switch label > input:checked + span:before,
  .checkbox-inline.checbox-switch > input:checked + span:before {
    left: 16px;top:-2px;
  }
  
  /* Switch Primary */
  .checkbox.checbox-switch.switch-primary label > input:checked + span,
  .checkbox-inline.checbox-switch.switch-primary > input:checked + span {
    background-color: rgb(0, 105, 217);
    border-color: rgb(0, 105, 217);
    /*box-shadow: rgb(0, 105, 217) 0px 0px 0px 8px inset;*/
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
  }
  .checkbox.checbox-switch.switch-primary label > input:checked:disabled + span,
  .checkbox-inline.checbox-switch.switch-primary > input:checked:disabled + span {
    background-color: white;
    border-color: white;
   /* box-shadow: rgb(109, 163, 221) 0px 0px 0px 8px inset;*/
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
  }

  /* Style the search input box */
.dataTables_filter input {
    background-color: #f1f1f1; /* Light gray background */
    border: 1px solid #4E0077 !important; /* Border color */
    padding: 5px;
    border-radius: 4px; /* Rounded corners */
    color: #333; /* Text color */
}

/* Style the search label */
.dataTables_filter label {
    font-size: 16px; /* Change font size of the label */
    color: #4E0077; /* Label color */
}

#customAlert {
  position: fixed;
  top: 20px;
  right: 20px;
  background-color: #cacaec;
  color: #4a067d;
  padding: 15px;
  border-radius: 7px;
  display: none;
  z-index: 9999;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
  min-width: 300px;
  font-family: Arial, sans-serif;
  border: #4A067E 3px solid;
  font-size: 18px;
  font-weight: bolder;
}

/* Style for the close button */
#customAlert .close-btn {
  position: absolute;
  top: 11px;
  right: -3px;
  border: none;
  background: transparent;
  color: #4a067d;
  font-size: 20px;
  cursor: pointer;
 
}