@import url("/pbx/themes/iamgiant/dashv2/assets/css/preloader.min.css");
@import url("/pbx/themes/iamgiant/dashv2/assets/css/icons.min.css");
@import url("/pbx/themes/iamgiant/dashv2/fontawesome-pro-6.4.0-web/fontawesome-pro-6.4.0-web/css/all.css");
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');



a.page-link {
  color: #ffffff;
  background-color: #00D9A7;
}

.page-link {
  color: #ffffff;
  background-color: #00D9A7;
}

main.page-content {
  
  background-color: #FFFFFF !important;
  
}

/* CUSTOM SCROLLBAR */

/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: auto;
    scrollbar-color: #00d9a7 #f9f9f9 !important;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 16px;
  }

  *::-webkit-scrollbar-track {
    background: #ffffff !important;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #00d9a7;
    border-radius: 10px;
    border: 3px none #f9f9f9 !important;
  }

/* END OF CUSTOM SCROLLBAR*/


a.waves-effect.waves-themed {
  text-decoration: none;
}

#deleteselected {
  background-color: rgba(243, 18, 63, 0.1);
  border-width: 0px;
  color: #f3123f;
 }

#deleteselected:hover {
  background-color: rgba(243, 18, 63, 0.6);
  border-width: 0px;
  color: #fff;
 }


button.btn.btn-default.waves-effect.waves-themed {
  border-width: 0px;
  padding: 7px;
  background-color: #fff !important;
}
button.btn.btn-default.waves-effect.waves-themed:hover {
  border-width: 0px;
  padding: 7px;
  background-color: #fff;
}

#startselected {
  background-color: rgba(0, 217, 167, 0.4);
  border-width: 0px;
  color: #fff;
  padding: 10px;
  width: 100%;
 }

#startselected:hover {
  background-color: rgba(0, 217, 167, 0.7);
  border-width: 0px;
  color: #fff;
 }

/* The switch container */
.switch {
  position: relative;
  display: inline-block;
  width: 40px;  /* Reduced width */
  height: 20px;  /* Reduced height */
}

/* The slider itself (the round part) */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider (before being clicked) */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 16px;  /* Adjusted for a smaller size */
  width: 16px;  /* Adjusted for a smaller size */
  left: 2px;  /* A bit of space from the left */
  bottom: 2px;  /* A bit of space from the bottom */
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

/* The slider (when checked) */
input:checked + .slider {
  background-color: #00D9A7;
}

input:checked + .slider:before {
  -webkit-transform: translateX(20px);  /* Half of the width of the switch */
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 20px;
}

.slider.round:before {
  border-radius: 50%;
}




.custom-control-input + .custom-control-label::before {
    /* styles for the checkbox (before it's checked) */
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    border: 2px solid #00D9A7; 
    border-radius: 100%;
    margin-right: 10px;
    vertical-align: middle;
}

.custom-control-input:checked + .custom-control-label::before {
    /* styles for the checkbox (when it's checked) */
    background-color: #00D9A7;
    border-radius: 100%; 
    color: white;
    text-align: center;
    line-height: 20px; 
}


/*
.ms_choosen_list:hover {
background-color: rgba(0, 217, 167, 1);
color: rgba(0, 217, 167, 1);
}
*/

.ui-sortable-handle {
background-color: rgba(0, 217, 167, 0.2) !important;
color: rgba(0, 217, 167, 1) !important;
font-weight: 400 !important;
border-width: 0px !important;
}


.ui-sortable-handle:hover {
background-color: rgba(0, 217, 167, 1) !important;
color: rgba(255, 255, 255, 1) !important;
}

td[aria-describedby="list1_Number"] {
    /* Your styles here */
font-weight: 400;
}

body {
  font-family: poppins;
}
/*
div.ui-th-div.ui-jqgrid-sortable {
  font-weight: 600;
} */


/* Targeting the entire notification list */
.slimScrollDiv .notification {
    list-style-type: none;
    margin: 0;
    padding: 20px;
}


a.waves-effect.waves-themed {
  text-decoration: none !important;
}


tbody tr td {
  text-align: center !important;
}

th {
   text-align: center !important;
}



td.sorting_1 {
  text-align: left !important;
}
/*
main.page-content {
  background-color: rgba(0, 217, 167, 0.04);
}*/

div.page-logo {
  border: none !important;
 /* box-shadow: 0 4px 2px -2px #f9f9f9;*/
}

button.swal2-confirm.swal2-styled {
  background-color: #00d9a7 !important;
  border-radius: 8px;
}

button.swal2-cancel.swal2-styled {
  background-color: #000 !important;
  border-radius: 8px;
}

button.btn.btn-danger.waves-effect.waves-themed {
  border: none;
  border-radius: 8px;
  margin: 2px;
}


button.btn.btn-danger.waves-effect.waves-themed:hover {
  border: none;
  border-radius: 8px;
  margin: 2px;
}

a.page-link {
 
  background-color: #00d9a7 !important;
}