/* @tailwind base;
@tailwind components;
@tailwind utilities; */


/* incluid files  */
@import "style.css";
@import "bulk-style.css";
@import "color-1.css";
@import "color-2.css";
@import "color-3.css";
@import "color-4.css";
@import "color-5.css";
@import "color-6.css";
@import "fontawesome-min.css";
@import "iconly-icon.css";
@import "rating.css";
@import "themify.css";

/* inculid vender fieles  */


@import "vendors/animate.css";
@import "vendors/aos.css";
/* @import "vendors/bootstrap.css"; */
@import "vendors/calendar.css";
@import "vendors/chartist.css";
@import "vendors/datatable-extension.css";
@import "vendors/datatables.css";
@import "vendors/flag-icon.css";
@import "vendors/weather-icons/weather-icons.min.css";
@import "vendors/scrollbar.css";
@import "vendors/slick.css";
@import "vendors/slick-theme.css";
@import "vendors/js-datatables/style.css";
/* @import "vendors/select2.css"; */
@import "vendors/select2.min.css";
@import "vendors/sweetalert2.css";
@import "vendors/toastr.min.css";





.switch {
  position: relative;
  display: inline-block;
  width: 46px;
  height: 24px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
  border-radius: 24px;
}

.slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  transition: 0.4s;
  border-radius: 50%;
}

input:checked + .slider {
  background-color: #28a745;
}

input:checked + .slider:before {
  transform: translateX(22px);
}


 #statusMessage {
            position: fixed;
            top: 20px;
            right: 20px;
            z-index: 9999;
            min-width: 250px;
}