@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap");
/*!
 * Bootstrap  v5.3.3 (https://getbootstrap.com/)
 * Copyright 2011-2024 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
/* @import "../libs/simplebar/dist/simplebar.css"; */
@import "../css/icons/tabler-icons/tabler-icons.css";

:root {
  --bg-color: #FF0000;

}

:root,
[data-bs-theme=light] {
  --bs-blue: #1e4db7;
  --bs-indigo: #6610f2;
  --bs-purple: #7460ee;
  --bs-pink: #e83e8c;
  --bs-red: #fc4b6c;
  --bs-orange: #fb8c00;
  --bs-yellow: #fdc90f;
  --bs-green: #39cb7f;
  --bs-teal: #20c997;
  --bs-cyan: #0bb2fb;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #11142d;
  --bs-gray-100: #f6f8fb;
  --bs-gray-200: #ecf0f2;
  --bs-gray-300: #f1f9ff;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #546269;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #4f5467;
  --bs-gray-800: #11142d;
  --bs-gray-900: #223640;
  --bs-primary: #1e4db7;
  --bs-secondary: #1a97f5;
  --bs-success: #39cb7f;
  --bs-info: #0bb2fb;
  --bs-warning: #fdc90f;
  --bs-danger: #fc4b6c;
  --bs-light: #f6f8fb;
  --bs-dark: #11142d;
  --bs-muted: #777e89;
  --bs-indigo: #6610f2;
  --bs-light-indigo: #ebf3fe;
  /* --bs-primary-rgb: 30, 77, 183;
  /* --bs-secondary-rgb: 26, 151, 245; */
  --bs-success-rgb: 57, 203, 127;
  --bs-info-rgb: 11, 178, 251;
  --bs-warning-rgb: 253, 201, 15;
  /* --bs-danger-rgb: 252, 75, 108; */
  --bs-light-rgb: 235, 235, 235;
  /* 246, 246, 246 /*
  --bs-dark-rgb: 17, 20, 45;
  --bs-muted-rgb: 119, 126, 137;
  --bs-indigo-rgb: 102, 16, 242;
  --bs-light-indigo-rgb: 235, 243, 254;
  */
  --bs-primary-text-emphasis: shade-color(#1e4db7, 60%);
  --bs-secondary-text-emphasis: shade-color(#1a97f5, 60%);
  --bs-success-text-emphasis: shade-color(#39cb7f, 60%);
  --bs-info-text-emphasis: shade-color(#0bb2fb, 60%);
  --bs-warning-text-emphasis: shade-color(#fdc90f, 60%);
  --bs-danger-text-emphasis: shade-color(#fc4b6c, 60%);
  --bs-light-text-emphasis: #f6f8fb;
  --bs-dark-text-emphasis: #11142d;
  --bs-primary-bg-subtle: #ddebff;
  --bs-secondary-bg-subtle: rgba(26, 151, 245, 0.1019607843);
  --bs-success-bg-subtle: #ebfaf2;
  --bs-info-bg-subtle: #e6f4ff;
  --bs-warning-bg-subtle: #fff4e5;
  --bs-danger-bg-subtle: #fdf3f5;
  --bs-light-bg-subtle: #f6f8fb;
  --bs-dark-bg-subtle: #11142d;
  --bs-primary-border-subtle: rgb(165, 183.8, 226.2);
  --bs-secondary-border-subtle: rgb(163.4, 213.4, 251);
  --bs-success-border-subtle: rgb(175.8, 234.2, 203.8);
  --bs-info-border-subtle: rgb(157.4, 224.2, 253.4);
  --bs-warning-border-subtle: rgb(254.2, 233.4, 159);
  --bs-danger-border-subtle: rgb(253.8, 183, 196.2);
  --bs-light-border-subtle: #ecf0f2;
  --bs-dark-border-subtle: #546269;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: 'Roboto', sans-serif;
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 0.9rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #21272A;
  --bs-body-color-rgb: 103, 117, 124;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-header-bg: rgba(255, 255, 255, 0.5);
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(103, 117, 124, 0.75);
  --bs-secondary-color-rgb: 103, 117, 124;
  --bs-secondary-bg: #ecf0f2;
  --bs-secondary-bg-rgb: 236, 240, 242;
  --bs-tertiary-color: rgba(103, 117, 124, 0.5);
  --bs-tertiary-color-rgb: 103, 117, 124;
  --bs-tertiary-bg: #f6f8fb;
  --bs-tertiary-bg-rgb: 246, 248, 251;
  --bs-heading-color: #11142d;
  --bs-link-color: #11142d;
  --bs-link-color-rgb: 17, 20, 45;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #1e4db7;
  --bs-link-hover-color-rgb: 30, 77, 183;
  --bs-code-color: #e83e8c;
  --bs-highlight-color: #67757c;
  --bs-highlight-bg: rgb(254.6, 244.2, 207);
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #DDE1E6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 7px;
  --bs-border-radius-sm: 5px;
  --bs-border-radius-lg: 15px;
  --bs-border-radius-xl: 12px;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.12);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: unset;
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(30, 77, 183, 0.25);
  --bs-form-valid-color: #39cb7f;
  --bs-form-valid-border-color: #39cb7f;
  --bs-form-invalid-color: #fc4b6c;
  --bs-form-invalid-border-color: #fc4b6c;

  /*new*/
  --bs-text-border-color: #C1C7CD;
  --bs-tb-label-color: #21272A;
  --btn-color: #86749D;
  --bg-color-1: #F2F4F8;
  --menu-text-color: #21272A;
  --purple: #86749D;
}

[data-bs-theme=dark] {
  color-scheme: dark;
  --bs-body-color: #f1f9ff;
  --bs-body-color-rgb: 241, 249, 255;
  --bs-body-bg: #223640;
  --bs-body-bg-rgb: 34, 54, 64;
  --bs-header-bg: #223640;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: rgba(241, 249, 255, 0.75);
  --bs-secondary-color-rgb: 241, 249, 255;
  --bs-secondary-bg: #11142d;
  --bs-secondary-bg-rgb: 17, 20, 45;
  --bs-tertiary-color: rgba(241, 249, 255, 0.5);
  --bs-tertiary-color-rgb: 241, 249, 255;
  --bs-tertiary-bg: rgb(25.5, 37, 54.5);
  --bs-tertiary-bg-rgb: 26, 37, 55;
  --bs-primary-text-emphasis: rgb(120, 148.2, 211.8);
  --bs-secondary-text-emphasis: rgb(117.6, 192.6, 249);
  --bs-success-text-emphasis: rgb(136.2, 223.8, 178.2);
  --bs-info-text-emphasis: rgb(108.6, 208.8, 252.6);
  --bs-warning-text-emphasis: rgb(253.8, 222.6, 111);
  --bs-danger-text-emphasis: rgb(253.2, 147, 166.8);
  --bs-light-text-emphasis: #f6f8fb;
  --bs-dark-text-emphasis: #f1f9ff;
  --bs-primary-bg-subtle: rgb(6, 15.4, 36.6);
  --bs-secondary-bg-subtle: rgb(5.2, 30.2, 49);
  --bs-success-bg-subtle: rgb(11.4, 40.6, 25.4);
  --bs-info-bg-subtle: rgb(2.2, 35.6, 50.2);
  --bs-warning-bg-subtle: rgb(50.6, 40.2, 3);
  --bs-danger-bg-subtle: rgb(50.4, 15, 21.6);
  --bs-light-bg-subtle: #11142d;
  --bs-dark-bg-subtle: rgb(8.5, 10, 22.5);
  --bs-primary-border-subtle: rgb(18, 46.2, 109.8);
  --bs-secondary-border-subtle: rgb(15.6, 90.6, 147);
  --bs-success-border-subtle: rgb(34.2, 121.8, 76.2);
  --bs-info-border-subtle: rgb(6.6, 106.8, 150.6);
  --bs-warning-border-subtle: rgb(151.8, 120.6, 9);
  --bs-danger-border-subtle: rgb(151.2, 45, 64.8);
  --bs-light-border-subtle: #4f5467;
  --bs-dark-border-subtle: #11142d;
  --bs-heading-color: inherit;
  --bs-link-color: rgb(120, 148.2, 211.8);
  --bs-link-hover-color: rgb(147, 169.56, 220.44);
  --bs-link-color-rgb: 120, 148, 212;
  --bs-link-hover-color-rgb: 147, 170, 220;
  --bs-code-color: rgb(241.2, 139.2, 186);
  --bs-highlight-color: #f1f9ff;
  --bs-highlight-bg: rgb(101.2, 80.4, 6);
  --bs-border-color: #4f5467;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-form-valid-color: rgb(136.2, 223.8, 178.2);
  --bs-form-valid-border-color: rgb(136.2, 223.8, 178.2);
  --bs-form-invalid-color: rgb(253.2, 147, 166.8);
  --bs-form-invalid-border-color: rgb(253.2, 147, 166.8);


}

*,
*::before,
*::after {
  box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/*---------------------------------------------------*/
.left-sidebar {
  width: 270px;
  border-right: 1px solid var(--bs-border-color);
  flex-shrink: 0;
  background: var(--bs-body-bg);
  z-index: 99;
  transition: 0.2s ease-in;
  position: fixed;
  left: 0;
  right: 0;
  height: 100%;
}

.left-sidebar .sidebartoggler {
  color: var(--bs-dark-text-emphasis);
}

.left-sidebar .scroll-sidebar {
  overflow-y: auto;
  padding: 0 24px;
  height: calc(100vh - 180px);
  border-radius: 7px;
}

.left-sidebar .scroll-sidebar .simplebar-track.simplebar-horizontal {
  visibility: hidden !important;
}

.simplebar-scrollbar:before {
  background: rgba(0, 0, 0, 0.5) !important;
}

.brand-logo {
  min-height: 70px;
  padding: 0 24px;
}

.nav-small-cap {
  margin-top: 24px;
  color: var(--bs-link-color);
  font-size: 12px;
  font-weight: 700;
  padding: 3px 0;
  line-height: 26px;
  text-transform: uppercase;
}

.nav-small-cap .nav-small-cap-icon {
  display: none;
}

.sidebar-nav ul .sidebar-item .sidebar-link {
  display: flex;
  font-size: 16px;
  white-space: nowrap;
  align-items: center;
  line-height: 25px;
  position: relative;
  margin: 0px 0px 2px;
  padding: 10px;
  border-radius: 7px;
  gap: 15px;
  text-decoration: none;
  font-weight: 400;
}

.sidebar-nav ul .sidebar-item .sidebar-link span:first-child {
  display: flex;
}

.sidebar-nav ul .sidebar-item .sidebar-link .ti {
  flex-shrink: 0;
  font-size: 21px;
}

.sidebar-nav ul .sidebar-item .sidebar-link .ti {
  flex-shrink: 0;
  font-size: 21px;
}

.sidebar-nav ul .sidebar-item .sidebar-link:hover {
  background: var(--bs-primary-bg-subtle);
  color: var(--bs-primary);
}

.sidebar-nav ul .sidebar-item .sidebar-link:hover.has-arrow::after {
  border-color: var(--bs-primary);
}

.sidebar-nav ul .sidebar-item .sidebar-link.active:hover.has-arrow::after {
  border-color: var(--bs-white);
}

.sidebar-nav ul .sidebar-item .first-level .sidebar-item {
  transition: all 0.4s ease-in-out;
  border-bottom: 0;
}

.sidebar-nav ul .sidebar-item .first-level .sidebar-item .sidebar-link:hover {
  background-color: transparent;
  color: var(--bs-primary);
}

.sidebar-nav ul .sidebar-item .first-level .sidebar-item .sidebar-link.active.has-arrow::after {
  border-color: var(--bs-primary);
}

.sidebar-nav ul .sidebar-item .first-level .sidebar-item>.sidebar-link {
  padding: 8px 10px;
  border-radius: 7px;
  font-size: 16px;
  gap: 23px;
}

.sidebar-nav ul .sidebar-item .first-level .sidebar-item>.sidebar-link .sidebar-icon {
  flex-shrink: 0;
  margin-left: 12px;
  margin-right: 35px;
  width: 14px;
  height: 14px;
}

.sidebar-nav ul .sidebar-item .first-level .sidebar-item:last-child {
  margin-bottom: 16px;
}

.sidebar-nav ul .sidebar-item .first-level .sidebar-link .ti {
  font-size: 7px;
}

.sidebar-nav ul .sidebar-item .two-level .sidebar-item .sidebar-link {
  padding: 8px 10px 8px 45px;
}

.sidebar-nav ul .sidebar-item .three-level .sidebar-item .sidebar-link {
  padding: 8px 10px 8px 60px;
}

.sidebar-nav ul .sidebar-item.selected .sidebar-link.has-arrow::after {
  border-color: var(--bs-white);
}

.sidebar-nav .sidebar-list .sidebar-list-item {
  padding: 8px 0;
}

.collapse.in {
  display: block;
}

.sidebar-nav .has-arrow {
  position: relative;
}

.sidebar-nav .has-arrow::after {
  position: absolute;
  content: "";
  width: 7px;
  height: 7px;
  border-width: 1px 0 0 1px;
  border-style: solid;
  border-color: var(--bs-dark-text-emphasis);
  margin-left: 10px;
  -webkit-transform: rotate(135deg) translate(0, -50%);
  -ms-transform: rotate(135deg) translate(0, -50%);
  -o-transform: rotate(135deg) translate(0, -50%);
  transform: rotate(135deg) translate(0, -50%);
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  -o-transform-origin: top;
  transform-origin: top;
  top: 22px;
  right: 15px;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.sidebar-nav li.active>.has-arrow::after,
.sidebar-nav li>.has-arrow.active::after,
.sidebar-nav .has-arrow[aria-expanded=true]::after {
  top: 18px;
  margin-top: 1px;
  border-color: var(--bs-white);
  -webkit-transform: rotate(-135deg) translate(0, -50%);
  -ms-transform: rotate(-135deg) translate(0, -50%);
  -o-transform: rotate(-135deg) translate(0, -50%);
  transform: rotate(-135deg) translate(0, -50%);
}

.app-topstrip {
  position: fixed;
  top: 0;
  z-index: 12;
}

.app-header {
  position: relative;
  z-index: 50;
  width: 100%;
  background: transparent;
  padding: 0 10px;
  top: 0px;
}

@media (max-width: 991.98px) {
  .app-header {
    position: fixed;
    top: 0px;
    background: var(--bs-header-bg);
  }
}

.app-header .container-fluid,
.app-header .container-sm,
.app-header .container-md,
.app-header .container-lg,
.app-header .container-xl,
.app-header .container-xxl {
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 30px;
}

.app-header .navbar {
  min-height: 50px;
  padding: 0;
}

.app-header .navbar .navbar-nav .nav-item .nav-link {
  padding: 8px 16px;
  line-height: 50px;
  height: 50px;
  color: var(--bs-link-color);
  display: flex;
  align-items: center;
  position: relative;
  font-size: 20px;
  z-index: 2;
}

.app-header .navbar .navbar-nav .nav-item .nav-link i {
  font-size: 20px;
}

.app-header .navbar .navbar-nav .nav-item .nav-link:hover {
  color: var(--bs-primary);
}

.navbar-nav .dropdown-menu {
  position: absolute;
  min-width: 200px;
}

.navbar-nav .dropdown-menu .dropdown-item {
  border-radius: 8px;
}

.notification {
  content: "";
  position: absolute;
  top: 22px;
  right: 9px;
  width: 8px;
  height: 8px;
}

/* @media (max-width: 991.98px) {
  .app-header .navbar {
    flex-wrap: nowrap;
  }

  .app-header .navbar .navbar-nav {
    flex-direction: row;
  }
}

@media (max-width: 767.98px) {
  .navbar-nav .dropdown-menu {
    position: absolute;
    width: 100%;
  }

  .navbar-nav .nav-item.dropdown {
    position: static;
  }
} */

/* @media (max-width: 991.98px) {
  .w-xs-100 {
    width: 100% !important;
  }
} */

.page-wrapper {
  position: relative;
}

.body-wrapper {
  position: relative;
  border-radius: 20px;
}

.body-wrapper .body-wrapper-inner {
  min-height: calc(100vh - 110px);
}

.body-wrapper .container-fluid,
.body-wrapper .container-sm,
.body-wrapper .container-md,
.body-wrapper .container-lg,
.body-wrapper .container-xl,
.body-wrapper .container-xxl {
  max-width: 1300px;
  margin: 0 auto;
  padding: 24px;
  transition: 0.2s ease-in;
  padding-top: 20px;
}

.simplebar-scrollbar:before {
  background: rgba(0, 0, 0, 0.5) !important;
}

#main-wrapper[data-layout=vertical][data-sidebar-position=fixed] .left-sidebar {
  position: fixed;
  top: 0px;
}

@media (max-width: 991.98px) {
  #main-wrapper[data-layout=vertical][data-sidebar-position=fixed] .left-sidebar {
    top: 131px;
  }
}

#main-wrapper[data-layout=vertical][data-header-position=fixed] .app-header {
  position: fixed;
  z-index: 10;
}

#main-wrapper[data-layout=vertical][data-header-position=fixed] .body-wrapper>.container-fluid,
#main-wrapper[data-layout=vertical][data-header-position=fixed] .body-wrapper>.container-sm,
#main-wrapper[data-layout=vertical][data-header-position=fixed] .body-wrapper>.container-md,
#main-wrapper[data-layout=vertical][data-header-position=fixed] .body-wrapper>.container-lg,
#main-wrapper[data-layout=vertical][data-header-position=fixed] .body-wrapper>.container-xl,
#main-wrapper[data-layout=vertical][data-header-position=fixed] .body-wrapper>.container-xxl {
  padding-top: calc(70px + 30px);
}

@media (min-width: 1200px) {
  #main-wrapper[data-layout=vertical][data-header-position=fixed][data-sidebartype=mini-sidebar] .app-header {
    width: 100%;
  }

  #main-wrapper[data-layout=vertical][data-header-position=fixed] .app-header {
    width: calc(100% - 270px);
  }

  #main-wrapper[data-layout=vertical][data-sidebartype=full] .body-wrapper {
    margin-left: 270px;
  }
}

@media (max-width: 1199px) {

  #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar,
  #main-wrapper[data-layout=vertical][data-sidebartype=full] .left-sidebar {
    left: -270px;
    top: 0;
  }

  #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar].show-sidebar .left-sidebar,
  #main-wrapper[data-layout=vertical][data-sidebartype=full].show-sidebar .left-sidebar {
    left: 0;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  }

  .left-sidebar .scroll-sidebar {
    height: calc(100vh - 240px);
  }
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

a {
  text-decoration: none;
}

a:hover {
  color: #1e4db7;
}


.cursor-pointer {
  cursor: pointer;
}

.card-title {
  font-size: 18px;
}

.card-subtitle {
  font-size: 14px;
}

.card {
  margin-bottom: 30px;
  border-radius: 0px;
}


.comment-widgets .comment-row {
  background: transparent;
}

.text-orange {
  color: orange;
}

/*# sourceMappingURL=styles.min.css.map */
/*---------New----------------------------------------------------------------------------------------*/

#sidebarnav {
  list-style: none;
  padding-left: 0px;
}

.sidebar-item a span {
  color: var(--menu-text-color);
  font-weight: bold;
}

/* Underline active tab */

.nav-tabs-scroll {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
}

.nav-tabs-scroll .nav-link {
  display: inline-block;
  white-space: nowrap;
  font-size: 16px;
}

.nav-tabs-scroll::-webkit-scrollbar {
  display: none;
  /* Optional: hide scrollbar in WebKit browsers */
}

.nav-tabs .nav-link.active {
  border-width: 0px 0px 3px 0px;
  border-bottom: 3px solid #675084;
  color: #675084;
}

/*---datatable-----*/

.btn-delete {
  color: red;
  background: none;
  border: none;
  cursor: pointer;
}

.btn-delete:disabled {
  opacity: 0.5;
}

table.dataTable thead th {
  background-color: #f3f4f6;
}

.table {
  border-radius: 0px;
  border-width: 1px;
  color: #DDE1E6;
}

.table thead th {
  background-color: #F2F4F8;
}

.avatar {
  background-color: #e5e7eb;
  border-radius: 50%;
  display: inline-flex;
  vertical-align: middle;
  text-align: center;
  margin-right: 5px;
  object-fit: cover;
}

.avatar i {
  margin: auto;
  color: #C1C7CD;
}

.avatar1 {
  background-color: transparent;
  border-radius: 50%;
  display: inline-flex;
  vertical-align: middle;
  text-align: center;
  margin-right: 5px;
  border-color: #000;
  border-width: 1px;
  border-style: solid;
}

.avatar1 i {
  margin: auto;
  color: #C1C7CD;
}


.ellipsis {
  cursor: pointer;
}

/* Pagination container */
.dataTables_wrapper .dataTables_paginate,
.dataTables_length {
  margin-top: 1rem;
  display: flex;
  justify-content: center;
}

.dataTables_length {
  float: right !important;
}

/* Pagination buttons */
.dataTables_wrapper .dataTables_paginate .paginate_button {
  color: #6b7280;
  /* gray-500 */
  padding: 6px 12px;
  margin: 0 4px;
  border: none;
  border-radius: 4px;
  background-color: transparent;
  font-weight: 500;
  cursor: pointer;
}

/* Hover effect */
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background-color: #e0d3f7;
  /* light purple hover */
}



/* Disabled previous/next buttons */
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
  color: #9ca3af !important;
  /* gray-400 */
  cursor: default;
  opacity: 0.6;
}

/* Arrows */
.dataTables_wrapper .dataTables_paginate .paginate_button:before {
  font-family: 'FontAwesome';
}

.dataTables_paginate {
  float: left !important;
}

.dataTables_length {
  margin-bottom: 20px;
  font-size: 14px !important;
  color: #697077 !important;
}

.btn {
  height: 40px;
}

.btn:active,
.btn:hover,
.btn:focus,
.btn:focus-visible,
.btn:focus-within {
  outline: none;
  border: none;
}

.btn-light {
  padding: 5px 20px;
  color: #675084;
  background-color: transparent;
}

.modal-content {
  border-radius: 0px;
}

.modal-header {
  border-bottom: 0px;
}

.modal-footer {
  border-top: 0px;
}

.btn-check+.btn {
  border-radius: 0px;
}

.btn-check:checked+.btn {
  border-radius: 0px;
  background-color: #B4A7C4;
  color: #21272A;
}

.card1 {
  border-radius: 0px;
  display: flex;
  flex-direction: row;
}

.first-level {
  list-style: none;
  padding-left: 0px;
}

.txt_small {
  font-size: 10px;
}

.btn.show {
  border: none;
}

.border-div {
  border-color: #DDE1E6;
}

.datepicker_div {
  position: relative;
  display: inline-block;
}

.datepicker_div input {
  padding-right: 30px;
  /* space for the icon */
}

.datepicker_div::after {
  content: "";
  /* Use emoji or replace with background-image */
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  width: 20px;
  height: 20px;
  color: #697077;

  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M216 64C229.3 64 240 74.7 240 88L240 128L400 128L400 88C400 74.7 410.7 64 424 64C437.3 64 448 74.7 448 88L448 128L480 128C515.3 128 544 156.7 544 192L544 480C544 515.3 515.3 544 480 544L160 544C124.7 544 96 515.3 96 480L96 192C96 156.7 124.7 128 160 128L192 128L192 88C192 74.7 202.7 64 216 64zM216 176L160 176C151.2 176 144 183.2 144 192L144 240L496 240L496 192C496 183.2 488.8 176 480 176L216 176zM144 288L144 480C144 488.8 151.2 496 160 496L480 496C488.8 496 496 488.8 496 480L496 288L144 288z"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;

}

.form-control, .form-control :focus
{
  background-color: transparent !important;
  box-shadow: none !important;
}