/* FONT */
/* inter */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");
/* Montserrat */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600&display=swap");

:root {
  --body-bg-rgb: 240, 241, 247;
  --primary-rgb: 34, 48, 137;
  --secondary-rgb: 35, 183, 229;
  --warning-rgb: 174, 115, 26;
  --info-rgb: 73, 182, 245;
  --success-rgb: 87, 192, 146;
  --danger-rgb: 230, 83, 60;
  --light-rgb: 243, 246, 248;
  --dark-rgb: 35, 35, 35;
  --dark-2: #000839;
  --orange-rgb: 221, 96, 37;
  --pink-rgb: 231, 145, 188;
  --teal-rgb: 18, 194, 194;
  --purple-rgb: 137, 32, 173;
  --default-body-bg-color: rgb(var(--body-bg-rgb));
  --primary-color: rgb(var(--primary-rgb));
  --primary-border: rgb(var(--primary-rgb));
  --primary01: rgba(var(--primary-rgb), 0.1);
  --primary02: rgba(var(--primary-rgb), 0.2);
  --primary03: rgba(var(--primary-rgb), 0.3);
  --primary04: rgba(var(--primary-rgb), 0.4);
  --primary05: rgba(var(--primary-rgb), 0.5);
  --primary06: rgba(var(--primary-rgb), 0.6);
  --primary07: rgba(var(--primary-rgb), 0.7);
  --primary08: rgba(var(--primary-rgb), 0.8);
  --primary09: rgba(var(--primary-rgb), 0.9);
  --primary005: rgba(var(--primary-rgb), 0.05);
  --blue-color: #07A1E9;
  --default-font-family: "Inter", sans-serif;
  --default-font-weight: 600;
  --default-text-color: rgb(52, 71, 103);
  --default-border: #f3f3f3;
  --default-background: #f7f8f9;
  --menu-bg: #fff;
  --menu-prime-color: #536485;
  --menu-border-color: #f3f3f3;
  --header-bg: #fff;
  --header-prime-color: #536485;
  --header-border-color: #f3f3f3;
  --custom-white: #fff;
  --custom-black: #000;
  --bootstrap-card-border: #f3f3f3;
  --list-hover-focus-bg: #f5f6f7;
  --text-muted: #8c9097;
  --input-border: #e9edf6;
  --form-control-bg: #ffffff;
  /* Gray set */
  --gray-cl: #CFCBCB;
  --gray-1: #f9fafb;
  --gray-2: #f2f4f5;
  --gray-3: #e6eaeb;
  --gray-4: #dbdfe1;
  --gray-5: #949eb7;
  --gray-6: #7987a1;
  --gray-7: #4d5875;
  --gray-8: #383853;
  --gray-9: #323251;
  /* White set */
  --white-1: rgba(255, 255, 255, 0.1);
  --white-2: rgba(255, 255, 255, 0.2);
  --white-3: rgba(255, 255, 255, 0.3);
  --white-4: rgba(255, 255, 255, 0.4);
  --white-5: rgba(255, 255, 255, 0.5);
  --white-6: rgba(255, 255, 255, 0.6);
  --white-7: rgba(255, 255, 255, 0.7);
  --white-8: rgba(255, 255, 255, 0.8);
  --white-9: rgba(255, 255, 255, 0.9);
  /* Black set */
  --black-1: rgba(0, 0, 0, 0.1);
  --black-2: rgba(0, 0, 0, 0.2);
  --black-3: rgba(0, 0, 0, 0.3);
  --black-4: rgba(0, 0, 0, 0.4);
  --black-5: rgba(0, 0, 0, 0.5);
  --black-6: rgba(0, 0, 0, 0.6);
  --black-7: rgba(0, 0, 0, 0.7);
  --black-8: rgba(0, 0, 0, 0.8);
  --black-9: rgba(0, 0, 0, 0.9);
}

ul,
li {
  list-style: none;
}

/* text  */
.text-gray {
  color: var(--gray-cl);
}

.bg-orange {
  background: rgb(var(--orange-rgb));
}

.fs-20 {
  font-size: 20px !important;
}

.custom-active {
  background: var(--primary-color) !important;
  color: var(--custom-white) !important;
}

.body-bg {
  background: var(--default-body-bg-color);
}

/* height & width */
.h-280 {
  height: 280px;
}

.height-100 {
  height: 100px;
}

.h-350 {
  height: 350px;
}

.w-200 {
  width: 200px;
}

.width-100 {
  width: 100px;
}

.rounded-3px {
  border-radius: 3px;
}

.text-blue {
  color: var(--blue-color);
}

.bg-dark-2 {
  background: var(--dark-2);
}

.bg-light-green {
  background: #D5FDCE;
}

.bg-light-yellow {
  background: #FDF9CE;
}

.bg-light-danger {
  background: #FDD4CE;
}

.btn-sm-custom {
  padding: 2px 10px;
  border: none;
}

.text-dark-2 {
  color: var(--dark-2);
}

.bg-blue {
  background: var(--blue-color);
}

.border-right {
  border-right: 1px solid var(--default-border);
}

/* overflow */
.overflow-scroll {
  overflow: scroll;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-auto {
  overflow: auto;
}

.ms-70 {
  margin-left: 70px;
}

.star-16 {
  left: 16px;
}

.start-25 {
  left: 25px;
}

.top-22 {
  top: 19px;
}

.top-9 {
  top: 9.4px;
}

.top-6 {
  top: 6px;
}

.top-25 {
  top: 25%;
}

.end-10 {
  right: 10px;
}

.translate-x-50 {
  transform: translateX(-50%);
}

.width-100 {
  width: 100px;
}

.width-500 {
  width: 500px !important;
}

.width-900 {
  width: 900px !important;
}

.resize-none {
  resize: none;
}

.lh-12 {
  line-height: 12px;
}

@media (max-width: 991.98px) {
  [data-toggled=close] .app-sidebar {
    transition: all 300ms ease;
    transform: translateX(-15rem);
  }

  [data-toggled=close] .app-header {
    -webkit-padding-start: 0rem;
    padding-inline-start: 0rem;
  }

  [data-toggled=close] .app-header .horizontal-logo {
    display: block;
  }
}



/* Responsive Menu Styles */


[data-menu-styles=dark] {
  --menu-bg: var(--custom-white);
  --menu-prime-color: #8f9bb3;
  --menu-border-color: rgba(255, 255, 255, 0.1);
}

[data-menu-styles=dark][data-theme-mode=light] {
  --menu-bg: #011626;
}

[data-menu-styles=dark][data-theme-mode=light] {
  --menu-bg: #111c43;
  --menu-prime-color: #a3aed1;
}

/* Header Colors Styles*/
[data-header-styles=light] {
  --header-bg: #fff;
  --header-border-color: #f3f3f3;
  --header-prime-color: #536485;
}

/* Loader Styles */
/* BOOTSTRAP */

.badge {
  padding: 0.25rem 0.45rem;
  font-weight: 600;
  border-radius: 0.25rem;
}


/* Start::button default */
.btn {
  font-size: 0.85rem;
  border-radius: 0.35rem;
  padding: 0.5rem 0.85rem;
  box-shadow: none;
  font-weight: 500;
}

.btn.btn-sm {
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
}

.btn.btn-lg {
  padding: 0.65rem 1rem;
  border-radius: 0.5rem;
  font-size: 0.95rem;
}

.btn-group .btn {
  padding: 0.45rem 0.75rem;
}

.btn-group-lg .btn {
  padding: 0.65rem 1rem;
}

.btn-group-sm .btn {
  padding: 0.25rem 0.5rem;
}

.btn-check:active+.btn,
.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:active {
  color: #fff;
}

.btn-check:focus+.btn,
.btn:focus {
  box-shadow: none;
}

/* End::button default */
/* Start::button colors */
/* btn-primary starts */
.btn-primary {
  background-color: rgb(var(--primary-rgb)) !important;
  border-color: rgb(var(--primary-rgb)) !important;
  color: #fff !important;
}

.btn-primary:hover {
  background-color: rgba(var(--primary-rgb), 0.9) !important;
  border-color: rgb(var(--primary-rgb)) !important;
  color: #fff;
}

.btn-primary:focus {
  background-color: rgb(var(--primary-rgb));
  border-color: rgb(var(--primary-rgb));
  color: #fff;
}

.btn-check:focus+.btn-primary,
.btn-primary:focus {
  background-color: rgb(var(--primary-rgb));
  border-color: rgb(var(--primary-rgb));
  outline: 0;
  box-shadow: none;
}

.btn-check:active+.btn-primary:focus,
.btn-check:checked+.btn-primary:focus,
.btn-primary.active:focus,
.btn-primary.show:focus,
.btn-primary:active:focus {
  box-shadow: 0 0.25rem 1rem var(--primary05);
}

.btn-check:active+.btn-primary,
.btn-check:checked+.btn-primary,
.btn-primary.active,
.btn-primary.show,
.btn-primary:active {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-border) !important;
}

/* btn-primary ends */
/* btn-primary starts */
.btn-blue {
  background-color: var(--blue-color) !important;
  border-color: var(--blue-color) !important;
  color: #fff !important;
}

.btn-blue:hover {
  background-color: var(--blue-color) !important;
  border-color: var(--blue-color) !important;
  color: #fff;
}

.btn-blue:focus {
  background-color: var(--blue-color);
  border-color: var(--blue-color);
  color: #fff;
}

.btn-check:focus+.btn-blue,
.btn-blue:focus:focus {
  background-color: var(--blue-color);
  border-color: var(--blue-color);
  outline: 0;
  box-shadow: none;
}

.btn-check:active+.btn-blue:focus,
.btn-check:checked+.btn-blue:focus,
.btn-blue.active:focus,
.btn-blue.show:focus,
.btn-blue:active:focus {
  box-shadow: 0 0.25rem 1rem var(--blue-color);
}

.btn-check:active+.btn-blue,
.btn-check:checked+.btn-blue,
.btn-blue.active,
.btn-blue.show,
.btn-blue:active {
  background-color: var(--blue-color) !important;
  border-color: var(--blue-color) !important;
}

/* btn-blue ends */
/* btn-secondary starts */
.btn-secondary {
  background-color: rgb(var(--secondary-rgb)) !important;
  border-color: rgb(var(--secondary-rgb)) !important;
  color: #fff !important;
}

.btn-secondary:hover {
  background-color: rgba(var(--secondary-rgb), 0.9) !important;
  border-color: rgb(var(--secondary-rgb)) !important;
  color: #fff;
}

.btn-secondary:focus {
  background-color: rgb(var(--secondary-rgb));
  border-color: rgb(var(--secondary-rgb));
  color: #fff;
}

.btn-check:focus+.btn-secondary,
.btn-secondary:focus {
  background-color: rgb(var(--secondary-rgb));
  border-color: rgb(var(--secondary-rgb));
  outline: 0;
  box-shadow: none;
}

.btn-check:active+.btn-secondary:focus,
.btn-check:checked+.btn-secondary:focus,
.btn-secondary.active:focus,
.btn-secondary.show:focus,
.btn-secondary:active:focus {
  box-shadow: 0 0.25rem 1rem rgba(var(--secondary-rgb), 0.5);
}

.btn-check:active+.btn-secondary,
.btn-check:checked+.btn-secondary,
.btn-secondary.active,
.btn-secondary.show,
.btn-secondary:active {
  background-color: rgb(var(--secondary-rgb)) !important;
  border-color: rgb(var(--secondary-rgb)) !important;
}

/* btn-secondary ends */
/* btn-warning starts */
.btn-warning {
  background-color: rgb(var(--warning-rgb)) !important;
  border-color: rgb(var(--warning-rgb)) !important;
  color: #fff !important;
}

.btn-warning:hover {
  background-color: rgba(var(--warning-rgb), 0.9) !important;
  border-color: rgb(var(--warning-rgb)) !important;
  color: #fff;
}

.btn-warning:focus {
  background-color: rgb(var(--warning-rgb));
  border-color: rgb(var(--warning-rgb));
  color: #fff;
}

.btn-check:focus+.btn-warning,
.btn-warning:focus {
  background-color: rgb(var(--warning-rgb));
  border-color: rgb(var(--warning-rgb));
  outline: 0;
  box-shadow: none;
}

.btn-check:active+.btn-warning:focus,
.btn-check:checked+.btn-warning:focus,
.btn-warning.active:focus,
.btn-warning.show:focus,
.btn-warning:active:focus {
  box-shadow: 0 0.25rem 1rem rgba(var(--warning-rgb), 0.5);
}

.btn-check:active+.btn-warning,
.btn-check:checked+.btn-warning,
.btn-warning.active,
.btn-warning.show,
.btn-warning:active {
  background-color: rgb(var(--warning-rgb)) !important;
  border-color: rgb(var(--warning-rgb)) !important;
}

/* btn-warning ends */

/* btn-danger starts */
.btn-danger {
  background-color: rgb(var(--danger-rgb)) !important;
  border-color: rgb(var(--danger-rgb)) !important;
  color: #fff !important;
}

.btn-danger:hover {
  background-color: rgba(var(--danger-rgb), 0.9) !important;
  border-color: rgb(var(--danger-rgb)) !important;
  color: #fff;
}

.btn-danger:focus {
  background-color: rgb(var(--danger-rgb));
  border-color: rgb(var(--danger-rgb));
  color: #fff;
}

.btn-check:focus+.btn-danger,
.btn-danger:focus {
  background-color: rgb(var(--danger-rgb));
  border-color: rgb(var(--danger-rgb));
  outline: 0;
  box-shadow: none;
}

.btn-check:active+.btn-danger:focus,
.btn-check:checked+.btn-danger:focus,
.btn-danger.active:focus,
.btn-danger.show:focus,
.btn-danger:active:focus {
  box-shadow: 0 0.25rem 1rem rgba(var(--danger-rgb), 0.5);
}

.btn-check:active+.btn-danger,
.btn-check:checked+.btn-danger,
.btn-danger.active,
.btn-danger.show,
.btn-danger:active {
  background-color: rgb(var(--danger-rgb)) !important;
  border-color: rgb(var(--danger-rgb)) !important;
}

/* btn-danger ends */
/* btn dark success */
.btn-dark-success {
  background-color: #5DBC97 !important;
  border-color: #5DBC97 !important;
  color: var(--custom-white) !important;
}

.btn-dark-success:hover {
  background-color: #5DBC97 !important;
  border-color: #5DBC97 !important;
  color: var(--custom-white) !important;
}

/* btn-success ends */
/* btn-dark starts */
.btn-dark {
  background-color: rgb(var(--dark-rgb));
  border-color: rgb(var(--dark-rgb));
  color: var(--custom-white);
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active {
  background-color: rgb(var(--dark-rgb));
  border-color: rgb(var(--dark-rgb));
  color: var(--custom-white) !important;
}

.btn-dark svg {
  fill: var(--custom-black);
}

.btn-check:focus+.btn-dark,
.btn-dark:focus {
  background-color: rgb(var(--dark-rgb));
  border-color: rgb(var(--dark-rgb));
  outline: 0;
  box-shadow: none;
}

.btn-check:active+.btn-dark:focus,
.btn-check:checked+.btn-dark:focus,
.btn-dark.active:focus,
.btn-dark.show:focus,
.btn-dark:active:focus {
  box-shadow: 0 0.25rem 1rem rgba(var(--dark-rgb), 0.5);
}

.btn-check:active+.btn-dark,
.btn-check:checked+.btn-dark,
.btn-dark.active,
.btn-dark.show,
.btn-dark:active {
  background-color: rgb(var(--dark-rgb)) !important;
  border-color: rgb(var(--dark-rgb)) !important;
  color: var(--custom-white);
}

/* btn-dark ends */
/* btn-light starts */
.btn-light {
  background-color: rgb(var(--light-rgb));
  border-color: rgb(var(--light-rgb));
  color: var(--default-text-color);
}

.btn-light:hover {
  background-color: #e4ecf2;
  border-color: rgb(var(--light-rgb));
  color: var(--default-text-color);
}

.btn-light:focus {
  background-color: rgb(var(--light-rgb));
  border-color: rgb(var(--light-rgb));
  box-shadow: none;
  color: var(--default-text-color);
}

[data-theme-mode=dark] .btn-light:hover {
  background-color: rgba(var(--light-rgb), 0.8);
}

.btn-check:focus+.btn-light,
.btn-light:focus {
  background-color: rgb(var(--light-rgb));
  border-color: rgb(var(--light-rgb));
  outline: 0;
  box-shadow: none;
}

.btn-check:active+.btn-light:focus,
.btn-check:checked+.btn-light:focus,
.btn-light.active:focus,
.btn-light.show:focus,
.btn-light:active:focus {
  box-shadow: 0 0.25rem 1rem rgba(var(--light-rgb), 0.5);
}

.btn-check:active+.btn-light,
.btn-check:checked+.btn-light,
.btn-light.active,
.btn-light.show,
.btn-light:active {
  background-color: rgb(var(--light-rgb)) !important;
  border-color: rgb(var(--light-rgb)) !important;
  color: var(--default-text-color) !important;
}

/* btn-light ends */

/* btn-orange starts */
.btn-orange {
  background-color: rgb(var(--orange-rgb)) !important;
  border-color: rgb(var(--orange-rgb)) !important;
  color: #fff !important;
}

.btn-orange:hover {
  background-color: rgba(var(--orange-rgb), 0.9) !important;
  border-color: rgb(var(--orange-rgb)) !important;
  color: #fff;
}

.btn-orange:focus {
  background-color: rgb(var(--orange-rgb));
  border-color: rgb(var(--orange-rgb));
  color: #fff;
}

.btn-check:focus+.btn-orange,
.btn-orange:focus {
  background-color: rgb(var(--orange-rgb));
  border-color: rgb(var(--orange-rgb));
  outline: 0;
  box-shadow: none;
}

.btn-check:active+.btn-orange:focus,
.btn-check:checked+.btn-orange:focus,
.btn-orange.active:focus,
.btn-orange.show:focus,
.btn-orange:active:focus {
  box-shadow: 0 0.25rem 1rem rgba(var(--orange-rgb), 0.5);
}

.btn-check:active+.btn-orange,
.btn-check:checked+.btn-orange,
.btn-orange.active,
.btn-orange.show,
.btn-orange:active {
  background-color: rgb(var(--orange-rgb)) !important;
  border-color: rgb(var(--orange-rgb)) !important;
}

/* btn-orange ends */

/* End::button colors */


/* Start::btn-sizes::sm */
.btn-group-sm>.btn,
.btn-sm {
  font-size: 0.8rem;
  padding: 0.25rem 0.8rem;
  border-radius: 0.5rem;
}

/* Start::btn-sizes::sm */


/* Start:: Gradient Buttons */

/* Start:: Width Buttons */
.btn.btn-w-xs {
  min-width: 5.625rem;
}

.btn.btn-w-sm {
  min-width: 6.975rem;
}

.btn.btn-w-md {
  min-width: 8.125rem;
}

.btn.btn-w-lg {
  min-width: 9.375rem;
}




/* End:: Width Buttons */

/* start::btn outline */
.btn-outline-orange {
  background: var(--custom-white);
  border: 1px solid rgb(var(--orange-rgb));
  color: rgb(var(--orange-rgb));
  padding: 5px 10px !important;
}

.btn-outline-orange:hover {
  background: rgb(var(--orange-rgb));
  border: 1px solid rgb(var(--orange-rgb));
  color: var(--custom-white);
}

.btn-white {
  background: var(--custom-white);
  border: 1px solid rgb(var(--dark-rgb));
  color: rgb(var(--dark-rgb));
  ;
  padding: 5px 10px !important;
}

.btn-white:hover {
  background: rgb(var(--dark-rgb));
  border: 1px solid rgb(var(--dark-rgb));
  color: var(--custom-white);
}

/* btn-secondary-transparent starts */
.btn-secondary-transparent {
  background-color: rgba(var(--secondary-rgb), 0.1);
  border-color: rgba(var(--secondary-rgb), 0.1);
  color: rgb(var(--secondary-rgb));
}

.btn-secondary-transparent:hover,
.btn-secondary-transparent:focus:hover {
  background-color: rgb(var(--secondary-rgb));
  border-color: rgb(var(--secondary-rgb));
  color: #fff;
}

.btn-check:focus+.btn-secondary-transparent,
.btn-secondary-transparent:focus {
  background-color: rgba(var(--secondary-rgb), 0.1);
  border-color: rgba(var(--secondary-rgb), 0.1);
  outline: 0;
  box-shadow: 0 0.25rem 1rem rgba(var(--secondary-rgb), 0.3);
  color: rgb(var(--secondary-rgb));
}

.btn-check:active+.btn-secondary-transparent:focus,
.btn-check:checked+.btn-secondary-transparent:focus,
.btn-secondary-transparent.active:focus,
.btn-secondary-transparent.show:focus,
.btn-secondary-transparent:active:focus {
  box-shadow: 0 0.25rem 1rem rgba(var(--secondary-rgb), 0.5);
}

.btn-check:active+.btn-secondary-transparent,
.btn-check:checked+.btn-secondary-transparent,
.btn-secondary-transparent.active,
.btn-secondary-transparent.show,
.btn-secondary-transparent:active {
  background-color: rgb(var(--secondary-rgb));
  border-color: rgba(var(--secondary-rgb), 0.1);
  color: #fff;
}

/* btn-secondary-transparent ends */

/* btn-danger-transparent starts */
.btn-danger-transparent {
  background-color: rgba(var(--danger-rgb), 0.1);
  border-color: rgba(var(--danger-rgb), 0.1);
  color: rgb(var(--danger-rgb));
}

.btn-danger-transparent:hover,
.btn-danger-transparent:focus:hover {
  background-color: rgb(var(--danger-rgb));
  border-color: rgb(var(--danger-rgb));
  color: #fff;
}

.btn-check:focus+.btn-danger-transparent,
.btn-danger-transparent:focus {
  background-color: rgba(var(--danger-rgb), 0.1);
  border-color: rgba(var(--danger-rgb), 0.1);
  outline: 0;
  box-shadow: 0 0.25rem 1rem rgba(var(--danger-rgb), 0.3);
  color: rgb(var(--danger-rgb));
}

.btn-check:active+.btn-danger-transparent:focus,
.btn-check:checked+.btn-danger-transparent:focus,
.btn-danger-transparent.active:focus,
.btn-danger-transparent.show:focus,
.btn-danger-transparent:active:focus {
  box-shadow: 0 0.25rem 1rem rgba(var(--danger-rgb), 0.5);
}

.btn-check:active+.btn-danger-transparent,
.btn-check:checked+.btn-danger-transparent,
.btn-danger-transparent.active,
.btn-danger-transparent.show,
.btn-danger-transparent:active {
  background-color: rgb(var(--danger-rgb));
  border-color: rgba(var(--danger-rgb), 0.1);
  color: #fff;
}

/* btn-danger-transparent ends */
.card {
  -webkit-margin-after: 1.5rem;
  margin-block-end: 1.5rem;
}

.card .card-header,
.card .card-footer {
  background-color: var(--custom-white) !important;
  color: var(--default-text-color);
}

.card.custom-card {
  border-radius: 0.5rem;
  border: 0;
  background-color: var(--custom-white);
  box-shadow: 0 0.125rem 0 rgba(10, 10, 10, 0.04);
  position: relative;
  -webkit-margin-after: 1.5rem;
  margin-block-end: 1.5rem;
  width: 100%;
  /* Start::Card Background Colors */
  /* End::Card Background Colors */
  /* Start:: Cards With Links */
  /* Start:: Cards With Links */
  /* End:: Cards With Links */
  /* Start:: Card With Collapse */
  /* End:: Card With Links */
  /* Start::Card With FullScreen */
  /* End::Card With FullScreen */
}

.app-header .dropdown-toggle {
  position: relative;
}

.dropdown-menu {
  border-color: var(--default-border);
  box-shadow: 0 1rem 1.125rem rgba(169, 169, 169, 0.15);
  font-size: 0.875rem;
  color: var(--default-text-color);
  background-color: var(--custom-white);
  padding: 0;
  z-index: 10;
}

.dropdown-divider {
  border-color: var(--default-border);
}

.dropdown-item-text {
  color: var(--default-text-color);
}

.dropdown-header {
  color: var(--default-text-color);
}

.dropdown-item {
  color: var(--default-text-color);
  white-space: unset;
  padding: 0.5rem 0.9375rem;
  font-size: 0.8125rem;
  font-weight: 500;
}

.dropdown-item:not(.active):hover,
.dropdown-item:not(.active):focus,
.dropdown-item:not(.active):active {
  color: var(--primary-color);
  background-color: var(--primary005);
}

.dropdown-item.active {
  background-color: var(--primary-color) !important;
}

.dropdown-toggle::after {
  display: inline-block;
  -webkit-margin-start: 0.25rem;
  margin-inline-start: 0.25rem;
  vertical-align: 0;
  content: "\f282";
  font-family: bootstrap-icons !important;
  border: 0;
  font-size: 0.6rem;
  font-weight: 600;
}

.form-control {
  border-color: var(--input-border);
  color: var(--default-text-color);
  background-color: var(--form-control-bg);
  font-size: 0.875rem;
  font-weight: var(--default-font-weight);
  line-height: 1.6;
  border-radius: 0.35rem;
  padding: 0.5rem 0.85rem;
}

.form-control:focus {
  box-shadow: none;
  border-color: var(--input-border);
  background-color: var(--custom-white);
  box-shadow: 0 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.05);
  color: var(--default-text-color);
}

.form-label {
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--default-text-color);
}

.form-text {
  color: var(--text-muted);
}

.form-control-light {
  background-color: rgb(var(--light-rgb));
  border: 0;
}

.form-control-light:focus {
  background-color: rgb(var(--light-rgb));
}

.form-input-color {
  height: 2.25rem;
  width: 2.25rem;
  border-radius: 0.5rem;
  overflow: hidden;
  padding: 0;
}

.form-select {
  background-color: var(--form-control-bg);
  border: 1px solid var(--input-border);
  color: var(--default-text-color);
  font-size: 0.813rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  background-size: 1.25rem;
}

.form-select option {
  background-color: var(--custom-white);
  padding: 0.35rem 0.75rem;
  border-radius: 0.25rem;
}

.form-select option:checked {
  background-color: var(--primary02);
  color: var(--primary-color);
}

.form-check-input {
  width: 0.9rem;
  height: 0.9rem;
  background-color: var(--custom-white);
  border: 1px solid rgb(var(--orange-rgb));
}

.form-check-input:checked {
  background-color: rgb(var(--orange-rgb));
  border-color: rgb(var(--orange-rgb));
}

.form-check-input:focus {
  border-color: rgb(var(--orange-rgb)) !important;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, .25);
}

.form-check-input.form-checked-outline:checked {
  background-color: transparent;
  border-color: var(--primary-color);
}


.form-check-input:focus {
  box-shadow: none;
}

/* Start::placeholder */
.form-control:focus::-webkit-input-placeholder,
.form-control:focus::placeholder {
  -webkit-padding-start: 0.3rem;
  padding-inline-start: 0.3rem;
  -webkit-transition: -webkit-padding-start 0.1s ease-in;
  transition: -webkit-padding-start 0.1s ease-in;
  transition: padding-inline-start 0.1s ease-in;
  transition: padding-inline-start 0.1s ease-in, -webkit-padding-start 0.1s ease-in;
}

.form-control::-webkit-input-placeholder {
  font-size: 0.8rem;
  font-weight: 500;
  opacity: 0.4;
  color: var(--default-text-color);
  -webkit-padding-start: 0px;
  padding-inline-start: 0px;
  -webkit-transition: -webkit-padding-start 0.1s ease-in;
  transition: -webkit-padding-start 0.1s ease-in;
  transition: padding-inline-start 0.1s ease-in;
  transition: padding-inline-start 0.1s ease-in, -webkit-padding-start 0.1s ease-in;
}

.form-control:-moz-placeholder {
  /* Firefox 18- */
  font-size: 0.8rem;
  font-weight: 500;
  opacity: 0.4;
  color: var(--default-text-color);
}

.form-control::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 0.8rem;
  font-weight: 500;
  opacity: 0.4;
  color: var(--default-text-color);
}

.form-control:-ms-input-placeholder {
  font-size: 0.8rem;
  font-weight: 500;
  opacity: 0.4;
  color: var(--default-text-color);
}

/* End::placeholder */
/* Start:: sizes */
.form-control-sm {
  font-size: 0.8rem;
  padding: 0.25rem 0.8rem;
}

.form-control-lg {
  font-size: 1rem;
  padding: 0.5rem 1rem;
}

.form-check-md .form-check-input {
  width: 1.15rem;
  height: 1.15rem;
}

.form-check-md.form-switch .form-check-input {
  width: 2.25rem;
}

.form-check-md label {
  -webkit-margin-start: 0.5rem;
  margin-inline-start: 0.5rem;
  font-size: 0.95rem;
  -webkit-margin-before: 3px;
  margin-block-start: 3px;
}

.form-check-lg .form-check-input {
  width: 1.35rem;
  height: 1.35rem;
}

.form-check-lg.form-switch .form-check-input {
  width: 2.5rem;
}

.form-check-lg label {
  -webkit-margin-start: 0.5rem;
  margin-inline-start: 0.5rem;
  font-size: 1rem;
  -webkit-margin-before: 3px;
  margin-block-start: 3px;
}

/* End:: sizes */


/* Start:: rtl */
[dir=rtl] [type=email],
[dir=rtl] [type=number],
[dir=rtl] [type=tel],
[dir=rtl] [type=url] {
  direction: rtl;
}

/* End:: rtl */

/* Start:: range slider */
input[type=range]::-webkit-slider-runnable-track {
  background-color: rgb(var(--light-rgb));
}

/* End:: range slider */


.modal {
  z-index: 105;
}

.modal-backdrop {
  z-index: 104;
}

.modal-content {
  color: var(--default-text-color);
  background-color: var(--custom-white);
  border: 1px solid var(--default-border);
  border-radius: 0.5rem;
}

.modal-header {
  padding: 1rem 1.25rem;
  -webkit-border-after: 1px solid var(--default-border);
  border-block-end: 1px solid var(--default-border);
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.modal-header .modal-title {
  font-weight: 600;
  line-height: 1;
}

.modal-header .btn-close {
  font-size: 0.625rem;
}

.modal-footer {
  padding: 1rem 1.25rem;
  -webkit-border-before: 1px solid var(--default-border);
  border-block-start: 1px solid var(--default-border);
}

/* modal animations */
.modal.animated .modal-dialog {
  transform: translate(0, 0);
}

.modal.effect-scale .modal-dialog {
  transform: scale(0.7);
  opacity: 0;
  transition: all 0.3s;
}

.modal.effect-scale.show .modal-dialog {
  transform: scale(1);
  opacity: 1;
}

.modal.effect-slide-in-right .modal-dialog {
  transform: translateX(20%);
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}

.modal.effect-slide-in-right.show .modal-dialog {
  transform: translateX(0);
  opacity: 1;
}

.modal.effect-slide-in-bottom .modal-dialog {
  transform: translateY(20%);
  opacity: 0;
  transition: all 0.3s;
}

.modal.effect-slide-in-bottom.show .modal-dialog {
  transform: translateY(0);
  opacity: 1;
}

.modal.effect-newspaper .modal-dialog {
  transform: scale(0) rotate(720deg);
  opacity: 0;
}

.modal.effect-newspaper.show~.modal-backdrop,
.modal.effect-newspaper .modal-dialog {
  transition: all 0.5s;
}

.modal.effect-newspaper.show .modal-dialog {
  transform: scale(1) rotate(0deg);
  opacity: 1;
}

.modal.effect-fall {
  perspective: 1300px;
}

.modal.effect-fall .modal-dialog {
  transform-style: preserve-3d;
  transform: translateZ(600px) rotateX(20deg);
  opacity: 0;
}

.modal.effect-fall.show .modal-dialog {
  transition: all 0.3s ease-in;
  transform: translateZ(0px) rotateX(0deg);
  opacity: 1;
}

.modal.effect-flip-horizontal {
  perspective: 1300px;
}

.modal.effect-flip-horizontal .modal-dialog {
  transform-style: preserve-3d;
  transform: rotateY(-70deg);
  transition: all 0.3s;
  opacity: 0;
}

.modal.effect-flip-horizontal.show .modal-dialog {
  transform: rotateY(0deg);
  opacity: 1;
}

.modal.effect-flip-vertical {
  perspective: 1300px;
}

.modal.effect-flip-vertical .modal-dialog {
  transform-style: preserve-3d;
  transform: rotateX(-70deg);
  transition: all 0.3s;
  opacity: 0;
}

.modal.effect-flip-vertical.show .modal-dialog {
  transform: rotateX(0deg);
  opacity: 1;
}

.modal.effect-super-scaled .modal-dialog {
  transform: scale(2);
  opacity: 0;
  transition: all 0.3s;
}

.modal.effect-super-scaled.show .modal-dialog {
  transform: scale(1);
  opacity: 1;
}

.modal.effect-sign {
  perspective: 1300px;
}

.modal.effect-sign .modal-dialog {
  transform-style: preserve-3d;
  transform: rotateX(-60deg);
  transform-origin: 50% 0;
  opacity: 0;
  transition: all 0.3s;
}

.modal.effect-sign.show .modal-dialog {
  transform: rotateX(0deg);
  opacity: 1;
}

.modal.effect-rotate-bottom {
  perspective: 1300px;
}

.modal.effect-rotate-bottom .modal-dialog {
  transform-style: preserve-3d;
  transform: translateY(100%) rotateX(90deg);
  transform-origin: 0 100%;
  opacity: 0;
  transition: all 0.3s ease-out;
}

.modal.effect-rotate-bottom.show .modal-dialog {
  transform: translateY(0%) rotateX(0deg);
  opacity: 1;
}

.modal.effect-rotate-left {
  perspective: 1300px;
}

.modal.effect-rotate-left .modal-dialog {
  transform-style: preserve-3d;
  transform: translateZ(100px) translateX(-30%) rotateY(90deg);
  transform-origin: 0 100%;
  opacity: 0;
  transition: all 0.3s;
}

.modal.effect-rotate-left.show .modal-dialog {
  transform: translateZ(0px) translateX(0%) rotateY(0deg);
  opacity: 1;
}


.progress {
  background-color: rgb(var(--light-rgb));
  height: 0.75rem;
  border-radius: 0.25rem;
}

.progress-stacked {
  background-color: rgb(var(--light-rgb));
}

.progress-bar {
  color: #fff;
  background-color: var(--primary-color);
}

@-webkit-keyframes progress-animate {
  0% {
    width: 0;
  }
}

@keyframes progress-animate {
  0% {
    width: 0;
  }
}

.table {
  color: var(--default-text-color);
  border-color: var(--default-border);
  -webkit-margin-after: 0;
  margin-block-end: 0;
}

.table tbody tr th {
  font-weight: 500;
}

.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  line-height: 1.462;
  font-size: 0.813rem;
  font-weight: 500;
}

.table thead tr th {
  font-weight: 600;
  font-size: 0.85rem;
}

.table.table-sm> :not(caption)>*>* {
  padding: 0.3rem;
}

.table.table-dark {
  color: var(--white-7);
  border-color: rgba(255, 255, 255, 0.1);
}

.table.table-primary {
  background-color: #fff;
  color: #000;
  border-color: var(--bs-table-border-color);
  --bs-table-bg: rgba(var(--primary-rgb), 0.1);
  --bs-table-border-color: rgba(var(--primary-rgb), 0.05);
  --bs-table-striped-bg: rgba(var(--primary-rgb), 0.2);
  --bs-table-active-bg: rgba(var(--primary-rgb), 0.2);
  --bs-table-hover-bg: rgba(var(--primary-rgb), 0.2);
}

.table.table-primary.table-striped>tbody>tr:nth-of-type(odd)>* {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--primary-rgb), 0.2);
  color: #000;
}

.table.table-primary.table.table-hover>tbody>tr:hover>* {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--primary-rgb), 0.4);
  color: #fff;
}

.table.table-primary .table-active {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgb(var(--primary-rgb));
  color: #fff;
}

.table.table-secondary {
  background-color: #fff;
  color: #000;
  border-color: var(--bs-table-border-color);
  --bs-table-bg: rgba(var(--secondary-rgb), 0.1);
  --bs-table-border-color: rgba(var(--secondary-rgb), 0.05);
  --bs-table-striped-bg: rgba(var(--secondary-rgb), 0.2);
  --bs-table-active-bg: rgba(var(--secondary-rgb), 0.2);
  --bs-table-hover-bg: rgba(var(--secondary-rgb), 0.2);
}

.table.table-secondary.table-striped>tbody>tr:nth-of-type(odd)>* {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--secondary-rgb), 0.2);
  color: #000;
}

.table.table-secondary.table.table-hover>tbody>tr:hover>* {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--secondary-rgb), 0.4);
  color: #fff;
}

.table.table-secondary .table-active {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgb(var(--secondary-rgb));
  color: #fff;
}

.table.table-warning {
  background-color: #fff;
  color: #000;
  border-color: var(--bs-table-border-color);
  --bs-table-bg: rgba(var(--warning-rgb), 0.1);
  --bs-table-border-color: rgba(var(--warning-rgb), 0.05);
  --bs-table-striped-bg: rgba(var(--warning-rgb), 0.2);
  --bs-table-active-bg: rgba(var(--warning-rgb), 0.2);
  --bs-table-hover-bg: rgba(var(--warning-rgb), 0.2);
}

.table.table-warning.table-striped>tbody>tr:nth-of-type(odd)>* {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--warning-rgb), 0.2);
  color: #000;
}

.table.table-warning.table.table-hover>tbody>tr:hover>* {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--warning-rgb), 0.4);
  color: #fff;
}

.table.table-warning .table-active {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgb(var(--warning-rgb));
  color: #fff;
}

.table.table-success {
  background-color: #fff;
  color: #000;
  border-color: var(--bs-table-border-color);
  --bs-table-bg: rgba(var(--success-rgb), 0.1);
  --bs-table-border-color: rgba(var(--success-rgb), 0.05);
  --bs-table-striped-bg: rgba(var(--success-rgb), 0.2);
  --bs-table-active-bg: rgba(var(--success-rgb), 0.2);
  --bs-table-hover-bg: rgba(var(--success-rgb), 0.2);
}

.table.table-success.table-striped>tbody>tr:nth-of-type(odd)>* {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--success-rgb), 0.2);
  color: #000;
}

.table.table-success.table.table-hover>tbody>tr:hover>* {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--success-rgb), 0.4);
  color: #fff;
}

.table.table-success .table-active {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgb(var(--success-rgb));
  color: #fff;
}

.table.table-danger {
  background-color: #fff;
  color: #000;
  border-color: var(--bs-table-border-color);
  --bs-table-bg: rgba(var(--danger-rgb), 0.1);
  --bs-table-border-color: rgba(var(--danger-rgb), 0.05);
  --bs-table-striped-bg: rgba(var(--danger-rgb), 0.2);
  --bs-table-active-bg: rgba(var(--danger-rgb), 0.2);
  --bs-table-hover-bg: rgba(var(--danger-rgb), 0.2);
}

.table.table-danger.table-striped>tbody>tr:nth-of-type(odd)>* {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--danger-rgb), 0.2);
  color: #000;
}

.table.table-danger.table.table-hover>tbody>tr:hover>* {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--danger-rgb), 0.4);
  color: #fff;
}

.table.table-danger .table-active {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgb(var(--danger-rgb));
  color: #fff;
}

.table.table-info {
  background-color: #fff;
  color: #000;
  border-color: var(--bs-table-border-color);
  --bs-table-bg: rgba(var(--info-rgb), 0.1);
  --bs-table-border-color: rgba(var(--info-rgb), 0.05);
  --bs-table-striped-bg: rgba(var(--info-rgb), 0.2);
  --bs-table-active-bg: rgba(var(--info-rgb), 0.2);
  --bs-table-hover-bg: rgba(var(--info-rgb), 0.2);
}

.table.table-info.table-striped>tbody>tr:nth-of-type(odd)>* {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--info-rgb), 0.2);
  color: #000;
}

.table.table-info.table.table-hover>tbody>tr:hover>* {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--info-rgb), 0.4);
  color: #fff;
}

.table.table-info .table-active {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgb(var(--info-rgb));
  color: #fff;
}

.table.table-light {
  background-color: #fff;
  color: #000;
  border-color: var(--bs-table-border-color);
  --bs-table-bg: rgba(var(--light-rgb), 0.1);
  --bs-table-border-color: rgba(var(--light-rgb), 0.05);
  --bs-table-striped-bg: rgba(var(--light-rgb), 0.2);
  --bs-table-active-bg: rgba(var(--light-rgb), 0.2);
  --bs-table-hover-bg: rgba(var(--light-rgb), 0.2);
}

.table.table-light.table-striped>tbody>tr:nth-of-type(odd)>* {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--light-rgb), 0.2);
  color: #000;
}

.table.table-light.table.table-hover>tbody>tr:hover>* {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--light-rgb), 0.4);
  color: #fff;
}

.table.table-light .table-active {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgb(var(--light-rgb));
  color: #fff;
}

.table.table-dark {
  background-color: #fff;
  color: #000;
  border-color: var(--bs-table-border-color);
  --bs-table-bg: rgba(var(--dark-rgb), 0.1);
  --bs-table-border-color: rgba(var(--dark-rgb), 0.05);
  --bs-table-striped-bg: rgba(var(--dark-rgb), 0.2);
  --bs-table-active-bg: rgba(var(--dark-rgb), 0.2);
  --bs-table-hover-bg: rgba(var(--dark-rgb), 0.2);
}

.table.table-dark.table-striped>tbody>tr:nth-of-type(odd)>* {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--dark-rgb), 0.2);
  color: #000;
}

.table.table-dark.table.table-hover>tbody>tr:hover>* {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--dark-rgb), 0.4);
  color: #fff;
}

.table.table-dark .table-active {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgb(var(--dark-rgb));
  color: #fff;
}

.table.table-bordered.border-primary tbody,
.table.table-bordered.border-primary td,
.table.table-bordered.border-primary tfoot,
.table.table-bordered.border-primary th,
.table.table-bordered.border-primary thead,
.table.table-bordered.border-primary tr {
  border-color: rgba(var(--primary-rgb), 0.1);
}

.table.table-bordered.border-info tbody,
.table.table-bordered.border-info td,
.table.table-bordered.border-info tfoot,
.table.table-bordered.border-info th,
.table.table-bordered.border-info thead,
.table.table-bordered.border-info tr {
  border-color: rgba(var(--info-rgb), 0.1);
}

.table.table-bordered.border-secondary tbody,
.table.table-bordered.border-secondary td,
.table.table-bordered.border-secondary tfoot,
.table.table-bordered.border-secondary th,
.table.table-bordered.border-secondary thead,
.table.table-bordered.border-secondary tr {
  border-color: rgba(var(--secondary-rgb), 0.1);
}

.table.table-bordered.border-warning tbody,
.table.table-bordered.border-warning td,
.table.table-bordered.border-warning tfoot,
.table.table-bordered.border-warning th,
.table.table-bordered.border-warning thead,
.table.table-bordered.border-warning tr {
  border-color: rgba(var(--warning-rgb), 0.1);
}

.table.table-bordered.border-success tbody,
.table.table-bordered.border-success td,
.table.table-bordered.border-success tfoot,
.table.table-bordered.border-success th,
.table.table-bordered.border-success thead,
.table.table-bordered.border-success tr {
  border-color: rgba(var(--success-rgb), 0.1);
}

.table.table-bordered.border-danger tbody,
.table.table-bordered.border-danger td,
.table.table-bordered.border-danger tfoot,
.table.table-bordered.border-danger th,
.table.table-bordered.border-danger thead,
.table.table-bordered.border-danger tr {
  border-color: rgba(var(--danger-rgb), 0.1);
}

.table.table-striped>tbody>tr:nth-of-type(odd)>* {
  --bs-table-accent-bg: rgba(var(--dark-rgb), 0.0125);
  color: var(--default-text-color);
}

.table.table-striped-columns> :not(caption)>tr> :nth-child(2n) {
  --bs-table-accent-bg: rgba(var(--dark-rgb), 0.025);
  color: var(--default-text-color);
}

.table tbody.table-group-divider {
  border-top: 1px solid var(--default-border);
}

.table.table-hover>tbody>tr:hover>* {
  --bs-table-accent-bg: var(--default-background);
  color: var(--default-text-color);
}

.table .table-active {
  --bs-table-accent-bg: rgb(var(--light-rgb));
  color: var(--default-text-color);
}

[dir=rtl] .table {
  -webkit-margin-end: 1px;
  margin-inline-end: 1px;
}



/* CUSTOM */

/* Start::body */
body {
  font-size: 0.813rem;
  font-family: var(--default-font-family);
  font-weight: var(--default-font-weight);
  background-color: var(--default-body-bg-color);
  color: var(--default-text-color);
  line-height: 1.5;
  text-align: start;
  overflow-x: clip;
  min-height: 100vh;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

/* End::body */
*::-webkit-scrollbar {
  width: 0.25rem;
  height: 0.25rem;
  -webkit-transition: all ease 0.05s;
  transition: all ease 0.05s;
}

*:hover::-webkit-scrollbar-thumb {
  background: rgb(var(--light-rgb));
}

a,
button {
  outline: 0 !important;
}

/* Start::basic */
.page {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100vh;
}

@media (min-width: 992px) {
  .app-content {
    min-height: calc(100vh - 7.5rem);
    -webkit-margin-after: 0;
    margin-block-end: 0;
    -webkit-margin-before: 3.75rem;
    margin-block-start: 3.75rem;
    -webkit-margin-start: 15rem;
    margin-inline-start: 15rem;
    transition: all 0.05s ease;
  }
}

.main-content {
  padding: 0 0.5rem;
}

/* End::basic */
/* Start::App Content */
.bd-example>.dropdown-menu {
  position: static;
  display: block;
}

/* Start::width */
.min-w-fit-content {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}

/* End::width */


/* Start::navbar */
.fixed-top {
  position: static;
  margin: -1rem -1rem 0rem -1rem;
}

.fixed-bottom {
  position: static;
  margin: 1rem 0rem -1rem -1rem;
}

.sticky-top {
  position: static;
  margin: -1rem -1rem 0rem -1rem;
}

/*End::navbar*/
/* Start::Helpers */
.bd-example-ratios .ratio {
  display: inline-block;
  width: 10rem;
  color: var(--text-muted);
  background-color: var(--primary01);
  border: var(--default-border);
  border-radius: 0.5rem;
}

@media (min-width: 768px) {
  .bd-example-ratios-breakpoint .ratio-4x3 {
    --bs-aspect-ratio: 50%;
  }
}

.bd-example-ratios-breakpoint .ratio-4x3 {
  width: 16rem;
}

/* End::Helpers */

/* Start::Bootstrap Styles */
.card {
  background-color: var(--custom-white);
  border: 1px solid var(--bootstrap-card-border);
}

.img-thumbnail {
  background-color: var(--custom-white);
  border: 1px solid var(--default-border);
}

/* End::Bootstrap Styles */

/* Start::Switcher */
@media (max-width: 991.98px) {
  .navigation-menu-styles {
    display: none;
  }
}

/* Start::Switcher */
/* Start:Responsive Dropdowns */
@media (max-width: 575.98px) {

  .cart-dropdown,
  .timelines-dropdown,
  .notifications-dropdown,
  .header-shortcuts-dropdown,
  .header-fullscreen {
    display: none !important;
  }
}

/* End:Responsive Dropdowns */
/* Start::Close Button */
.btn-close:focus {
  box-shadow: none !important;
}

/* End::Close Button */
/* Start::Icons Page */
.icons-list {
  list-style: none;
  margin: 0 -1px -1px 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}

.icons-list .icons-list-item {
  text-align: center;
  height: 3rem;
  width: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--default-border);
  margin: 0.25rem;
  border-radius: 0.25rem;
}

.icons-list .icons-list-item i {
  font-size: 1.05rem;
  color: var(--default-text-color);
}

.fe {
  font-size: inherit !important;
}

/* End::Icons Page */
.bd-placeholder-img {
  margin: 0.125rem;
}

/* Start::Shadows */
.shadow-primary {
  box-shadow: 0 0.25rem 1rem rgba(var(--primary-rgb), 0.3) !important;
}

.shadow-secondary {
  box-shadow: 0 0.25rem 1rem rgba(var(--secondary-rgb), 0.3) !important;
}

.shadow-success {
  box-shadow: 0 0.25rem 1rem rgba(var(--success-rgb), 0.3) !important;
}

.shadow-info {
  box-shadow: 0 0.25rem 1rem rgba(var(--info-rgb), 0.3) !important;
}

.shadow-warning {
  box-shadow: 0 0.25rem 1rem rgba(var(--warning-rgb), 0.3) !important;
}

.shadow-danger {
  box-shadow: 0 0.25rem 1rem rgba(var(--danger-rgb), 0.3) !important;
}

.shadow-orange {
  box-shadow: 0 0.25rem 1rem rgba(var(--orange-rgb), 0.3) !important;
}

.shadow-purple {
  box-shadow: 0 0.25rem 1rem rgba(var(--purple-rgb), 0.3) !important;
}

/* End::Shadows */
/* Start::placeholders */
.placeholder-xl {
  min-height: 1.5em;
}

.placeholder {
  background-color: var(--gray-7);
}

/* End:::placeholders */
/* Start::scrollspy */
.scrollspy-example-2 {
  height: 21.875rem;
  border: 1px solid var(--default-border);
  padding: 0.75rem;
  border-radius: 0.5rem;
}

/* End::scrollspy */
/* Start::object-fit */
.object-fit-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

.object-fit-container img,
.object-fit-container video {
  width: 15.625rem;
  height: 15.625rem;
}

/* End::object-fit */



/* Start:: Notifications */
.notification-container li .un-read {
  -webkit-border-start: 0.25rem solid var(--primary03);
  border-inline-start: 0.25rem solid var(--primary03);
}

/* End:: Notifications */

/* Start:: Loader */
#loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--custom-white);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

/* End:: Loader */


/* Start::app-header */

.app-header #mainHeaderProfile {
  color: var(--header-prime-color);
}

@media (min-width: 992px) {
  .app-header {
    -webkit-padding-start: 15rem;
    padding-inline-start: 15rem;
  }
}

.header-icon-badge {
  position: absolute;
  padding: 0.15rem 0.25rem;
  inset-block-start: 0.75rem;
  inset-inline-end: 0.45rem;
  font-size: 0.625rem;
}

.related-app {
  text-align: center;
  border-radius: 0.5rem;
  border: 1px solid var(--default-border);
}

.related-app:hover {
  background-color: rgb(var(--light-rgb));
}

.header-profile-dropdown {
  min-width: 11rem;
}

/* End::app-header */
/* Start::main-header-container */
.main-header-container {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  height: 100%;
}

.main-header-container .header-content-left,
.main-header-container .header-content-right {
  display: flex;
  align-items: stretch;
}

.main-header-container .header-element {
  display: flex;
  align-items: stretch;
}

.main-header-container .header-link {
  display: flex;
  align-items: center;
  padding: 1rem 0.65rem;
}

.main-header-container .header-link:hover .header-link-icon,
.main-header-container .header-link.show .header-link-icon {
  fill: var(--header-prime-color);
  color: var(--header-prime-color);
}

.main-header-container .header-link-icon {
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.25rem;
  color: var(--header-prime-color);
  fill: var(--header-prime-color);
  transition: all ease 0.05s;
  position: relative;
  padding: 0.25rem;
  border-radius: 50%;
}

.main-header-container .dropdown-toggle {
  text-decoration: none;
}

.main-header-container .dropdown-toggle::after {
  content: none;
}

.main-header-container .main-profile-user .dropdown-menu {
  width: 13rem;
}

/* End::Header fullscreen responsive */
/* Start::Responsive header dropdowns */
@media (max-width: 575.98px) {
  .app-header .dropdown-menu {
    width: 100%;
  }
}

/* End::Responsive header dropdowns */
/* Start::toggle */
.animated-arrow.hor-toggle {
  text-align: center;
  width: 2rem;
  font-size: 1.2rem;
  position: relative;
  margin: 0.3125rem;
  -webkit-margin-end: 0.625rem;
  margin-inline-end: 0.625rem;
}

.animated-arrow {
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
  z-index: 102;
  transition: all 0.05s ease-in-out;
  cursor: pointer;
  padding: 0.3125rem;
  -webkit-margin-before: 0.375rem;
  margin-block-start: 0.375rem;
  -webkit-margin-after: 0;
  margin-block-end: 0;
  -webkit-margin-start: 0.5rem;
  margin-inline-start: 0.5rem;
  -webkit-margin-end: 0;
  margin-inline-end: 0;
}

.animated-arrow.hor-toggle span {
  vertical-align: middle;
}

.animated-arrow span {
  cursor: pointer;
  height: 0.125rem;
  width: 0.75rem;
  background: var(--header-prime-color);
  position: absolute;
  display: block;
  content: "";
  transition: all 0.05s ease-in-out;
}

.animated-arrow span:before,
.animated-arrow span:after {
  transition: all 0.05s ease-in-out;
}

.animated-arrow span:before {
  inset-block-start: -0.375rem;
  width: 1.4375rem;
}

.animated-arrow span:after {
  bottom: -0.375rem;
  width: 15px;
}

.animated-arrow span:before,
.animated-arrow span:after {
  cursor: pointer;
  height: 0.125rem;
  width: 1.0625rem;
  background: var(--header-prime-color);
  position: absolute;
  display: block;
  content: "";
}

.border-top-card {
  border-top-width: 0.188rem !important;
  border-top-style: solid !important;
}

.border-top-card.border-top-primary {
  border-top-color: var(--primary-color);
}

.border-top-card.border-top-secondary {
  border-top-color: rgb(var(--secondary-rgb));
}

.border-top-card.border-top-warning {
  border-top-color: rgb(var(--warning-rgb));
}

.border-top-card.border-top-info {
  border-top-color: rgb(var(--info-rgb));
}

.border-top-card.border-top-success {
  border-top-color: rgb(var(--success-rgb));
}

.border-top-card.border-top-danger {
  border-top-color: rgb(var(--danger-rgb));
}

#users-map {
  height: 14rem;
}

#users-map #jvm-markers-labels-group {
  display: none;
}

[dir=ltr] #views .apexcharts-yaxis {
  transform: translate(0, 0);
}

/* MENU-STYLES */
[data-vertical-style=closed][data-toggled=close-menu-close] .app-sidebar {
  display: none;
}

@media (min-width: 992px) {
  [data-vertical-style=closed][data-toggled=close-menu-close] .app-content {
    -webkit-margin-start: 0;
    margin-inline-start: 0;
  }

  [data-vertical-style=closed][data-toggled=close-menu-close] .app-header {
    -webkit-padding-start: 0;
    padding-inline-start: 0;
  }
}

[data-vertical-style=closed][data-toggled=close-menu-open] .app-sidebar {
  display: block;
}

@media (min-width: 992px) {
  [data-vertical-style=closed][data-toggled=close-menu-open] .app-content {
    -webkit-margin-start: 15rem;
    margin-inline-start: 15rem;
  }

  [data-vertical-style=closed][data-toggled=close-menu-open] .app-header {
    -webkit-padding-start: 15rem;
    padding-inline-start: 15rem;
  }
}

@media (min-width: 992px) {
  [data-vertical-style=detached] .page {
    width: 95%;
    margin: 0 auto;
    -webkit-padding-start: 1.25rem;
    padding-inline-start: 1.25rem;
  }

  [data-vertical-style=detached] .app-sidebar {
    inset-block-start: calc(64px + 1.5rem);
    inset-block-end: 1.5rem;
    inset-inline-start: inherit;
    border-radius: 0.5rem;
    height: auto;
  }

  [data-vertical-style=detached] .app-sidebar .main-sidebar-header {
    display: none;
  }

  [data-vertical-style=detached] .main-sidebar {
    height: 100%;
    -webkit-margin-before: 0;
    margin-block-start: 0;
  }

  [data-vertical-style=detached] .app-content {
    -webkit-margin-start: 15rem;
    margin-inline-start: 15rem;
    position: relative;
  }

  [data-vertical-style=detached][data-page-style=classic] .app-sidebar {
    border: 1px solid var(--default-border);
  }

  [data-vertical-style=detached][data-theme-mode=light][data-header-styles=dark] .horizontal-logo .header-logo .desktop-logo,
  [data-vertical-style=detached][data-theme-mode=light][data-header-styles=dark] .horizontal-logo .header-logo .toggle-logo,
  [data-vertical-style=detached][data-theme-mode=light][data-header-styles=dark] .horizontal-logo .header-logo .toggle-dark,
  [data-vertical-style=detached][data-theme-mode=light][data-header-styles=dark] .horizontal-logo .header-logo .desktop-white,
  [data-vertical-style=detached][data-theme-mode=light][data-header-styles=dark] .horizontal-logo .header-logo .toggle-white {
    display: none;
  }

  [data-vertical-style=detached][data-theme-mode=light][data-header-styles=dark] .horizontal-logo .header-logo .desktop-dark {
    display: block;
  }

  [data-vertical-style=detached][data-theme-mode=light][data-header-styles=color] .horizontal-logo .header-logo .desktop-logo,
  [data-vertical-style=detached][data-theme-mode=light][data-header-styles=color] .horizontal-logo .header-logo .toggle-logo,
  [data-vertical-style=detached][data-theme-mode=light][data-header-styles=color] .horizontal-logo .header-logo .toggle-dark,
  [data-vertical-style=detached][data-theme-mode=light][data-header-styles=color] .horizontal-logo .header-logo .desktop-dark,
  [data-vertical-style=detached][data-theme-mode=light][data-header-styles=color] .horizontal-logo .header-logo .toggle-white,
  [data-vertical-style=detached][data-theme-mode=light][data-header-styles=gradient] .horizontal-logo .header-logo .desktop-logo,
  [data-vertical-style=detached][data-theme-mode=light][data-header-styles=gradient] .horizontal-logo .header-logo .toggle-logo,
  [data-vertical-style=detached][data-theme-mode=light][data-header-styles=gradient] .horizontal-logo .header-logo .toggle-dark,
  [data-vertical-style=detached][data-theme-mode=light][data-header-styles=gradient] .horizontal-logo .header-logo .desktop-dark,
  [data-vertical-style=detached][data-theme-mode=light][data-header-styles=gradient] .horizontal-logo .header-logo .toggle-white {
    display: none;
  }

  [data-vertical-style=detached][data-theme-mode=light][data-header-styles=color] .horizontal-logo .header-logo .desktop-white,
  [data-vertical-style=detached][data-theme-mode=light][data-header-styles=gradient] .horizontal-logo .header-logo .desktop-white {
    display: block;
  }

  [data-vertical-style=detached][data-theme-mode=dark] .horizontal-logo .header-logo .desktop-logo,
  [data-vertical-style=detached][data-theme-mode=dark] .horizontal-logo .header-logo .toggle-logo,
  [data-vertical-style=detached][data-theme-mode=dark] .horizontal-logo .header-logo .toggle-dark,
  [data-vertical-style=detached][data-theme-mode=dark] .horizontal-logo .header-logo .desktop-white,
  [data-vertical-style=detached][data-theme-mode=dark] .horizontal-logo .header-logo .toggle-white {
    display: none;
  }

  [data-vertical-style=detached][data-theme-mode=dark] .horizontal-logo .header-logo .desktop-dark {
    display: block;
  }

  [data-vertical-style=detached][data-theme-mode=dark][data-header-styles=light] .horizontal-logo .header-logo .desktop-dark,
  [data-vertical-style=detached][data-theme-mode=dark][data-header-styles=light] .horizontal-logo .header-logo .toggle-logo,
  [data-vertical-style=detached][data-theme-mode=dark][data-header-styles=light] .horizontal-logo .header-logo .toggle-dark,
  [data-vertical-style=detached][data-theme-mode=dark][data-header-styles=light] .horizontal-logo .header-logo .desktop-white,
  [data-vertical-style=detached][data-theme-mode=dark][data-header-styles=light] .horizontal-logo .header-logo .toggle-white {
    display: none;
  }

  [data-vertical-style=detached][data-theme-mode=dark][data-header-styles=light] .horizontal-logo .header-logo .desktop-logo {
    display: block;
  }

  [data-vertical-style=detached][data-toggled=detached-close]:not([data-icon-overlay=open]) .app-sidebar {
    width: 5rem;
  }

  [data-vertical-style=detached][data-toggled=detached-close]:not([data-icon-overlay=open]) .app-sidebar .side-menu__label,
  [data-vertical-style=detached][data-toggled=detached-close]:not([data-icon-overlay=open]) .app-sidebar .side-menu__angle,
  [data-vertical-style=detached][data-toggled=detached-close]:not([data-icon-overlay=open]) .app-sidebar .category-name,
  [data-vertical-style=detached][data-toggled=detached-close]:not([data-icon-overlay=open]) .app-sidebar .slide-menu,
  [data-vertical-style=detached][data-toggled=detached-close]:not([data-icon-overlay=open]) .app-sidebar .side-menu__item .badge {
    display: none !important;
  }

  [data-vertical-style=detached][data-toggled=detached-close]:not([data-icon-overlay=open]) .app-sidebar .side-menu__item {
    justify-content: center;
  }

  [data-vertical-style=detached][data-toggled=detached-close]:not([data-icon-overlay=open]) .app-sidebar .side-menu__item .side-menu__icon {
    -webkit-margin-end: 0;
    margin-inline-end: 0;
  }

  [data-vertical-style=detached][data-toggled=detached-close]:not([data-icon-overlay=open]) .app-sidebar .slide__category {
    padding: 1.2rem 1.65rem;
    position: relative;
  }

  [data-vertical-style=detached][data-toggled=detached-close]:not([data-icon-overlay=open]) .app-sidebar .slide__category:before {
    content: "";
    position: absolute;
    inset-inline-start: 2.25rem;
    inset-inline-end: 0;
    inset-block-start: 1.25rem;
    inset-block-end: 0;
    width: 0.35rem;
    border-radius: 3.125rem;
    height: 0.35rem;
    border: 1px solid var(--menu-prime-color);
    opacity: 1;
  }

  [data-vertical-style=detached][data-toggled=detached-close] .app-content {
    -webkit-margin-start: 5rem;
    margin-inline-start: 5rem;
    position: relative;
  }

  [data-vertical-style=detached][data-toggled=detached-close][data-icon-overlay=open] .app-sidebar {
    width: 13rem;
  }

  [data-vertical-style=detached][data-toggled=detached-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header {
    width: 13rem;
  }

  [data-vertical-style=detached][data-toggled=detached-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .desktop-logo {
    display: block !important;
  }

  [data-vertical-style=detached][data-toggled=detached-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .desktop-dark,
  [data-vertical-style=detached][data-toggled=detached-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .toggle-logo,
  [data-vertical-style=detached][data-toggled=detached-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .toggle-dark {
    display: none !important;
  }

  [data-vertical-style=detached][data-toggled=detached-close][data-icon-overlay=open] .app-sidebar .side-menu__item {
    justify-content: flex-start;
  }

  [data-vertical-style=detached][data-toggled=detached-close][data-icon-overlay=open] .app-sidebar .side-menu__icon {
    -webkit-margin-end: 0.625rem;
    margin-inline-end: 0.625rem;
  }

  [data-vertical-style=detached][data-toggled=detached-close][data-icon-overlay=open] .app-sidebar .slide__category {
    padding: 0.75rem 1.65rem;
  }

  [data-vertical-style=detached][data-toggled=detached-close][data-icon-overlay=open] .app-sidebar .slide__category:before {
    display: none;
  }

  [data-vertical-style=detached] .app-header {
    -webkit-padding-start: 0;
    padding-inline-start: 0;
  }

  [data-vertical-style=detached] .app-header .main-header-container {
    width: 94%;
  }

  [data-vertical-style=detached] .app-header .horizontal-logo {
    padding: 0.85rem 0;
    display: block;
  }

  [data-vertical-style=detached] .app-header .horizontal-logo img {
    height: 2rem;
    line-height: 2rem;
  }

  [data-vertical-style=detached] .app-header .horizontal-logo .desktop-logo {
    display: block;
  }

  [data-vertical-style=detached] .app-header .horizontal-logo .desktop-dark,
  [data-vertical-style=detached] .app-header .horizontal-logo .toggle-logo,
  [data-vertical-style=detached] .app-header .horizontal-logo .toggle-dark,
  [data-vertical-style=detached] .app-header .horizontal-logo .desktop-white,
  [data-vertical-style=detached] .app-header .horizontal-logo .toggle-white {
    display: none;
  }

  [data-vertical-style=detached] .footer {
    box-shadow: none;
    background-color: transparent !important;
  }
}

@media (min-width: 992px) {
  [data-vertical-style=doublemenu] .app-sidebar {
    width: 5rem;
  }

  [data-vertical-style=doublemenu] .app-sidebar .main-sidebar {
    overflow: visible;
    height: 100%;
    box-shadow: none;
    -webkit-margin-before: 0;
    margin-block-start: 0;
  }

  [data-vertical-style=doublemenu] .app-sidebar .main-sidebar-header {
    width: 5rem;
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
  }

  [data-vertical-style=doublemenu] .app-sidebar .main-sidebar-header .header-logo .toggle-logo {
    display: block !important;
  }

  [data-vertical-style=doublemenu] .app-sidebar .main-sidebar-header .header-logo .desktop-dark,
  [data-vertical-style=doublemenu] .app-sidebar .main-sidebar-header .header-logo .desktop-logo,
  [data-vertical-style=doublemenu] .app-sidebar .main-sidebar-header .header-logo .toggle-dark,
  [data-vertical-style=doublemenu] .app-sidebar .main-sidebar-header .header-logo .desktop-white,
  [data-vertical-style=doublemenu] .app-sidebar .main-sidebar-header .header-logo .toggle-white {
    display: none !important;
  }

  [data-vertical-style=doublemenu] .app-sidebar .main-menu-container {
    -webkit-margin-before: 3.75rem;
    margin-block-start: 3.75rem;
  }

  [data-vertical-style=doublemenu] .app-sidebar .main-menu>.slide {
    padding: 0 1.2rem;
  }

  [data-vertical-style=doublemenu] .app-sidebar .category-name,
  [data-vertical-style=doublemenu] .app-sidebar .side-menu__label,
  [data-vertical-style=doublemenu] .app-sidebar .side-menu__angle {
    display: none;
  }

  [data-vertical-style=doublemenu] .app-sidebar .side-menu__icon {
    -webkit-margin-end: 0;
    margin-inline-end: 0;
  }

  [data-vertical-style=doublemenu] .app-sidebar .slide__category {
    display: none;
  }

  [data-vertical-style=doublemenu] .app-sidebar .simplebar-content-wrapper {
    position: initial;
  }

  [data-vertical-style=doublemenu] .app-sidebar .simplebar-mask {
    position: inherit;
  }

  [data-vertical-style=doublemenu] .app-sidebar .simplebar-placeholder {
    height: auto !important;
  }

  [data-vertical-style=doublemenu] .app-header {
    -webkit-padding-start: 17rem;
    padding-inline-start: 17rem;
  }

  [data-vertical-style=doublemenu] .app-content {
    -webkit-margin-start: 17rem;
    margin-inline-start: 17rem;
  }

  [data-vertical-style=doublemenu] .slide.has-sub .slide-menu {
    position: absolute !important;
    inset-inline-start: 5rem !important;
    background: var(--menu-bg);
    box-shadow: none;
    transition: none !important;
    height: 100% !important;
    inset-inline-end: 0;
    -webkit-border-end: 1px solid var(--default-border);
    border-inline-end: 1px solid var(--default-border);
  }

  [data-vertical-style=doublemenu] .slide.has-sub .slide-menu.child2,
  [data-vertical-style=doublemenu] .slide.has-sub .slide-menu.child3 {
    inset-inline-start: 0 !important;
    position: relative !important;
    height: auto !important;
    inset-block-start: 0 !important;
  }

  [data-vertical-style=doublemenu] .slide.has-sub .slide-menu.child2 .slide:nth-child(2),
  [data-vertical-style=doublemenu] .slide.has-sub .slide-menu.child3 .slide:nth-child(2) {
    -webkit-padding-before: 0rem;
    padding-block-start: 0rem;
  }

  [data-vertical-style=doublemenu] .slide-menu.child1 .slide,
  [data-vertical-style=doublemenu] .slide-menu.child2 .slide,
  [data-vertical-style=doublemenu] .slide-menu.child3 .slide {
    -webkit-padding-start: 0;
    padding-inline-start: 0;
  }

  [data-vertical-style=doublemenu] .slide-menu.child1 .slide .side-menu__item,
  [data-vertical-style=doublemenu] .slide-menu.child2 .slide .side-menu__item,
  [data-vertical-style=doublemenu] .slide-menu.child3 .slide .side-menu__item {
    text-align: start;
  }

  [data-vertical-style=doublemenu] .slide-menu.child1 .slide .side-menu__item:before,
  [data-vertical-style=doublemenu] .slide-menu.child2 .slide .side-menu__item:before,
  [data-vertical-style=doublemenu] .slide-menu.child3 .slide .side-menu__item:before {
    inset-block-start: 0.938rem;
    inset-inline-start: 0.75rem;
  }

  [data-vertical-style=doublemenu] .slide-menu.child1 .side-menu__angle,
  [data-vertical-style=doublemenu] .slide-menu.child2 .side-menu__angle,
  [data-vertical-style=doublemenu] .slide-menu.child3 .side-menu__angle {
    display: block;
    inset-inline-end: 1rem;
    inset-block-start: 0.65rem;
  }

  [data-vertical-style=doublemenu] .slide-menu.child2,
  [data-vertical-style=doublemenu] .slide-menu.child3 {
    min-width: 10rem;
  }

  [data-vertical-style=doublemenu] .slide-menu.child1 {
    min-width: 12rem;
  }

  [data-vertical-style=doublemenu] .slide-menu.child1 .slide:nth-child(2) {
    -webkit-padding-before: 0.75rem;
    padding-block-start: 0.75rem;
  }

  [data-vertical-style=doublemenu] .side-menu__label1 {
    display: block !important;
    font-size: 0.938rem;
    font-weight: 500;
    color: var(--menu-prime-color);
    -webkit-border-after: 1px solid var(--default-border);
    border-block-end: 1px solid var(--default-border);
    padding: 1.25rem 0.75rem !important;
    width: 12rem;
    height: 3.75rem;
  }

  [data-vertical-style=doublemenu] .slide-menu {
    display: none;
  }

  [data-vertical-style=doublemenu] .slide-menu.double-menu-active {
    visibility: visible !important;
    display: block !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    border-radius: 0 !important;
    -webkit-border-before: 0;
    border-block-start: 0;
    overflow: hidden scroll;
  }

  [data-vertical-style=doublemenu][data-theme-mode=light][data-menu-styles=dark] .app-sidebar .main-sidebar-header .header-logo .desktop-logo,
  [data-vertical-style=doublemenu][data-theme-mode=light][data-menu-styles=dark] .app-sidebar .main-sidebar-header .header-logo .desktop-dark,
  [data-vertical-style=doublemenu][data-theme-mode=light][data-menu-styles=dark] .app-sidebar .main-sidebar-header .header-logo .toggle-logo {
    display: none !important;
  }

  [data-vertical-style=doublemenu][data-theme-mode=light][data-menu-styles=dark] .app-sidebar .main-sidebar-header .header-logo .toggle-dark {
    display: block !important;
  }

  [data-vertical-style=doublemenu][data-theme-mode=light][data-menu-styles=color] .app-sidebar .main-sidebar-header .header-logo .desktop-logo,
  [data-vertical-style=doublemenu][data-theme-mode=light][data-menu-styles=color] .app-sidebar .main-sidebar-header .header-logo .desktop-dark,
  [data-vertical-style=doublemenu][data-theme-mode=light][data-menu-styles=color] .app-sidebar .main-sidebar-header .header-logo .toggle-logo,
  [data-vertical-style=doublemenu][data-theme-mode=light][data-menu-styles=color] .app-sidebar .main-sidebar-header .header-logo .toggle-dark,
  [data-vertical-style=doublemenu][data-theme-mode=light][data-menu-styles=color] .app-sidebar .main-sidebar-header .header-logo .desktop-white,
  [data-vertical-style=doublemenu][data-theme-mode=light][data-menu-styles=gradient] .app-sidebar .main-sidebar-header .header-logo .desktop-logo,
  [data-vertical-style=doublemenu][data-theme-mode=light][data-menu-styles=gradient] .app-sidebar .main-sidebar-header .header-logo .desktop-dark,
  [data-vertical-style=doublemenu][data-theme-mode=light][data-menu-styles=gradient] .app-sidebar .main-sidebar-header .header-logo .toggle-logo,
  [data-vertical-style=doublemenu][data-theme-mode=light][data-menu-styles=gradient] .app-sidebar .main-sidebar-header .header-logo .toggle-dark,
  [data-vertical-style=doublemenu][data-theme-mode=light][data-menu-styles=gradient] .app-sidebar .main-sidebar-header .header-logo .desktop-white {
    display: none !important;
  }

  [data-vertical-style=doublemenu][data-theme-mode=light][data-menu-styles=color] .app-sidebar .main-sidebar-header .header-logo .toggle-white,
  [data-vertical-style=doublemenu][data-theme-mode=light][data-menu-styles=gradient] .app-sidebar .main-sidebar-header .header-logo .toggle-white {
    display: block !important;
  }

  [data-vertical-style=doublemenu][data-theme-mode=dark] .app-sidebar .main-sidebar-header .header-logo .desktop-logo,
  [data-vertical-style=doublemenu][data-theme-mode=dark] .app-sidebar .main-sidebar-header .header-logo .desktop-dark,
  [data-vertical-style=doublemenu][data-theme-mode=dark] .app-sidebar .main-sidebar-header .header-logo .toggle-logo,
  [data-vertical-style=doublemenu][data-theme-mode=dark] .app-sidebar .main-sidebar-header .header-logo .desktop-white,
  [data-vertical-style=doublemenu][data-theme-mode=dark] .app-sidebar .main-sidebar-header .header-logo .toggle-white {
    display: none !important;
  }

  [data-vertical-style=doublemenu][data-theme-mode=dark] .app-sidebar .main-sidebar-header .header-logo .toggle-dark {
    display: block !important;
  }

  [data-vertical-style=doublemenu][data-theme-mode=dark][data-menu-styles=light] .app-sidebar .main-sidebar-header .header-logo .desktop-logo,
  [data-vertical-style=doublemenu][data-theme-mode=dark][data-menu-styles=light] .app-sidebar .main-sidebar-header .header-logo .desktop-dark,
  [data-vertical-style=doublemenu][data-theme-mode=dark][data-menu-styles=light] .app-sidebar .main-sidebar-header .header-logo .toggle-dark,
  [data-vertical-style=doublemenu][data-theme-mode=dark][data-menu-styles=light] .app-sidebar .main-sidebar-header .header-logo .desktop-white,
  [data-vertical-style=doublemenu][data-theme-mode=dark][data-menu-styles=light] .app-sidebar .main-sidebar-header .header-logo .toggle-white {
    display: none !important;
  }

  [data-vertical-style=doublemenu][data-theme-mode=dark][data-menu-styles=light] .app-sidebar .main-sidebar-header .header-logo .toggle-logo {
    display: block !important;
  }

  [data-vertical-style=doublemenu][data-theme-mode=dark][data-page-style=classic] .slide.has-sub .slide-menu {
    -webkit-border-end: 1px solid var(--default-border);
    border-inline-end: 1px solid var(--default-border);
  }

  [data-vertical-style=doublemenu][data-toggled=double-menu-close] .app-header {
    -webkit-padding-start: 5rem;
    padding-inline-start: 5rem;
  }

  [data-vertical-style=doublemenu][data-toggled=double-menu-close] .app-content {
    -webkit-margin-start: 5rem;
    margin-inline-start: 5rem;
  }

  [data-vertical-style=doublemenu][data-toggled=double-menu-close] .app-sidebar .slide.has-sub .slide-menu {
    display: none !important;
  }

  [data-vertical-style=doublemenu][data-toggled=double-menu-close] .app-sidebar .main-sidebar {
    box-shadow: 0 0.125rem 0 rgba(10, 10, 10, 0.04);
  }

  [data-vertical-style=doublemenu][data-toggled=double-menu-open] .app-sidebar .main-sidebar .slide.side-menu__label1 {
    -webkit-border-end: 1px solid var(--default-border);
    border-inline-end: 1px solid var(--default-border);
  }
}

@media (min-width: 992px) {
  [data-nav-layout=horizontal] {
    /* horizontal arrows */
  }

  [data-nav-layout=horizontal] .sidemenu-layout-styles {
    display: none;
  }

  [data-nav-layout=horizontal] .main-menu {
    display: flex !important;
    transition: all 0.5s ease;
  }

  [data-nav-layout=horizontal] .main-menu-container {
    display: inline-flex;
  }

  [data-nav-layout=horizontal] .side-menu__label .badge {
    display: none;
  }

  [data-nav-layout=horizontal] .mega-menu {
    columns: 3;
    -webkit-columns: 3;
    -moz-columns: 3;
  }

  [data-nav-layout=horizontal] .app-header {
    -webkit-padding-start: 0 !important;
    padding-inline-start: 0 !important;
    z-index: 104;
    box-shadow: none;
  }

  [data-nav-layout=horizontal] .app-content {
    min-height: calc(100vh - 10.5rem);
    -webkit-margin-before: 7rem;
    margin-block-start: 7rem;
    -webkit-margin-start: 0rem !important;
    margin-inline-start: 0rem !important;
  }

  [data-nav-layout=horizontal] .app-content>.container-fluid {
    width: 94%;
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    -webkit-margin-end: auto;
    margin-inline-end: auto;
  }

  [data-nav-layout=horizontal] .app-sidebar .main-sidebar,
  [data-nav-layout=horizontal] .app-sidebar .simplebar-mask {
    overflow: visible;
  }

  [data-nav-layout=horizontal] .app-sidebar .main-menu>.slide {
    margin: 0 0.1875rem;
  }

  [data-nav-layout=horizontal] .app-sidebar .main-sidebar {
    box-shadow: none;
  }

  [data-nav-layout=horizontal] .main-sidebar .simplebar-vertical {
    visibility: hidden !important;
  }

  [data-nav-layout=horizontal] .main-sidebar,
  [data-nav-layout=horizontal] .main-header-container {
    width: 94%;
    margin: 0 auto;
  }

  [data-nav-layout=horizontal] .horizontal-logo {
    padding: 0.85rem 0;
    display: block;
  }
}

@media (min-width: 992px) and (min-width: 992px) {
  [data-nav-layout=horizontal] .horizontal-logo .header-logo img {
    height: 2rem;
    line-height: 2rem;
  }

  [data-nav-layout=horizontal] .horizontal-logo .header-logo .desktop-logo {
    display: block;
  }

  [data-nav-layout=horizontal] .horizontal-logo .header-logo .desktop-dark,
  [data-nav-layout=horizontal] .horizontal-logo .header-logo .toggle-logo,
  [data-nav-layout=horizontal] .horizontal-logo .header-logo .toggle-dark,
  [data-nav-layout=horizontal] .horizontal-logo .header-logo .desktop-white,
  [data-nav-layout=horizontal] .horizontal-logo .header-logo .toggle-white {
    display: none;
  }
}

@media (min-width: 992px) {
  [data-nav-layout=horizontal] .main-header-container .sidemenu-toggle {
    display: none;
  }
}

@media (min-width: 992px) {
  [data-nav-layout=horizontal] .app-sidebar {
    width: 100% !important;
    height: 3rem;
    inset-block-start: 3.75rem;
  }

  [data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 li,
  [data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 li,
  [data-nav-layout=horizontal] .app-sidebar .slide-menu.child3 li {
    -webkit-padding-start: 0.5rem;
    padding-inline-start: 0.5rem;
  }

  [data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 .side-menu__item:before,
  [data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 .side-menu__item:before,
  [data-nav-layout=horizontal] .app-sidebar .slide-menu.child3 .side-menu__item:before {
    inset-block-start: 1rem;
  }

  [data-nav-layout=horizontal] .app-sidebar .simplebar-content {
    padding: 0 !important;
    overflow: hidden;
  }

  [data-nav-layout=horizontal] .app-sidebar .simplebar-content-wrapper {
    overflow: visible !important;
    height: auto;
  }

  [data-nav-layout=horizontal] .app-sidebar .main-sidebar {
    height: 3rem !important;
    padding: 0;
  }

  [data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child1 {
    inset-inline-start: 1.5rem !important;
    padding: 0.1875rem 0;
  }

  [data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child2,
  [data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child3 {
    inset-inline-end: 100% !important;
    padding: 0.1875rem 0;
  }

  [data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.active {
    inset-inline-start: auto !important;
    inset-inline-end: auto !important;
  }

  [data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 {
    position: absolute !important;
  }

  [data-nav-layout=horizontal] .app-sidebar .side-menu__item {
    width: 100%;
    display: flex;
    border-radius: 0;
    padding: 0.92rem;
  }

  [data-nav-layout=horizontal] .app-sidebar .side-menu__angle {
    inset-inline-end: 0.45rem;
    display: block;
  }

  [data-nav-layout=horizontal] .app-sidebar .side-menu__icon {
    -webkit-margin-end: 0.25rem;
    margin-inline-end: 0.25rem;
    -webkit-margin-after: 0;
    margin-block-end: 0;
  }

  [data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child1 {
    background-color: var(--menu-bg);
    inset-block-start: 100% !important;
    box-shadow: 0.063rem 0.188rem 0.5rem var(--black-1);
    min-width: 12rem;
  }

  [data-nav-layout=horizontal] .app-sidebar .slide {
    padding: 0;
  }

  [data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 {
    border-radius: 0 0 0.25rem 0.25rem;
  }

  [data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 .slide.has-sub,
  [data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 .slide {
    width: 100%;
    display: flex;
    padding: 0 0.1875rem;
  }

  [data-nav-layout=horizontal] .app-sidebar .slide-menu.child2,
  [data-nav-layout=horizontal] .app-sidebar .slide-menu.child3 {
    border-radius: 0.25rem;
  }

  [data-nav-layout=horizontal] .app-sidebar .slide,
  [data-nav-layout=horizontal] .app-sidebar .slide.has-sub {
    position: static;
  }

  [data-nav-layout=horizontal] .app-sidebar .main-menu {
    -webkit-margin-after: 0;
    margin-block-end: 0;
  }
}

@media (min-width: 992px) {
  [data-nav-layout=horizontal] .main-sidebar-header {
    display: none !important;
  }
}

@media (min-width: 992px) {
  [data-nav-layout=horizontal] .main-sidebar {
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-padding-after: 3rem;
    padding-block-end: 3rem;
  }
}

@media (min-width: 992px) {
  [data-nav-layout=horizontal] .slide__category {
    display: none;
  }
}

@media (min-width: 992px) {
  [data-nav-layout=horizontal] .main-menu-container .slide-left {
    inset-inline-start: 1.438rem;
  }
}

@media (min-width: 992px) {

  [data-nav-layout=horizontal] .main-menu-container .slide-left,
  [data-nav-layout=horizontal] .main-menu-container .slide-right {
    position: absolute;
    top: 0.563rem;
    padding: 0.375rem;
    color: var(--custom-white);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    cursor: pointer;
    border: 1px solid var(--default-border);
    border-radius: 3.125rem;
  }
}

@media (min-width: 992px) {

  [data-nav-layout=horizontal] .main-menu-container .slide-left,
  [data-nav-layout=horizontal] .main-menu-container .slide-right {
    position: absolute;
    top: 0.313rem;
    padding: 0.375rem;
    color: var(--custom-white);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    cursor: pointer;
    border: 1px solid var(--default-border);
    border-radius: 3.125rem;
    background: var(--custom-white);
  }
}

@media (min-width: 992px) {
  [data-nav-layout=horizontal] .main-menu-container .slide-right {
    inset-inline-end: -2%;
  }

  [data-nav-layout=horizontal] .main-menu-container .slide-left {
    inset-inline-start: -2%;
  }
}

@media (min-width: 992px) {
  [data-nav-layout=horizontal][page-style=classic] .app-sidebar {
    -webkit-border-after: 1px solid var(--default-border);
    border-block-end: 1px solid var(--default-border);
  }
}

@media (min-width: 992px) {

  [data-nav-layout=horizontal][dir=rtl] .main-menu-container .slide-right,
  [data-nav-layout=horizontal][dir=rtl] .main-menu-container .slide-left {
    transform: rotate(180deg);
  }
}

@media (min-width: 992px) {

  .icon-click .app-sidebar,
  [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar,
  [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar {
    width: 5rem;
  }

  .icon-click .app-sidebar .main-sidebar,
  [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .main-sidebar,
  [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .main-sidebar {
    overflow: visible;
    height: 90%;
  }

  .icon-click .app-sidebar .main-sidebar-header,
  [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .main-sidebar-header,
  [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .main-sidebar-header {
    width: 5rem;
  }

  .icon-click .app-sidebar .main-sidebar-header .header-logo .toggle-logo,
  [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .main-sidebar-header .header-logo .toggle-logo,
  [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .main-sidebar-header .header-logo .toggle-logo {
    display: block;
  }

  .icon-click .app-sidebar .main-sidebar-header .header-logo .desktop-dark,
  [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .main-sidebar-header .header-logo .desktop-dark,
  [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .main-sidebar-header .header-logo .desktop-dark,
  .icon-click .app-sidebar .main-sidebar-header .header-logo .desktop-logo,
  [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .main-sidebar-header .header-logo .desktop-logo,
  [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .main-sidebar-header .header-logo .desktop-logo,
  .icon-click .app-sidebar .main-sidebar-header .header-logo .toggle-dark,
  [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .main-sidebar-header .header-logo .toggle-dark,
  [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .main-sidebar-header .header-logo .toggle-dark,
  .icon-click .app-sidebar .main-sidebar-header .header-logo .desktop-white,
  [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .main-sidebar-header .header-logo .desktop-white,
  [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .main-sidebar-header .header-logo .desktop-white,
  .icon-click .app-sidebar .main-sidebar-header .header-logo .toggle-white,
  [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .main-sidebar-header .header-logo .toggle-white,
  [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .main-sidebar-header .header-logo .toggle-white {
    display: none;
  }

  .icon-click .app-sidebar .category-name,
  [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .category-name,
  [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .category-name,
  .icon-click .app-sidebar .side-menu__label,
  [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .side-menu__label,
  [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .side-menu__label,
  .icon-click .app-sidebar .side-menu__angle,
  [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .side-menu__angle,
  [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .side-menu__angle {
    display: none;
  }

  .icon-click .app-sidebar .side-menu__icon,
  [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .side-menu__icon,
  [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .side-menu__icon {
    -webkit-margin-end: 0;
    margin-inline-end: 0;
  }

  .icon-click .app-sidebar .slide__category,
  [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .slide__category,
  [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide__category {
    padding: 1.2rem 1.65rem;
    position: relative;
  }

  .icon-click .app-sidebar .slide__category:before,
  [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .slide__category:before,
  [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide__category:before {
    content: "";
    position: absolute;
    inset-inline-start: 2.25rem;
    inset-inline-end: 0;
    inset-block-start: 1.25rem;
    inset-block-end: 0;
    width: 0.35rem;
    border-radius: 3.125rem;
    height: 0.35rem;
    border: 1px solid var(--menu-prime-color);
    opacity: 1;
  }

  .icon-click .app-sidebar .simplebar-content-wrapper,
  [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .simplebar-content-wrapper,
  [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .simplebar-content-wrapper {
    position: initial;
  }

  .icon-click .app-sidebar .simplebar-mask,
  [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .simplebar-mask,
  [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .simplebar-mask {
    position: inherit;
  }

  .icon-click .app-sidebar .simplebar-placeholder,
  [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .simplebar-placeholder,
  [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .simplebar-placeholder {
    height: auto !important;
  }

  .icon-click .app-header,
  [data-nav-style=icon-click][data-nav-layout=horizontal] .app-header,
  [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-header {
    -webkit-padding-start: 5rem;
    padding-inline-start: 5rem;
  }

  .icon-click .app-content,
  [data-nav-style=icon-click][data-nav-layout=horizontal] .app-content,
  [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-content {
    -webkit-margin-start: 5rem;
    margin-inline-start: 5rem;
  }

  .icon-click .slide.side-menu__label1,
  [data-nav-style=icon-click][data-nav-layout=horizontal] .slide.side-menu__label1,
  [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide.side-menu__label1 {
    display: block;
    padding: 0.5rem 1rem !important;
    -webkit-border-after: 1px solid var(--default-border);
    border-block-end: 1px solid var(--default-border);
  }

  .icon-click .slide.has-sub .slide-menu,
  [data-nav-style=icon-click][data-nav-layout=horizontal] .slide.has-sub .slide-menu,
  [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide.has-sub .slide-menu {
    position: absolute !important;
    inset-inline-start: 5rem !important;
    background: var(--menu-bg);
    inset-block-start: auto !important;
    box-shadow: 0.125rem 0.063rem 0.5rem var(--black-1);
    transition: none !important;
  }

  .icon-click .slide.has-sub .slide-menu.child2,
  [data-nav-style=icon-click][data-nav-layout=horizontal] .slide.has-sub .slide-menu.child2,
  [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide.has-sub .slide-menu.child2,
  .icon-click .slide.has-sub .slide-menu.child3,
  [data-nav-style=icon-click][data-nav-layout=horizontal] .slide.has-sub .slide-menu.child3,
  [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide.has-sub .slide-menu.child3 {
    inset-inline-start: 12rem !important;
  }

  .icon-click .slide-menu.child1,
  [data-nav-style=icon-click][data-nav-layout=horizontal] .slide-menu.child1,
  [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide-menu.child1,
  .icon-click .slide-menu.child2,
  [data-nav-style=icon-click][data-nav-layout=horizontal] .slide-menu.child2,
  [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide-menu.child2,
  .icon-click .slide-menu.child3,
  [data-nav-style=icon-click][data-nav-layout=horizontal] .slide-menu.child3,
  [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide-menu.child3 {
    min-width: 12rem;
  }

  .icon-click .slide-menu.child1 .slide .side-menu__item,
  [data-nav-style=icon-click][data-nav-layout=horizontal] .slide-menu.child1 .slide .side-menu__item,
  [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide-menu.child1 .slide .side-menu__item,
  .icon-click .slide-menu.child2 .slide .side-menu__item,
  [data-nav-style=icon-click][data-nav-layout=horizontal] .slide-menu.child2 .slide .side-menu__item,
  [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide-menu.child2 .slide .side-menu__item,
  .icon-click .slide-menu.child3 .slide .side-menu__item,
  [data-nav-style=icon-click][data-nav-layout=horizontal] .slide-menu.child3 .slide .side-menu__item,
  [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide-menu.child3 .slide .side-menu__item {
    text-align: start;
  }

  .icon-click .slide-menu.child1 .slide .side-menu__item:before,
  [data-nav-style=icon-click][data-nav-layout=horizontal] .slide-menu.child1 .slide .side-menu__item:before,
  [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide-menu.child1 .slide .side-menu__item:before,
  .icon-click .slide-menu.child2 .slide .side-menu__item:before,
  [data-nav-style=icon-click][data-nav-layout=horizontal] .slide-menu.child2 .slide .side-menu__item:before,
  [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide-menu.child2 .slide .side-menu__item:before,
  .icon-click .slide-menu.child3 .slide .side-menu__item:before,
  [data-nav-style=icon-click][data-nav-layout=horizontal] .slide-menu.child3 .slide .side-menu__item:before,
  [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide-menu.child3 .slide .side-menu__item:before {
    inset-block-start: 0.938rem;
    inset-inline-start: 0.75rem;
  }

  .icon-click .slide-menu.child1 .side-menu__angle,
  [data-nav-style=icon-click][data-nav-layout=horizontal] .slide-menu.child1 .side-menu__angle,
  [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide-menu.child1 .side-menu__angle,
  .icon-click .slide-menu.child2 .side-menu__angle,
  [data-nav-style=icon-click][data-nav-layout=horizontal] .slide-menu.child2 .side-menu__angle,
  [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide-menu.child2 .side-menu__angle,
  .icon-click .slide-menu.child3 .side-menu__angle,
  [data-nav-style=icon-click][data-nav-layout=horizontal] .slide-menu.child3 .side-menu__angle,
  [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide-menu.child3 .side-menu__angle {
    display: block;
    inset-inline-end: 1rem;
    inset-block-start: 0.65rem;
  }
}

[data-nav-layout=horizontal][data-nav-style=icon-click] .mega-menu {
  -moz-columns: 1;
  columns: 1;
}

@media (min-width: 992px) {
  [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .main-menu>.slide {
    padding: 0 1.2rem;
  }

  [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide .slide-menu.child1,
  [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide .slide-menu.child2,
  [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide .slide-menu.child3 {
    border-radius: 0 0.5rem 0.5rem 0;
  }

  [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][dir=rtl] .app-sidebar .slide .slide-menu.child1,
  [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][dir=rtl] .app-sidebar .slide .slide-menu.child2,
  [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][dir=rtl] .app-sidebar .slide .slide-menu.child3 {
    border-radius: 0.5rem 0 0 0.5rem;
  }

  [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-theme-mode=dark] .app-sidebar .main-sidebar-header .header-logo .toggle-dark {
    display: block;
  }

  [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-theme-mode=dark] .app-sidebar .main-sidebar-header .header-logo .desktop-dark,
  [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-theme-mode=dark] .app-sidebar .main-sidebar-header .header-logo .desktop-logo,
  [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-theme-mode=dark] .app-sidebar .main-sidebar-header .header-logo .toggle-logo,
  [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-theme-mode=dark] .app-sidebar .main-sidebar-header .header-logo .desktop-white,
  [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-theme-mode=dark] .app-sidebar .main-sidebar-header .header-logo .toggle-white {
    display: none;
  }

  [data-nav-layout=vertical][data-nav-style=icon-click] .app-sidebar {
    position: absolute;
  }

  [data-nav-layout=vertical][data-nav-style=icon-click] .app-sidebar .slide-menu.child1 li.slide,
  [data-nav-layout=vertical][data-nav-style=icon-click] .app-sidebar .slide-menu.child2 li.slide,
  [data-nav-layout=vertical][data-nav-style=icon-click] .app-sidebar .slide-menu.child3 li.slide {
    -webkit-padding-start: 0;
    padding-inline-start: 0;
  }

  [data-nav-layout=vertical][data-nav-style=icon-click] .app-sidebar .slide-menu.child1 li.slide a,
  [data-nav-layout=vertical][data-nav-style=icon-click] .app-sidebar .slide-menu.child2 li.slide a,
  [data-nav-layout=vertical][data-nav-style=icon-click] .app-sidebar .slide-menu.child3 li.slide a {
    border-radius: 0;
  }
}

@media (min-width: 992px) {

  .icon-hover .app-sidebar,
  [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar,
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar {
    width: 5rem;
  }

  .icon-hover .app-sidebar .main-sidebar,
  [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .main-sidebar,
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .main-sidebar {
    overflow: visible;
    height: 90%;
  }

  .icon-hover .app-sidebar .main-sidebar-header,
  [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .main-sidebar-header,
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .main-sidebar-header {
    width: 5rem;
  }

  .icon-hover .app-sidebar .main-sidebar-header .header-logo .toggle-logo,
  [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .main-sidebar-header .header-logo .toggle-logo,
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .main-sidebar-header .header-logo .toggle-logo {
    display: block;
  }

  .icon-hover .app-sidebar .main-sidebar-header .header-logo .desktop-dark,
  [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .main-sidebar-header .header-logo .desktop-dark,
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .main-sidebar-header .header-logo .desktop-dark,
  .icon-hover .app-sidebar .main-sidebar-header .header-logo .desktop-logo,
  [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .main-sidebar-header .header-logo .desktop-logo,
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .main-sidebar-header .header-logo .desktop-logo,
  .icon-hover .app-sidebar .main-sidebar-header .header-logo .toggle-dark,
  [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .main-sidebar-header .header-logo .toggle-dark,
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .main-sidebar-header .header-logo .toggle-dark,
  .icon-hover .app-sidebar .main-sidebar-header .header-logo .desktop-white,
  [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .main-sidebar-header .header-logo .desktop-white,
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .main-sidebar-header .header-logo .desktop-white,
  .icon-hover .app-sidebar .main-sidebar-header .header-logo .toggle-white,
  [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .main-sidebar-header .header-logo .toggle-white,
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .main-sidebar-header .header-logo .toggle-white {
    display: none;
  }

  .icon-hover .app-sidebar .category-name,
  [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .category-name,
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .category-name,
  .icon-hover .app-sidebar .side-menu__label,
  [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .side-menu__label,
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .side-menu__label,
  .icon-hover .app-sidebar .side-menu__angle,
  [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .side-menu__angle,
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .side-menu__angle {
    display: none;
  }

  .icon-hover .app-sidebar .side-menu__icon,
  [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .side-menu__icon,
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .side-menu__icon {
    -webkit-margin-end: 0;
    margin-inline-end: 0;
  }

  .icon-hover .app-sidebar .slide__category,
  [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .slide__category,
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide__category {
    padding: 1.2rem 1.65rem;
    position: relative;
  }

  .icon-hover .app-sidebar .slide__category:before,
  [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .slide__category:before,
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide__category:before {
    content: "";
    position: absolute;
    inset-inline-start: 2.25rem;
    inset-inline-end: 0;
    inset-block-start: 1.25rem;
    inset-block-end: 0;
    width: 0.35rem;
    border-radius: 3.125rem;
    height: 0.35rem;
    border: 1px solid var(--menu-prime-color);
    opacity: 1;
  }

  .icon-hover .app-sidebar .simplebar-content-wrapper,
  [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .simplebar-content-wrapper,
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .simplebar-content-wrapper {
    position: initial;
  }

  .icon-hover .app-sidebar .simplebar-mask,
  [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .simplebar-mask,
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .simplebar-mask {
    position: inherit;
  }

  .icon-hover .app-sidebar .simplebar-placeholder,
  [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .simplebar-placeholder,
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .simplebar-placeholder {
    height: auto !important;
  }

  .icon-hover .app-header,
  [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-header,
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-header {
    -webkit-padding-start: 5rem;
    padding-inline-start: 5rem;
  }

  .icon-hover .app-content,
  [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-content,
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-content {
    -webkit-margin-start: 5rem;
    margin-inline-start: 5rem;
  }

  .icon-hover .slide.side-menu__label1,
  [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide.side-menu__label1,
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide.side-menu__label1 {
    display: block;
    padding: 0.5rem 1rem !important;
    -webkit-border-after: 1px solid var(--default-border);
    border-block-end: 1px solid var(--default-border);
  }

  .icon-hover .slide.has-sub .slide-menu,
  [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide.has-sub .slide-menu,
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide.has-sub .slide-menu {
    position: absolute !important;
    inset-inline-start: 5rem !important;
    background: var(--menu-bg);
    inset-block-start: auto !important;
    box-shadow: 0.125rem 0.063rem 0.5rem var(--black-1);
    transition: none !important;
  }

  .icon-hover .slide.has-sub .slide-menu.child2,
  [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide.has-sub .slide-menu.child2,
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide.has-sub .slide-menu.child2,
  .icon-hover .slide.has-sub .slide-menu.child3,
  [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide.has-sub .slide-menu.child3,
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide.has-sub .slide-menu.child3 {
    inset-inline-start: 12rem !important;
  }

  .icon-hover .slide-menu.child1,
  [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide-menu.child1,
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide-menu.child1,
  .icon-hover .slide-menu.child2,
  [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide-menu.child2,
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide-menu.child2,
  .icon-hover .slide-menu.child3,
  [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide-menu.child3,
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide-menu.child3 {
    min-width: 12rem;
  }

  .icon-hover .slide-menu.child1 .slide .side-menu__item,
  [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide-menu.child1 .slide .side-menu__item,
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide-menu.child1 .slide .side-menu__item,
  .icon-hover .slide-menu.child2 .slide .side-menu__item,
  [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide-menu.child2 .slide .side-menu__item,
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide-menu.child2 .slide .side-menu__item,
  .icon-hover .slide-menu.child3 .slide .side-menu__item,
  [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide-menu.child3 .slide .side-menu__item,
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide-menu.child3 .slide .side-menu__item {
    text-align: start;
  }

  .icon-hover .slide-menu.child1 .slide .side-menu__item:before,
  [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide-menu.child1 .slide .side-menu__item:before,
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide-menu.child1 .slide .side-menu__item:before,
  .icon-hover .slide-menu.child2 .slide .side-menu__item:before,
  [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide-menu.child2 .slide .side-menu__item:before,
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide-menu.child2 .slide .side-menu__item:before,
  .icon-hover .slide-menu.child3 .slide .side-menu__item:before,
  [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide-menu.child3 .slide .side-menu__item:before,
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide-menu.child3 .slide .side-menu__item:before {
    inset-block-start: 0.938rem;
    inset-inline-start: 0.75rem;
  }

  .icon-hover .slide-menu.child1 .side-menu__angle,
  [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide-menu.child1 .side-menu__angle,
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide-menu.child1 .side-menu__angle,
  .icon-hover .slide-menu.child2 .side-menu__angle,
  [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide-menu.child2 .side-menu__angle,
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide-menu.child2 .side-menu__angle,
  .icon-hover .slide-menu.child3 .side-menu__angle,
  [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide-menu.child3 .side-menu__angle,
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide-menu.child3 .side-menu__angle {
    display: block;
    inset-inline-end: 1rem;
    inset-block-start: 0.65rem;
  }

  .icon-hover .slide.has-sub:hover .slide-menu.child1,
  [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide.has-sub:hover .slide-menu.child1,
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide.has-sub:hover .slide-menu.child1 {
    display: block !important;
  }

  .icon-hover .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2,
  [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2,
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2 {
    display: block !important;
  }

  .icon-hover .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2 .slide.has-sub:hover .slide-menu.child3,
  [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2 .slide.has-sub:hover .slide-menu.child3,
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2 .slide.has-sub:hover .slide-menu.child3 {
    display: block !important;
  }
}

[data-nav-layout=horizontal][data-nav-style=icon-hover] .mega-menu {
  -moz-columns: 1;
  columns: 1;
}

@media (min-width: 992px) {
  [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .main-menu>.slide {
    padding: 0 1.2rem;
  }

  [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide .slide-menu.child1,
  [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide .slide-menu.child2,
  [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide .slide-menu.child3 {
    border-radius: 0 0.5rem 0.5rem 0;
  }

  [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][dir=rtl] .app-sidebar .slide .slide-menu.child1,
  [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][dir=rtl] .app-sidebar .slide .slide-menu.child2,
  [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][dir=rtl] .app-sidebar .slide .slide-menu.child3 {
    border-radius: 0.5rem 0 0 0.5rem;
  }

  [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-theme-mode=dark] .app-sidebar .main-sidebar-header .header-logo .toggle-dark {
    display: block;
  }

  [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-theme-mode=dark] .app-sidebar .main-sidebar-header .header-logo .desktop-dark,
  [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-theme-mode=dark] .app-sidebar .main-sidebar-header .header-logo .desktop-logo,
  [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-theme-mode=dark] .app-sidebar .main-sidebar-header .header-logo .toggle-logo,
  [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-theme-mode=dark] .app-sidebar .main-sidebar-header .header-logo .desktop-white,
  [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-theme-mode=dark] .app-sidebar .main-sidebar-header .header-logo .toggle-white {
    display: none;
  }

  [data-nav-layout=vertical][data-nav-style=icon-hover] .app-sidebar {
    position: absolute;
  }

  [data-nav-layout=vertical][data-nav-style=icon-hover] .app-sidebar .slide-menu.child1,
  [data-nav-layout=vertical][data-nav-style=icon-hover] .app-sidebar .slide-menu.child2,
  [data-nav-layout=vertical][data-nav-style=icon-hover] .app-sidebar .slide-menu.child3 {
    padding: 0.1875rem;
  }

  [data-nav-layout=vertical][data-nav-style=icon-hover] .app-sidebar .slide-menu.child1 li.slide,
  [data-nav-layout=vertical][data-nav-style=icon-hover] .app-sidebar .slide-menu.child2 li.slide,
  [data-nav-layout=vertical][data-nav-style=icon-hover] .app-sidebar .slide-menu.child3 li.slide {
    -webkit-padding-start: 0;
    padding-inline-start: 0;
  }

  [data-nav-layout=vertical][data-nav-style=icon-hover] .app-sidebar .slide-menu.child1 li.slide a,
  [data-nav-layout=vertical][data-nav-style=icon-hover] .app-sidebar .slide-menu.child2 li.slide a,
  [data-nav-layout=vertical][data-nav-style=icon-hover] .app-sidebar .slide-menu.child3 li.slide a {
    border-radius: 0;
  }
}

@media (min-width: 992px) {
  [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar {
    width: 5rem;
  }

  [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .main-sidebar-header {
    width: 5rem;
  }

  [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .main-sidebar-header .header-logo .toggle-logo {
    display: block;
  }

  [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .main-sidebar-header .header-logo .desktop-dark,
  [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .main-sidebar-header .header-logo .desktop-logo,
  [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .main-sidebar-header .header-logo .toggle-dark,
  [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .main-sidebar-header .header-logo .desktop-white,
  [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .main-sidebar-header .header-logo .toggle-white {
    display: none;
  }

  [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .category-name,
  [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .side-menu__label,
  [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .side-menu__angle {
    display: none;
  }

  [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .slide.has-sub.open .slide-menu {
    display: none !important;
  }

  [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .side-menu__icon {
    -webkit-margin-end: 0;
    margin-inline-end: 0;
  }

  [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .slide__category {
    padding: 1.2rem 1.65rem;
    position: relative;
  }

  [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .slide__category:before {
    content: "";
    position: absolute;
    inset-inline-start: 2.25rem;
    inset-inline-end: 0;
    inset-block-start: 1.25rem;
    inset-block-end: 0;
    width: 0.35rem;
    border-radius: 3.125rem;
    height: 0.35rem;
    border: 1px solid var(--menu-prime-color);
    opacity: 1;
  }

  [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .side-menu__item .badge {
    display: none;
  }

  [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .side-menu__item {
    justify-content: center;
  }

  [data-vertical-style=overlay][data-toggled=icon-overlay-close] .app-header {
    -webkit-padding-start: 5rem;
    padding-inline-start: 5rem;
  }

  [data-vertical-style=overlay][data-toggled=icon-overlay-close] .app-content {
    -webkit-margin-start: 5rem;
    margin-inline-start: 5rem;
  }

  [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar {
    width: 13rem;
  }

  [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header {
    width: 13rem;
  }

  [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .desktop-logo {
    display: block;
  }

  [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .desktop-dark,
  [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .toggle-logo,
  [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .toggle-dark,
  [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .desktop-white,
  [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .toggle-white {
    display: none;
  }

  [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .side-menu__item .badge {
    display: inline;
  }

  [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .side-menu__item {
    justify-content: flex-start;
  }

  [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .side-menu__icon {
    -webkit-margin-end: 0.625rem;
    margin-inline-end: 0.625rem;
  }

  [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .slide__category {
    padding: 0.75rem 1.65rem;
  }

  [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .slide__category:before {
    display: none;
  }

  [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-theme-mode=dark] .main-sidebar-header .header-logo .toggle-dark {
    display: block;
  }

  [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-theme-mode=dark] .main-sidebar-header .header-logo .desktop-dark,
  [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-theme-mode=dark] .main-sidebar-header .header-logo .desktop-logo,
  [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-theme-mode=dark] .main-sidebar-header .header-logo .toggle-logo,
  [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-theme-mode=dark] .main-sidebar-header .header-logo .desktop-white,
  [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-theme-mode=dark] .main-sidebar-header .header-logo .toggle-white {
    display: none;
  }

  [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-theme-mode=dark][data-icon-overlay=open] .main-sidebar-header .header-logo .desktop-dark {
    display: block;
  }

  [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-theme-mode=dark][data-icon-overlay=open] .main-sidebar-header .header-logo .toggle-dark,
  [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-theme-mode=dark][data-icon-overlay=open] .main-sidebar-header .header-logo .desktop-logo,
  [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-theme-mode=dark][data-icon-overlay=open] .main-sidebar-header .header-logo .toggle-logo,
  [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-theme-mode=dark][data-icon-overlay=open] .main-sidebar-header .header-logo .desktop-white,
  [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-theme-mode=dark][data-icon-overlay=open] .main-sidebar-header .header-logo .toggle-white {
    display: none;
  }
}

@media (min-width: 992px) {
  [data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open]) .app-sidebar {
    position: absolute;
    width: 9rem;
  }

  [data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open]) .app-sidebar .main-sidebar {
    overflow: visible;
  }

  [data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open]) .app-sidebar .main-sidebar-header {
    width: 9rem;
  }

  [data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open]) .app-sidebar .side-menu__icon {
    -webkit-margin-end: 0;
    margin-inline-end: 0;
    -webkit-margin-after: 0.5rem;
    margin-block-end: 0.5rem;
  }

  [data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open]) .app-sidebar .slide {
    padding: 0;
  }

  [data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open]) .app-sidebar .slide__category,
  [data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open]) .app-sidebar .side-menu__angle {
    display: none;
  }

  [data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open]) .app-sidebar .slide.has-sub.open .slide-menu {
    display: none !important;
  }

  [data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open]) .app-sidebar .side-menu__item {
    border-radius: 0;
  }

  [data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open]) .app-sidebar .side-menu__item,
  [data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open]) .app-sidebar .side-menu__label {
    display: block;
    text-align: center;
  }

  [data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open])[data-menu-position=fixed] .app-sidebar {
    position: fixed;
  }

  [data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open]) .app-header {
    -webkit-padding-start: 9rem;
    padding-inline-start: 9rem;
  }

  [data-vertical-style=icontext][data-toggled=icon-text-close] .app-content {
    -webkit-margin-start: 9rem;
    margin-inline-start: 9rem;
  }

  [data-vertical-style=icontext][data-toggled=icon-text-close][data-icon-text=open] .app-sidebar {
    width: 13rem;
  }

  [data-vertical-style=icontext][data-toggled=icon-text-close][data-icon-text=open] .app-sidebar .main-sidebar-header {
    width: 13rem;
  }

  [data-vertical-style=icontext][data-toggled=icon-text-close][data-icon-text=open] .app-sidebar .side-menu__icon {
    -webkit-margin-after: 0;
    margin-block-end: 0;
    -webkit-margin-end: 0.625rem;
    margin-inline-end: 0.625rem;
  }

  [data-vertical-style=icontext][data-toggled=icon-text-close][data-icon-text=open] .app-sidebar .slide {
    padding: 0rem 0.625rem;
  }

  [data-vertical-style=icontext][data-toggled=icon-text-close][data-icon-text=open] .app-sidebar .slide-menu.child1 li,
  [data-vertical-style=icontext][data-toggled=icon-text-close][data-icon-text=open] .app-sidebar .slide-menu .child2 li,
  [data-vertical-style=icontext][data-toggled=icon-text-close][data-icon-text=open] .app-sidebar .slide-menu .child3 li {
    padding: 0;
    -webkit-padding-start: 1.5rem;
    padding-inline-start: 1.5rem;
  }
}

@media (min-width: 992px) {
  [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .side-menu__item {
    display: flex !important;
    padding-top: 0.93rem;
    -webkit-padding-end: 1.75rem;
    padding-inline-end: 1.75rem;
    padding-bottom: 0.93rem;
    -webkit-padding-start: 0.75rem;
    padding-inline-start: 0.75rem;
  }

  [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .side-menu__icon {
    -webkit-margin-after: 0 !important;
    margin-block-end: 0 !important;
    -webkit-margin-end: 0.35rem !important;
    margin-inline-end: 0.35rem !important;
  }

  [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .side-menu__angle {
    display: block !important;
  }

  [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu {
    inset-inline-start: auto !important;
  }

  [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.active {
    inset-inline-start: auto !important;
    inset-inline-end: auto !important;
  }

  [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child1 {
    inset-block-start: 100% !important;
  }

  [data-nav-style=menu-click][data-nav-layout=horizontal] .app-header {
    -webkit-padding-start: 9.5rem;
    padding-inline-start: 9.5rem;
  }
}

[data-nav-style=menu-click][data-toggled=menu-click-closed] .app-header {
  -webkit-padding-start: 9.5rem;
  padding-inline-start: 9.5rem;
}

@media (min-width: 992px) {
  [data-nav-style=menu-click][data-nav-layout=vertical][data-toggled=menu-click-closed] .app-sidebar {
    position: absolute;
  }

  [data-nav-style=menu-click][data-nav-layout=vertical][data-toggled=menu-click-closed] .app-sidebar .side-menu__item {
    border-radius: 0.5rem;
    margin: 0.25rem 0.25rem 0 0.25rem !important;
  }

  [data-nav-style=menu-click][data-nav-layout=vertical][data-toggled=menu-click-closed] .app-sidebar .side-menu__item:last-child {
    margin: 0.25rem !important;
  }

  [data-nav-style=menu-click][data-nav-layout=vertical][data-toggled=menu-click-closed] .app-sidebar .slide .slide-menu.child1,
  [data-nav-style=menu-click][data-nav-layout=vertical][data-toggled=menu-click-closed] .app-sidebar .slide .slide-menu.child2,
  [data-nav-style=menu-click][data-nav-layout=vertical][data-toggled=menu-click-closed] .app-sidebar .slide .slide-menu.child3 {
    border-radius: 0 0.5rem 0.5rem 0;
  }

  [data-nav-style=menu-click][data-nav-layout=vertical][data-toggled=menu-click-closed][dir=rtl] .app-sidebar .slide .slide-menu.child1,
  [data-nav-style=menu-click][data-nav-layout=vertical][data-toggled=menu-click-closed][dir=rtl] .app-sidebar .slide .slide-menu.child2,
  [data-nav-style=menu-click][data-nav-layout=vertical][data-toggled=menu-click-closed][dir=rtl] .app-sidebar .slide .slide-menu.child3 {
    border-radius: 0.5rem 0 0 0.5rem;
  }
}

@media (min-width: 992px) {

  .menu-click .app-sidebar,
  [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar,
  [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar {
    width: 9.5rem;
  }

  .menu-click .app-sidebar .main-sidebar,
  [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .main-sidebar,
  [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .main-sidebar {
    overflow: visible;
    height: 90%;
  }

  .menu-click .app-sidebar .main-sidebar-header,
  [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .main-sidebar-header,
  [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .main-sidebar-header {
    width: 9.5rem;
  }

  .menu-click .app-sidebar .side-menu__icon,
  [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .side-menu__icon,
  [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .side-menu__icon {
    -webkit-margin-end: 0;
    margin-inline-end: 0;
    -webkit-margin-after: 0.5rem;
    margin-block-end: 0.5rem;
  }

  .menu-click .app-sidebar .slide,
  [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide,
  [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide {
    padding: 0;
  }

  .menu-click .app-sidebar .slide-menu.child1,
  [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1,
  [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child1,
  .menu-click .app-sidebar .slide-menu.child2,
  [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2,
  [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child2,
  .menu-click .app-sidebar .slide-menu.child3,
  [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child3,
  [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child3 {
    min-width: 12rem;
  }

  .menu-click .app-sidebar .slide-menu.child1 .slide .side-menu__item,
  [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 .slide .side-menu__item,
  [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child1 .slide .side-menu__item,
  .menu-click .app-sidebar .slide-menu.child2 .slide .side-menu__item,
  [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 .slide .side-menu__item,
  [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child2 .slide .side-menu__item,
  .menu-click .app-sidebar .slide-menu.child3 .slide .side-menu__item,
  [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child3 .slide .side-menu__item,
  [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child3 .slide .side-menu__item {
    text-align: start;
  }

  .menu-click .app-sidebar .slide-menu.child1 .slide .side-menu__item:before,
  [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 .slide .side-menu__item:before,
  [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child1 .slide .side-menu__item:before,
  .menu-click .app-sidebar .slide-menu.child2 .slide .side-menu__item:before,
  [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 .slide .side-menu__item:before,
  [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child2 .slide .side-menu__item:before,
  .menu-click .app-sidebar .slide-menu.child3 .slide .side-menu__item:before,
  [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child3 .slide .side-menu__item:before,
  [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child3 .slide .side-menu__item:before {
    inset-block-start: 0.938rem;
    inset-inline-start: 0.75rem;
  }

  .menu-click .app-sidebar .slide-menu.child1 .side-menu__angle,
  [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 .side-menu__angle,
  [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child1 .side-menu__angle,
  .menu-click .app-sidebar .slide-menu.child2 .side-menu__angle,
  [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 .side-menu__angle,
  [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child2 .side-menu__angle,
  .menu-click .app-sidebar .slide-menu.child3 .side-menu__angle,
  [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child3 .side-menu__angle,
  [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child3 .side-menu__angle {
    display: block;
    inset-inline-end: 1rem;
    inset-block-start: 0.65rem;
  }

  .menu-click .app-sidebar .slide-menu.child1 .slide.has-sub.side-menu__label1,
  .menu-click .app-sidebar .slide-menu.child1 .slide.side-menu__label1,
  [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 .slide.side-menu__label1,
  [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child1 .slide.side-menu__label1,
  .menu-click .app-sidebar .slide-menu.child2 .slide.has-sub.side-menu__label1,
  .menu-click .app-sidebar .slide-menu.child2 .slide.side-menu__label1,
  [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 .slide.side-menu__label1,
  [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child2 .slide.side-menu__label1,
  .menu-click .app-sidebar .slide-menu.child3 .slide.has-sub.side-menu__label1,
  .menu-click .app-sidebar .slide-menu.child3 .slide.side-menu__label1,
  [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child3 .slide.side-menu__label1,
  [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child3 .slide.side-menu__label1 {
    display: none;
  }

  .menu-click .app-sidebar .slide__category,
  [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide__category,
  [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide__category,
  .menu-click .app-sidebar .side-menu__angle,
  [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .side-menu__angle,
  [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .side-menu__angle {
    display: none;
  }

  .menu-click .app-sidebar .side-menu__item,
  [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .side-menu__item,
  [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .side-menu__item,
  .menu-click .app-sidebar .side-menu__label,
  [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .side-menu__label,
  [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .side-menu__label {
    display: block;
    text-align: center;
  }

  .menu-click .app-sidebar .slide.has-sub .slide-menu,
  [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu,
  [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide.has-sub .slide-menu {
    position: absolute !important;
    inset-inline-start: 9.5rem !important;
    background: var(--menu-bg);
    inset-block-start: auto !important;
    box-shadow: 0.125rem 0.063rem 0.5rem var(--black-1);
    transition: none !important;
  }

  .menu-click .app-sidebar .slide.has-sub .slide-menu.child2,
  [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child2,
  [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide.has-sub .slide-menu.child2,
  .menu-click .app-sidebar .slide.has-sub .slide-menu.child3,
  [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child3,
  [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide.has-sub .slide-menu.child3 {
    inset-inline-start: 12rem !important;
  }

  .menu-click .app-sidebar .simplebar-content-wrapper,
  [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .simplebar-content-wrapper,
  [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .simplebar-content-wrapper {
    position: initial;
  }

  .menu-click .app-sidebar .simplebar-mask,
  [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .simplebar-mask,
  [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .simplebar-mask {
    position: inherit;
  }

  .menu-click .app-sidebar .simplebar-placeholder,
  [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .simplebar-placeholder,
  [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .simplebar-placeholder {
    height: auto !important;
  }

  .menu-click .app-content,
  [data-nav-style=menu-click][data-nav-layout=horizontal] .app-content,
  [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-content {
    -webkit-margin-start: 9.5rem;
    margin-inline-start: 9.5rem;
  }
}

@media (max-width: 991.98px) {

  .menu-click .app-sidebar,
  [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar,
  [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar {
    width: 13rem;
  }
}

@media (min-width: 992px) {
  [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .side-menu__item {
    display: flex !important;
    padding-top: 0.93rem;
    -webkit-padding-end: 1.75rem;
    padding-inline-end: 1.75rem;
    padding-bottom: 0.93rem;
    -webkit-padding-start: 0.75rem;
    padding-inline-start: 0.75rem;
  }

  [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .side-menu__icon {
    -webkit-margin-after: 0 !important;
    margin-block-end: 0 !important;
    -webkit-margin-end: 0.35rem !important;
    margin-inline-end: 0.35rem !important;
  }

  [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .side-menu__angle {
    display: block !important;
  }

  [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.active {
    inset-inline-start: auto !important;
    inset-inline-end: auto !important;
  }

  [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child1 {
    inset-block-start: 100% !important;
  }
}

@media (min-width: 992px) {
  [data-nav-style=menu-hover][data-nav-layout=vertical][data-toggled=menu-hover-closed] .app-sidebar {
    position: absolute;
  }

  [data-nav-style=menu-hover][data-nav-layout=vertical][data-toggled=menu-hover-closed] .app-sidebar .side-menu__item {
    border-radius: 0.5rem;
    margin: 0.25rem 0.25rem 0 0.25rem !important;
  }

  [data-nav-style=menu-hover][data-nav-layout=vertical][data-toggled=menu-hover-closed] .app-sidebar .side-menu__item:last-child {
    margin: 0.25rem !important;
  }

  [data-nav-style=menu-hover][data-nav-layout=vertical][data-toggled=menu-hover-closed] .app-sidebar .slide .slide-menu.child1,
  [data-nav-style=menu-hover][data-nav-layout=vertical][data-toggled=menu-hover-closed] .app-sidebar .slide .slide-menu.child2,
  [data-nav-style=menu-hover][data-nav-layout=vertical][data-toggled=menu-hover-closed] .app-sidebar .slide .slide-menu.child3 {
    border-radius: 0 0.5rem 0.5rem 0;
  }

  [data-nav-style=menu-hover][data-nav-layout=vertical][data-toggled=menu-hover-closed][dir=rtl] .app-sidebar .slide .slide-menu.child1,
  [data-nav-style=menu-hover][data-nav-layout=vertical][data-toggled=menu-hover-closed][dir=rtl] .app-sidebar .slide .slide-menu.child2,
  [data-nav-style=menu-hover][data-nav-layout=vertical][data-toggled=menu-hover-closed][dir=rtl] .app-sidebar .slide .slide-menu.child3 {
    border-radius: 0.5rem 0 0 0.5rem;
  }
}

@media (min-width: 992px) {

  .menu-hover .app-sidebar,
  [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar,
  [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar {
    width: 9.5rem;
  }

  .menu-hover .app-sidebar .main-sidebar,
  [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .main-sidebar,
  [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .main-sidebar {
    overflow: visible;
    height: 90%;
  }

  .menu-hover .app-sidebar .main-sidebar-header,
  [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .main-sidebar-header,
  [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .main-sidebar-header {
    width: 9.5rem;
  }

  .menu-hover .app-sidebar .side-menu__icon,
  [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .side-menu__icon,
  [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .side-menu__icon {
    -webkit-margin-end: 0;
    margin-inline-end: 0;
    -webkit-margin-after: 0.5rem;
    margin-block-end: 0.5rem;
  }

  .menu-hover .app-sidebar .slide,
  [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide,
  [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide {
    padding: 0;
  }

  .menu-hover .app-sidebar .slide-menu.child1,
  [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1,
  [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child1,
  .menu-hover .app-sidebar .slide-menu.child2,
  [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2,
  [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child2,
  .menu-hover .app-sidebar .slide-menu.child3,
  [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child3,
  [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child3 {
    min-width: 12rem;
    display: none !important;
  }

  .menu-hover .app-sidebar .slide-menu.child1 .slide .side-menu__item,
  [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 .slide .side-menu__item,
  [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child1 .slide .side-menu__item,
  .menu-hover .app-sidebar .slide-menu.child2 .slide .side-menu__item,
  [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 .slide .side-menu__item,
  [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child2 .slide .side-menu__item,
  .menu-hover .app-sidebar .slide-menu.child3 .slide .side-menu__item,
  [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child3 .slide .side-menu__item,
  [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child3 .slide .side-menu__item {
    text-align: start;
  }

  .menu-hover .app-sidebar .slide-menu.child1 .slide .side-menu__item:before,
  [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 .slide .side-menu__item:before,
  [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child1 .slide .side-menu__item:before,
  .menu-hover .app-sidebar .slide-menu.child2 .slide .side-menu__item:before,
  [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 .slide .side-menu__item:before,
  [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child2 .slide .side-menu__item:before,
  .menu-hover .app-sidebar .slide-menu.child3 .slide .side-menu__item:before,
  [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child3 .slide .side-menu__item:before,
  [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child3 .slide .side-menu__item:before {
    inset-block-start: 0.938rem;
    inset-inline-start: 0.75rem;
  }

  .menu-hover .app-sidebar .slide-menu.child1 .slide.has-sub.side-menu__label1,
  .menu-hover .app-sidebar .slide-menu.child1 .slide.side-menu__label1,
  [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 .slide.side-menu__label1,
  [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child1 .slide.side-menu__label1,
  .menu-hover .app-sidebar .slide-menu.child2 .slide.has-sub.side-menu__label1,
  .menu-hover .app-sidebar .slide-menu.child2 .slide.side-menu__label1,
  [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 .slide.side-menu__label1,
  [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child2 .slide.side-menu__label1,
  .menu-hover .app-sidebar .slide-menu.child3 .slide.has-sub.side-menu__label1,
  .menu-hover .app-sidebar .slide-menu.child3 .slide.side-menu__label1,
  [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child3 .slide.side-menu__label1,
  [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child3 .slide.side-menu__label1 {
    display: none;
  }

  .menu-hover .app-sidebar .slide.has-sub:hover .slide-menu.child1,
  [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide.has-sub:hover .slide-menu.child1,
  [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide.has-sub:hover .slide-menu.child1 {
    display: block !important;
  }

  .menu-hover .app-sidebar .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2,
  [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2,
  [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2 {
    display: block !important;
  }

  .menu-hover .app-sidebar .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2 .slide.has-sub:hover .slide-menu.child3,
  [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2 .slide.has-sub:hover .slide-menu.child3,
  [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2 .slide.has-sub:hover .slide-menu.child3 {
    display: block !important;
  }

  .menu-hover .app-sidebar .slide__category,
  [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide__category,
  [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide__category,
  .menu-hover .app-sidebar .side-menu__angle,
  [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .side-menu__angle,
  [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .side-menu__angle {
    display: none;
  }

  .menu-hover .app-sidebar .slide-menu.child1 .side-menu__angle,
  [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 .side-menu__angle,
  [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child1 .side-menu__angle,
  .menu-hover .app-sidebar .slide-menu.child2 .side-menu__angle,
  [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 .side-menu__angle,
  [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child2 .side-menu__angle,
  .menu-hover .app-sidebar .slide-menu.child3 .side-menu__angle,
  [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child3 .side-menu__angle,
  [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child3 .side-menu__angle {
    display: block;
    inset-inline-end: 1rem;
    inset-block-start: 0.65rem;
  }

  .menu-hover .app-sidebar .side-menu__item,
  [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .side-menu__item,
  [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .side-menu__item,
  .menu-hover .app-sidebar .side-menu__label,
  [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .side-menu__label,
  [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .side-menu__label {
    display: block;
    text-align: center;
  }

  .menu-hover .app-sidebar .slide.has-sub .slide-menu,
  [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu,
  [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide.has-sub .slide-menu {
    position: absolute !important;
    inset-inline-start: 9.5rem !important;
    background: var(--menu-bg);
    inset-block-start: auto !important;
    box-shadow: 0.125rem 0.063rem 0.5rem var(--black-1);
    transition: none !important;
  }

  .menu-hover .app-sidebar .slide.has-sub .slide-menu.child2,
  [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child2,
  [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide.has-sub .slide-menu.child2,
  .menu-hover .app-sidebar .slide.has-sub .slide-menu.child3,
  [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child3,
  [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide.has-sub .slide-menu.child3 {
    inset-inline-start: 12rem !important;
  }

  .menu-hover .app-sidebar .simplebar-content-wrapper,
  [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .simplebar-content-wrapper,
  [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .simplebar-content-wrapper {
    position: initial;
  }

  .menu-hover .app-sidebar .simplebar-mask,
  [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .simplebar-mask,
  [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .simplebar-mask {
    position: inherit;
  }

  .menu-hover .app-sidebar .simplebar-placeholder,
  [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .simplebar-placeholder,
  [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .simplebar-placeholder {
    height: auto !important;
  }

  .menu-hover .app-header,
  [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-header,
  [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-header {
    -webkit-padding-start: 9.5rem;
    padding-inline-start: 9.5rem;
  }

  .menu-hover .app-content,
  [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-content,
  [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-content {
    -webkit-margin-start: 9.5rem;
    margin-inline-start: 9.5rem;
  }
}


[dir=rtl] .app-sidebar .fe-chevron-right {
  transform: rotate(180deg);
}

[dir=rtl] .sidemenu-toggle .header-link .header-link-icon {
  transform: rotate(180deg);
}

.app-sidebar {
  width: 13rem;
  height: 100%;
  background: transparent;
  -webkit-border-end: 1px solid var(--menu-border-color);
  border-inline-end: 1px solid var(--menu-border-color);
  position: fixed;
  inset-block-start: 0;
  inset-inline-start: 0;
  font-family: "Montserrat", sans-serif;
  z-index: 103;
  transition: all 0.05s ease;
}

.app-sidebar .main-sidebar {
  box-shadow: 0.125rem 0 0 rgba(10, 10, 10, 0.04);
}

.app-sidebar .main-sidebar-header .header-logo img {
  height: 2rem;
  line-height: 2rem;
}

.app-sidebar .main-sidebar-header .header-logo .desktop-logo {
  display: block;
}

.app-sidebar .main-sidebar-header .header-logo .desktop-dark,
.app-sidebar .main-sidebar-header .header-logo .toggle-logo,
.app-sidebar .main-sidebar-header .header-logo .toggle-dark,
.app-sidebar .main-sidebar-header .header-logo .desktop-white,
.app-sidebar .main-sidebar-header .header-logo .toggle-white {
  display: none;
}

.app-sidebar .slide__category {
  color: var(--menu-prime-color);
  font-size: 0.6rem;
  font-weight: 600;
  letter-spacing: 0.065rem;
  text-transform: uppercase;
  padding: 0.75rem 1.65rem;
  white-space: nowrap;
  opacity: 0.5;
  position: relative;
}

.app-sidebar .slide {
  margin: 0;
  padding: 0rem 0.75rem;
}

.app-sidebar .side-menu__item.active,
.app-sidebar .side-menu__item:hover {
  color: var(--menu-prime-color);
  background-color: rgba(var(--light-rgb), 0.5);
}

.app-sidebar .side-menu__item.active .side-menu__label,
.app-sidebar .side-menu__item.active .side-menu__angle,
.app-sidebar .side-menu__item:hover .side-menu__label,
.app-sidebar .side-menu__item:hover .side-menu__angle {
  color: var(--menu-prime-color);
}

.app-sidebar .side-menu__item.active .side-menu__icon,
.app-sidebar .side-menu__item:hover .side-menu__icon {
  fill: var(--menu-prime-color);
  color: var(--menu-prime-color);
}

.app-sidebar .side-menu__item.active {
  font-weight: 600;
}

.app-sidebar .slide-menu.child1 .side-menu__item.active,
.app-sidebar .slide-menu.child2 .side-menu__item.active,
.app-sidebar .slide-menu.child3 .side-menu__item.active {
  background-color: transparent;
}

.app-sidebar .slide-menu {
  padding: 0rem;
}

.app-sidebar .slide-menu.child1 .side-menu__item,
.app-sidebar .slide-menu.child2 .side-menu__item {
  padding: 0.45rem 1.6rem;
}

.app-sidebar .slide-menu.child1 .side-menu__item:before,
.app-sidebar .slide-menu.child2 .side-menu__item:before,
.app-sidebar .slide-menu.child3 .side-menu__item:before {
  position: absolute;
  content: "";
  width: 0.3rem;
  height: 0.3rem;
  border: 1px solid var(--menu-prime-color);
  border-radius: 50%;
  background-color: transparent;
  inset-inline-start: 0.5rem;
  opacity: 0.5;
}

.app-sidebar .slide-menu.child1 .side-menu__item:hover,
.app-sidebar .slide-menu.child2 .side-menu__item:hover,
.app-sidebar .slide-menu.child3 .side-menu__item:hover {
  color: var(--menu-prime-color);
}

.app-sidebar .slide-menu.child1 .side-menu__item:hover:before,
.app-sidebar .slide-menu.child2 .side-menu__item:hover:before,
.app-sidebar .slide-menu.child3 .side-menu__item:hover:before {
  content: "";
  border: 1px solid var(--menu-prime-color);
}

.app-sidebar .slide-menu.child1 .side-menu__item.active:before,
.app-sidebar .slide-menu.child2 .side-menu__item.active:before,
.app-sidebar .slide-menu.child3 .side-menu__item.active:before {
  position: absolute;
  content: "";
  width: 0.3rem;
  height: 0.3rem;
  border: 1px solid var(--menu-prime-color);
  border-radius: 50%;
  background-color: transparent;
  opacity: 1;
}

.app-sidebar .slide-menu.child1 li,
.app-sidebar .slide-menu.child2 li,
.app-sidebar .slide-menu.child3 li {
  padding: 0;
  -webkit-padding-start: 1.5rem;
  padding-inline-start: 1.5rem;
  position: relative;
}

.app-sidebar .side-menu__label {
  white-space: nowrap;
  color: rgb(var(--dark-rgb));
  position: relative;
  font-size: 0.85rem;
  line-height: 1;
  vertical-align: middle;
}

.app-sidebar .side-menu__icon {
  -webkit-margin-end: 0.625rem;
  margin-inline-end: 0.625rem;
  width: 1.15rem;
  height: 1.15rem;
  font-size: 1.15rem;
  text-align: center;
  color: rgb(var(--dark-rgb));
  fill: rgb(var(--dark-rgb));
  border-radius: 0.5rem;
}

.app-sidebar .side-menu__angle {
  transform-origin: center;
  position: absolute;
  inset-inline-end: 0.75rem;
  font-size: 0.85rem;
  color: var(--menu-prime-color);
  transition: all 0.05s ease;
}

.app-sidebar .slide.side-menu__label1 {
  display: none;
}

.horizontal-logo {
  padding: 0.85rem 0rem;
}

.slide.has-sub .slide-menu {
  transform: translate(0, 0) !important;
  visibility: visible !important;
}

.nav ul li {
  list-style-type: none;
}

.nav>ul {
  -webkit-padding-start: 0px;
  padding-inline-start: 0px;
}

.slide-menu {
  display: none;
}

.slide.has-sub {
  display: grid;
}

.slide.has-sub.open>.side-menu__item .side-menu__angle {
  transform: rotate(90deg);
}

@media (min-width: 992px) {
  [data-toggled=open] .page {
    position: absolute;
  }
}

/* Responsive Styles Start */
@media (max-width: 991.98px) {

  .horizontal-logo .header-logo .desktop-logo,
  .horizontal-logo .header-logo .desktop-dark,
  .horizontal-logo .header-logo .toggle-dark,
  .horizontal-logo .header-logo .desktop-white,
  .horizontal-logo .header-logo .toggle-white {
    display: none;
  }

  .horizontal-logo .header-logo .toggle-logo {
    display: block;
  }

  .main-content {
    -webkit-padding-before: 3.75rem;
    padding-block-start: 3.75rem;
  }

  .main-sidebar-header {
    display: none !important;
  }

  .main-sidebar {
    -webkit-margin-before: 0;
    margin-block-start: 0;
  }

  .app-sidebar {
    inset-block-start: 0;
  }
}

.slide-left,
.slide-right {
  display: none;
}

[data-nav-layout=vertical] .slide.has-sub.active>.side-menu__item {
  margin-block: 0.25rem;
}

@media (min-width: 992px) {
  .horizontal-logo {
    display: none;
  }
}

/* Responsive Styles End */
/* Responsive Overlay Start */
#responsive-overlay {
  visibility: hidden;
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 101;
  background-color: rgba(15, 23, 42, 0.5);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 100ms;
}

#responsive-overlay.active {
  visibility: visible;
}

/* Responsive Overlay End */

/* UTILITIES */
/* Start::avatar styles */
.avatar {
  position: relative;
  height: 2.625rem;
  width: 2.625rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  color: #fff;
  font-weight: 500;
}

.avatar a.badge:hover {
  color: #fff;
}

.avatar img {
  width: 100%;
  height: 100%;
  border-radius: 0.5rem;
}

.avatar.avatar-rounded {
  border-radius: 50%;
}

.avatar.avatar-rounded img {
  border-radius: 50%;
}

.avatar.avatar-radius-0 {
  border-radius: 0;
}

.avatar.avatar-radius-0 img {
  border-radius: 0;
}

.avatar .avatar-badge {
  position: absolute;
  inset-block-start: -4%;
  inset-inline-end: -0.375rem;
  width: 1.4rem;
  height: 1.4rem;
  font-size: 0.625rem;
  border: 2px solid #ffffff;
  border-radius: 50% !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.avatar.online:before,
.avatar.offline:before {
  position: absolute;
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  inset-inline-end: 0;
  inset-block-end: 0;
  border: 2px solid var(--custom-white);
}

.avatar.online:before {
  background-color: rgb(var(--success-rgb));
}

.avatar.offline:before {
  background-color: var(--gray-5);
}

.avatar.avatar-xs {
  width: 1.25rem;
  height: 1.25rem;
  line-height: 1.25rem;
  font-size: 0.65rem;
}

.avatar.avatar-xs .avatar-badge {
  padding: 0.25rem;
  width: 1rem;
  height: 1rem;
  line-height: 1rem;
  font-size: 0.5rem;
  inset-block-start: -25%;
  inset-inline-end: -0.5rem;
}

.avatar.avatar-sm {
  width: 1.75rem;
  height: 1.75rem;
  line-height: 1.75rem;
  font-size: 0.65rem;
}

.avatar.avatar-sm .avatar-badge {
  padding: 0.3rem;
  width: 1.1rem;
  height: 1.1rem;
  line-height: 1.1rem;
  font-size: 0.5rem;
  inset-block-start: -38%;
  inset-inline-end: -0.5rem;
}

.avatar.avatar-sm.online:before,
.avatar.avatar-sm.offline:before {
  width: 0.5rem;
  height: 0.5rem;
}

.avatar.avatar-md {
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  font-size: 0.8rem;
}

.avatar.avatar-md .avatar-badge {
  padding: 0.4rem;
  width: 1.2rem;
  height: 1.2rem;
  line-height: 1.2rem;
  font-size: 0.65rem;
  inset-block-start: -6%;
  inset-inline-end: -13%;
}

.avatar.avatar-md.online:before,
.avatar.avatar-md.offline:before {
  width: 0.75rem;
  height: 0.75rem;
}

.avatar.avatar-md svg {
  width: 1.5rem;
  height: 1.5rem;
}

.avatar.avatar-lg {
  width: 3rem;
  height: 3rem;
  line-height: 3rem;
  font-size: 1rem;
}

.avatar.avatar-lg .avatar-badge {
  inset-block-start: -15%;
  inset-inline-end: -0.25%;
}

.avatar.avatar-lg.online:before,
.avatar.avatar-lg.offline:before {
  width: 0.8rem;
  height: 0.8rem;
}

.avatar.avatar-lg svg {
  width: 1.8rem;
  height: 1.8rem;
}

.avatar.avatar-xl {
  width: 4rem;
  height: 4rem;
  line-height: 4rem;
  font-size: 1.25rem;
}

.avatar.avatar-xl .avatar-badge {
  inset-block-start: -8%;
  inset-inline-end: -0.2%;
}

.avatar.avatar-xl.online:before,
.avatar.avatar-xl.offline:before {
  width: 0.95rem;
  height: 0.95rem;
}

.avatar.avatar-xxl {
  width: 5rem;
  height: 5rem;
  line-height: 5rem;
  font-size: 1.5rem;
}

.avatar.avatar-xxl .avatar-badge {
  inset-block-start: -4%;
  inset-inline-end: 0rem;
}

.avatar.avatar-xxl.online:before,
.avatar.avatar-xxl.offline:before {
  width: 1.05rem;
  height: 1.05rem;
  inset-block-end: 0.25rem;
}

.avatar-list-stacked {
  padding: 0;
}

.avatar-list-stacked .avatar {
  -webkit-margin-end: -0.65rem !important;
  margin-inline-end: -0.65rem !important;
  border: 1px solid rgba(0, 0, 0, 0.05);
  vertical-align: middle;
  transition: transform ease 200ms;
}

.avatar-list-stacked .avatar:last-child {
  -webkit-margin-end: 0 !important;
  margin-inline-end: 0 !important;
}

.avatar-list-stacked .avatar:hover {
  z-index: 1;
  transform: translateY(-0.188rem);
}

[dir=rtl] .avatar-list-stacked .ri-arrow-right-s-line {
  transform: rotate(180deg);
}

/* End::avatar styles */
.color-container {
  width: 3rem;
  height: 3rem;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 3rem;
}

.text-container {
  padding: 0.25rem 0.5rem;
  border-radius: 0.5rem;
  box-shadow: 0 0.125rem 0 rgba(10, 10, 10, 0.04);
}

/* Start::background color */
.bg-body {
  background-color: var(--default-body-bg-color) !important;
}

/* End::background color */
/* Start::background color */
.bg-primary {
  background-color: var(--primary-color) !important;
}

.bg-secondary {
  background-color: rgb(var(--secondary-rgb)) !important;
}

.bg-info {
  background-color: rgb(var(--info-rgb)) !important;
}

.bg-success {
  background-color: rgb(var(--success-rgb)) !important;
}

.bg-warning {
  background-color: rgb(var(--warning-rgb)) !important;
}

.bg-danger {
  background-color: rgb(var(--danger-rgb)) !important;
}

.bg-dark {
  background-color: rgb(var(--dark-rgb)) !important;
}

.bg-light {
  background-color: rgb(var(--light-rgb)) !important;
}

.bg-white {
  background-color: var(--custom-white) !important;
}

.bg-pink {
  background-color: rgb(var(--pink-rgb)) !important;
}

.bg-orange {
  background-color: rgb(var(--orange-rgb)) !important;
}

.bg-green {
  background-color: #1dd871 !important;
}


/* End::background color */


/* End::gradient colors */
/* Start:: outline colors */
.bg-outline-primary {
  background-color: var(--custom-white);
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
}

.bg-outline-secondary {
  background-color: var(--custom-white);
  border: 1px solid rgb(var(--secondary-rgb));
  color: rgb(var(--secondary-rgb));
}

.bg-outline-warning {
  background-color: var(--custom-white);
  border: 1px solid rgb(var(--warning-rgb));
  color: rgb(var(--warning-rgb));
}


.bg-outline-success {
  background-color: var(--custom-white);
  border: 1px solid rgb(var(--success-rgb));
  color: rgb(var(--success-rgb));
}

.bg-outline-danger {
  background-color: var(--custom-white);
  border: 1px solid rgb(var(--danger-rgb));
  color: rgb(var(--danger-rgb));
}

.bg-outline-dark {
  background-color: var(--custom-white);
  border: 1px solid rgb(var(--dark-rgb));
  color: rgb(var(--dark-rgb));
}

.bg-outline-light {
  background-color: var(--custom-white);
  border: 1px solid rgb(var(--light-rgb));
  color: var(--custom-black);
}

/* End:: outline colors */
/* Start::gray set */
.bg-gray-100 {
  background-color: var(--gray-1);
}

.bg-gray-200 {
  background-color: var(--gray-2);
}

.bg-gray-300 {
  background-color: var(--gray-3);
}

.bg-gray-400 {
  background-color: var(--gray-4);
}

.bg-gray-500 {
  background-color: var(--gray-5);
}

.bg-gray-600 {
  background-color: var(--gray-6);
}

.bg-gray-700 {
  background-color: var(--gray-7);
}

.bg-gray-800 {
  background-color: var(--gray-8);
}

.bg-gray-900 {
  background-color: var(--gray-9);
}

/* End::gray set */
/* Start::background transparent */
.bg-primary-transparent {
  background-color: var(--primary01) !important;
  color: var(--primary-color) !important;
}

.bg-primary-transparent:hover {
  background-color: var(--primary01) !important;
  color: var(--primary-color) !important;
}

.bg-secondary-transparent {
  background-color: rgba(var(--secondary-rgb), 0.1) !important;
  color: rgb(var(--secondary-rgb)) !important;
}

.bg-secondary-transparent:hover {
  background-color: rgba(var(--secondary-rgb), 0.1) !important;
  color: rgb(var(--secondary-rgb)) !important;
}


.bg-success-transparent {
  background-color: rgb(176, 238, 211) !important;
  color: rgb(var(--success-rgb)) !important;
}

.bg-success-transparent:hover {
  background-color: rgb(176, 238, 211) !important;
  color: rgb(var(--success-rgb)) !important;
}

.bg-dark-success-transparent {
  background-color: #5DBC97 !important;
  color: var(--custom-white) !important;
}

.bg-dark-success-transparent:hover {
  background-color: #5DBC97 !important;
  color: var(--custom-white) !important;
}

.bg-warning-transparent {
  background-color: rgb(238, 217, 176) !important;
  color: rgb(var(--warning-rgb)) !important;
}

.bg-warning-transparent:hover {
  background-color: rgb(238, 217, 176) !important;
  color: rgb(var(--warning-rgb)) !important;
}

.bg-dark-green-transparent {
  background-color: rgb(33, 138, 92) !important;
  color: var(--custom-white) !important;
}

.bg-dark-green-transparent:hover {
  background-color: rgb(33, 138, 92) !important;
  color: var(--custom-white) !important;
}

.bg-danger-transparent {
  background-color: rgb(238, 176, 176) !important;
  color: rgb(var(--danger-rgb)) !important;
}

.bg-danger-transparent:hover {
  background-color: rgb(238, 176, 176) !important;
  color: rgb(var(--danger-rgb)) !important;
}

.bg-light-transparent {
  background-color: rgba(var(--light-rgb), 0.1) !important;
  color: rgb(var(--light-rgb)) !important;
}

.bg-light-transparent:hover {
  background-color: rgba(var(--light-rgb), 0.1) !important;
  color: var(--default-text-color) !important;
}

.bg-dark-transparent {
  background-color: rgba(var(--dark-rgb), 0.3) !important;
  color: rgb(var(--dark-rgb)) !important;
}

.bg-dark-transparent:hover {
  background-color: rgba(var(--dark-rgb), 0.3) !important;
  color: rgb(var(--dark-rgb)) !important;
}

.bg-pink-transparent {
  background-color: rgba(var(--pink-rgb), 0.1) !important;
  color: rgb(var(--pink-rgb)) !important;
}

.bg-pink-transparent:hover {
  background-color: rgba(var(--pink-rgb), 0.1) !important;
  color: rgb(var(--pink-rgb)) !important;
}

.bg-orange-transparent {
  background-color: rgba(var(--orange-rgb), 0.1) !important;
  color: rgb(var(--orange-rgb)) !important;
}

.bg-orange-transparent:hover {
  background-color: rgba(var(--orange-rgb), 0.1) !important;
  color: rgb(var(--orange-rgb)) !important;
}

.bg-green-transparent {
  background-color: rgba(29, 216, 113, 0.1) !important;
  color: #1dd871 !important;
}

.bg-green-transparent:hover {
  background-color: rgba(29, 216, 113, 0.1) !important;
  color: #1dd871 !important;
}

/* End::background transparent */
/* Start::backgrounds with colors */
.text-bg-primary {
  background-color: var(--primary-color) !important;
  color: #fff !important;
}

.text-bg-secondary {
  background-color: rgb(var(--secondary-rgb)) !important;
  color: #fff !important;
}

.text-bg-warning {
  background-color: rgb(var(--warning-rgb)) !important;
  color: #fff !important;
}

.text-bg-info {
  background-color: rgb(var(--info-rgb)) !important;
  color: #fff !important;
}

.text-bg-success {
  background-color: rgb(var(--success-rgb)) !important;
  color: #fff !important;
}

.text-bg-danger {
  background-color: rgb(var(--danger-rgb)) !important;
  color: #fff !important;
}

.text-bg-light {
  background-color: rgb(var(--light-rgb)) !important;
  color: #000 !important;
}

.text-bg-dark {
  background-color: rgb(var(--dark-rgb)) !important;
  color: #fff !important;
}

/* End::backgrounds with colors */
/* Start::svg colors */
.svg-primary {
  fill: var(--primary-color);
}

.svg-secondary {
  fill: rgb(var(--secondary-rgb));
}

.svg-success {
  fill: rgb(var(--success-rgb));
}

.svg-danger {
  fill: rgb(var(--danger-rgb));
}

.svg-warning {
  fill: rgb(var(--warning-rgb));
}

.svg-white {
  fill: #fff;
}

.svg-black {
  fill: #000;
}

.svg-pink {
  fill: rgb(var(--pink-rgb));
}

.svg-orange {
  fill: rgb(var(--orange-rgb));
}


.svg-light {
  fill: rgb(var(--light-rgb));
}

.svg-dark {
  fill: rgb(var(--dark-rgb));
}

.svg-teal {
  fill: rgb(var(--teal-rgb));
}

.svg-default {
  fill: var(--default-text-color);
}

/* End::svg colors */
/* Start::Colors */



/* Start::pink set */
.bd-pink-100 {
  background-color: rgba(var(--pink-rgb), 0.1);
  color: var(--default-text-color);
}

.bd-pink-200 {
  background-color: rgba(var(--pink-rgb), 0.2);
  color: var(--default-text-color);
}

.bd-pink-300 {
  background-color: rgba(var(--pink-rgb), 0.3);
  color: var(--default-text-color);
}

.bd-pink-400 {
  background-color: rgba(var(--pink-rgb), 0.4);
  color: var(--default-text-color);
}

.bd-pink-500 {
  background-color: rgba(var(--pink-rgb), 0.5);
  color: var(--default-text-color);
}

.bd-pink-600 {
  background-color: rgba(var(--pink-rgb), 0.6);
  color: #fff;
}

.bd-pink-700 {
  background-color: rgba(var(--pink-rgb), 0.7);
  color: #fff;
}

.bd-pink-800 {
  background-color: rgba(var(--pink-rgb), 0.8);
  color: #fff;
}

.bd-pink-900 {
  background-color: rgba(var(--pink-rgb), 0.9);
  color: #fff;
}

.bd-pink {
  background-color: rgb(var(--pink-rgb));
  color: #fff;
}

/* Start::pink set */

/* Start::orange set */
.bd-orange-100 {
  background-color: rgba(var(--orange-rgb), 0.1);
  color: var(--default-text-color);
}

.bd-orange-200 {
  background-color: rgba(var(--orange-rgb), 0.2);
  color: var(--default-text-color);
}

.bd-orange-300 {
  background-color: rgba(var(--orange-rgb), 0.3);
  color: var(--default-text-color);
}

.bd-orange-400 {
  background-color: rgba(var(--orange-rgb), 0.4);
  color: var(--default-text-color);
}

.bd-orange-500 {
  background-color: rgba(var(--orange-rgb), 0.5);
  color: var(--default-text-color);
}

.bd-orange-600 {
  background-color: rgba(var(--orange-rgb), 0.6);
  color: #fff;
}

.bd-orange-700 {
  background-color: rgba(var(--orange-rgb), 0.7);
  color: #fff;
}

.bd-orange-800 {
  background-color: rgba(var(--orange-rgb), 0.8);
  color: #fff;
}

.bd-orange-900 {
  background-color: rgba(var(--orange-rgb), 0.9);
  color: #fff;
}

.bd-orange {
  background-color: rgb(var(--orange-rgb));
  color: #fff;
}

/* Start::orange set */

/* Start::green set */
.bd-green-100 {
  background-color: rgba(29, 216, 113, 0.1);
  color: var(--default-text-color);
}

.bd-green-200 {
  background-color: rgba(29, 216, 113, 0.2);
  color: var(--default-text-color);
}

.bd-green-300 {
  background-color: rgba(29, 216, 113, 0.3);
  color: var(--default-text-color);
}

.bd-green-400 {
  background-color: rgba(29, 216, 113, 0.4);
  color: var(--default-text-color);
}

.bd-green-500 {
  background-color: rgba(29, 216, 113, 0.5);
  color: var(--default-text-color);
}

.bd-green-600 {
  background-color: rgba(29, 216, 113, 0.6);
  color: #fff;
}

.bd-green-700 {
  background-color: rgba(29, 216, 113, 0.7);
  color: #fff;
}

.bd-green-800 {
  background-color: rgba(29, 216, 113, 0.8);
  color: #fff;
}

.bd-green-900 {
  background-color: rgba(29, 216, 113, 0.9);
  color: #fff;
}

.bd-green {
  background-color: #1dd871;
  color: #fff;
}

/* Start::green set */

/* Start::teal set */

/* Start::cyan set */
/* Start::gray set */


/* Start::gray set */
/* Start::Colors */
/* Start::border */
.border-container {
  display: inline-block;
  width: 5rem;
  height: 5rem;
  margin: 0.25rem;
  background-color: rgba(var(--light-rgb), 0.3);
}

/*Start::border */
.border {
  border: 1px solid var(--default-border) !important;
  /* Start:: Border Style */
  /* End:: Border Style */
  /* Start::Border Colors */
  /* End::Border Colors */
  /* Start::border opacity */
  /* End::border opacity */
  /* Start::Border Widths */
  /* End::Border Widths */
  /* Start::Border Styles */
  /* End::Border Styles */
  /* Start::subtractive border */
  /* End::subtractive border */
}

.border.border-dashed {
  border-style: dashed !important;
}

.border.border-dotted {
  border-style: dotted !important;
}

.border.border-primary {
  border: 1px solid var(--primary-color) !important;
  opacity: 1;
}

.border-black {
  border: 1px dashed black !important;
}

.border.border-secondary {
  border: 1px solid rgb(var(--secondary-rgb)) !important;
  opacity: 1;
}

.border.border-info {
  border: 1px solid rgb(var(--info-rgb)) !important;
  opacity: 1;
}

.border.border-success {
  border: 1px solid rgb(var(--success-rgb)) !important;
  opacity: 1;
}

.border.border-1 {
  border-width: 1px !important;
}

.border.border-0 {
  border: 0 !important;
}

.border-top {
  border-top: 1px solid var(--default-border) !important;
}

.border-end {
  -webkit-border-end: 1px solid var(--default-border) !important;
  border-inline-end: 1px solid var(--default-border) !important;
}

/*End::additive border */
/* Start::border radius */
.br-1 {
  border-radius: 0.0625rem;
}

.br-2 {
  border-radius: 0.125rem;
}

.br-3 {
  border-radius: 0.1875rem;
}

.br-4 {
  border-radius: 0.25rem;
}

.br-5 {
  border-radius: 0.3125rem;
}




.rounded {
  border-radius: 0.5rem !important;
}

/* End::border radius */
/* Start::opacity */
.op-1-1 {
  opacity: 1;
}

.op-0 {
  opacity: 0;
}

.op-1 {
  opacity: 0.1;
}

.op-2 {
  opacity: 0.2;
}

.op-3 {
  opacity: 0.3;
}

.op-4 {
  opacity: 0.4;
}

.op-5 {
  opacity: 0.5;
}



/* End::opacity */
/* Start::basic sizes */
.fs-sm {
  font-size: 0.6875rem;
}

.fs-base {
  font-size: 0.875rem;
}

.fs-lg {
  font-size: 1.125rem;
}

/* End::basic sizes */
/* Start::font sizes */
.fs-1 {
  font-size: 0.0625rem;
}

.fs-2 {
  font-size: 0.125rem;
}

.fs-3 {
  font-size: 0.1875rem;
}

.fs-4 {
  font-size: 0.25rem;
}

.fs-5 {
  font-size: 0.3125rem;
}

.fs-6 {
  font-size: 0.375rem;
}

.fs-7 {
  font-size: 0.4375rem;
}

.fs-8 {
  font-size: 0.5rem;
}

.fs-9 {
  font-size: 0.5625rem;
}

.fs-10 {
  font-size: 0.625rem;
}

.fs-11 {
  font-size: 0.6875rem;
}

.fs-12 {
  font-size: 0.75rem;
}

.fs-13 {
  font-size: 0.8125rem;
}

.fs-14 {
  font-size: 0.875rem;
}

.fs-15 {
  font-size: 0.9375rem;
}

.fs-16 {
  font-size: 1rem;
}

.fs-17 {
  font-size: 1.0625rem;
}

.fs-18 {
  font-size: 1.125rem;
}

.fs-19 {
  font-size: 1.1875rem;
}

.fs-20 {
  font-size: 1.25rem;
}

.fs-21 {
  font-size: 1.3125rem;
}

.fs-22 {
  font-size: 1.375rem;
}

.fs-23 {
  font-size: 1.4375rem;
}

.fs-24 {
  font-size: 1.5rem;
}

.fs-25 {
  font-size: 1.5625rem;
}



/* End::font sizes */
/* Start::text colors */
.text-default {
  color: var(--default-text-color) !important;
}

.text-muted {
  color: var(--text-muted) !important;
}

.text-primary {
  color: var(--primary-color) !important;
  opacity: 1;
}

.text-secondary {
  color: rgb(var(--secondary-rgb)) !important;
  opacity: 1;
}

.text-info {
  color: rgb(var(--info-rgb)) !important;
  opacity: 1;
}

.text-success {
  color: rgb(var(--success-rgb)) !important;
  opacity: 1;
}

.text-warning {
  color: rgb(var(--warning-rgb)) !important;
  opacity: 1;
}

.text-danger {
  color: rgb(var(--danger-rgb)) !important;
  opacity: 1;
}

.text-green {
  color: #1dd871 !important;
}

.text-pink {
  color: rgb(var(--pink-rgb)) !important;
}


.text-orange {
  color: rgb(var(--orange-rgb)) !important;
}

.text-dark {
  color: rgb(var(--dark-rgb)) !important;
}

.text-light {
  color: rgb(var(--light-rgb)) !important;
}

.text-gray {
  color: var(--gray-5) !important;
}

.text-black {
  color: var(--custom-black) !important;
}

.text-white {
  color: var(--custom-white) !important;
}

.text-fixed-white {
  color: #fff !important;
}

.text-fixed-black {
  color: #000 !important;
}

.text-gray-1 {
  color: var(--gray-1);
}


/* End::text colors */
/* Start::links */
a {
  text-decoration: none;
  color: var(--default-text-color);
}

a:hover {
  --bs-text-opacity: 1;
  opacity: 1;
  color: var(--default-text-color);
}

/* End::links */
/* Start::Colored Links */
.link-primary {
  color: var(--primary-color) !important;
}

.link-primary:hover,
.link-primary:focus,
.link-primary:active {
  color: var(--primary-color) !important;
}

/* End::Blockquote */

/* End::Shadows */
@media screen and (min-width: 576px) {
  .w-sm-auto {
    width: auto;
  }
}

/* Start::Text Break */
[dir=rtl] .text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}

/* End::Text Break */
/* Start::Transform */
.transform-none {
  transform: none !important;
}

/* End::Transform */

/* ============start::IMS costom code=============  */

/* css custom */
/* Start::app-header */

.app-sidebar .side-menu__item {
  padding: 0.75rem;
  position: relative;
  display: flex;
  align-items: center;
  text-decoration: none;
  font-size: 0.78rem;
  color: var(--menu-prime-color);
  font-weight: 500;
  border-radius: 0.5rem;
}

.app-header {
  max-width: 100%;
  height: 3.75rem;
  z-index: 100;
  position: fixed;
  inset-block-start: 0;
  inset-inline: 0;
  background: var(--primary-color);
  transition: all 0.1s ease;
}

.main-sidebar {
  -webkit-margin-before: 3.72rem;
  margin-block-start: 3.72rem;
  -webkit-padding-before: 0.5rem;
  padding-block-start: 0.5rem;
  -webkit-padding-after: 5rem;
  padding-block-end: 5rem;
  position: relative;
  overflow: auto;
}

.app-sidebar .main-sidebar-header {
  height: 3.75rem;
  /* width: 13rem; */
  position: static;
  display: flex;
  background: var(--custom-white);
  z-index: 9;
  align-items: center;
  justify-content: center;
  padding: 0.813rem 1.25rem;
  -webkit-border-end: 1px solid var(--menu-border-color);
  border-inline-end: 1px solid var(--menu-border-color);
  -webkit-border-after: 1px solid var(--menu-border-color);
  border-block-end: 1px solid var(--menu-border-color);
  transition: all 0.05s ease;
}

[data-header-styles=light] .main-header-container .header-link-icon:hover {
  background-color: var(--primary-color);
}

.footer {
  box-shadow: none;
}

[data-toggled=icon-overlay-close] .animated-arrow .arrow-icon-open,
[data-toggled=close-menu-close] .animated-arrow .arrow-icon-open,
[data-toggled=icon-text-close] .animated-arrow .arrow-icon-open,
[data-toggled=detached-close] .animated-arrow .arrow-icon-open,
[data-toggled=menu-click-closed] .animated-arrow .arrow-icon-open,
[data-toggled=menu-hover-closed] .animated-arrow .arrow-icon-open,
[data-toggled=icon-click-closed] .animated-arrow .arrow-icon-open,
[data-toggled=icon-hover-closed] .animated-arrow .arrow-icon-open {
  transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);

}

.animated-arrow span {
  cursor: pointer;
  height: 0.125rem;
  width: 12px;
  background: var(--custom-white);
  position: absolute;
  display: block;
  content: "";
  transition: all 0.05s ease-in-out;
}

.animated-arrow span:before,
.animated-arrow span:after {
  cursor: pointer;
  height: 0.125rem;
  width: 1rem;
  background: var(--custom-white);
  position: absolute;
  display: block;
  content: "";
}

.animated-arrow span:before {
  cursor: pointer;
  height: 0.125rem;
  width: 12px;
  background: var(--custom-white);
  position: absolute;
  display: block;
  content: "";
}

.arrow-icon-open {
  width: 6px;
  height: 6px;
  clip-path: polygon(0 48%, 100% 0, 100% 100%);
  background: var(--custom-white);
  right: 1px;
  position: absolute;
  top: 20px;
}

/* css custom */
.dark-bg {
  width: 100%;
  height: 250px;
  background: var(--primary-color);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;

}

.circle-1 {
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 50%;
}

@media (max-width: 576.98px) {
  .circle-1 {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
}


.box-shawdow-sidebar {
  box-shadow: 0.125rem 0 0 rgba(10, 10, 10, 0.04);
}

/* pagination */
.pagination-custom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.pagination-circle {
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  border: 1px solid var(--default-border);
  border-radius: 50%;
  color: rgb(var(--primary-rgb));
  margin-right: 4px;
  transition: all linear 0.3s;
  /* font-size: 20px; */
}

.pagination-circle:hover {
  background: var(--primary-color);
  color: var(--custom-white);
}

.title {
  font-weight: 600;
  font-size: 18px;
  color: var(--primary-color);
  padding: 16px 16px 0;
  margin-bottom: 0;
}

.large-profile-avater {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  border: 2px solid var(--custom-white);
}

.md-profile-avater {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 2px solid var(--custom-white);
}

/* toggle button */
.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 25px;
}

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

.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: 20px;
  width: 20px;
  left: 1px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked+.slider {
  background-color: rgb(var(--orange-rgb));
}

input:focus+.slider {
  box-shadow: 0 0 1px rgb(var(--orange-rgb));
}

input:checked+.slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

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

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



/* start::admin dashboard page */

/* start pop up */
.main-popup {
  height: 100vh;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.popup-content {
  width: 700px;
  border-radius: .5rem;

}

.popup-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;

}

.popup-body {
  padding: 16px;
  overflow: scroll;
  max-height: 500px;
}

.popup-footer {
  text-align: end;
  padding: 0 16px 16px 16px;
}

/* end pop up */

/* end::admin dashboard page */

/* start::admin dashboard case report page */
.w-200 {
  width: 200px !important;
}

@media (max-width: 776.98px) {
  .w-200 {
    width: 100% !important;
  }
}

/* end::admin dashboard case report page */

/* start::admin dashboard report 3 page */
#dashboard-reports-3 .nav {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--text-muted);
  --bs-nav-link-hover-color: var(--text-muted);
  --bs-nav-link-disabled-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  justify-content: space-around;
}

#dashboard-reports-3 .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  color: var(--primary-color);
  background-color: transparent;
  border-bottom: 2px solid var(--primary-color);
}

#dashboard-reports-3 .nav-pills .nav-link {
  border-radius: 0;
}

/* end::admin dashboard report 3 page */

/* start::admission recent update */
.recent-update::after {
  position: absolute;
  content: " ";
  width: 3px;
  height: 100%;
  background: #405AC5;
  left: 0;
}

.icon-avater {
  Width: 48px;
  Height: 48px;
  border-radius: 50%;
  border: 1px solid rgb(var(--light-rgb));
  overflow: hidden;
}

@media (max-width: 450.98px) {
  .icon-avater {
    Width: 28px;
    Height: 28px;
    border-radius: 50%;
    border: 1px solid rgb(var(--light-rgb));
    overflow: hidden;
  }
}


[data-page-style=classic] .app-sidebar,
[data-page-style=classic] .footer,
[data-page-style=classic] .app-header,
[data-page-style=classic] .app-sidebar .main-sidebar {
  box-shadow: none;
}

[data-page-style=modern] .app-sidebar,
[data-page-style=modern] .footer,
[data-page-style=modern] .app-header,
[data-page-style=modern] .app-sidebar .main-sidebar {
  box-shadow: none;
}

/* end::admission recent update */

/* satrt::admin dashboard tickets */
.table-icon {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: rgb(var(--light-rgb));
  line-height: 30px;
  box-shadow: 1px 1px 1px rgb(var(--light-rgb));
}

/* end::admin dashboard tickets */


/* start::pakage dashboard */
.button-cover,
.knobs,
.layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.button {
  position: relative;
  top: 50%;
  width: 74px;
  height: 30px;
  /* margin: -20px auto 0 auto; */
  overflow: hidden;
}

.button.r,
.button.r .layer {
  border-radius: 100px;
  border: 0.3px solid rgba(0, 0, 0, 0.014);
}

.button.b2 {
  border-radius: 2px;
}

.checkbox {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 3;
}

.knobs {
  z-index: 2;
}

.layer {
  width: 100%;
  background-color: #ebf7fc;
  transition: 0.3s ease all;
  z-index: 1;
}

/* Button 1 */
#button-1 .knobs:before {
  content: "No";
  position: absolute;
  top: 1px;
  left: 1px;
  width: 26px;
  height: 26px;
  color: #fff;
  font-size: 9px;
  font-weight: normal;
  text-align: center;
  line-height: 1;
  padding: 9px 4px;
  background-color: #f44336;
  border-radius: 50%;
  transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
}

#button-1 .checkbox:checked+.knobs:before {
  content: "Yes";
  left: 45px;
  background-color: #03a9f4;
}

#button-1 .checkbox:checked~.layer {
  background-color: #ebf7fc;
}

#button-1 .knobs,
#button-1 .knobs:before,
#button-1 .layer {
  transition: 0.3s ease all;
}


/* Button 2 */
#button-2 .knobs:before {
  content: "True";
  position: absolute;
  top: 1px;
  left: 1px;
  width: 26px;
  height: 26px;
  color: #fff;
  font-size: 9px;
  font-weight: normal;
  text-align: center;
  line-height: 1;
  padding: 9px 4px;
  background-color: #03a9f4;
  border-radius: 50%;
  transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
}

#button-2 .checkbox:checked+.knobs:before {
  content: "False";
  left: 45px;
  background-color: #f44336;
  font-size: 8px
}

#button-2 .checkbox:checked~.layer {
  background-color: #fcebeb;
}

#button-2 .knobs,
#button-2 .knobs:before,
#button-2 .layer {
  transition: 0.3s ease all;
}

/* ============end::IMS costom code===============  */

.bg-muted {
  background: #F7F8FB;
}

/* login page start */
.container-login {
  width: 1000px;
}

@media (max-width: 991.98px) {
  .container-login {
    width: 100%;
  }
}

#login .form-check-input {
  width: 0.9rem;
  height: 0.9rem;
  background-color: var(--custom-white);
  border: 2px solid var(--default-border);
}

#login .form-check-input:checked {
  background-color: #07A1E9;
  border-color: #07A1E9;
}

#login .form-check-input:focus {
  border-color: #07A1E9 !important;
  outline: 0;
  box-shadow: #07A1E9;
}

#login .form-check-input.form-checked-outline:checked {
  background-color: transparent;
  border-color: #07A1E9;
}


#login .form-check-input:focus {
  box-shadow: none;
}

.border-radius {
  border-radius: 0;
}

.menu-bar {
  width: 1150px;
}

@media (max-width: 991.98px) {
  .menu-bar {
    width: 100%;
  }
}

.box-shawdow-bottom {
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2);
  ;
}

.active {
  color: rgb(var(--orange-rgb));
}

.footer-login-container {
  width: 1200px;
}

@media (max-width: 991.98px) {
  .footer-login-container {
    width: 100%;
  }
}

#forgot-password input::placeholder {
  font-size: 16px;
}

#instruction-management .form-control::placeholder {
  color: black;
}

#dashboard-ims .table th,
.table td {
  padding: 0.4rem;
  vertical-align: top;
  line-height: 1.462;
  font-size: 0.813rem;
  font-weight: 500;
}

*::-webkit-scrollbar {
  width: 0.25rem;
  height: .5rem;
  -webkit-transition: all ease 0.05s;
  transition: all ease 0.05s;
}

#admin-dashboard-package-popup .popup-content {
  width: 900px;
}

#sub-card .table th {
  padding: 0.75rem 0.75rem 0 0.75rem;
  vertical-align: middle;
  line-height: 1.462;
  font-size: 0.813rem;
  font-weight: 500;
}

.border-all {
  border-top: 2px solid rgba(var(--secondary-rgb), 0.6);
  border-radius: 5px;
  box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.2);
}

.border-custom {
  width: 100px;
}