@charset "UTF-8";
/*------------------------------------------------------------------
[Master Stylesheet]
Project                        :    Synto - NextJs App-Router Javascript & Tailwind CSS Admin Template

Created Date                   :   01/08/2024

Author & Copyright Ownership   :   Spruko Technologies Private Limited 

Author URL                     :   https://themeforest.net/user/spruko

Support	                       :   https://support.spruko.com/

License Details                :   https://spruko.com/licenses-details

-------------------------------------------------------------------*/
/*------------------- Start Table of Content 

FontFamily
Tailwind
Variables
Icons
Dashboard-1
Dashboard-2
Dashboard-3
Dashboard-4
Dashboard-5
Dashboard-6
Dashboard-7
Dashboard-8
Dashboard-9
Dashboard-11
Custom
Button
Box
Alert
Avatar
Badge
List-Group
Progress
Spinner
Toast
Form
Dropzone
Filepond
Color Picker
Dropdown
Modal
Offcanvas
Tooltip
Table
Chart
Pagination
Flat-pickr
Choices
Tom-select
Quil Editor
Rangeslider
Map
Swiper Carousel
Sweetalert
TreeView
Datatable
Calendar
Gallery
Header
Vertical
Responsive
Horizontal
Menu-Click
Menu-Hover
Icon-Click
Icon-Hover
switcher
Mail
Chat
Ecommerce
Invoice
Team
Profile
About
Timeline
Todo
Landing
Authentication
Widgets
blog
notifications
Classic-Page Styles
Boxed
Menu-Scrollable
Header-Scrollable
Closed-Menu
Icon-Overlay
IconText-Menu 
Detached-Menu
Double-Menu
Menu Styles
Header Styles 
Background Image

-------------------*/
/* Start FontFamily Styles */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=fallback");
/* End Tailwind Styles Styles */
/* Start Tailwind Styles */
@import url("../iconfonts/RemixIcons/fonts/remixicon.css");
@import url("../iconfonts/tabler-icons/webfont/tabler-icons.css");
@tailwind base;
@tailwind components;
@tailwind utilities;
/* End Tailwind Styles */
/* Start Variables Styles */
:root {
  --color-primary: 90 102 241;
  --color-primary-rgb: 90,102,241;
  --color-secondary: 96 165 250;
  --color-success: 34 197 94;
  --color-info: 76 117 207;
  --color-warning: 234 179 8;
  --color-danger: 244 63 94;
  --body-bg: 242 246 249;
  --default-text-color: 71 85 105;
  --default-border: 243 243 243;
  --muted: 140 144 151;
  --dark-rgb: 14 16 20;
  --menu-bg: 255 255 255;
  --menu-border-color: 243 243 243;
  --menu-prime-color: 100 116 139;
  --header-bg: 255 255 255;
  --header-prime-color: 100 116 139;
  --header-border-color: 243 243 243;
  --dark-bg: 30 41 59;
  --dark-bg2: 249 250 251;
}

.dark {
  --body-bg: 41 53 73;
  --dark-bg2: 30 41 59;
  --menu-prime-color: 100 116 139;
  --header-prime-color: 100 116 139;
}

input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
  display: none;
}

input[type="password"]::-webkit-credentials-auto-fill-button {
  visibility: hidden;
  pointer-events: none;
  display: none;
}

/* End Variables Styles */
/* Start Icons */
/* Start Icons */
/* Start Dashboard-1 Styles */
.visitors .apexcharts-tooltip,
.visitors .apexcharts-xaxistooltip,
.visitors .apexcharts-grid {
  @apply hidden;
}
.visitors .apexcharts-xaxis line,
.visitors .apexcharts-yaxis line {
  @apply stroke-gray-200 dark:stroke-white/10;
}
.visitors .apexcharts-text.apexcharts-yaxis-label.apexcharts-yaxis-label {
  @apply rtl:-translate-x-12;
}

.visitors .apexcharts-canvas {
  @apply rtl:dir-rtl;
}
.visitors .apexcharts-inner line {
  @apply dark:stroke-white/10;
}
.visitors .apexcharts-grid-borders line:first-child {
  @apply dark:stroke-transparent;
}

/* End Dashboard-1 Styles */
/* Start::Dashboard-2 Styles */
.ecommerce-icon svg {
  @apply w-7 h-7 p-1.5 rounded-md;
}

.ecommerce-icon svg.svg1 {
  @apply bg-primary;
}
.ecommerce-icon svg.svg2 {
  @apply bg-secondary;
}
.ecommerce-icon svg.svg3 {
  @apply bg-danger;
}
.ecommerce-icon svg.svg4 {
  @apply bg-warning;
}
.ecommerce-icon svg.svg5 {
  @apply bg-info;
}
.ecommerce-icon svg.svg6 {
  @apply bg-success;
}

.selling-table .ti-custom-table th {
  @apply text-xs text-[#495057] dark:text-white;
}
.selling-table .ti-custom-table td {
  @apply text-xs font-medium py-3 px-4;
}

/* End::Dashboard-2 Styles */
/* Start:: Dashboard-3 Styles */
.crypto-buy-sell-input {
  @apply w-3/5;
}

#buy-style-1 .choices__inner,
#sell-style-1 .choices__inner {
  @apply sm:min-w-[5rem] border-0;
}
#buy-style-1 .choices__list--dropdown .choices__item--selectable::after,
#buy-style-1 .choices__list[aria-expanded] .choices__item--selectable::after,
#sell-style-1 .choices__list--dropdown .choices__item--selectable::after,
#sell-style-1 .choices__list[aria-expanded] .choices__item--selectable::after {
  @apply hidden;
}
#buy-style-1 .choices__list--dropdown .choices__item--selectable,
#buy-style-1 .choices__list[aria-expanded] .choices__item--selectable,
#sell-style-1 .choices__list--dropdown .choices__item--selectable,
#sell-style-1 .choices__list[aria-expanded] .choices__item--selectable {
  @apply pe-0;
}

.activity-table .ti-custom-table th,
.crypto-table .ti-custom-table th {
  @apply text-xs text-[#495057] dark:text-white;
}
.activity-table .ti-custom-table td,
.crypto-table .ti-custom-table td {
  @apply text-xs font-medium py-4 px-4;
}

#crypto .apexcharts-canvas {
  @apply rtl:dir-rtl;
}
#crypto .apexcharts-xaxis-texts-g .apexcharts-text {
  @apply sm:translate-y-0 -translate-y-1;
}

/* End:: Dashboard-3 Styles */
/* Start:: Dashboard-4 Styles */
.basic-subscription,
.pro-subscription {
  @apply relative before:absolute before:w-2 before:h-2 before:-start-[0.938rem] before:rounded-md before:top-[0.6rem];
}

.basic-subscription:before {
  @apply bg-primary;
}

.pro-subscription:before {
  @apply bg-[#d1dae5];
}

#candidates-chart .apexcharts-datalabels-group text {
  @apply fill-defaultcolor dark:fill-white !important;
}

.recent-recruiter {
  @apply max-w-[7rem];
}

.activity-table2 .ti-custom-table th {
  @apply text-xs text-[#495057] dark:text-white;
}
.activity-table2 .ti-custom-table td {
  @apply text-xs font-medium py-3 px-4;
}

/* End:: Dashboard-4 Styles */
/* Start:: Dashboard-5 Styles */
.nft-auction-time {
  @apply absolute top-auto bottom-1 md:bottom-5 inset-x-4 bg-white/10 backdrop-blur-[1.875rem] rounded-sm;
}

.nft-like-section {
  @apply absolute top-4;
}

.nft-like-badge {
  @apply bg-white/10 backdrop-blur-[1.875rem];
}

.nft-featuredcollect-image {
  @apply xxl:h-[8.813rem] rounded-sm relative before:absolute before:w-full before:h-full before:bg-black/10 !important;
}

.creators-table .ti-custom-table th {
  @apply text-xs text-[#495057] dark:text-white py-3 px-3;
}
.creators-table .ti-custom-table td {
  @apply text-xs font-medium py-3 px-3;
}

.pagination-dynamic .swiper-slide {
  @apply block text-start text-inherit text-xs bg-transparent !important;
}

.nft-img {
  @apply w-6 h-6 sm:h-[2.375rem] sm:w-[2.375rem] hidden sm:block;
  @apply xxl:hidden !important;
}

.nft-img {
  @apply xxxl:block !important;
}

.nft-auction-time {
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

/* End:: Dashboard-5 Styles */
/* Start:: Dashboard-6 Styles */
#audience .apexcharts-text.apexcharts-yaxis-label.apexcharts-yaxis-label {
  @apply rtl:-translate-x-3;
}
#audience .apexcharts-inner line {
  @apply dark:stroke-white/10;
}
#audience .apexcharts-grid-borders line:first-child {
  @apply dark:stroke-transparent;
}
#audience .apexcharts-bar-series .apexcharts-series path {
  @apply dark:stroke-transparent;
}

#session2 .apexcharts-text {
  @apply hidden;
}

#sessions .apexcharts-text {
  @apply text-lg !important;
}

/* End:: Dashboard-6 Styles */
/* Start:: Dashboard-7 Styles */
.shape-1,
.shape-2,
.shape-3,
.shape-4,
.shape-5,
.shape-6,
.shape-7,
.shape-8,
.shape-9,
.shape-10,
.shape-11,
.shape-12,
.shape-13 {
  @apply absolute;
}
.shape-1 i,
.shape-2 i,
.shape-3 i,
.shape-4 i,
.shape-5 i,
.shape-6 i,
.shape-7 i,
.shape-8 i,
.shape-9 i,
.shape-10 i,
.shape-11 i,
.shape-12 i,
.shape-13 i {
  @apply opacity-25;
}

.shape-1 {
  @apply start-[20%] top-[20%];
}

.shape-2 {
  @apply start-[5%] top-[42%];
}

.shape-3 {
  @apply end-[15%] bottom-[55%];
}

.shape-4 {
  @apply start-[55%] top-[25%];
}

.shape-5 {
  @apply start-[50%] bottom-[25%];
}

.shape-6 {
  @apply end-[10%] bottom-[10%];
}

.shape-7 {
  @apply start-[20%] bottom-[17%];
}

.shape-8 {
  @apply end-[20%] bottom-[17%];
}

.shape-9 {
  @apply end-[25%] top-[10%];
}

.shape-10 {
  @apply end-[5%] top-[15%];
}

.shape-11 {
  @apply start-[15%] bottom-[35%];
}

.shape-12 {
  @apply start-[25%] top-[40%];
}

.shape-13 {
  @apply start-[10%] bottom-[10%];
}

.shape-14 {
  @apply -end-[10%] -bottom-[10%];
}

.shape-15 {
  @apply -start-[20%] -bottom-[17%];
}

.shape-16 {
  @apply -end-[20%] -bottom-[17%];
}

#projectAnalysis .apexcharts-grid-borders .apexcharts-gridline {
  @apply stroke-transparent;
}
#projectAnalysis .apexcharts-grid-borders line:not(.apexcharts-gridline) {
  @apply dark:stroke-white/10;
}

/* End:: Dashboard-7 Styles */
/* Start:: Dashboard-8 Styles */
.attendance-table .ti-custom-table th {
  @apply px-4;
}
.attendance-table .ti-custom-table td {
  @apply px-4;
}

#performanceReport .apexcharts-grid-borders .apexcharts-gridline {
  @apply stroke-transparent;
}
#performanceReport .apexcharts-grid-borders line:not(.apexcharts-gridline) {
  @apply dark:stroke-white/10;
}
#performanceReport .apexcharts-xaxis-label {
  @apply text-[0.35rem] sm:text-xs rotate-0;
}
#performanceReport .apexcharts-legend-text {
  @apply sm:text-xs text-[10px] !important;
}
#performanceReport .apexcharts-legend {
  @apply sm:my-0 -my-[6px];
}

/* End:: Dashboard-8 Styles */
/* Start:: Dashboard-9 Styles */
.crm-recent-activity li {
  @apply pb-6 last:pb-0 text-xs;
}

.crm-recent-activity .crm-timeline-content {
  @apply w-[15.5rem];
}

.crm-recent-activity .crm-recent-activity-content {
  @apply relative before:absolute before:content-[""] before:w-px before:bg-transparent before:start-[0.5625rem] before:top-[1.4375rem] last:before:hidden;
}
.crm-recent-activity .crm-recent-activity-content:nth-child(1)::before {
  @apply h-3/5 border-primary/20 border-e border-dashed;
}
.crm-recent-activity .crm-recent-activity-content:nth-child(2)::before {
  @apply h-[68%] border-secondary/20 border-e border-dashed;
}
.crm-recent-activity .crm-recent-activity-content:nth-child(3)::before {
  @apply h-[42%] border-success/20 border-e border-dashed;
}
.crm-recent-activity .crm-recent-activity-content:nth-child(4)::before {
  @apply h-3/5 border-danger/20 border-e border-dashed;
}
.crm-recent-activity .crm-recent-activity-content:nth-child(5)::before {
  @apply h-[47%] border-warning/20 border-e border-dashed;
}
.crm-recent-activity .crm-recent-activity-content:nth-child(6)::before {
  @apply h-3/5 border-info/20 border-e border-dashed;
}
.crm-recent-activity .crm-recent-activity-content:nth-child(7)::before {
  @apply h-3/5 border-pink-500/20 border-e border-dashed;
}
.crm-recent-activity .crm-recent-activity-content:nth-child(8)::before {
  @apply h-3/5 border-primary/20 border-e border-dashed;
}
.crm-recent-activity .crm-recent-activity-content:nth-child(9)::before {
  @apply h-3/5 border-secondary/20 border-e border-dashed;
}

#revenue .apexcharts-xaxis-tick, #leads .apexcharts-xaxis-tick {
  @apply dark:stroke-white/10;
}
#revenue .apexcharts-grid-borders .apexcharts-gridline, #leads .apexcharts-grid-borders .apexcharts-gridline {
  @apply stroke-transparent;
}
#revenue .apexcharts-grid-borders line:not(.apexcharts-gridline), #leads .apexcharts-grid-borders line:not(.apexcharts-gridline) {
  @apply dark:stroke-white/10;
}

/* End:: Dashboard-9 Styles */
/* Start:: Dashboard-11 Styles */
.my-stocks-container .stock-item {
  @apply text-xs px-5 py-4 border-b border-gray-200 dark:border-white/10;
}

.my-stocks-container .stock-item:not(:first-child) {
  @apply mt-0;
}

.my-stocks-container .stock-link {
  @apply p-0;
}

/* End:: Dashboard-11 Styles */
@layer components {
  /* Start Custom Styles */
  .page-header {
    @apply py-5;
  }
  .main-content {
    @apply sm:px-7 px-6;
  }
  .content {
    @apply lg:ms-64 transition-all ms-0;
  }
  pre {
    @apply border-gray-200 border bg-slate-200 text-[0.75rem] p-5;
  }
  html {
    @apply font-inter;
  }
  body {
    @apply bg-bodybg h-full text-gray-600 dark:text-white m-0 font-inter font-normal text-sm relative;
  }
  body ::-webkit-scrollbar {
    @apply w-[5px] h-[5px] bg-gray-100 dark:bg-black/20;
  }
  body ::-webkit-scrollbar-thumb {
    @apply w-[5px] h-[2px] bg-gray-300 dark:bg-black/20;
  }
  .dark body ::-webkit-scrollbar {
    @apply bg-black/20;
  }
  .dark body ::-webkit-scrollbar-thumb {
    @apply bg-black/40;
  }
  .page {
    @apply flex flex-col h-full min-h-screen overflow-x-clip;
  }
  code {
    @apply text-danger text-sm;
  }
  .icons-list {
    @apply list-none mt-0 -me-[1px] -mb-[1px] ms-0 p-0 flex flex-wrap;
  }
  .icons-list .icons-list-item {
    @apply flex flex-col text-center p-2 no-underline relative items-center justify-center border border-gray-200 dark:border-white/10 rounded-md;
  }
  .icons-list .icons-list-item:hover i {
    @apply scale-150;
  }
  .icons-list .icons-list-item i {
    @apply text-2xl text-primary;
  }
  .icon-label {
    @apply text-gray-500 dark:text-white/70 text-xs mt-4;
  }
  .app-sidebar .simplebar-scrollbar:before {
    @apply bg-gray-200 dark:bg-gray-50 !important;
  }
  .simplebar-track.simplebar-vertical {
    @apply w-1 !important;
  }
  .simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
    @apply start-0 end-0;
  }
  [data-toggled=icon-overlay-close] .content {
    @apply lg:ms-24;
  }
  [name=hs-ratings-readonly] {
    @apply hover:bg-transparent focus:bg-transparent !important;
  }
  /* Start:: Back to Top */
  .scrollToTop {
    @apply bg-primary text-white fixed bottom-8 end-8 items-center justify-center text-center hidden z-[10000] h-10 w-10 bg-no-repeat bg-center transition ease-linear duration-[0.1s] rounded-md shadow-md;
  }
  .scrollToTop {
    @apply p-[0] !important;
  }
  /* Start:: Back to Top */
  select option:active,
  select option:hover,
  select option:focus {
    background-color: green !important;
  }
  /* End Custom Styles */
  select {
    @apply rtl:bg-[left_0.5rem_center] pe-9 ps-2;
  }
  #drag-right .box,
  #drag-center .box,
  #drag-left .box {
    @apply touch-none;
  }
  #responsive-overlay {
    @apply transition-all duration-100 fixed inset-0 z-[49] bg-gray-900 invisible bg-opacity-0;
  }
  #responsive-overlay.active {
    @apply bg-opacity-50 dark:bg-opacity-80 visible;
  }
}
@layer utilities {
  .aspect-w-16 {
    position: relative;
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    --tw-aspect-w: 16;
  }
  .aspect-w-16 > * {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .aspect-h-9 {
    --tw-aspect-h: 9;
  }
  .aspect-w-1 {
    position: relative;
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    --tw-aspect-w: 1;
  }
  .aspect-w-1 > * {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .aspect-h-1 {
    --tw-aspect-h: 1;
  }
}
.simplebar-scrollbar:before {
  @apply bg-black/10 dark:bg-gray-50 !important;
}

.rti--container {
  @apply bg-white dark:bg-bodybg border-defaultborder dark:border-defaultborder/10 !important;
}

.rti--tag {
  @apply bg-primary text-white dark:bg-primary !important;
}

.rti--input {
  @apply bg-bodybg dark:bg-bodybg;
}

.rti--tag button:hover {
  @apply dark:text-white;
}

.react-select__input-container, .react-select__single-value {
  @apply dark:text-white/70 !important;
}

.react-select__menu, .filepond--root .filepond--drop-label, .filepond--panel-center.filepond--panel-root {
  @apply bg-bodybg dark:bg-bodybg border-defaultborder dark:border-defaultborder/10 !important;
}

.react-select__option--is-focused, .react-select__option:hover {
  @apply bg-primary text-white;
}

.react-select__option.react-select__option--is-focused, .react-dropdown-select-option, .react-dropdown-select-item-selected {
  @apply bg-primary text-white !important;
}

.team-right.team-members .ti-form-select {
  @apply border-0 !important;
}

.filepond--drop-label.filepond--drop-label label {
  @apply dark:text-white/70;
}

.filepond--panel-top.filepond--panel-root, .filepond--panel-bottom.filepond--panel-root {
  @apply bg-white dark:bg-bodybg !important;
}

.react-dropdown-select {
  @apply border-defaultborder dark:border-defaultborder/10 !important;
}

.react-dropdown-select-dropdown {
  @apply bg-white dark:bg-bodybg border-defaultborder dark:border-defaultborder/10 !important;
}

.react-dropdown-select-item {
  @apply border-b-defaultborder dark:border-b-defaultborder/10 !important;
}

@media (max-width: 380px) {
  .task-choice.totdolist {
    @apply w-[200px] !important;
  }
  .multiple-month-picker .react-datepicker {
    @apply w-[19rem] !important;
  }
}
.ti-btn-soft-light:hover {
  @apply dark:bg-bodybg dark:text-white/70 !important;
}

.apexcharts-legend-text {
  @apply dark:text-white/70 !important;
}

.MuiRating-iconEmpty svg, .MuiRating-icon.MuiRating-iconEmpty svg {
  @apply dark:text-white/70;
}

.apexcharts-legend-text {
  @apply ps-[15px] ms-[-10px] !important;
}

.ri-arrow-right-s-line::before {
  @apply rtl:content-[""];
}

.ri-arrow-left-s-line::before {
  @apply rtl:content-[""];
}

#leads-by-soruce .apexcharts-text {
  @apply rtl:-translate-x-0 dir-ltr;
}

#buy-style-1 .react-select__control, .select-sizes .react-select__control {
  @apply border-0 !important;
}

.swal2-validation-message {
  @apply dark:bg-bodybg dark:text-white/70 !important;
}

@media screen and (min-width: 992px) {
  [data-vertical-style=doublemenu] .side-menu__item {
    padding: 0.6rem 0.75rem;
  }
}

.yarl__container, .yarl__thumbnails_container {
  @apply bg-black/80 !important;
}

#navbar-collapse-basic .hs-dropdown-menu {
  @apply absolute;
}

.MuiStepLabel-label {
  @apply text-defaultcolor dark:text-white/70 !important;
}
.MuiStepLabel-label.Mui-active {
  @apply text-primary !important;
}

.MuiSvgIcon-fontSizeMedium, .Mui-active {
  @apply text-primary !important;
}

.MuiButton-root.MuiButton-contained.MuiButton-containedPrimary {
  @apply bg-primary;
}

.MuiStepLabel-iconContainer.Mui-disabled {
  padding-inline-end: 8px !important;
}

.MuiButton-textPrimary {
  @apply bg-secondary text-white;
}
.MuiButton-textPrimary:hover {
  @apply bg-secondary text-white;
}

.wizard-tab .wizard-content {
  @apply p-[3rem];
}

.payment-card-container {
  @apply relative p-[0.625rem] border border-gray-200 dark:border-white/10 rounded-md;
}

.payment-card-container .ti-form-checkbox {
  @apply absolute right-[0.75rem] top-[1.7rem];
}

.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.btn-group label {
  position: relative;
  flex: 1 1 auto;
}

.MuiTypography-root.MuiTypography-caption {
  @apply hidden;
}

.react-select__control {
  @apply shadow-none !important;
}

.Toastify__toast {
  @apply dark:bg-bodybg dark:text-white/70;
}
.Toastify__toast h6 {
  @apply dark:text-white;
}

.swiper.Swiperslide-1 .swiper-backface-hidden .swiper-slide {
  @apply border border-defaultborder dark:border-defaultborder/10;
}

.apexcharts-pie circle, .apexcharts-pie line {
  @apply dark:stroke-white/10;
}

.apexcharts-inner.apexcharts-graphical polygon {
  @apply dark:stroke-white/10;
}

.selectpage, .basic-data-table .form-control {
  @apply dark:bg-bodybg dark:text-white/70 !important;
}

.candlestick .apexcharts-text, #crypto .apexcharts-text {
  @apply origin-center rotate-0 !important;
}

.color-picker-input {
  @apply relative top-1;
}
.color-picker-input input {
  @apply w-[30px] h-[30px] bg-primary;
}

.color-picker-input::after {
  @apply content-[""] font-["remixicon"] text-white/90 text-lg px-[7px] py-[3px] !important;
}

.color-picker-input::before {
  @apply absolute content-[""] top-0 start-0 h-[100px] w-[100px] bg-primaryrgb rounded-sm;
}

.pcr-button .Themebackgroundcolor,
.Themeprimarycolor {
  @apply mt-[-11px] -ml-2 rtl:-mr-2;
}

.MuiTreeItem-content {
  @apply mb-[10px];
}

.MuiTreeItem-content:hover, .MuiTreeItem-content.Mui-expanded.Mui-selected {
  @apply bg-primary/10;
}

.react-select__indicators .react-select__dropdown-indicator:after {
  @apply rtl:left-2 rtl:right-[inherit] !important;
}

.task-choice {
  @apply w-[110px];
}

select {
  @apply dark:bg-transparent dark:border-white/10;
}
select option {
  @apply dark:bg-bodybg dark:border-white/10;
}
select:focus {
  @apply dark:border-white/10 !important;
}

.react-dropdown-select {
  @apply rtl:dir-rtl !important;
}

.react-select--is-disabled .react-select__control--is-disabled {
  @apply dark:bg-white/10 border dark:border-defaultborder/10 !important;
}

@media (max-width: 768px) {
  .MuiStepper-root.MuiStepper-horizontal {
    @apply block !important;
  }
  .MuiStepConnector-line.MuiStepConnector-lineHorizontal {
    @apply border-transparent;
  }
  .MuiStep-root.MuiStep-horizontal {
    @apply mb-3;
  }
  .wizard-tab .wizard-content {
    padding: 1rem;
  }
}
.MuiStepConnector-line.MuiStepConnector-lineHorizontal {
  @apply dark:border-defaultborder/10;
}

.apexcharts-pie .apexcharts-text {
  @apply rtl:-translate-x-0;
}

.apexcharts-radialbar text {
  --tw-translate-y: -1rem;
}

.apexcharts-pie-series path {
  @apply dark:stroke-white/10;
}

.MuiCollapse-root.MuiCollapse-vertical.MuiTreeItem-groupTransition {
  @apply rtl:pl-0 rtl:pr-3;
}

.react-select__control {
  @apply dark:bg-transparent !important;
}

.apexcharts-tooltip-marker {
  @apply rtl:ml-2;
}

.MuiStepContent-root, .MuiStepConnector-line.MuiStepConnector-lineVertical {
  @apply dark:border-defaultborder/10 !important;
}

.MuiPaper-root.MuiPaper-elevation {
  @apply dark:bg-bodybg dark:text-white/70;
}

.react-select__control, .Select2__control {
  @apply dark:border-defaultborder/10 !important;
}

[type=password] {
  @apply dark:bg-bodybg dark:text-white/70;
}

.Profile-post-footer .react-select__control {
  @apply w-[125px];
}

.MuiButton-textPrimary:hover {
  @apply text-dark;
}

.rti--container {
  --rti-main: transparent !important;
}

.hs-select.relative button {
  @apply mb-[5px];
}

#area-chart .apexcharts-canvas, #line-chart .apexcharts-canvas, #bar-chart .apexcharts-canvas, #column-chart .apexcharts-canvas, #timeline-basic .apexcharts-canvas, #mixed-linecolumn .apexcharts-canvas, #boxplot-basic .apexcharts-canvas, #candlestick-basic .apexcharts-canvas, #scatter-datetime .apexcharts-canvas, #bubble-3d .apexcharts-canvas, #heatmap-basic .apexcharts-canvas {
  @apply rtl:dir-ltr;
}

.react-datepicker-popper .react-datepicker__triangle {
  @apply dark:stroke-white/10;
}

.ql-formats button svg {
  @apply dark:fill-white/80;
}

.react-select__control {
  @apply min-h-[46px] !important;
}

.apexcharts-canvas {
  @apply rtl:dir-ltr !important;
}

.visitors .apexcharts-text.apexcharts-yaxis-label.apexcharts-yaxis-label:where([dir=rtl], [dir=rtl] *) {
  @apply translate-x-0;
}

#analytics .apexcharts-datalabel-label,
#analytics .apexcharts-datalabel-value {
  font-size: 1.2rem;
}

.Toastify__close-button--light {
  @apply dark:text-white;
}

.MuiTreeItem-iconContainer svg {
  @apply rtl:rotate-180;
}

/* Start Buttons Styles */
.ti-btn {
  @apply py-2 px-3 inline-flex justify-center items-center gap-2 rounded-sm border border-transparent font-normal focus:ring-0 focus:outline-none focus:ring-offset-0 transition-all text-sm m-1 ms-0;
}
.ti-btn.ti-btn-outline {
  @apply border;
}
.ti-btn.ti-btn-disabled {
  @apply cursor-not-allowed opacity-50;
}

.ti-btn-group {
  @apply py-3 px-4 inline-flex justify-center items-center gap-2 -ms-px first:rounded-s-sm first:ms-0 last:rounded-e-sm border font-medium align-middle focus:z-10 focus:outline-none focus:ring-0 transition-all text-sm;
}

.ti-btn-primary {
  @apply bg-primary text-white hover:bg-primary focus:ring-primary dark:focus:ring-offset-white/10;
}

.ti-btn-secondary {
  @apply bg-secondary text-white hover:bg-secondary focus:ring-secondary dark:focus:ring-offset-white/10;
}

.ti-btn-warning {
  @apply bg-warning text-white hover:bg-warning focus:ring-warning dark:focus:ring-offset-white/10;
}

.ti-btn-success {
  @apply bg-success text-white hover:bg-success focus:ring-success dark:focus:ring-offset-white/10;
}

.ti-btn-light {
  @apply bg-gray-100 text-gray-800 hover:bg-gray-100 focus:ring-gray-100 dark:focus:ring-offset-white/10;
}

.ti-btn-dark {
  @apply bg-gray-900 text-gray-100 hover:bg-gray-900 focus:ring-white/10 dark:focus:ring-offset-white/10;
}

.ti-btn-info {
  @apply bg-info text-white hover:bg-info focus:ring-info dark:focus:ring-offset-white/10;
}

.ti-btn-danger {
  @apply bg-danger text-white hover:bg-danger focus:ring-danger dark:focus:ring-offset-white/10;
}

.ti-btn-outline-primary {
  @apply border-primary text-primary hover:text-white hover:bg-primary hover:border-primary focus:ring-primary dark:focus:ring-offset-white/10;
}

.ti-btn-outline-secondary {
  @apply border-secondary text-secondary hover:text-white hover:bg-secondary hover:border-secondary focus:ring-secondary dark:focus:ring-offset-white/10;
}

.ti-btn-outline-danger {
  @apply border-danger text-danger hover:text-white hover:bg-danger hover:border-danger focus:ring-danger dark:focus:ring-offset-white/10;
}

.ti-btn-outline-warning {
  @apply border-warning text-warning hover:text-white hover:bg-warning hover:border-warning focus:ring-warning dark:focus:ring-offset-white/10;
}

.ti-btn-outline-info {
  @apply border-info text-info hover:text-white hover:bg-info hover:border-info focus:ring-info dark:focus:ring-offset-white/10;
}

.ti-btn-outline-success {
  @apply border-success text-success hover:text-white hover:bg-success hover:border-success focus:ring-success dark:focus:ring-offset-white/10;
}

.ti-btn-outline-light {
  @apply border-gray-200 text-gray-500 hover:text-gray-500 dark:border-gray-500 hover:bg-gray-200 hover:border-gray-200 focus:ring-gray-100 dark:focus:ring-offset-white/10;
}

.ti-btn-outline-dark {
  @apply border-gray-900 text-gray-900 hover:text-white hover:bg-gray-900 hover:border-gray-900 dark:border-white/10 dark:text-white/70 focus:ring-white/10 dark:focus:ring-offset-white/10;
}

.ti-btn-ghost-primary {
  @apply text-primary hover:bg-primary/10 focus:ring-primary dark:focus:ring-offset-white/10;
}

.ti-btn-ghost-secondary {
  @apply text-secondary hover:bg-secondary/10 focus:ring-secondary dark:focus:ring-offset-white/10;
}

.ti-btn-ghost-warning {
  @apply text-warning hover:bg-warning/10 focus:ring-warning dark:focus:ring-offset-white/10;
}

.ti-btn-ghost-info {
  @apply text-info hover:bg-info/10 focus:ring-info dark:focus:ring-offset-white/10;
}

.ti-btn-ghost-danger {
  @apply text-danger hover:bg-danger/10 focus:ring-danger dark:focus:ring-offset-white/10;
}

.ti-btn-ghost-success {
  @apply text-success hover:bg-success/10 focus:ring-success dark:focus:ring-offset-white/10;
}

.ti-btn-ghost-light {
  @apply text-gray-500 hover:bg-gray-100 focus:ring-gray-100 dark:focus:ring-offset-white/10 dark:hover:bg-bodybg;
}

.ti-btn-ghost-dark {
  @apply text-gray-900 hover:bg-gray-900/10 focus:ring-white/10 dark:focus:ring-offset-white/10 dark:text-white/70 dark:hover:bg-black/20;
}

.ti-btn-soft-primary {
  @apply bg-primary/10 text-primary hover:text-white hover:bg-primary ring-offset-white focus:ring-primary dark:focus:ring-offset-white/10;
}

.ti-btn-soft-secondary {
  @apply bg-secondary/10 text-secondary hover:text-white hover:bg-secondary ring-offset-white focus:ring-secondary dark:focus:ring-offset-white/10;
}

.ti-btn-soft-warning {
  @apply bg-warning/10 text-warning hover:text-white hover:bg-warning ring-offset-white focus:ring-warning dark:focus:ring-offset-white/10;
}

.ti-btn-soft-danger {
  @apply bg-danger/10 text-danger hover:text-white hover:bg-danger ring-offset-white focus:ring-danger dark:focus:ring-offset-white/10;
}

.ti-btn-soft-info {
  @apply bg-info/10 text-info hover:text-white hover:bg-info ring-offset-white focus:ring-info dark:focus:ring-offset-white/10;
}

.ti-btn-soft-success {
  @apply bg-success/10 text-success hover:text-white hover:bg-success ring-offset-white focus:ring-success dark:focus:ring-offset-white/10;
}

.ti-btn-soft-light {
  @apply bg-gray-100 dark:bg-gray-100/10 text-gray-500 dark:text-white dark:hover:text-gray-800 hover:text-gray-800 hover:bg-gray-200 dark:hover:bg-gray-200 ring-offset-white focus:ring-success dark:focus:ring-offset-white/10;
}

.ti-btn-soft-dark {
  @apply bg-gray-900/10 text-gray-900 hover:text-white hover:bg-gray-900 ring-offset-white focus:ring-white/10 dark:focus:ring-offset-white/10 dark:text-white/70;
}

/* End Buttons Styles */
@layer components {
  /* Start Box Styles */
  .box {
    @apply flex flex-col border bg-white border-gray-200 shadow-lg rounded-sm dark:text-gray-100 dark:bg-bgdark dark:border-white/10 dark:shadow-black/[0.05] mb-6 relative;
  }
  .box-header {
    @apply font-medium border-b border-gray-200 rounded-t-sm px-4 py-3 dark:border-white/10;
  }
  .box-title {
    @apply font-semibold text-gray-800 text-base my-auto dark:text-white;
  }
  .box-body {
    @apply p-6;
  }
  .box-footer {
    @apply border-t rounded-b-sm py-3 px-4 md:py-4 md:px-5 dark:border-white/10;
  }
  .overlay-box {
    @apply relative overflow-hidden text-white/90 before:absolute before:bg-black/20 before:start-0 before:end-0 before:top-0 before:bottom-0;
  }
  .overlay-box .box-header {
    @apply border-white/10;
  }
  .overlay-box .box-footer {
    @apply border-white/10;
  }
  .over-content-bottom {
    @apply top-auto;
  }
  .box-anchor {
    @apply content-[] absolute inset-0 z-[1] pointer-events-none;
  }
  .box.box-fullscreen {
    @apply fixed inset-0 z-[9999] m-0 rounded-none;
  }
  .box-img-overlay {
    @apply absolute inset-0 rounded-sm overflow-auto;
  }
  /* End Box Styles */
  /* Start Alert Styles */
  .alert {
    @apply text-sm rounded-sm px-4 py-3 mb-5 last:mb-0;
  }
  /* End Alert Styles */
  /* Start Avatar Styles */
  .avatar {
    @apply h-[2.875rem] w-[2.875rem] inline-block ring-2 ring-white dark:ring-transparent;
  }
  .avatar.avatar-xs {
    @apply h-8 w-8;
  }
  .avatar.avatar-sm {
    @apply h-[2.375rem] w-[2.375rem];
  }
  .avatar.avatar-lg {
    @apply h-[3.875rem] w-[3.875rem];
  }
  /* End Avatar Styles */
  /* Start Badge Styles */
  .badge {
    @apply inline-flex items-center gap-1.5 py-1.5 px-3 rounded-full text-xs font-medium mb-2;
  }
  .badge:last-child {
    @apply mb-0;
  }
  /* End Badge Styles */
  /* Start List-Group Styles */
  .ti-list-group {
    @apply inline-flex items-center gap-x-2 py-3 px-4 text-sm font-medium -mt-px first:rounded-t-sm first:mt-0 last:rounded-b-sm border text-start dark:border-white/10;
  }
  .ti-list-group.ti-icon-link {
    @apply focus:z-10 focus:outline-none focus:ring-0;
  }
  .ti-list-group.ti-list-group-disabled {
    @apply cursor-not-allowed;
  }
  /* End List-Group Styles */
  /* Start Progress Styles */
  .ti-main-progress {
    @apply flex w-full h-1.5 rounded-full overflow-hidden;
  }
  .ti-main-progress .ti-main-progress-bar {
    @apply flex flex-col justify-center overflow-hidden;
  }
  /* End Progress Styles */
  /* Start Spinner Styles */
  .ti-spinner {
    @apply animate-spin inline-block w-6 h-6 border-[3px] border-current border-t-transparent rounded-full;
  }
  /* End Spinner Styles */
  /* Start Toast Styles */
  .ti-toast {
    @apply max-w-xs border rounded-sm shadow-lg dark:border-white/10;
  }
  /* End Toast Styles */
  .ti-border {
    @apply border-[#e5e7eb];
  }
}
@layer components {
  /* Start Form Styles */
  .ti-form-input {
    @apply py-3 px-4 border border-gray-200 block w-full rounded-sm text-sm focus:border-gray-200 focus:ring-transparent focus:shadow-sm dark:shadow-white/10 dark:bg-bgdark dark:border-white/10 dark:focus:border-white/10 dark:text-white/70 dark:placeholder:text-white/50;
  }
  .ti-form-checkbox {
    @apply shrink-0 border-gray-200 rounded-sm text-primary focus:ring-primary dark:bg-bgdark dark:border-white/10 dark:checked:bg-primary dark:checked:border-primary dark:focus:ring-offset-white/10;
  }
  .ti-form-radio {
    @apply shrink-0 mt-0.5 border-gray-300 rounded-full text-primary focus:ring-primary dark:bg-bgdark dark:border-white/10 dark:checked:bg-primary dark:checked:border-primary dark:focus:ring-offset-white/10;
  }
  .ti-switch {
    @apply relative w-[3.25rem] h-7 bg-gray-200 checked:bg-none checked:bg-primary border-2 border-transparent rounded-full cursor-pointer transition-colors ease-in-out duration-200 ring-0 ring-transparent focus:border-primary focus:ring-transparent ring-offset-white focus:outline-0 appearance-none dark:bg-bodybg dark:checked:bg-primary dark:focus:ring-offset-white/10 before:inline-block before:w-6 before:h-6 before:bg-white checked:before:bg-white before:translate-x-0 ltr:checked:before:translate-x-full rtl:checked:before:-translate-x-full before:shadow before:rounded-full before:transform before:ring-0 before:transition before:ease-in-out before:duration-200 dark:before:bg-black/20 dark:checked:before:bg-white;
  }
  .ti-form-select {
    @apply py-3 px-4 pe-9 block w-full border-gray-200 rounded-sm text-sm focus:border-primary focus:ring-primary dark:bg-bgdark dark:border-white/10 dark:text-white/70;
  }
  .ti-form-select-label {
    @apply block text-sm font-medium mb-2 dark:text-white;
  }
  .ti-form-label {
    @apply block text-sm font-medium mb-2 dark:text-white;
  }
  [type=radio]:checked:hover,
  [type=radio]:checked:focus {
    @apply bg-primary;
  }
  #hs-select-temporary {
    @apply dark:bg-bodybg dark:border-white/10 dark:text-white/70 w-full;
  }
  /* End Form Styles */
  /* Start Dropzone Styles */
  .dropzone {
    @apply border border-gray-200 dark:border-white/10 rounded-sm space-x-2 rtl:space-x-reverse space-y-2 !important;
  }
  .dropzone .dz-preview {
    @apply m-0 !important;
  }
  .dropzone .dz-message .dz-button {
    @apply text-xl !important;
  }
  .dropzone .dz-preview .dz-success-mark,
  .dropzone .dz-preview .dz-error-mark {
    @apply z-10 !important;
  }
  /* End Dropzone Styles */
  /* Start Filepond Styles */
  .filepond--credits {
    @apply hidden;
  }
  .filepond--drop-label.filepond--drop-label label {
    @apply dark:text-white;
  }
  .filepond--panel-root {
    @apply bg-transparent border border-dashed border-gray-200 dark:border-white/10 rounded-sm !important;
  }
  .filepond.circular-filepond .filepond--panel-root {
    @apply rounded-full !important;
  }
  .circular-filepond.filepond--root[data-style-panel-layout~=circle] .filepond--file [data-align*=left] {
    @apply start-[40%];
  }
  .circular-filepond.filepond--root[data-style-panel-layout~=circle] {
    @apply w-32 h-32 my-0 mx-auto !important;
  }
  .filepond--root {
    @apply mb-0 !important;
  }
  /* End Filepond Styles */
  /*Color Picker*/
  .pickr .pcr-button {
    @apply overflow-hidden rounded-sm !important;
  }
  .pcr-app {
    @apply rounded-sm z-[9999999999] !important;
  }
  /*Color Picker*/
}
@layer components {
  /* Start Dropdown Styles */
  .ti-dropdown {
    @apply relative inline-flex;
  }
  .ti-dropdown-toggle {
    @apply py-3 px-4 inline-flex justify-center items-center gap-2 rounded-sm border font-medium bg-white text-gray-700 shadow-sm align-middle hover:bg-gray-50 focus:outline-none focus:ring-0 focus:ring-offset-0 focus:ring-offset-white focus:ring-primary transition-all text-sm dark:bg-bgdark dark:hover:bg-bodybg dark:border-white/10 dark:text-white/70 dark:hover:text-white dark:focus:ring-offset-white/10;
  }
  .ti-dropdown-caret {
    @apply w-2.5 h-2.5 text-gray-600 dark:text-white/70;
  }
  .ti-dropdown-menu {
    @apply transition-[opacity,margin] hs-dropdown-open:opacity-100 opacity-0 hidden z-10 mt-2 min-w-[15rem] bg-white shadow-md border border-gray-200 rounded-sm p-2 dark:bg-bgdark dark:border-white/10 dark:divide-white/10;
  }
  .ti-dropdown-item {
    @apply flex items-center gap-x-3.5 py-2 px-3 rounded-sm text-sm text-gray-800 hover:bg-gray-50 focus:ring-0 focus:ring-primary dark:text-white/70 dark:hover:bg-bodybg dark:hover:text-gray-300;
  }
  .ti-dropdown-menu-hover {
    @apply after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full before:h-4 before:absolute before:-top-4 before:start-0 before:w-full;
  }
  .ti-dropdown-divider {
    @apply py-2 first:pt-0 last:pb-0;
  }
  .ti-dropdown-title {
    @apply block py-2 px-3 text-xs font-medium uppercase text-gray-400 dark:text-white/70;
  }
  .ti-dropdown-header {
    @apply py-3 px-5 -m-2 bg-gray-100 rounded-t-sm dark:bg-bodybg;
  }
  .ti-dropdown-header .ti-dropdown-header-title {
    @apply text-sm text-gray-500 dark:text-white;
  }
  .ti-dropdown-header .ti-dropdown-header-content {
    @apply text-sm font-medium text-gray-800 dark:text-white;
  }
  .ti-dropdowm-profileimg {
    @apply w-8 h-auto rounded-full;
  }
  .ti-dropdowm-profileimg-content {
    @apply text-gray-600 font-medium truncate max-w-[7.5rem] dark:text-white/70;
  }
  .ti-dropdown-icon {
    @apply w-4 h-4 text-gray-600 dark:text-white/70;
  }
  /* End Dropdown Styles */
}
@layer components {
  /* Start Modal Styles */
  .ti-modal {
    @apply size-full fixed top-0 start-0 z-[80] hs-overlay-open:opacity-100 hs-overlay-open:duration-500 opacity-0 overflow-x-hidden transition-all overflow-y-auto pointer-events-none;
  }
  .ti-modal .ti-modal-header {
    @apply flex justify-between items-center py-3 px-4 border-b dark:border-white/10;
  }
  .ti-modal .ti-modal-box {
    @apply sm:max-w-lg sm:w-full m-3 sm:mx-auto;
  }
  .ti-modal .ti-modal-content {
    @apply flex flex-col bg-white border shadow-sm rounded-sm dark:bg-bgdark dark:border-white/10 dark:shadow-black/[0.05] pointer-events-auto;
  }
  .ti-modal .ti-modal-title {
    @apply font-bold text-gray-800 dark:text-white;
  }
  .ti-modal .ti-modal-close-btn {
    @apply inline-flex flex-shrink-0 justify-center items-center h-8 w-8 rounded-md text-gray-500 dark:text-white dark:hover:text-white/70 hover:text-gray-400 focus:outline-none focus:ring-0 focus:ring-gray-400 focus:ring-offset-0 focus:ring-offset-white transition-all text-sm dark:focus:ring-white/10 dark:focus:ring-offset-white/10;
  }
  .ti-modal .ti-modal-body {
    @apply p-4 overflow-y-auto;
  }
  .ti-modal .ti-modal-footer {
    @apply flex justify-end items-center gap-x-2 py-3 px-4 border-t dark:border-white/10;
  }
  /* End Modal Styles */
}
@layer components {
  /* Start Offcanvas Styles */
  .ti-offcanvas {
    @apply fixed transition-all duration-300 transform h-full bg-white dark:bg-bgdark dark:border-transparent z-[60] shadow-md;
  }
  .ti-offcanvas.ti-offcanvas-left {
    @apply ltr:-translate-x-full rtl:translate-x-full top-0 start-0 max-w-sm w-full border-e;
  }
  .ti-offcanvas.ti-offcanvas-top {
    @apply -translate-y-full top-0 inset-x-0 max-h-40 w-full border-b;
  }
  .ti-offcanvas.ti-offcanvas-right {
    @apply ltr:translate-x-full rtl:-translate-x-full top-0 end-0 max-w-sm w-full border-s;
  }
  .ti-offcanvas.ti-offcanvas-bottom {
    @apply translate-y-full bottom-0 inset-x-0 max-h-40 w-full border-b;
  }
  .ti-offcanvas.open {
    @apply translate-x-0 translate-y-0 !important;
  }
  .ti-offcanvas .ti-offcanvas-header {
    @apply flex justify-between items-center py-3 px-4 border-b dark:border-white/10;
  }
  .ti-offcanvas .ti-offcanvas-title {
    @apply font-bold text-gray-800 dark:text-white;
  }
  .ti-offcanvas .ti-offcanvas-body {
    @apply p-4 overflow-y-auto h-[90%];
  }
  /* End Offcanvas Styles */
}
@layer components {
  /* Start Tooltip Styles */
  .ti-main-tooltip {
    @apply inline-block;
  }
  .ti-main-tooltip .ti-main-tooltip-toggle {
    @apply block text-center;
  }
  .ti-main-tooltip-content {
    @apply hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 transition-opacity inline-block absolute invisible z-10 py-3 px-4 bg-white border border-gray-200 text-sm text-gray-600 rounded-md shadow-md dark:bg-bodybg dark:border-white/10 dark:text-white/70;
  }
  /* End Tooltip Styles */
}
@layer components {
  /* Start Table Styles */
  .ti-custom-table-head {
    @apply divide-y divide-gray-200 dark:divide-white/10;
  }
  .ti-custom-table {
    @apply min-w-full;
  }
  .ti-custom-table th {
    @apply px-6 py-3 text-start font-semibold text-xs uppercase bg-gray-50 dark:bg-bodybg dark:text-white;
  }
  .ti-custom-table tbody {
    @apply divide-y divide-gray-200 dark:divide-white/10;
  }
  .ti-custom-table td {
    @apply px-6 py-4 whitespace-nowrap text-sm dark:text-gray-200 font-medium;
  }
  .ti-striped-table tbody tr {
    @apply odd:bg-white even:bg-gray-100 dark:odd:bg-bgdark dark:even:bg-bodybg;
  }
  .ti-custom-table-hover tbody tr {
    @apply hover:bg-gray-100 dark:hover:bg-bodybg;
  }
  .table-bordered {
    @apply border dark:border-white/10;
  }
  .table-bordered tr {
    @apply divide-x rtl:divide-x-reverse divide-gray-200 dark:divide-white/10;
  }
  .table-bordered-primary {
    @apply border border-primary/30 dark:border-primary/30;
  }
  .table-bordered-primary .ti-custom-table-head {
    @apply divide-y divide-primary/30 dark:divide-primary/30;
  }
  .table-bordered-primary tbody {
    @apply divide-y divide-primary/30 dark:divide-primary/30;
  }
  .table-bordered-primary tr {
    @apply divide-x rtl:divide-x-reverse divide-primary/30 dark:divide-primary/30;
  }
  .table-bordered-secondary {
    @apply border border-secondary/30 dark:border-secondary/30;
  }
  .table-bordered-secondary .ti-custom-table-head {
    @apply divide-y divide-secondary/30 dark:divide-secondary/30;
  }
  .table-bordered-secondary tbody {
    @apply divide-y divide-secondary/30 dark:divide-secondary/30;
  }
  .table-bordered-secondary tr {
    @apply divide-x rtl:divide-x-reverse divide-secondary/30 dark:divide-secondary/30;
  }
  .table-bordered-warning {
    @apply border border-warning/30 dark:border-warning/30;
  }
  .table-bordered-warning .ti-custom-table-head {
    @apply divide-y divide-warning/30 dark:divide-warning/30;
  }
  .table-bordered-warning tbody {
    @apply divide-y divide-warning/30 dark:divide-warning/30;
  }
  .table-bordered-warning tr {
    @apply divide-x rtl:divide-x-reverse divide-warning/30 dark:divide-warning/30;
  }
  .table-bordered-danger {
    @apply border border-danger/30 dark:border-danger/30;
  }
  .table-bordered-danger .ti-custom-table-head {
    @apply divide-y divide-danger/30 dark:divide-danger/30;
  }
  .table-bordered-danger tbody {
    @apply divide-y divide-danger/30 dark:divide-danger/30;
  }
  .table-bordered-danger tr {
    @apply divide-x rtl:divide-x-reverse divide-danger/30 dark:divide-danger/30;
  }
  .table-bordered-info {
    @apply border border-info/30 dark:border-info/30;
  }
  .table-bordered-info .ti-custom-table-head {
    @apply divide-y divide-info/30 dark:divide-info/30;
  }
  .table-bordered-info tbody {
    @apply divide-y divide-info/30 dark:divide-info/30;
  }
  .table-bordered-info tr {
    @apply divide-x rtl:divide-x-reverse divide-info/30 dark:divide-info/30;
  }
  .table-bordered-success {
    @apply border border-success/30 dark:border-success/30;
  }
  .table-bordered-success .ti-custom-table-head {
    @apply divide-y divide-success/30 dark:divide-success/30;
  }
  .table-bordered-success tbody {
    @apply divide-y divide-success/30 dark:divide-success/30;
  }
  .table-bordered-success tr {
    @apply divide-x rtl:divide-x-reverse divide-success/30 dark:divide-success/30;
  }
  .table-primary {
    @apply bg-primary/20;
  }
  .table-primary th {
    @apply bg-primary/20 dark:bg-primary/20 text-black dark:text-white;
  }
  .table-primary tbody {
    @apply divide-y divide-primary/10 dark:divide-primary/10;
  }
  .table-primary td {
    @apply text-gray-800 dark:text-gray-200;
  }
  .table-primary tr {
    @apply divide-x rtl:divide-x-reverse divide-primary/10 dark:divide-primary/10;
  }
  .table-primary .ti-custom-table-head {
    @apply divide-y divide-primary/10 dark:divide-primary/10;
  }
  .table-secondary {
    @apply bg-secondary/20;
  }
  .table-secondary th {
    @apply bg-secondary/20 dark:bg-secondary/20 text-black dark:text-white;
  }
  .table-secondary tbody {
    @apply divide-y divide-secondary/10 dark:divide-secondary/10;
  }
  .table-secondary td {
    @apply text-gray-800 dark:text-gray-200;
  }
  .table-secondary tr {
    @apply divide-x rtl:divide-x-reverse divide-secondary/10 dark:divide-secondary/10;
  }
  .table-secondary .ti-custom-table-head {
    @apply divide-y divide-secondary/10 dark:divide-secondary/10;
  }
  .table-warning {
    @apply bg-warning/20;
  }
  .table-warning th {
    @apply bg-warning/20 dark:bg-warning/20 text-black dark:text-white;
  }
  .table-warning tbody {
    @apply divide-y divide-warning/10 dark:divide-warning/10;
  }
  .table-warning td {
    @apply text-gray-800 dark:text-gray-200;
  }
  .table-warning tr {
    @apply divide-x rtl:divide-x-reverse divide-warning/10 dark:divide-warning/10;
  }
  .table-warning .ti-custom-table-head {
    @apply divide-y divide-warning/10 dark:divide-warning/10;
  }
  .table-info {
    @apply bg-info/20;
  }
  .table-info th {
    @apply bg-info/20 dark:bg-info/20 text-black dark:text-white;
  }
  .table-info tbody {
    @apply divide-y divide-info/10 dark:divide-info/10;
  }
  .table-info td {
    @apply text-gray-800 dark:text-gray-200;
  }
  .table-info tr {
    @apply divide-x rtl:divide-x-reverse divide-info/10 dark:divide-info/10;
  }
  .table-info .ti-custom-table-head {
    @apply divide-y divide-info/10 dark:divide-info/10;
  }
  .table-danger {
    @apply bg-danger/20;
  }
  .table-danger th {
    @apply bg-danger/20 dark:bg-danger/20 text-black dark:text-white;
  }
  .table-danger tbody {
    @apply divide-y divide-danger/10 dark:divide-danger/10;
  }
  .table-danger td {
    @apply text-gray-800 dark:text-gray-200;
  }
  .table-danger tr {
    @apply divide-x rtl:divide-x-reverse divide-danger/10 dark:divide-danger/10;
  }
  .table-danger .ti-custom-table-head {
    @apply divide-y divide-danger/10 dark:divide-danger/10;
  }
  .table-success {
    @apply bg-success/20;
  }
  .table-success th {
    @apply bg-success/20 dark:bg-success/20 text-black dark:text-white;
  }
  .table-success tbody {
    @apply divide-y divide-success/10 dark:divide-success/10;
  }
  .table-success td {
    @apply text-gray-800 dark:text-gray-200;
  }
  .table-success tr {
    @apply divide-x rtl:divide-x-reverse divide-success/10 dark:divide-success/10;
  }
  .table-success .ti-custom-table-head {
    @apply divide-y divide-success/10 dark:divide-success/10;
  }
  .ti-head-primary th {
    @apply bg-primary/20 dark:bg-primary/20;
  }
  .ti-head-secondary th {
    @apply bg-secondary/20 dark:bg-secondary/20;
  }
  .ti-head-warning th {
    @apply bg-warning/20 dark:bg-warning/20;
  }
  .ti-head-success th {
    @apply bg-success/20 dark:bg-success/20;
  }
  .ti-head-info th {
    @apply bg-info/20 dark:bg-info/20;
  }
  .ti-head-danger th {
    @apply bg-danger/20 dark:bg-danger/20;
  }
  /* End Table Styles */
}
@layer components {
  /* Start Chart Styles */
  #pie-basic .apexcharts-canvas,
  #polararea-basic .apexcharts-canvas {
    @apply my-0 mx-auto;
  }
  .chartjs-chart {
    @apply max-h-[18.75rem];
  }
  .echart-charts {
    @apply h-80;
  }
  .apexcharts-legend-marker {
    @apply me-1;
  }
  .apexcharts-tooltip.apexcharts-theme-light,
  .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
    @apply bg-white dark:bg-bgdark border-gray-200 dark:border-white/10;
  }
  .apexcharts-treemap-rect,
  .apexcharts-heatmap-rect,
  .apexcharts-marker,
  #apexcharts-radialbarTrack-0 {
    @apply dark:stroke-bodybg;
  }
  .apexcharts-pie-series path {
    @apply dark:stroke-bodybg;
  }
  .apexcharts-legend-text {
    @apply dark:text-white;
  }
  .apexcharts-legend-text,
  .apexcharts-datalabel-value {
    @apply dark:fill-white dark:text-white !important;
  }
  .apexcharts-radar-series.apexcharts-plot-series polygon,
  .apexcharts-radar-series.apexcharts-plot-series line {
    @apply dark:stroke-bodybg;
  }
  .apexcharts-pie line,
  .apexcharts-pie circle {
    @apply dark:stroke-bodybg;
  }
  .apexcharts-toolbar {
    @apply hidden sm:flex !important;
  }
  .apexcharts-text,
  .apexcharts-zoom-icon svg,
  .apexcharts-zoomin-icon svg,
  .apexcharts-zoomout-icon svg,
  .apexcharts-reset-icon svg,
  .apexcharts-menu-icon svg {
    @apply dark:fill-white/80 rotate-0 text-[7px] sm:text-xs;
  }
  .apexcharts-toolbar {
    @apply z-0;
  }
  .apexcharts-text title,
  .apexcharts-text tspan {
    @apply text-gray-500 fill-gray-500 dark:fill-white/80 dark:text-white/80;
  }
  #area-chart .apexcharts-title-text,
  #area-chart .apexcharts-subtitle-text,
  #line-chart .apexcharts-title-text,
  #line-chart .apexcharts-subtitle-text,
  #candlestick-basic .apexcharts-title-text,
  #candlestick-basic .apexcharts-subtitle-text,
  #boxplot-basic .apexcharts-title-text,
  #boxplot-basic .apexcharts-subtitle-text,
  #bubble-3d .apexcharts-title-text,
  #bubble-3d .apexcharts-subtitle-text,
  #heatmap-basic .apexcharts-title-text,
  #heatmap-basic .apexcharts-subtitle-text,
  #treemap-basic .apexcharts-title-text,
  #treemap-basic .apexcharts-subtitle-text {
    @apply rtl:translate-x-56;
  }
  #bar-chart .apexcharts-yaxis-label {
    @apply rtl:-translate-x-20;
  }
  #timeline-basic .apexcharts-yaxis-label,
  #candlestick-basic .apexcharts-yaxis-label,
  #heatmap-basic .apexcharts-yaxis-label {
    @apply rtl:-translate-x-12;
  }
  .apexcharts-menu {
    @apply dark:bg-bgdark dark:border-white/10;
  }
  .apexcharts-theme-light .apexcharts-menu-item:hover {
    @apply dark:bg-bodybg;
  }
  #boxplot-basic .apexcharts-series path {
    @apply dark:stroke-white/10;
  }
  #area-chart .apexcharts-inner line,
  #column-chart .apexcharts-inner line,
  #mixed-linecolumn .apexcharts-inner line,
  #bar-chart .apexcharts-inner line,
  #timeline-basic .apexcharts-inner line,
  #bubble-3d .apexcharts-inner line,
  #scatter-datetime .apexcharts-inner line,
  #heatmap-basic .apexcharts-inner line,
  #boxplot-basic .apexcharts-inner line,
  #candlestick-basic .apexcharts-inner line,
  #line-chart .apexcharts-inner line {
    @apply dark:stroke-white/10;
  }
  .apexcharts-canvas {
    @apply rtl:dir-ltr;
  }
  #bar-chart .apexcharts-canvas, #timeline-basic .apexcharts-canvas, #candlestick-basic .apexcharts-canvas, #heatmap-basic .apexcharts-canvas {
    @apply rtl:dir-rtl;
  }
  /* End Chart Styles */
}
@layer components {
  /* Start Pagination Styles */
  .ti-pagination {
    @apply flex items-center;
  }
  .ti-pagination li .page-link {
    @apply border border-gray-200 dark:border-white/10 text-gray-500 dark:text-white/70 hover:text-primary sm:p-3 p-2 inline-flex items-center text-sm font-medium gap-2;
  }
  .ti-pagination li .page-link.active {
    @apply bg-primary text-white;
  }
  .ti-pagination li .page-link.disabled {
    @apply pointer-events-none opacity-30;
  }
  .ti-pagination li:not(:first-child) .page-link {
    @apply ms-[calc(1px_*_-1)];
  }
  .ti-pagination li:first-child .page-link {
    @apply rounded-s-sm;
  }
  .ti-pagination li:last-child .page-link {
    @apply rounded-e-sm;
  }
  .ti-pagination.pagination-sm li .page-link {
    @apply py-2 px-2 text-xs;
  }
  .ti-pagination.pagination-sm li:first-child .page-link {
    @apply rounded-s-sm;
  }
  .ti-pagination.pagination-sm li:last-child .page-link {
    @apply rounded-e-sm;
  }
  .ti-pagination.pagination-lg li .page-link {
    @apply py-3 sm:px-6 px-3 text-lg;
  }
  .ti-pagination.pagination-lg li:first-child .page-link {
    @apply rounded-s-sm;
  }
  .ti-pagination.pagination-lg li:last-child .page-link {
    @apply rounded-e-sm;
  }
  .pagination-style-1 .ti-pagination li {
    @apply space-x-2;
  }
  .pagination-style-1 .ti-pagination li .page-link {
    @apply border-0 rounded-full leading-none px-4 py-3;
  }
  .pagination-style-2 .ti-pagination li {
    @apply space-x-2;
  }
  .pagination-style-2 .ti-pagination li .page-link {
    @apply border-0 rounded-full leading-none px-4 py-3;
  }
  .pagination-style-2 .ti-pagination li .page-link.active {
    @apply bg-transparent text-primary relative font-bold before:absolute before:h-1 before:w-full before:inset-x-0 before:bottom-0 before:bg-primary;
  }
  .pagination-style-3 .ti-pagination li {
    @apply space-x-2;
  }
  .pagination-style-3 .ti-pagination li .page-link {
    @apply border-0 rounded-full leading-none px-4 py-3;
  }
  /* End Pagination Styles */
}
/* Start Flat-pickr  Styles */
.flatpickr-time .flatpickr-am-pm {
  @apply w-2/6 !important;
}

.flatpickr-calendar.inline {
  @apply relative block border border-gray-200 dark:border-white/10 border-double overflow-hidden;
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  @apply text-primary dark:text-primary fill-primary dark:fill-primary !important;
}

.flatpickr-current-month {
  @apply pt-3 !important;
}

.flatpickr-current-month,
.numInput {
  @apply text-gray-500 dark:text-white/70 fill-gray-500 dark:fill-gray-500;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  @apply bg-transparent dark:bg-transparent;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
  @apply bg-transparent !important;
}

span.flatpickr-weekday {
  @apply text-gray-500 dark:text-white/70;
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  @apply text-gray-500 dark:text-white/70;
}

.flatpickr-day {
  @apply text-gray-500 dark:text-white/70 m-[1px] !important;
}

.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  @apply border-gray-200 bg-gray-50 dark:bg-black/20 dark:border-white/10;
}

.flatpickr-monthDropdown-months {
  @apply focus:shadow-none focus:ring-0;
}

.flatpickr-time input {
  @apply text-gray-500 dark:text-gray-800;
}

.flatpickr-calendar.hasTime {
  @apply w-auto;
}
.flatpickr-calendar.hasTime .flatpickr-time {
  @apply border-t border-gray-200 dark:border-white/10;
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
  @apply border-b-primary dark:border-b-primary;
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
  @apply border-t-gray-200 dark:border-t-gray-600;
}

.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  @apply text-gray-500 dark:text-white;
}

.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  @apply bg-gray-50 dark:bg-black/20;
}

.flatpickr-day.today {
  @apply bg-primary dark:bg-primary border-primary dark:border-primary text-white !important;
}
.flatpickr-day.today:hover {
  @apply bg-primary dark:bg-primary border-primary dark:border-primary text-white !important;
}

.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  @apply bg-gray-50 dark:bg-black/20 border-gray-200 dark:border-white/10 !important;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  @apply bg-primary border-primary text-white !important;
}

.flatpickr-calendar {
  @apply rounded-sm bg-white shadow-lg dark:bg-bgdark border border-solid border-gray-200 dark:border-white/10 !important;
}
.flatpickr-calendar.arrowTop {
  @apply before:border-b-gray-200 after:border-b-gray-200 dark:before:border-b-white/10 dark:after:border-b-white/10;
}
.flatpickr-calendar.arrowBottom {
  @apply before:border-t-gray-200 after:border-t-gray-200 dark:before:border-t-gray-800 dark:after:border-t-gray-800;
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  @apply opacity-50;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
  @apply font-inter !important;
}

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  @apply shadow-[_-10px_0_0] shadow-primary !important;
}

.flatpickr-day.inRange {
  @apply shadow-none !important;
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  @apply fill-primary !important;
}

.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  @apply w-6 h-6 p-2 fill-primary dark:fill-white bg-gray-100 dark:bg-black/20 rounded-full !important;
}

.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  @apply bg-gray-100 dark:bg-black/20 !important;
}

.numInput {
  @apply focus:ring-primary;
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  @apply bg-white dark:bg-bgdark text-sm !important;
}

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
  @apply start-5 !important;
}

.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  @apply end-5 !important;
}

.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month input.cur-year {
  @apply py-0 ps-0 pe-[0.5ch] text-sm font-semibold text-center !important;
}

.numInputWrapper:hover {
  @apply bg-transparent dark:bg-transparent !important;
}

.numInputWrapper span:hover {
  @apply bg-transparent dark:bg-transparent !important;
}

.numInputWrapper span {
  @apply border-0 !important;
}

.numInputWrapper span.arrowUp:after {
  @apply border-x-[0.25rem] border-x-transparent border-b-[0.25rem] border-b-primary/50 dark:border-b-primary/50 top-[26%] !important;
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  @apply border-t-primary !important;
}

.numInputWrapper span.arrowDown:after {
  @apply border-x-[0.25rem] border-x-transparent border-t-[0.25rem] border-t-primary/50 dark:border-b-primary/50 top-[40%] !important;
}

span.flatpickr-weekday,
.flatpickr-monthDropdown-months,
.numInput {
  @apply text-primary !important;
}

.flatpickr-months .flatpickr-month {
  @apply text-primary fill-primary h-[45px] !important;
}

.numInput:focus {
  @apply ring-transparent;
}

.dayContainer {
  @apply p-2 !important;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  @apply bg-transparent !important;
}

.flatpickr-months {
  @apply rounded-t-md;
}

.flatpickr-calendar.hasWeeks {
  @apply w-[300px] sm:w-[360px] !important;
}

.flatpickr-weekwrapper .flatpickr-weeks {
  @apply dark:shadow-[1px_0_0_rgba(255,255,255,0.2)] !important;
}

/* End Flat-pickr  Styles */
/* Start Choices  Styles */
.choices__list--multiple .choices__item {
  @apply bg-primary border-primary !important;
}

.choices__inner {
  @apply py-3 px-3 bg-white border-gray-200 rounded-sm text-sm focus:border-primary focus:ring-primary dark:bg-bgdark dark:border-white/10 dark:text-white/70 !important;
}

.choices__input {
  @apply bg-transparent mb-0 focus:ring-0 focus:shadow-none py-0 dark:placeholder:text-white/50 !important;
}

.is-open .choices__list--dropdown,
.is-open .choices__list[aria-expanded] {
  @apply border-gray-200 dark:border-white/10 !important;
}

.choices__list--dropdown .choices__item--selectable.is-highlighted,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
  @apply bg-gray-50 dark:bg-bodybg !important;
}

.choices__list--dropdown,
.choices__list[aria-expanded] {
  @apply dark:bg-bgdark;
}

.choices[data-type*=select-multiple] .choices__button,
.choices[data-type*=text] .choices__button {
  @apply border-white/30 !important;
}

.choices__list--multiple .choices__item[data-deletable] {
  @apply px-2.5 !important;
}

.choices[data-type*=select-multiple] .choices__button,
.choices[data-type*=text] .choices__button {
  @apply w-[30px] !important;
}

.choices[data-type*=select-one] .choices__input {
  @apply py-4 !important;
}

.choices__heading {
  @apply border-b-gray-200 dark:border-b-white/10 dark:text-white/70;
}

.choices[data-type*=select-one] .choices__input {
  @apply border-b-gray-200 dark:border-b-white/10;
}

.choices[data-type*=select-one]::after {
  @apply start-auto end-5 !important;
}

.choices[data-type*=select-one] .choices__button {
  @apply -mt-2 me-8;
  @apply start-auto end-0 !important;
}

@media (min-width: 640px) {
  .choices__list--dropdown .choices__item--selectable,
  .choices__list[aria-expanded] .choices__item--selectable {
    @apply pe-[10px];
  }
  .choices__list--dropdown .choices__item--selectable::after,
  .choices__list[aria-expanded] .choices__item--selectable::after {
    @apply hidden !important;
  }
}
.choices__list--dropdown,
.choices__list[aria-expanded] {
  @apply rounded-md my-1 !important;
}

#form-choice-select .choices__inner,
#form-choice-select1 .choices__inner {
  @apply py-0 !important;
}

.choices[data-type*=select-one]::after {
  @apply border-t-gray-200 dark:border-t-white/50 !important;
}

.choices[data-type*=select-one].is-open::after {
  @apply border-b-gray-200 dark:border-b-white/50 border-t-0 !important;
}

.choices[data-type*=select-one].is-open::after {
  @apply border-t-transparent dark:border-t-transparent border-b-gray-200 dark:border-b-white/10 !important;
}

.choices__list--single {
  @apply p-0 !important;
}

.choices[data-type*=select-one] .choices__button {
  @apply dark:invert;
}

#task-compose .choices[data-type*=select-one] .choices__button {
  @apply hidden;
}

.choices[data-type*=select-multiple] .choices__button,
.choices[data-type*=text] .choices__button {
  @apply me-2 -ms-1 ps-0 pe-4 border-e border-s-0;
}

/* End Choices  Styles */
/* Start Tom-select  Styles */
.ts-dropdown {
  @apply dark:bg-bgdark border-gray-200 dark:border-white/10 border-t border-solid rounded-md text-sm overflow-hidden !important;
}
.ts-dropdown .option {
  @apply p-3 !important;
}

.ts-dropdown [data-selectable].option {
  @apply dark:text-white/70;
}

.ts-dropdown .create {
  @apply dark:text-white/70;
}

.ts-control > * {
  @apply dark:text-white;
}

.ts-control,
.ts-control input,
.ts-dropdown {
  @apply dark:text-white dark:placeholder:text-white/50;
}

.ts-control,
.ts-wrapper.single.input-active .ts-control {
  @apply dark:bg-bgdark;
}

.ts-wrapper .ts-control:not(.rtl) {
  @apply border-gray-200 dark:border-white/10 shadow-none rounded-md py-3 px-4 !important;
}

.ts-dropdown.single,
.ts-wrapper.single .ts-control {
  @apply border-gray-200 dark:border-white/10 !important;
}

.ts-dropdown .active {
  @apply bg-gray-50 dark:bg-black/20 dark:text-white !important;
}

.ts-wrapper.multi .ts-control [data-value] {
  @apply bg-primary bg-none !important;
}

.ts-wrapper.single .ts-control {
  @apply bg-none bg-white dark:bg-bgdark !important;
}

.ts-wrapper.multi .ts-control > div {
  @apply border-primary !important;
}

.full .ts-control {
  @apply bg-gray-50 dark:bg-black/20 !important;
}

.ts-wrapper.single .ts-control:after {
  @apply rtl:left-[15px] rtl:right-auto !important;
}

/* End Tom-select  Styles */
/* Start Quil Editor Styles */
.ql-toolbar.ql-snow .ql-formats:not(:first-child) {
  @apply border-s dark:border-s-gray-800;
}

.ql-editor {
  @apply min-h-[300px] rtl:text-right;
}

.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  @apply text-primary !important;
}

.ql-toolbar.ql-snow {
  @apply border-gray-200 dark:border-white/10 rounded-t-sm !important;
}

.ql-container.ql-snow {
  @apply border-gray-200 dark:border-white/10 rounded-b-sm !important;
}

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  @apply border-gray-200 dark:border-white/10 rounded-sm !important;
}

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  @apply border-gray-200 dark:border-white/10 rounded-sm !important;
}

.ql-snow .ql-picker-options {
  @apply dark:bg-bgdark;
}

.ql-toolbar.ql-snow .ql-picker-label {
  @apply dark:text-white;
}

.ql-snow .ql-stroke {
  @apply dark:stroke-white;
}

.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  @apply stroke-primary !important;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  @apply text-gray-800 dark:text-white !important;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  @apply stroke-black/20 dark:stroke-white !important;
}

.ql-snow .ql-picker-options .ql-picker-item {
  @apply dark:text-white;
}

.ql-snow .ql-tooltip {
  @apply dark:bg-black/20 dark:border-white/10 dark:shadow-slate-900 shadow-sm dark:text-white z-10 !important;
}
.ql-snow .ql-tooltip [type=text] {
  @apply dark:bg-bgdark dark:border-white/10 focus:ring-primary;
}

.ql-snow a {
  @apply text-primary !important;
}

.ql-container {
  @apply font-inter !important;
}

.ql-bubble .ql-tooltip {
  @apply absolute translate-y-2.5 bg-gray-200 dark:bg-black/20 rounded-sm border border-gray-200 dark:border-white/10;
}

.ql-bubble .ql-hidden,
.ql-bubble .ql-tooltip-editor {
  @apply hidden;
}

.ql-bubble .ql-toolbar {
  @apply p-2;
}

.ql-bubble .ql-toolbar .ql-formats:first-child {
  @apply ms-3;
}

.ql-bubble .ql-toolbar .ql-formats {
  @apply me-3 my-0;
}

.ql-bubble .ql-formats {
  @apply inline-block align-middle;
}

.ql-bubble .ql-editor h2 {
  @apply text-base;
}

.ql-bubble .ql-toolbar button i {
  @apply text-2xl leading-[0] inline-block py-[3px] px-[5px];
}

.ql-bubble.ql-toolbar button,
.ql-bubble .ql-toolbar button {
  @apply bg-none border-none cursor-pointer inline-block h-6 py-[3px] px-[5px] w-7 items-center justify-center outline-0;
}

.ql-header svg,
.ql-blockquote svg {
  @apply dark:fill-white;
}

.ql-bubble .ql-toolbar button i {
  @apply p-0 text-base !important;
}

.ql-bubble .ql-toolbar .ql-formats:first-child {
  @apply ms-0 !important;
}

.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  @apply text-base leading-[0] !important;
}

.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  @apply rtl:left-0 rtl:right-auto !important;
}

.ql-toolbar.ql-snow .ql-formats {
  @apply rounded-sm p-1 border border-gray-200 dark:border-white/10 !important;
}

.ql-snow .ql-picker {
  @apply text-gray-500 dark:text-white/70 !important;
}

#quil-editor .ti-modal-box {
  @apply lg:max-w-7xl !important;
}

.ql-toolbar.ql-snow .ql-formats {
  @apply mb-2 me-2 !important;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  @apply mt-1 !important;
}

.ql-toolbar.ql-snow .ql-picker-label {
  @apply border-0 !important;
}

.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  @apply dark:fill-white;
}

.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  @apply dark:fill-white;
}

.ql-editor ol,
.ql-editor ul {
  @apply rtl:pr-6 rtl:pl-0 !important;
}

.ql-editor li:not(.ql-direction-rtl)::before {
  @apply rtl:-mr-[1.5em] rtl:ml-[0.3em] rtl:text-left !important;
}

.ql-editor {
  @apply text-start !important;
}
.ql-editor .ql-align-right {
  @apply text-end !important;
}

.ql-editor.ql-blank::before {
  @apply dark:text-white;
}

/* End Quil Editor Styles */
/* Start Rangeslider Styles */
.rangeslider {
  @apply touch-none;
}

.rangeslider__fill,
.rangeslider__handle {
  @apply bg-primary !important;
}

.rangeslider__fill__bg {
  @apply bg-gray-200 dark:bg-bodybg !important;
}

.rangeslider__handle {
  @apply border-gray-200 dark:border-white/10 top-[55%] !important;
}

.rangeslider__fill,
.rangeslider__fill__bg {
  @apply h-1 !important;
}

.noUi-target {
  @apply bg-gray-50 dark:bg-bodybg border-gray-200 dark:border-white/10 shadow-none !important;
}

.noUi-connect {
  @apply bg-primary !important;
}

#slider-round .noUi-handle {
  @apply h-5 w-5 rounded-full bg-primary border-gray-200 dark:border-white/10 shadow-sm before:hidden after:hidden !important;
}

#slider-square {
  @apply rounded-none !important;
}
#slider-square .noUi-handle {
  @apply border-0 shadow-none rounded-none bg-primary h-5 w-5 before:hidden after:hidden !important;
}

#color1,
#color2,
#color3 {
  @apply m-3 inline-block h-52 !important;
}

#colorpicker {
  @apply h-60 w-80 mx-auto my-0 p-3 border-gray-200 dark:border-white/10 !important;
}

#result {
  @apply bg-gray-50 dark:bg-bodybg my-16 mx-2 h-24 w-24 inline-block align-top text-gray-500 dark:text-white/70 border-gray-200 dark:border-white/10 shadow-sm;
}

#color1 .noUi-connect {
  @apply bg-danger !important;
}

#color2 .noUi-connect {
  @apply bg-secondary !important;
}

#color3 .noUi-connect {
  @apply bg-primary !important;
}

.c-1-color {
  @apply bg-primary !important;
}

.c-2-color {
  @apply bg-secondary !important;
}

.c-3-color {
  @apply bg-danger !important;
}

.c-4-color {
  @apply bg-warning !important;
}

.c-5-color {
  @apply bg-info !important;
}

#slider-toggle {
  @apply h-16;
}

.noUi-pips {
  @apply text-gray-500 !important;
}

.noUi-marker {
  @apply bg-gray-200 dark:bg-bodybg !important;
}

#secondary-colored-slider .noUi-connect {
  @apply bg-secondary !important;
}

#warning-colored-slider .noUi-connect {
  @apply bg-warning !important;
}

#info-colored-slider .noUi-connect {
  @apply bg-info !important;
}

#success-colored-slider .noUi-connect {
  @apply bg-success !important;
}

#danger-colored-slider .noUi-connect {
  @apply bg-danger !important;
}

#slider-round.noUi-horizontal .noUi-handle,
#slider-square.noUi-horizontal .noUi-handle {
  @apply -end-4 -top-[2px] !important;
}

.noUi-handle {
  @apply border-gray-200 dark:border-white/10 bg-white dark:bg-bgdark dark:shadow-sm;
}

.noUi-value-horizontal {
  @apply dark:text-white;
}

.rangeslider__handle {
  @apply rtl:dir-rtl rtl:left-0 rtl:text-right;
}

.rangeslider__fill {
  @apply rtl:w-full !important;
}

/* End Rangeslider Styles */
/* Start Map Styles */
#google-map,
#google-map-overlay,
#map-layers,
#map-markers,
#streetview-map,
#map-geofencing {
  @apply h-72;
}

#map,
#map1,
#map-popup,
#map-custom-icon,
#interactive-map {
  @apply h-72;
}

#vector-map,
#marker-map,
#marker-image-map,
#lines-map,
#us-map,
#canada-map,
#spain-map,
#russia-map {
  @apply h-80;
}

.jvm-tooltip {
  @apply bg-primary !important;
}

.leaflet-pane {
  @apply z-10 !important;
}

.leaflet-top,
.leaflet-bottom {
  @apply z-10 !important;
}

.jvm-zoom-btn {
  @apply leading-[6px] dark:bg-white dark:text-gray-800 rtl:right-3 rtl:left-0 !important;
}

.leaflet-marker-icon {
  @apply w-7 h-7 !important;
}

#jvm-markers-labels-group text {
  @apply dark:fill-white;
}

/* End Map Styles */
/* Start Swiper Carousel  Styles */
.swiper {
  @apply w-full h-full rtl:dirrtl;
}

.swiper-cube .swiper-cube-shadow:before {
  @apply bg-transparent;
}

.swiper-slide img {
  @apply block w-full h-full object-cover rounded-sm;
}

.swiper-button-next,
.swiper-button-prev {
  @apply dark:text-white bg-black/20 py-2 px-5 rounded-full h-auto !important;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  @apply text-base text-white !important;
}

.swiper-pagination-bullet-active {
  @apply bg-primary !important;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  @apply bg-primary !important;
}

.mySwiper7.swiper-free-mode.swiper-horizontal > .swiper-pagination-bullets,
.mySwiper7.swiper-free-mode .swiper-pagination-bullets.swiper-pagination-horizontal,
.mySwiper7.swiper-free-mode .swiper-pagination-custom,
.mySwiper7.swiper-free-mode .swiper-pagination-fraction {
  @apply -bottom-4 pt-1 sticky !important;
}

/* End Swiper Carousel  Styles */
/* Start Sweetalert  Styles */
.swal2-popup {
  @apply dark:bg-bgdark dark:text-white p-6 rounded-sm !important;
}

.swal2-title {
  @apply p-0 text-xl mb-2 !important;
}

.swal2-icon {
  @apply mt-0 !important;
}

.swal2-image {
  @apply mt-0 !important;
}

.swal2-styled.swal2-confirm {
  @apply bg-primary rounded-sm !important;
}

.swal2-styled.swal2-confirm:focus {
  @apply shadow shadow-primary !important;
}

.swal2-footer {
  @apply border-gray-200 dark:border-white/10 !important;
}

.swal2-styled.swal2-deny {
  @apply bg-danger !important;
}

.swal2-styled.swal2-cancel {
  @apply bg-secondary !important;
}

.swal2-loader {
  @apply border-t-primary border-b-primary !important;
}

.swal2-file,
.swal2-input,
.swal2-textarea {
  @apply border-gray-200 dark:border-white/10 dark:bg-bodybg !important;
}

.swal2-file:focus,
.swal2-input:focus,
.swal2-textarea:focus {
  @apply border-primary ring-primary shadow shadow-primary !important;
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
  @apply bg-danger !important;
}

.swal2-icon.swal2-error {
  @apply border-danger text-danger !important;
}

.swal2-icon.swal2-info {
  @apply border-info text-info !important;
}

.swal2-icon.swal2-success .swal2-success-ring {
  @apply border-success/50 !important;
}

.swal2-icon.swal2-success {
  @apply border-success text-success !important;
}

.swal2-icon.swal2-question {
  @apply border-secondary text-secondary !important;
}

.swal2-icon.swal2-warning {
  @apply border-warning text-warning !important;
}

.swal2-icon {
  @apply w-[60px] h-[60px] !important;
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
  @apply top-[30px] w-[30px] h-1 !important;
}

.swal2-actions,
.swal2-html-container {
  @apply m-0 !important;
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
  @apply top-7 w-8 !important;
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
  @apply top-[34px] w-[17px] !important;
}

.swal2-image {
  @apply dark:brightness-50;
}

.swal2-icon.swal2-success .swal2-success-fix {
  @apply bg-transparent !important;
}

/* End  Sweetalert  Styles */
/* Start TreeView  Styles */
.tree-leaf .tree-leaf-text {
  @apply m-1 !important;
}

.tree-leaf .tree-leaf-text:hover {
  @apply text-primary !important;
}

.tree-leaf .tree-expando {
  @apply bg-gray-200 dark:bg-bodybg h-[15px] leading-[9px] p-[3px] w-[15px] top-[8px] !important;
}

.tree-leaf .tree-expando {
  @apply rtl:float-right !important;
}

.tree-leaf .tree-leaf-text {
  @apply rtl:float-right !important;
}

.tree-leaf .tree-child-leaves {
  @apply rtl:mr-[15px] rtl:ml-0 !important;
}

/* End TreeView  Styles */
/* Start Datatable  Styles */
.tabulator .tabulator-header .tabulator-col {
  @apply bg-white border-gray-200 dark:bg-bgdark dark:border-white/10 !important;
}

.tabulator .tabulator-header .tabulator-headers .tabulator-col .tabulator-col-content {
  @apply px-6 py-3 !important;
}

.tabulator .tabulator-row .tabulator-cell {
  @apply px-6 py-3 !important;
}

.tabulator .tabulator-row.tabulator-row-even {
  @apply bg-gray-100 dark:bg-bodybg !important;
}

.tabulator-row.tabulator-selectable:hover {
  @apply bg-gray-100 dark:bg-bodybg !important;
}

.tabulator .tabulator-row {
  @apply border-t border-gray-200 dark:border-white/10 !important;
}

.tabulator .tabulator-header {
  @apply border-0 bg-white dark:text-white dark:bg-bgdark !important;
}

.tabulator {
  @apply border-0 bg-transparent !important;
}

.tabulator-row .tabulator-cell {
  @apply border-gray-200 dark:border-white/10 !important;
}

.tabulator .tabulator-row .tabulator-cell:nth-child(9) {
  @apply border-e-0 !important;
}

.tabulator .tabulator-header .tabulator-col:nth-child(9) {
  @apply border-e-0 !important;
}

.tabulator .tabulator-footer {
  @apply border-gray-200 dark:text-white dark:border-white/10 !important;
}

.tabulator .tabulator-footer {
  @apply bg-transparent font-medium !important;
}

.tabulator .tabulator-tableholder .tabulator-table {
  @apply text-gray-500 dark:text-white/70 bg-transparent !important;
}

.tabulator-row {
  @apply bg-transparent !important;
}

.tabulator .tabulator-footer .tabulator-paginator {
  @apply dark:text-white !important;
}

select.tabulator-page-size {
  @apply bg-[length:1rem_1rem] !important;
}

.tabulator .tabulator-footer .tabulator-page-size {
  @apply py-1 ps-3 pe-8 leading-[1.6] text-xs border-gray-200 dark:border-white/10 bg-transparent rounded-md !important;
}

.tabulator .tabulator-footer .tabulator-page {
  @apply py-1 px-3 rounded-md border-gray-200 dark:border-white/10 text-gray-500 dark:text-white/70 bg-transparent !important;
}

.tabulator .tabulator-footer .tabulator-page.active {
  @apply text-primary !important;
}

.tabulator .tabulator-footer .tabulator-page:not(.disabled):hover {
  @apply text-primary bg-primary/30 !important;
}

select.tabulator-page-size {
  @apply filter !important;
}
select.tabulator-page-size option {
  @apply dark:bg-bgdark border-gray-200 dark:border-white/10 !important;
}

.tabulator .tabulator-row .tabulator-cell.tabulator-row-handle {
  @apply px-0 !important;
}

.sortable-data select {
  @apply border-inherit rounded-md bg-[length:1rem_1rem] !important;
}
.sortable-data .choices {
  @apply mb-0 !important;
}

.tabulator .tabulator-col-resize-handle:last-child {
  @apply hidden !important;
}

.tabulator-row .tabulator-cell.tabulator-editing {
  @apply border-0 border-gray-200 dark:border-white/10 !important;
}

.tabulator .tabulator-footer .tabulator-footer-contents {
  @apply sm:flex-row flex-col space-y-2 sm:space-y-0 p-4 !important;
}

.tabulator .tabulator-footer .tabulator-page-size {
  @apply sm:ps-3 ps-1 sm:pe-8 pe-4 !important;
}

.tabulator .tabulator-footer .tabulator-page {
  @apply sm:px-3 px-1 !important;
}

.tabulator .tabulator-footer .tabulator-paginator label {
  @apply hidden !important;
}

@media screen and (max-width: 1024px) {
  .tabulator-col,
  .tabulator-cell {
    @apply w-60 !important;
  }
}
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .tabulator-col-content .tabulator-col-sorter {
  @apply text-gray-500 dark:text-white;
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
  @apply border-b-gray-200 dark:border-b-white/10;
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=descending] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
  @apply border-t-gray-200 dark:border-t-white/10;
}

.tabulator .tabulator-footer .tabulator-page-size {
  @apply block mb-2 w-full sm:inline-block sm:mb-0 sm:w-auto !important;
}

.sortable-data .choices__list--dropdown .choices__item--selectable, .sortable-data .choices__list[aria-expanded] .choices__item--selectable {
  @apply px-3 !important;
}

/* End Datatable  Styles */
/* Start Calendar  Styles */
#external-events .fc-event {
  @apply rounded-sm my-1 py-2 px-3;
}

.fc-theme-standard td,
.fc-theme-standard th {
  @apply border-gray-200 dark:border-white/10 !important;
}

.fc .fc-button:focus {
  @apply shadow-md !important;
}

.fc .fc-button-primary:focus,
.fc .fc-button-primary:not(:disabled).fc-button-active:focus,
.fc .fc-button-primary:not(:disabled):active:focus {
  @apply shadow-md !important;
}

.fc-h-event {
  @apply text-white bg-primary border-primary;
}

.fc .fc-button-primary {
  @apply text-white bg-primary border-primary !important;
}

.fc .fc-button-primary:hover {
  @apply text-white bg-primary/80 border-primary/80 !important;
}

.fc .fc-button-primary:disabled {
  @apply text-white bg-primary/80 border-primary/80 !important;
}

.fc .fc-button-primary:not(:disabled).fc-button-active,
.fc .fc-button-primary:not(:disabled):active {
  @apply text-white bg-primary/80 border-primary/80 !important;
}

.fc-theme-standard .fc-scrollgrid {
  @apply border-gray-200 dark:border-white/10 !important;
}

.fc .fc-scrollgrid-section-sticky > * {
  @apply bg-gray-200 dark:bg-bodybg !important;
}

.fc-theme-standard .fc-list {
  @apply border-gray-200 dark:border-white/10 !important;
}

.fc .fc-non-business {
  @apply bg-gray-50 dark:bg-bodybg !important;
}

.fc .fc-scrollgrid {
  @apply rounded-sm overflow-hidden;
}

.fc .fc-bg-event,
.fc .fc-highlight,
.fc .fc-non-business,
.fc .fc-view-harness-active > .fc-view {
  @apply rounded-sm overflow-hidden;
}

.fc .fc-cell-shaded,
.fc .fc-day-disabled {
  @apply bg-gray-50 dark:bg-bodybg !important;
}

.fc .fc-daygrid-day.fc-day-today {
  @apply bg-primary/20 !important;
}

.fc .fc-timegrid-col.fc-day-today {
  @apply bg-primary/20 !important;
}

.fc-theme-standard .fc-list-day-cushion {
  @apply bg-gray-50 dark:bg-bodybg !important;
}

.fc .fc-list-event:hover td {
  @apply bg-primary/20 !important;
}

.fc-timegrid-event-harness-inset .fc-timegrid-event,
.fc-timegrid-event.fc-event-mirror,
.fc-timegrid-more-link {
  @apply shadow-md shadow-gray-200 dark:shadow-gray-800 !important;
}

.fullcalendar-events-activity li {
  @apply mb-3 text-sm py-1 ps-8 relative before:absolute before:w-3 before:h-3 before:border before:border-primary before:rounded-sm before:bg-transparent before:start-1 before:top-[0.563rem]
        after:absolute after:h-full after:bg-transparent after:border-s-2 after:border-dashed after:border-primary/10 after:start-[0.563rem] after:top-5;
}

.fullcalendar-events-activity li:last-child {
  @apply mb-0;
}

.fullcalendar-events-activity li:last-child::after {
  @apply border-0;
}

#full-calendar-activity {
  @apply max-h-44;
}

.fc-col-header-cell .fc-scrollgrid-sync-inner {
  @apply p-2 flex justify-center;
}

.fc-direction-ltr .fc-daygrid-event.fc-event-start,
.fc-direction-rtl .fc-daygrid-event.fc-event-end {
  @apply px-2;
}

.fc .fc-day-other .fc-daygrid-day-top {
  @apply opacity-100 text-gray-500 dark:text-white/70 !important;
}

.fc-theme-standard .fc-popover {
  @apply border-gray-200 dark:border-white/10 bg-white dark:bg-bgdark2;
}

.fc-header-toolbar {
  @apply md:flex block md:space-y-0 space-y-2 !important;
}

.fc .fc-list-sticky .fc-list-day > * {
  @apply bg-gray-100 dark:bg-bodybg;
}

.fc-event-dragging {
  @apply px-2 py-2;
}

.fc .fc-daygrid-day-bottom {
  @apply text-[0.44em] pt-0 !important;
}

/* End Calendar  Styles */
/* Start Gallery  Styles */
.glightbox-clean .gslide-title {
  @apply text-xl dark:text-white !important;
}

.glightbox-clean .gslide-desc {
  @apply text-sm text-gray-500 dark:text-white/70 !important;
}

.gallery img {
  @apply rounded-sm !important;
}

.gallery2 img {
  @apply rounded-sm !important;
}

.gallery3 img {
  @apply rounded-sm !important;
}

.glightbox-clean .gslide-title {
  @apply mb-0 !important;
}

.inner {
  @apply relative overflow-hidden !important;
}

.inner:hover .image-overlay {
  @apply opacity-100 visible;
}

.inner .image-overlay {
  @apply rounded-sm absolute inset-0 opacity-0 invisible bg-black/50 items-end flex p-5 overflow-hidden;
}

.image-overlay .image-caption {
  @apply text-white m-0 text-xl;
}

.gslide-image img {
  @apply rounded-sm;
}

.glightbox-clean .gclose,
.glightbox-clean .gnext,
.glightbox-clean .gprev {
  @apply w-[30px] h-[30px] p-2 bg-white/20 !important;
}

.gslide iframe,
.gslide video {
  @apply rounded-sm overflow-hidden;
}

.desc-bottom .gslide-image img,
.desc-top .gslide-image img {
  @apply rounded-b-none !important;
}

.gslide-description.description-bottom,
.gslide-description.description-top {
  @apply rounded-b-md dark:bg-bgdark !important;
}

.glightbox-container .ginner-container {
  @apply w-2/3 md:w-full !important;
}

/* End Gallery  Styles */
/* Start Header Styles */
.header {
  @apply transition-all relative top-0 inset-x-0 flex flex-wrap sm:justify-start sm:flex-nowrap z-[48] w-full bg-white border-b text-sm sm:py-4 lg:ps-64 dark:bg-bgdark dark:border-white/10 py-4;
}
.header.sticky-pin {
  @apply sticky transition-all;
}
.header .responsive-logo {
  @apply lg:hidden;
}
.header .responsive-logo .responsive-logo-dark {
  @apply block dark:hidden;
}
.header .responsive-logo .responsive-logo-light {
  @apply hidden dark:block;
}
.header .main-header {
  @apply flex basis-full items-center w-full mx-auto px-4 sm:px-6;
}
.header .header-content {
  @apply w-full flex items-center ms-auto gap-x-3 order-3;
}
.header .header-left {
  @apply flex;
}
.header .header-right {
  @apply ms-auto;
}
.header .header-right .header-nav-right {
  @apply flex flex-row gap-3 items-center lg:justify-end;
}

.header-icon {
  @apply text-lg text-headerprime;
}

.search-btn {
  @apply absolute -top-[3px] bottom-0 start-0 flex items-center cursor-pointer z-20 ps-4;
}
.search-btn .search-btn-icon {
  @apply h-4 w-4 text-gray-400;
}

.voice-search {
  @apply absolute inset-y-0 end-0 flex items-center cursor-pointer z-20 pe-4 me-5;
}
.voice-search .voice-btn-icon {
  @apply h-4 w-4 text-gray-400;
}

.search-dropdown {
  @apply absolute inset-y-0 end-0 flex items-center cursor-pointer z-20 pe-4;
}
.search-dropdown .search-dropdown-btn-icon {
  @apply h-4 w-4 text-gray-400;
}

[data-toggled=icon-overlay-close] .header .sidebar-toggle {
  @apply rotate-180;
}

[data-toggled=icon-overlay-close] .header {
  @apply lg:ps-24;
}

.header-link {
  @apply absolute h-full w-full z-10 inset-x-0 top-0;
}

.header-cart .ti-dropdown-divider,
.header-notification .ti-dropdown-divider,
.header-apps .ti-dropdown-divider {
  @apply py-0;
}
.header-cart .ti-dropdown-menu,
.header-notification .ti-dropdown-menu,
.header-apps .ti-dropdown-menu {
  @apply p-0 shadow-lg border border-gray-200 dark:border-white/20;
}
.header-cart .ti-dropdown-header,
.header-notification .ti-dropdown-header,
.header-apps .ti-dropdown-header {
  @apply m-0;
}

.header-notification .header-remove-btn {
  @apply hidden;
}
.header-notification .header-box:hover .header-remove-btn {
  @apply flex;
}

/*End  Header Styles */
/* Start Vertical Styles */
.app-sidebar {
  @apply z-[50] font-normal h-full w-64 transition-all ease-out transform fixed top-0 start-0 bottom-0 bg-white border-e border-gray-200 lg:end-auto lg:bottom-0 dark:bg-bgdark dark:border-white/10;
}

.main-sidebar-header {
  @apply px-6 py-5 border-b h-[71px] my-auto dark:border-white/10 fixed w-full bg-white dark:bg-bgdark z-[1];
}
.main-sidebar-header .main-logo {
  @apply flex-none text-xl font-semibold dark:text-white justify-center align-middle mx-auto my-auto;
}
.main-sidebar-header .main-logo.desktop-logo {
  @apply lg:block lg:dark:hidden;
}
.main-sidebar-header .main-logo.toggle-logo, .main-sidebar-header .main-logo.toggle-dark {
  @apply lg:hidden;
}
.main-sidebar-header .main-logo.desktop-dark {
  @apply lg:hidden lg:dark:block;
}

.main-menu {
  @apply space-y-1.5 px-6 py-6;
}

.slide__category {
  @apply text-menuprime/[0.8] dark:text-white/[0.8] whitespace-nowrap pt-3 first:pt-0 uppercase text-xs relative p-1 font-semibold;
}

.side-menu__item {
  @apply flex items-center gap-x-3 py-2 px-0 font-normal text-menuprime rounded-md dark:text-white active:text-white;
  @apply truncate max-w-[250px];
}
.side-menu__item.active, .side-menu__item:active {
  @apply text-white !important;
}
.side-menu__item.active .side-menu__icon, .side-menu__item:active .side-menu__icon {
  @apply text-white fill-white !important;
}
.side-menu__item .side-menu__label {
  @apply font-medium;
}

.slide.side-menu__label1 {
  @apply hidden;
}

.app-sidebar .slide-menu.child1 .side-menu__item, .app-sidebar .slide-menu.child2 .side-menu__item, .app-sidebar .slide-menu.child3 .side-menu__item {
  @apply relative text-menuprime/[0.8] dark:text-white/[0.8] text-xs flex items-center cursor-pointer rounded-md py-2 ps-8 pe-0 font-normal duration-300 gap-x-0 hover:bg-transparent active:bg-transparent active:text-white before:absolute before:w-[0.375rem] before:h-[0.375rem] before:border before:border-menuprime/[0.8] dark:before:border-white/[0.8] before:rounded-full before:start-2 before:bg-transparent;
  @apply hover:text-white hover:before:border-white !important;
}
.app-sidebar .slide-menu.child1 .side-menu__item.hover, .app-sidebar .slide-menu.child1 .side-menu__item:hover, .app-sidebar .slide-menu.child2 .side-menu__item.hover, .app-sidebar .slide-menu.child2 .side-menu__item:hover, .app-sidebar .slide-menu.child3 .side-menu__item.hover, .app-sidebar .slide-menu.child3 .side-menu__item:hover {
  @apply bg-transparent !important;
}
.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 {
  @apply bg-transparent text-white before:border-white !important;
}

.slide-menu {
  @apply hidden;
}

.has-sub .side-menu__angle {
  @apply ms-auto;
}
.has-sub .side-menu__angle::before {
  @apply text-[12px];
}

.slide-menu {
  @apply ms-7 transform-none !important;
}

.side-menu__icon {
  @apply text-lg leading-none;
}

[data-nav-layout=vertical] .main-menu {
  @apply block !important;
}
[data-nav-layout=vertical] #sidebar-scroll {
  @apply overflow-y-auto h-screen mt-[4.45rem] pb-20;
}
[data-nav-layout=vertical]:not([data-nav-layout=horizontal]) #slide-left,
[data-nav-layout=vertical]:not([data-nav-layout=horizontal]) #slide-right {
  @apply hidden;
}

@media screen and (max-width: 991.98px) {
  #slide-right,
  #slide-left {
    @apply hidden;
  }
  .main-sidebar {
    @apply overflow-y-auto h-screen mt-[4.45rem] pb-20;
  }
}
/* End Vertical Styles */
/* Start Responsive Styles */
[data-toggled=open] .app-sidebar {
  @apply translate-x-0 transition-all duration-300;
  @apply lg:translate-x-0 !important;
}
[data-toggled=open] .app-sidebar .main-sidebar-header {
  @apply hidden;
}
[data-toggled=open] .app-sidebar #sidebar-scroll {
  @apply mt-0;
}

[data-toggled=close] .app-sidebar {
  @apply transition-all duration-300 -translate-x-full;
  @apply lg:translate-x-0 !important;
}
[data-toggled=close] .app-sidebar .main-sidebar-header {
  @apply hidden;
}
[data-toggled=close] .app-sidebar #sidebar-scroll {
  @apply mt-0;
}
[data-toggled=close][dir=ltr] .app-sidebar {
  @apply -translate-x-full;
}
[data-toggled=close][dir=rtl] .app-sidebar {
  @apply translate-x-full;
}

@media screen and (max-width: 991px) {
  .main-sidebar-header {
    @apply hidden;
  }
  #sidebar-scroll {
    @apply mt-0 !important;
  }
}
/* End Responsive Styles */
/* Start Horizontal Styles */
@media (min-width: 992px) {
  [data-nav-layout=horizontal] {
    /* horizontal arrows */
  }
  [data-nav-layout=horizontal][data-nav-style=menu-click] .app-sidebar, [data-nav-layout=horizontal][data-nav-style=menu-hover] .app-sidebar, [data-nav-layout=horizontal][data-nav-style=icon-click] .app-sidebar, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar {
    @apply z-[49];
  }
  [data-nav-layout=horizontal][data-nav-style=menu-click] .app-sidebar .slide.has-sub .slide-menu.child1.active.force-left, [data-nav-layout=horizontal][data-nav-style=menu-hover] .app-sidebar .slide.has-sub .slide-menu.child1.active.force-left, [data-nav-layout=horizontal][data-nav-style=icon-click] .app-sidebar .slide.has-sub .slide-menu.child1.active.force-left, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .slide.has-sub .slide-menu.child1.active.force-left {
    @apply end-0 !important;
  }
  [data-nav-layout=horizontal][data-nav-style=menu-click] .app-sidebar .slide.has-sub .slide-menu.child2.active.force-left, [data-nav-layout=horizontal][data-nav-style=menu-hover] .app-sidebar .slide.has-sub .slide-menu.child2.active.force-left, [data-nav-layout=horizontal][data-nav-style=icon-click] .app-sidebar .slide.has-sub .slide-menu.child2.active.force-left, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .slide.has-sub .slide-menu.child2.active.force-left {
    @apply -start-full !important;
  }
  [data-nav-layout=horizontal][data-nav-style=menu-click] .app-sidebar .slide.has-sub .slide-menu.child3.active.force-left, [data-nav-layout=horizontal][data-nav-style=menu-hover] .app-sidebar .slide.has-sub .slide-menu.child3.active.force-left, [data-nav-layout=horizontal][data-nav-style=icon-click] .app-sidebar .slide.has-sub .slide-menu.child3.active.force-left, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .slide.has-sub .slide-menu.child3.active.force-left {
    @apply -start-full !important;
  }
  [data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 .side-menu__item,
  [data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 .side-menu__item,
  [data-nav-layout=horizontal] .app-sidebar .slide-menu.child3 .side-menu__item {
    @apply ps-8 pe-4;
  }
  [data-nav-layout=horizontal] .sidemenu-layout-styles {
    @apply hidden;
  }
  [data-nav-layout=horizontal] .side-menu__item {
    @apply py-3 px-2;
  }
  [data-nav-layout=horizontal] .main-menu {
    @apply flex transition-all p-0 !important;
  }
  [data-nav-layout=horizontal] .main-menu-container {
    @apply inline-flex;
  }
  [data-nav-layout=horizontal] .mega-menu {
    @apply columns-3 w-[90%] !important;
  }
  [data-nav-layout=horizontal] .header {
    @apply z-[50] px-0 shadow-none !important;
  }
  [data-nav-layout=horizontal] .content {
    @apply mx-0 !important;
  }
  [data-nav-layout=horizontal] .content > .main-content {
    @apply w-[90%] mx-auto px-0;
  }
  [data-nav-layout=horizontal] .app-sidebar .main-sidebar,
  [data-nav-layout=horizontal] .app-sidebar .simplebar-mask {
    @apply overflow-visible;
  }
  [data-nav-layout=horizontal] .app-sidebar .simplebar-horizontal {
    @apply invisible !important;
  }
  [data-nav-layout=horizontal] .main-sidebar .simplebar-vertical {
    @apply invisible !important;
  }
  [data-nav-layout=horizontal] .main-sidebar,
  [data-nav-layout=horizontal] .main-header {
    @apply w-[90%] my-0 mx-auto !important;
  }
  [data-nav-layout=horizontal] .side-menu__item {
    @apply gap-x-1;
  }
  [data-nav-layout=horizontal] .slide-menu {
    @apply mx-0 !important;
  }
  [data-nav-layout=horizontal] .responsive-logo {
    @apply p-0 block;
  }
  [data-nav-layout=horizontal] .responsive-logo .responsive-logo-dark {
    @apply block;
  }
  [data-nav-layout=horizontal] .responsive-logo .responsive-logo-light {
    @apply hidden;
  }
  [data-nav-layout=horizontal] .main-header {
    @apply basis-auto p-0;
  }
  [data-nav-layout=horizontal] .main-header .sidebar-toggle {
    @apply hidden;
  }
  [data-nav-layout=horizontal] .app-sidebar {
    @apply w-full h-auto border-b border-x-0 bottom-auto relative;
  }
  [data-nav-layout=horizontal] .app-sidebar.sticky-pin {
    @apply sticky transition-all top-[71px];
  }
  [data-nav-layout=horizontal] .app-sidebar .slide-menu.child1,
  [data-nav-layout=horizontal] .app-sidebar .slide-menu.child2,
  [data-nav-layout=horizontal] .app-sidebar .slide-menu.child3 {
    @apply py-2 rounded-md shadow-md border-[0.5px] border-gray-200;
  }
  [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 {
    @apply top-4;
  }
  [data-nav-layout=horizontal] .app-sidebar .main-sidebar {
    @apply h-12 p-0;
  }
  [data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child1 {
    @apply rounded-t-none !important;
  }
  [data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.active {
    @apply inset-x-auto !important;
  }
  [data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 {
    @apply absolute !important;
  }
  [data-nav-layout=horizontal] .app-sidebar .side-menu__item {
    @apply flex;
  }
  [data-nav-layout=horizontal] .app-sidebar .side-menu__angle {
    @apply block;
  }
  [data-nav-layout=horizontal] .app-sidebar .side-menu__icon {
    @apply mb-0;
  }
  [data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child1, [data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child2, [data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child3 {
    @apply absolute shadow-lg min-w-[14rem] !important;
    @apply bg-white;
  }
  [data-nav-layout=horizontal] .app-sidebar .slide {
    @apply p-0;
  }
  [data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 .slide.has-sub, [data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 .slide.has-sub, [data-nav-layout=horizontal] .app-sidebar .slide-menu.child3 .slide.has-sub {
    @apply w-full block;
  }
  [data-nav-layout=horizontal] .app-sidebar .slide,
  [data-nav-layout=horizontal] .app-sidebar .slide.has-sub {
    @apply static;
  }
  [data-nav-layout=horizontal] .app-sidebar .main-menu {
    @apply mb-0;
  }
  [data-nav-layout=horizontal] .main-sidebar-header {
    @apply hidden !important;
  }
  [data-nav-layout=horizontal] .main-sidebar {
    @apply mt-0 pb-12;
  }
  [data-nav-layout=horizontal] .slide__category {
    @apply hidden;
  }
  [data-nav-layout=horizontal] .app-sidebar .simplebar-content {
    @apply p-0 overflow-hidden !important;
  }
  [data-nav-layout=horizontal] .app-sidebar .simplebar-content-wrapper {
    @apply overflow-visible h-auto !important;
  }
  [data-nav-layout=horizontal] .main-menu-container .slide-left,
  [data-nav-layout=horizontal] .main-menu-container .slide-right {
    @apply border border-gray-200 absolute top-1/4 text-white items-center justify-center z-[1] cursor-pointer rounded-full bg-white;
  }
  [data-nav-layout=horizontal] .main-menu > :not([hidden]) ~ :not([hidden]) {
    @apply my-0;
  }
  [data-nav-layout=horizontal] .child1 .slide.has-sub,
  [data-nav-layout=horizontal] .child2 .slide.has-sub,
  [data-nav-layout=horizontal] .child3 .slide.has-sub {
    @apply flex !important;
  }
  [data-nav-layout=horizontal] .child1 .slide.has-sub .side-menu__item,
  [data-nav-layout=horizontal] .child2 .slide.has-sub .side-menu__item,
  [data-nav-layout=horizontal] .child3 .slide.has-sub .side-menu__item {
    @apply w-full !important;
  }
  [data-nav-layout=horizontal] .app-sidebar .slide-menu.child1,
  [data-nav-layout=horizontal] .app-sidebar .slide-menu.child2,
  [data-nav-layout=horizontal] .app-sidebar .slide-menu.child3 {
    @apply ms-0;
  }
  [data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 .slide,
  [data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 .slide,
  [data-nav-layout=horizontal] .app-sidebar .slide-menu.child3 .slide {
    @apply ps-3;
  }
  [data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child1 {
    @apply start-auto !important;
  }
  [data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child2, [data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child3 {
    @apply start-full !important;
  }
  [data-nav-layout=horizontal] .app-sidebar .side-menu__angle {
    @apply end-0;
  }
  [data-nav-layout=horizontal] .app-sidebar .side-menu__icon {
    @apply me-1;
  }
  [data-nav-layout=horizontal] .app-sidebar .slide {
    @apply me-1.5;
  }
  [data-nav-layout=horizontal] .main-menu-container .slide-left {
    @apply start-[1.438rem];
  }
  [data-nav-layout=horizontal] .main-menu-container .slide-right {
    @apply -end-[3%] rtl:rotate-[180deg];
  }
  [data-nav-layout=horizontal] .main-menu-container .slide-left {
    @apply -start-[3%] rtl:rotate-[180deg];
  }
  [data-nav-layout=horizontal].dark .app-sidebar {
    @apply border-white/10;
  }
  [data-nav-layout=horizontal].dark .app-sidebar .slide.has-sub .slide-menu {
    @apply bg-bgdark !important;
  }
  [data-nav-layout=horizontal].dark .app-sidebar .slide.has-sub .slide-menu.child1, [data-nav-layout=horizontal].dark .app-sidebar .slide.has-sub .slide-menu.child2, [data-nav-layout=horizontal].dark .app-sidebar .slide.has-sub .slide-menu.child3 {
    @apply bg-black/20;
  }
  [data-nav-layout=horizontal].dark .responsive-logo .responsive-logo-dark {
    @apply hidden;
  }
  [data-nav-layout=horizontal].dark .responsive-logo .responsive-logo-light {
    @apply block;
  }
  [data-nav-layout=horizontal].dark .main-menu-container .slide-left,
  [data-nav-layout=horizontal].dark .main-menu-container .slide-right {
    @apply border-white/10 text-dark bg-black/20;
  }
  [data-nav-layout=horizontal].dark .app-sidebar .slide-menu.child1, [data-nav-layout=horizontal].dark .app-sidebar .slide-menu.child2, [data-nav-layout=horizontal].dark .app-sidebar .slide-menu.child3 {
    @apply border-white/10;
  }
  [data-nav-layout=horizontal] .app-sidebar .side-menu__item.active {
    @apply bg-transparent text-primary !important;
  }
  [data-nav-layout=horizontal] .app-sidebar .side-menu__item.active .side-menu__icon {
    @apply text-primary fill-primary;
  }
  [data-nav-layout=horizontal] .app-sidebar .side-menu__item:hover {
    @apply bg-transparent text-primary !important;
  }
  [data-nav-layout=horizontal] .app-sidebar .side-menu__item:hover .side-menu__icon {
    @apply text-primary fill-primary;
  }
}

@media screen and (max-width: 991px) {
  .main-menu {
    @apply m-0 !important;
  }
}
/*End  Horizontal Styles */
/* Start Menu-Click Styles */
@media (min-width: 992px) {
  [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .side-menu__icon {
    @apply mb-0 !important;
  }
  [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .side-menu__angle {
    @apply block !important;
  }
  [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child1.active {
    @apply inset-x-auto !important;
  }
  [data-nav-style=menu-click][data-nav-layout=horizontal] .side-menu__icon {
    @apply me-[0.35rem] !important;
  }
}

@media (min-width: 992px) {
  [data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .main-menu {
    @apply px-4;
  }
  [data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .side-menu__item {
    @apply text-xs;
  }
  [data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) #sidebar-scroll {
    @apply overflow-y-visible h-auto;
  }
  [data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar {
    @apply w-36 absolute;
  }
  [data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu {
    @apply py-2;
  }
  [data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-sidebar-header .header-logo .desktop-logo,
  [data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-sidebar-header .header-logo .desktop-dark {
    @apply hidden;
  }
  [data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-sidebar-header .header-logo .toggle-logo {
    @apply block;
  }
  [data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-sidebar-header .header-logo .toggle-dark {
    @apply hidden;
  }
  [data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .side-menu__item,
  [data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .side-menu__label {
    @apply block text-center;
  }
  [data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child1 .slide, [data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child2 .slide, [data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child3 .slide {
    @apply px-3;
  }
  [data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]).dark .app-sidebar .main-sidebar-header .header-logo .toggle-logo {
    @apply hidden;
  }
  [data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]).dark .app-sidebar .main-sidebar-header .header-logo .toggle-dark {
    @apply block;
  }
  [data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .header {
    @apply ps-36;
  }
  [data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .content {
    @apply ms-36;
  }
  [data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub {
    @apply grid;
  }
  [data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child1, [data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child2, [data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child3 {
    @apply rounded-e-md;
  }
  [data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child1 .slide, [data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child2 .slide, [data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child3 .slide {
    @apply start-0;
  }
  [data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child1 .slide .side-menu__item:before, [data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child2 .slide .side-menu__item:before, [data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child3 .slide .side-menu__item:before {
    @apply start-3;
  }
  [data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child1 .side-menu__angle, [data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child2 .side-menu__angle, [data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child3 .side-menu__angle {
    @apply end-4;
  }
  [data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu {
    @apply start-[7.25rem] !important;
  }
  [data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu.child2, [data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu.child3 {
    @apply start-[12.2rem] !important;
  }
  [data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .content {
    @apply min-h-[1275px];
  }
}

@media (min-width: 992px) {
  .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]:not([data-nav-layout=horizontal]) .app-sidebar .main-sidebar {
    @apply overflow-visible h-[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]:not([data-nav-layout=horizontal]) .app-sidebar .main-sidebar-header {
    @apply w-[8.95rem];
  }
  .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]:not([data-nav-layout=horizontal]) .app-sidebar .side-menu__icon {
    @apply mb-2 mx-auto;
  }
  .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]:not([data-nav-layout=horizontal]) .app-sidebar .slide {
    @apply p-0;
  }
  .menu-click .app-sidebar .slide-menu, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu, [data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu {
    @apply top-auto !important;
  }
  .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]:not([data-nav-layout=horizontal]) .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]:not([data-nav-layout=horizontal]) .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]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child3 {
    @apply w-56;
    @apply mt-0 !important;
  }
  .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]:not([data-nav-layout=horizontal]) .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]:not([data-nav-layout=horizontal]) .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]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child3 .slide .side-menu__item {
    @apply text-start flex;
  }
  .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]:not([data-nav-layout=horizontal]) .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]:not([data-nav-layout=horizontal]) .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]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child3 .slide .side-menu__item:before {
    @apply top-[0.938rem];
  }
  .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]:not([data-nav-layout=horizontal]) .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]:not([data-nav-layout=horizontal]) .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]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child3 .side-menu__angle {
    @apply block top-[0.65rem];
  }
  .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]:not([data-nav-layout=horizontal]) .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]:not([data-nav-layout=horizontal]) .app-sidebar .side-menu__angle {
    @apply hidden;
  }
  .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]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu {
    @apply bg-white dark:bg-bgdark shadow-md transition-none;
    @apply absolute !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]:not([data-nav-layout=horizontal]) .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]:not([data-nav-layout=horizontal]) .app-sidebar .simplebar-mask {
    position: inherit;
  }
  .menu-click.dark .app-sidebar .slide.has-sub .slide-menu, .dark[data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu, .dark[data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu {
    @apply bg-bgdark;
  }
}

/*End  Menu-Click Styles */
/* Start Menu-Hover Styles */
@media (min-width: 992px) {
  [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .side-menu__icon {
    @apply mb-0 !important;
  }
  [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .side-menu__angle {
    @apply block !important;
  }
  [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child1.active {
    @apply inset-x-auto !important;
  }
  [data-nav-style=menu-hover][data-nav-layout=horizontal] .side-menu__icon {
    @apply me-[0.35rem] !important;
  }
}

@media (min-width: 992px) {
  [data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .main-menu {
    @apply px-0;
  }
  [data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .side-menu__item {
    @apply text-xs mx-4;
  }
  [data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .child1 .side-menu__item,
  [data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .child2 .side-menu__item,
  [data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .child3 .side-menu__item {
    @apply mx-0;
  }
  [data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) #sidebar-scroll {
    @apply overflow-y-visible h-auto;
  }
  [data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar {
    @apply w-36 absolute;
  }
  [data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu {
    @apply py-2;
  }
  [data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-sidebar-header .header-logo .desktop-logo,
  [data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-sidebar-header .header-logo .desktop-dark {
    @apply hidden;
  }
  [data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-sidebar-header .header-logo .toggle-logo {
    @apply block;
  }
  [data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-sidebar-header .header-logo .toggle-dark {
    @apply hidden;
  }
  [data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .side-menu__item,
  [data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .side-menu__label {
    @apply block text-center;
  }
  [data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu {
    @apply m-0 !important;
  }
  [data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child1 .slide, [data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child2 .slide, [data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child3 .slide {
    @apply px-3;
  }
  [data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]).dark .app-sidebar .main-sidebar-header .header-logo .toggle-logo {
    @apply hidden;
  }
  [data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]).dark .app-sidebar .main-sidebar-header .header-logo .toggle-dark {
    @apply block;
  }
  [data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .header {
    @apply ps-36;
  }
  [data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .content {
    @apply ms-36;
  }
  [data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub {
    @apply grid;
  }
  [data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child1, [data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child2, [data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child3 {
    @apply rounded-e-md;
  }
  [data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child1 .slide, [data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child2 .slide, [data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child3 .slide {
    @apply start-0;
  }
  [data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child1 .slide .side-menu__item:before, [data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child2 .slide .side-menu__item:before, [data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child3 .slide .side-menu__item:before {
    @apply start-3;
  }
  [data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child1 .side-menu__angle, [data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child2 .side-menu__angle, [data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child3 .side-menu__angle {
    @apply end-4;
  }
  [data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu {
    @apply start-36 !important;
  }
  [data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu.child2, [data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu.child3 {
    @apply start-56 !important;
  }
  [data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .content {
    @apply min-h-[1275px];
  }
}

@media (min-width: 992px) {
  .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]:not([data-nav-layout=horizontal]) .app-sidebar .main-sidebar {
    @apply overflow-visible h-[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]:not([data-nav-layout=horizontal]) .app-sidebar .main-sidebar-header {
    @apply w-[8.95rem];
  }
  .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]:not([data-nav-layout=horizontal]) .app-sidebar .side-menu__icon {
    @apply mb-2 mx-auto;
  }
  .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]:not([data-nav-layout=horizontal]) .app-sidebar .slide {
    @apply p-0;
  }
  .menu-hover .app-sidebar .slide-menu, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu, [data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu {
    @apply top-auto !important;
  }
  .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]:not([data-nav-layout=horizontal]) .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]:not([data-nav-layout=horizontal]) .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]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child3 {
    @apply w-56 hidden !important;
    @apply mt-0 !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]:not([data-nav-layout=horizontal]) .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]:not([data-nav-layout=horizontal]) .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]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child3 .slide .side-menu__item {
    @apply text-start flex;
  }
  .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]:not([data-nav-layout=horizontal]) .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]:not([data-nav-layout=horizontal]) .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]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child3 .slide .side-menu__item:before {
    @apply top-[0.938rem];
  }
  .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]:not([data-nav-layout=horizontal]) .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]:not([data-nav-layout=horizontal]) .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]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child3 .side-menu__angle {
    @apply block top-[0.65rem];
  }
  .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]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub:hover .slide-menu.child1 {
    @apply 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]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2 {
    @apply 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]:not([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 {
    @apply 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]:not([data-nav-layout=horizontal]) .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]:not([data-nav-layout=horizontal]) .app-sidebar .side-menu__angle {
    @apply hidden;
  }
  .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]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu {
    @apply bg-white dark:bg-bgdark shadow-md transition-none;
    @apply absolute !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]:not([data-nav-layout=horizontal]) .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]:not([data-nav-layout=horizontal]) .app-sidebar .simplebar-mask {
    position: inherit;
  }
  .menu-hover.dark .app-sidebar .slide.has-sub .slide-menu, .dark[data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu, .dark[data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu {
    @apply bg-bgdark;
  }
}

/*End  Menu-Hover Styles */
/* Start Icon-Click Styles */
@media (min-width: 992px) {
  [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .slide.side-menu__label1 {
    @apply block pt-1 pb-3 px-7 border-b border-gray-200 mb-3 mx-0;
  }
  [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .side-menu__item {
    @apply px-4;
  }
  [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .side-menu__icon {
    @apply mb-0 !important;
  }
  [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child1.active {
    @apply inset-x-auto !important;
  }
  [data-nav-style=icon-click][data-nav-layout=horizontal].dark .app-sidebar .slide.side-menu__label1 {
    @apply border-white/10;
  }
}

@media (min-width: 992px) {
  [data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .main-menu {
    @apply px-[1.219rem];
  }
  [data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) #sidebar-scroll {
    @apply overflow-y-visible h-auto;
  }
  [data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar {
    @apply w-20 absolute;
  }
  [data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu {
    @apply pb-2;
  }
  [data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-sidebar-header .header-logo .desktop-logo,
  [data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-sidebar-header .header-logo .desktop-dark {
    @apply hidden;
  }
  [data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-sidebar-header .header-logo .toggle-logo {
    @apply block;
  }
  [data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-sidebar-header .header-logo .toggle-dark {
    @apply hidden;
  }
  [data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .side-menu__item {
    @apply px-0;
  }
  [data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child1 .slide, [data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child2 .slide, [data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child3 .slide {
    @apply px-3;
  }
  [data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1 {
    @apply block py-3 px-7 border-b border-gray-200 mb-3;
  }
  [data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1 {
    @apply py-3 px-7 !important;
  }
  [data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]).dark .app-sidebar .main-sidebar-header .header-logo .toggle-logo {
    @apply hidden;
  }
  [data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]).dark .app-sidebar .main-sidebar-header .header-logo .toggle-dark {
    @apply block;
  }
  [data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]).dark .app-sidebar .slide.side-menu__label1 {
    @apply border-white/10;
  }
  [data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .header {
    @apply ps-20;
  }
  [data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .content {
    @apply ms-20;
  }
  [data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub {
    @apply grid;
  }
  [data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child1, [data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child2, [data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child3 {
    @apply rounded-e-md;
  }
  [data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child1 .slide, [data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child2 .slide, [data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child3 .slide {
    @apply start-0;
  }
  [data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child1 .slide .side-menu__item, [data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child2 .slide .side-menu__item, [data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child3 .slide .side-menu__item {
    @apply ps-8 pe-4;
  }
  [data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child1 .slide .side-menu__item:before, [data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child2 .slide .side-menu__item:before, [data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child3 .slide .side-menu__item:before {
    @apply start-3;
  }
  [data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child1 .side-menu__angle, [data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child2 .side-menu__angle, [data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child3 .side-menu__angle {
    @apply end-4;
  }
  [data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu {
    @apply start-[3.25rem] !important;
  }
  [data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu.child2, [data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu.child3 {
    @apply start-[12.2rem] !important;
  }
  [data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .content {
    @apply min-h-[1275px];
  }
}

@media (min-width: 992px) {
  .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]:not([data-nav-layout=horizontal]) .app-sidebar .main-sidebar {
    @apply overflow-visible h-[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]:not([data-nav-layout=horizontal]) .app-sidebar .main-sidebar-header {
    @apply w-[4.95rem];
  }
  .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]:not([data-nav-layout=horizontal]) .app-sidebar .side-menu__icon {
    @apply mx-auto;
  }
  .icon-click .app-sidebar .slide, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .slide, [data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide {
    @apply p-0;
  }
  .icon-click .app-sidebar .slide-menu, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .slide-menu, [data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu {
    @apply top-auto !important;
  }
  .icon-click .app-sidebar .slide-menu.child1, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1, [data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child1, .icon-click .app-sidebar .slide-menu.child2, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2, [data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child2, .icon-click .app-sidebar .slide-menu.child3, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child3, [data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child3 {
    @apply w-56;
    @apply mt-0 !important;
  }
  .icon-click .app-sidebar .slide-menu.child1 .slide .side-menu__item, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 .slide .side-menu__item, [data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child1 .slide .side-menu__item, .icon-click .app-sidebar .slide-menu.child2 .slide .side-menu__item, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 .slide .side-menu__item, [data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child2 .slide .side-menu__item, .icon-click .app-sidebar .slide-menu.child3 .slide .side-menu__item, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child3 .slide .side-menu__item, [data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child3 .slide .side-menu__item {
    @apply text-start flex;
  }
  .icon-click .app-sidebar .slide-menu.child1 .slide .side-menu__item:before, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 .slide .side-menu__item:before, [data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child1 .slide .side-menu__item:before, .icon-click .app-sidebar .slide-menu.child2 .slide .side-menu__item:before, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 .slide .side-menu__item:before, [data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child2 .slide .side-menu__item:before, .icon-click .app-sidebar .slide-menu.child3 .slide .side-menu__item:before, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child3 .slide .side-menu__item:before, [data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child3 .slide .side-menu__item:before {
    @apply top-[0.938rem];
  }
  .icon-click .app-sidebar .slide-menu.child1 .side-menu__angle, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 .side-menu__angle, [data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child1 .side-menu__angle, .icon-click .app-sidebar .slide-menu.child2 .side-menu__angle, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 .side-menu__angle, [data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child2 .side-menu__angle, .icon-click .app-sidebar .slide-menu.child3 .side-menu__angle, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child3 .side-menu__angle, [data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child3 .side-menu__angle {
    @apply block top-[0.65rem];
  }
  .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]:not([data-nav-layout=horizontal]) .app-sidebar .slide__category,
  .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]:not([data-nav-layout=horizontal]) .app-sidebar .side-menu__angle {
    @apply hidden;
  }
  .icon-click .app-sidebar .side-menu__item, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .side-menu__item, [data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .side-menu__item {
    @apply text-center flex;
  }
  .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]:not([data-nav-layout=horizontal]) .app-sidebar .side-menu__label {
    @apply hidden;
  }
  .icon-click .app-sidebar .slide.has-sub .slide-menu, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu, [data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu {
    @apply bg-white dark:bg-bgdark shadow-md transition-none;
    @apply absolute !important;
  }
  .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]:not([data-nav-layout=horizontal]) .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]:not([data-nav-layout=horizontal]) .app-sidebar .simplebar-mask {
    position: inherit;
  }
  .icon-click.dark .app-sidebar .slide.has-sub .slide-menu, .dark[data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu, .dark[data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu {
    @apply bg-bgdark;
  }
}

/*End  Icon-Click Styles */
/* Start Icon-Hover Styles */
@media (min-width: 992px) {
  [data-nav-style=icon-hover][data-nav-layout=horizontal] .app-sidebar .slide.side-menu__label1 {
    @apply block pt-1 pb-3 px-7 border-b border-gray-200 mb-3 mx-0;
  }
  [data-nav-style=icon-hover][data-nav-layout=horizontal] .app-sidebar .side-menu__item {
    @apply px-4;
  }
  [data-nav-style=icon-hover][data-nav-layout=horizontal] .app-sidebar .side-menu__icon {
    @apply mb-0 !important;
  }
  [data-nav-style=icon-hover][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child1.active {
    @apply inset-x-auto !important;
  }
  [data-nav-style=icon-hover][data-nav-layout=horizontal].dark .app-sidebar .slide.side-menu__label1 {
    @apply border-white/10;
  }
}

@media (min-width: 992px) {
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .main-menu {
    @apply px-0;
  }
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .side-menu__item {
    @apply mx-[1.219rem];
  }
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .child1 .side-menu__item,
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .child2 .side-menu__item,
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .child3 .side-menu__item {
    @apply mx-0;
  }
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) #sidebar-scroll {
    @apply overflow-y-visible h-auto;
  }
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar {
    @apply w-20 absolute;
  }
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu {
    @apply pb-2;
  }
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-sidebar-header .header-logo .desktop-logo,
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-sidebar-header .header-logo .desktop-dark {
    @apply hidden;
  }
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-sidebar-header .header-logo .toggle-logo {
    @apply block;
  }
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-sidebar-header .header-logo .toggle-dark {
    @apply hidden;
  }
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .side-menu__item {
    @apply px-0;
  }
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu {
    @apply m-0 !important;
  }
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child1 .slide, [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child2 .slide, [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child3 .slide {
    @apply px-3;
  }
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1 {
    @apply block py-3 px-7 border-b border-gray-200 mb-3;
  }
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1 {
    @apply py-3 px-7 !important;
  }
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]).dark .app-sidebar .main-sidebar-header .header-logo .toggle-logo {
    @apply hidden;
  }
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]).dark .app-sidebar .main-sidebar-header .header-logo .toggle-dark {
    @apply block;
  }
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]).dark .app-sidebar .slide.side-menu__label1 {
    @apply border-white/10;
  }
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .header {
    @apply ps-20;
  }
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .content {
    @apply ms-20;
  }
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub {
    @apply grid;
  }
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child1, [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child2, [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child3 {
    @apply rounded-e-md;
  }
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child1 .slide, [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child2 .slide, [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child3 .slide {
    @apply start-0;
  }
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child1 .slide .side-menu__item, [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child2 .slide .side-menu__item, [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child3 .slide .side-menu__item {
    @apply ps-8 pe-4;
  }
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child1 .slide .side-menu__item:before, [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child2 .slide .side-menu__item:before, [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child3 .slide .side-menu__item:before {
    @apply start-3;
  }
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child1 .side-menu__angle, [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child2 .side-menu__angle, [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child3 .side-menu__angle {
    @apply end-4;
  }
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu {
    @apply start-20 !important;
  }
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu.child2, [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu.child3 {
    @apply start-56 !important;
  }
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .content {
    @apply min-h-[1275px];
  }
}

@media (min-width: 992px) {
  .icon-hover .app-sidebar .main-sidebar, [data-nav-style=icon-hover][data-nav-layout=horizontal] .app-sidebar .main-sidebar, [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-sidebar {
    @apply overflow-visible h-[90%];
  }
  .icon-hover .app-sidebar .main-sidebar-header, [data-nav-style=icon-hover][data-nav-layout=horizontal] .app-sidebar .main-sidebar-header, [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-sidebar-header {
    @apply w-[4.95rem];
  }
  .icon-hover .app-sidebar .side-menu__icon, [data-nav-style=icon-hover][data-nav-layout=horizontal] .app-sidebar .side-menu__icon, [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .side-menu__icon {
    @apply mx-auto;
  }
  .icon-hover .app-sidebar .slide, [data-nav-style=icon-hover][data-nav-layout=horizontal] .app-sidebar .slide, [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide {
    @apply p-0;
  }
  .icon-hover .app-sidebar .slide-menu, [data-nav-style=icon-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu, [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu {
    @apply top-auto !important;
  }
  .icon-hover .app-sidebar .slide-menu.child1, [data-nav-style=icon-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1, [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child1, .icon-hover .app-sidebar .slide-menu.child2, [data-nav-style=icon-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2, [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child2, .icon-hover .app-sidebar .slide-menu.child3, [data-nav-style=icon-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child3, [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child3 {
    @apply w-56;
    @apply mt-0 !important;
  }
  .icon-hover .app-sidebar .slide-menu.child1 .slide .side-menu__item, [data-nav-style=icon-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 .slide .side-menu__item, [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child1 .slide .side-menu__item, .icon-hover .app-sidebar .slide-menu.child2 .slide .side-menu__item, [data-nav-style=icon-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 .slide .side-menu__item, [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child2 .slide .side-menu__item, .icon-hover .app-sidebar .slide-menu.child3 .slide .side-menu__item, [data-nav-style=icon-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child3 .slide .side-menu__item, [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child3 .slide .side-menu__item {
    @apply text-start flex;
  }
  .icon-hover .app-sidebar .slide-menu.child1 .slide .side-menu__item:before, [data-nav-style=icon-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 .slide .side-menu__item:before, [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child1 .slide .side-menu__item:before, .icon-hover .app-sidebar .slide-menu.child2 .slide .side-menu__item:before, [data-nav-style=icon-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 .slide .side-menu__item:before, [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child2 .slide .side-menu__item:before, .icon-hover .app-sidebar .slide-menu.child3 .slide .side-menu__item:before, [data-nav-style=icon-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child3 .slide .side-menu__item:before, [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child3 .slide .side-menu__item:before {
    @apply top-[0.938rem];
  }
  .icon-hover .app-sidebar .slide-menu.child1 .side-menu__angle, [data-nav-style=icon-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 .side-menu__angle, [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child1 .side-menu__angle, .icon-hover .app-sidebar .slide-menu.child2 .side-menu__angle, [data-nav-style=icon-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 .side-menu__angle, [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child2 .side-menu__angle, .icon-hover .app-sidebar .slide-menu.child3 .side-menu__angle, [data-nav-style=icon-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child3 .side-menu__angle, [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu.child3 .side-menu__angle {
    @apply block top-[0.65rem];
  }
  .icon-hover .app-sidebar .slide.has-sub:hover .slide-menu.child1, [data-nav-style=icon-hover][data-nav-layout=horizontal] .app-sidebar .slide.has-sub:hover .slide-menu.child1, [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub:hover .slide-menu.child1 {
    @apply block !important;
  }
  .icon-hover .app-sidebar .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2, [data-nav-style=icon-hover][data-nav-layout=horizontal] .app-sidebar .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2, [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2 {
    @apply block !important;
  }
  .icon-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=icon-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=icon-hover][data-toggled=icon-hover-closed]:not([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 {
    @apply block !important;
  }
  .icon-hover .app-sidebar .slide__category, [data-nav-style=icon-hover][data-nav-layout=horizontal] .app-sidebar .slide__category, [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide__category,
  .icon-hover .app-sidebar .side-menu__angle,
  [data-nav-style=icon-hover][data-nav-layout=horizontal] .app-sidebar .side-menu__angle,
  [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .side-menu__angle {
    @apply hidden;
  }
  .icon-hover .app-sidebar .side-menu__item, [data-nav-style=icon-hover][data-nav-layout=horizontal] .app-sidebar .side-menu__item, [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .side-menu__item {
    @apply text-center flex;
  }
  .icon-hover .app-sidebar .side-menu__label, [data-nav-style=icon-hover][data-nav-layout=horizontal] .app-sidebar .side-menu__label, [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .side-menu__label {
    @apply hidden;
  }
  .icon-hover .app-sidebar .slide.has-sub .slide-menu, [data-nav-style=icon-hover][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu, [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu {
    @apply bg-white dark:bg-bgdark shadow-md transition-none;
    @apply absolute !important;
  }
  .icon-hover .app-sidebar .simplebar-content-wrapper, [data-nav-style=icon-hover][data-nav-layout=horizontal] .app-sidebar .simplebar-content-wrapper, [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .simplebar-content-wrapper {
    position: initial;
  }
  .icon-hover .app-sidebar .simplebar-mask, [data-nav-style=icon-hover][data-nav-layout=horizontal] .app-sidebar .simplebar-mask, [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .simplebar-mask {
    position: inherit;
  }
  .icon-hover.dark .app-sidebar .slide.has-sub .slide-menu, .dark[data-nav-style=icon-hover][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu, .dark[data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu {
    @apply bg-bgdark;
  }
}

/*End  Icon-Hover Styles */
/* Start switcher Styles */
#hs-overlay-switcher {
  @apply sm:w-96 w-80 z-[1000000000];
}
#hs-overlay-switcher .ti-offcanvas-header {
  @apply bg-white dark:bg-bgdark;
}
#hs-overlay-switcher .ti-offcanvas-body {
  @apply bg-white dark:bg-bgdark;
}
#hs-overlay-switcher .ti-offcanvas-footer {
  @apply flex justify-between py-3 px-4 absolute bottom-0 bg-white dark:bg-bgdark border-t dark:border-white/10 shadow-lg w-full;
}
#hs-overlay-switcher .switcher-style-head {
  @apply text-sm font-medium mb-0 bg-primary/10 text-primary px-3 py-2 leading-none;
}
#hs-overlay-switcher #switcher-body {
  @apply h-screen px-0 pb-56;
}
#hs-overlay-switcher #switcher-body label {
  @apply font-medium;
}
#hs-overlay-switcher .switcher-style {
  @apply px-6;
}
#hs-overlay-switcher .theme-colors {
  @apply space-y-6;
}
#hs-overlay-switcher .theme-colors .switch-select .ti-form-radio[type=radio]:checked {
  @apply border-4 border-gray-200 dark:border-white/10 p-2 bg-none;
}
#hs-overlay-switcher .theme-colors .switch-select .color-input {
  @apply w-8 h-8 rounded-md border border-gray-200 dark:border-white/10;
}
#hs-overlay-switcher .theme-colors .switch-select .color-input.color-white.ti-form-radio[type=radio]:checked {
  @apply shadow-md;
}
#hs-overlay-switcher .theme-colors .switch-select .color-input.color-white {
  @apply bg-white;
}
#hs-overlay-switcher .theme-colors .switch-select .color-input.color-dark {
  @apply bg-black;
}
#hs-overlay-switcher .theme-colors .switch-select .color-input.color-primary {
  @apply bg-primary;
}
#hs-overlay-switcher .theme-colors .switch-select .color-input.color-gradient {
  @apply bg-gradient-to-r from-primary to-secondary;
}
#hs-overlay-switcher .theme-colors .switch-select .color-input.color-transparent {
  @apply bg-[url("../public/assets/img/menu-bg-images/transparent.png")] bg-cover;
}
#hs-overlay-switcher .theme-colors .switch-select .color-input.color-primary {
  @apply bg-primary;
}
#hs-overlay-switcher .theme-colors .switch-select .color-input.color-primary-1 {
  @apply bg-[#3a5892];
}
#hs-overlay-switcher .theme-colors .switch-select .color-input.color-primary-2 {
  @apply bg-[#5c90a3];
}
#hs-overlay-switcher .theme-colors .switch-select .color-input.color-primary-3 {
  @apply bg-[#acac50];
}
#hs-overlay-switcher .theme-colors .switch-select .color-input.color-primary-4 {
  @apply bg-[#a55e83];
}
#hs-overlay-switcher .theme-colors .switch-select .color-input.color-primary-5 {
  @apply bg-[#574475];
}
#hs-overlay-switcher .theme-colors .switch-select .color-input.color-bg-1 {
  @apply bg-[#323e5d];
}
#hs-overlay-switcher .theme-colors .switch-select .color-input.color-bg-2 {
  @apply bg-[#515d32];
}
#hs-overlay-switcher .theme-colors .switch-select .color-input.color-bg-3 {
  @apply bg-[#4f325d];
}
#hs-overlay-switcher .theme-colors .switch-select .color-input.color-bg-4 {
  @apply bg-[#32575d];
}
#hs-overlay-switcher .theme-colors .switch-select .color-input.color-bg-5 {
  @apply bg-[#5d3232];
}
#hs-overlay-switcher .theme-colors .switch-select.form-check {
  @apply mb-0 min-h-0;
}
#hs-overlay-switcher .theme-colors .theme-container-primary button,
#hs-overlay-switcher .theme-colors .theme-container-background button {
  @apply hidden;
}
#hs-overlay-switcher .theme-colors .pickr-container-primary .pickr .pcr-button::after,
#hs-overlay-switcher .theme-colors .pickr-container-background .pickr .pcr-button::after {
  @apply content-[""] font-["remixicon"] text-white/90 leading-loose !important;
}
#hs-overlay-switcher .menu-image .bgimage-input {
  @apply w-12 h-20 rounded-md border-0 bg-center bg-cover bg-no-repeat;
}
#hs-overlay-switcher .menu-image .bgimage-input.form-check-input:focus {
  @apply border-transparent shadow-md;
}
#hs-overlay-switcher .menu-image .bgimage-input.form-check-input:checked[type=radio] {
  background-color: none;
}
#hs-overlay-switcher .menu-image .bgimage-input.bg-img1 {
  @apply bg-[url("../public/assets/img/menu-bg-images/bg-img1.jpg")] !important;
}
#hs-overlay-switcher .menu-image .bgimage-input.bg-img2 {
  @apply bg-[url("../public/assets/img/menu-bg-images/bg-img2.jpg")] !important;
}
#hs-overlay-switcher .menu-image .bgimage-input.bg-img3 {
  @apply bg-[url("../public/assets/img/menu-bg-images/bg-img3.jpg")] !important;
}
#hs-overlay-switcher .menu-image .bgimage-input.bg-img4 {
  @apply bg-[url("../public/assets/img/menu-bg-images/bg-img4.jpg")] !important;
}
#hs-overlay-switcher .menu-image .bgimage-input.bg-img5 {
  @apply bg-[url("../public/assets/img/menu-bg-images/bg-img5.jpg")] !important;
}
#hs-overlay-switcher .ti-offcanvas-body {
  @apply h-auto;
}

/* End switcher Styles */
/* Start Mail Styles */
#mail-compose {
  @apply h-auto top-auto bottom-0 start-auto end-0;
}
#mail-compose .ti-modal-box {
  @apply md:me-7 md:ms-auto mx-7 md:mx-0 mt-0 md:max-w-lg max-w-md !important;
}

.ti-modal-min-screen,
.ti-modal-max-screen {
  @apply inline-flex flex-shrink-0 justify-center items-center h-8 w-8 rounded-md text-gray-800 hover:text-gray-600 dark:text-white dark:hover:text-white/80 focus:outline-none focus:ring-0 focus:ring-gray-400 focus:ring-offset-0 focus:ring-offset-white transition-all text-sm dark:focus:ring-white/10 dark:focus:ring-offset-white/10;
}

.mail-fullscreen {
  @apply start-0 top-0 !important;
}
.mail-fullscreen .ti-modal-box {
  @apply max-w-full w-full !important;
}

.mail-link,
.mail-main {
  @apply max-w-[650px] truncate my-auto !important;
}

.mail-minscreen {
  @apply top-auto start-auto bottom-0 h-auto !important;
}
.mail-minscreen .ti-modal-box {
  @apply mb-0 !important;
}
.mail-minscreen.mail-fullscreen .ti-modal-box {
  @apply max-w-lg w-auto !important;
}
.mail-minscreen .ti-modal-header {
  @apply border-0 !important;
}
.mail-minscreen .ti-modal-footer,
.mail-minscreen .ti-modal-body {
  @apply hidden;
}

.mail-add-cc .mail-to .btn-cc,
.mail-add-cc .mail-to .btn-bcc {
  @apply hidden;
}
.mail-add-cc .mail-to input {
  @apply rounded-md;
}
.mail-add-cc.mail-add-bcc .mail-cc input {
  @apply rounded-md;
}
.mail-add-cc.mail-add-bcc .mail-cc .btn-cc-bcc {
  @apply hidden;
}
.mail-add-cc.mail-add-bcc .mail-bcc input {
  @apply rounded-md;
}
.mail-add-cc.mail-add-bcc .mail-bcc .btn-bcc-cc {
  @apply hidden;
}

.mail-add-bcc2 .mail-to .btn-cc,
.mail-add-bcc2 .mail-to .btn-bcc {
  @apply hidden;
}
.mail-add-bcc2 .mail-to input {
  @apply rounded-md;
}
.mail-add-bcc2.mail-add-cc2 .mail-cc input {
  @apply rounded-md;
}
.mail-add-bcc2.mail-add-cc2 .mail-cc .btn-cc-bcc {
  @apply hidden;
}
.mail-add-bcc2.mail-add-cc2 .mail-bcc input {
  @apply rounded-md;
}
.mail-add-bcc2.mail-add-cc2 .mail-bcc .btn-bcc-cc {
  @apply hidden;
}

.icons-mail {
  @apply hidden;
}

.main-inbox table tbody tr:hover .icons-mail2 {
  @apply hidden;
}
.main-inbox table tbody tr:hover .icons-mail {
  @apply flex justify-center;
}

/* End Mail Styles */
/* Start Chat Styles */
.active-chat .swiper-slide img {
  @apply rounded-full;
}

#messagelist {
  @apply h-[calc(100vh-500px)] max-h-full relative overflow-auto;
}

#chatlist {
  @apply h-[calc(100vh-320px)] max-h-full relative overflow-auto;
}

#profile-list {
  @apply h-[calc(100vh-160px)] max-h-full relative overflow-y-auto overflow-x-hidden;
}

.main-chat-content {
  @apply h-[calc(100vh-261px)] overflow-hidden relative;
}

.main-chat-content2 {
  @apply h-[calc(100vh-313px)] overflow-hidden relative;
}

.main-chat-content3 {
  @apply h-[calc(100vh-160px)] overflow-hidden relative;
}

.chat-left {
  @apply flex items-start justify-start mb-5 space-x-3 rtl:space-x-reverse;
}

.chat-right {
  @apply flex items-start justify-end mb-5 space-x-3 rtl:space-x-reverse;
}

.chat-inner-msg {
  @apply sm:max-w-xl max-w-[10rem];
}

.chat-lable {
  @apply text-center mb-5;
}

.chat-msg-text {
  @apply sm:max-w-[15rem] max-w-[10rem] truncate;
}

.online {
  @apply absolute bottom-[0px] end-0 block h-2 w-2 rounded-full ring-2 ring-white bg-green-400;
}

.offline {
  @apply absolute bottom-0 end-0 block h-2 w-2 rounded-full ring-2 ring-white bg-gray-400;
}

.main-chart-wrapper .chat-user-details.open {
  @apply block end-0 bottom-2 top-0;
}

.main-chart-wrapper {
  @apply relative my-0 -mx-5;
}
.main-chart-wrapper .chat-users-tab,
.main-chart-wrapper .chat-groups-tab,
.main-chart-wrapper .chat-calls-tab {
  @apply max-h-[calc(100vh-20rem)];
}
.main-chart-wrapper .chat-content {
  @apply max-h-[calc(100vh-17rem)];
}
.main-chart-wrapper .chat-content .simplebar-content-wrapper .simplebar-content {
  @apply mt-auto;
}
.main-chart-wrapper .chat-content ul li {
  @apply mb-4;
}
.main-chart-wrapper .chat-content ul li:last-child {
  @apply mb-0;
}
.main-chart-wrapper .responsive-chat-close,
.main-chart-wrapper .main-chat-right-icons .responsive-userinfo-open {
  @apply hidden;
}
.main-chart-wrapper .chat-info {
  @apply relative;
}
.main-chart-wrapper .main-chat-area {
  @apply relative;
}
.main-chart-wrapper .chat-info {
  @apply xl:min-w-[24.875rem] xl:max-w-[21.875rem];
}
.main-chart-wrapper .main-chat-area {
  @apply w-full max-w-full overflow-hidden;
}
.main-chart-wrapper .chat-user-details {
  @apply w-full sm:min-w-[21.875rem] sm:max-w-[21.875rem];
}
@media (max-width: 1275.98px) and (min-width: 1201px) {
  .main-chart-wrapper .chat-info {
    @apply min-w-[21.875rem] max-w-[21.875rem];
  }
  .main-chart-wrapper .main-chat-area {
    @apply w-full max-w-full overflow-hidden;
  }
  .main-chart-wrapper .chat-user-details {
    @apply hidden;
  }
}
@media (max-width: 1200px) {
  .main-chart-wrapper .chat-info {
    @apply w-full min-w-full max-w-full;
  }
  .main-chart-wrapper .main-chat-area {
    @apply hidden min-w-full max-w-full;
  }
  .main-chart-wrapper .responsive-chat-close {
    @apply flex;
  }
  .main-chart-wrapper .active-chat .swiper-slide {
    @apply md:w-[6%] m-0 !important;
  }
}
@media (max-width: 1600px) {
  .main-chart-wrapper .chat-user-details {
    @apply hidden sm:absolute relative;
  }
  .main-chart-wrapper .main-chat-right-icons .responsive-userinfo-open {
    @apply flex;
  }
}

@media (max-width: 1200px) {
  .main-chart-wrapper.responsive-chat-open .chat-info {
    @apply hidden;
  }
  .main-chart-wrapper.responsive-chat-open .main-chat-area {
    @apply block;
  }
  .main-chart-wrapper.responsive-chat-open .main-chat-area.close {
    @apply hidden sm:block;
  }
}
@media (max-width: 767.98px) {
  .main-chart-wrapper .main-chat-area .chat-content .main-chat-msg div .chat-media-image {
    @apply w-10 h-10;
  }
  .main-chart-wrapper .main-chat-content3 {
    @apply h-[calc(100vh-190px)];
  }
}
.chat_audio {
  @apply w-2 sm:w-auto;
}

.search-chat-input {
  @apply transition-[width] duration-[0.3s] ease-in-out sm:w-32 w-20 hidden;
}

.search-chat-input.active {
  @apply block;
}

.active-chat {
  @apply rtl:dir-rtl;
}

input[type=search i]::-webkit-search-cancel-button {
  @apply hidden;
}

.user-close {
  @apply z-40 absolute top-2 end-2 block lg:hidden bg-white dark:bg-bodybg p-2 leading-none rounded-full text-gray-500 dark:text-white text-base;
}

/* End Chat Styles */
/* Start Ecommerce Styles */
.product-image {
  @apply relative mx-auto border border-gray-200 dark:border-white/10 rounded-sm bg-gray-100 dark:bg-bodybg;
}
.product-image img {
  @apply h-[250px];
}

.product-box:hover .product-icons {
  @apply block;
}
.product-box .product-icons {
  @apply hidden;
}

.swiper-thumbs {
  @apply mt-5;
}
.swiper-thumbs .swiper-slide {
  @apply border border-gray-200 dark:border-white/10 rounded-sm bg-gray-100 dark:bg-bodybg overflow-hidden;
}
.swiper-thumbs .swiper-slide-thumb-active {
  @apply border-success dark:border-success;
}

.mySwiper2 .swiper-slide img {
  @apply rounded-sm bg-gray-100 dark:bg-bodybg p-5;
}

.related-product-slide .product-box {
  @apply mb-0 w-[385px];
}

.mySwiper .swiper-slide img {
  @apply p-2;
}

.order-track .hs-accordion {
  @apply ps-10 pb-2;
}
.order-track .hs-accordion.active {
  @apply pb-4;
}
.order-track .hs-accordion-content {
  @apply ps-5;
}
.order-track #order-heading-one {
  @apply relative before:start-[16px] before:bottom-0 before:top-[4px] before:end-0 before:absolute before:w-[10px] before:bg-success before:h-[10px] before:rounded-full after:start-[20px] after:bottom-0 after:top-[5px] after:end-0 after:absolute after:w-[1px] after:border-s after:border-dashed after:border-success after:h-full;
}
.order-track #order-heading-two {
  @apply relative before:start-[16px] before:bottom-0 before:top-[4px] before:end-0 before:absolute before:w-[10px] before:bg-success before:h-[10px] before:rounded-full after:start-[20px] after:bottom-0 after:top-[5px] after:end-0 after:absolute after:w-[1px] after:border-s after:border-dashed after:border-success after:h-full;
}
.order-track #order-heading-three {
  @apply relative opacity-75 before:start-[16px] before:bottom-0 before:top-[4px] before:end-0 before:absolute before:w-[10px] before:bg-primary before:h-[10px] before:rounded-full after:start-[20px] after:bottom-0 after:top-[5px] after:end-0 after:absolute after:w-[1px] after:border-s after:border-dashed after:border-primary after:h-full;
}
.order-track #order-heading-three.active {
  @apply pb-2;
}
.order-track #order-heading-four {
  @apply relative opacity-75 before:start-[16px] before:bottom-0 before:top-[4px] before:end-0 before:absolute before:w-[10px] before:bg-primary before:h-[10px] before:rounded-full after:start-[20px] after:bottom-0 after:top-[5px] after:end-0 after:absolute after:w-[1px] after:border-s after:border-dashed after:border-primary after:h-full;
}
.order-track #order-heading-four.active {
  @apply pb-2;
}
.order-track #order-heading-five {
  @apply pb-0 relative opacity-75 overflow-hidden before:start-[16px] before:bottom-0 before:top-[4px] before:end-0 before:absolute before:w-[10px] before:bg-primary before:h-[10px] before:rounded-full;
}
.order-track #order-heading-five.active {
  @apply pb-0;
}

.product-1 .choices__list {
  @apply p-0;
}
.product-1 .choices[data-type*=select-one] .choices__button {
  @apply hidden;
}

#product-editor .ql-editor {
  @apply min-h-[215px];
}

#blog-edit .ql-editor {
  @apply min-h-[250px];
}

#product-editor1 .ql-editor {
  @apply min-h-[100px];
}

.edit-table.ti-custom-table td {
  @apply px-4;
}

.product-des .choices__inner {
  @apply p-2 sm:w-52 min-h-full !important;
}
.product-des .choices__list--dropdown .choices__item--selectable,
.product-des .choices__list[aria-expanded] .choices__item--selectable {
  @apply pe-3;
}
.product-des .choices__list--dropdown .choices__item--selectable::after,
.product-des .choices__list[aria-expanded] .choices__item--selectable::after {
  @apply hidden;
}

.payment-box > input:checked ~ .payment-sec {
  @apply bg-primary/20 text-primary border-primary;
}

.payment-box {
  @apply w-full block relative;
}
.payment-box .payment-sec {
  @apply block w-full bg-white dark:bg-bgdark border border-gray-200 dark:border-white/10 rounded-sm p-4;
}
.payment-box input {
  @apply absolute -z-[1] opacity-0;
}

.product-1 .choices__list--dropdown .choices__item--selectable, .product-1 .choices__list[aria-expanded] .choices__item--selectable {
  @apply px-3 !important;
}

/*End  Eccomerce Styles */
/* Start Invoice Styles */
#invoice-modal .invoice-pay .choices__list--single {
  @apply p-0;
}
#invoice-modal .choices {
  @apply mb-0;
}

/* End Invoice Styles */
/* Start Team Styles */
.team-right .choices {
  @apply w-56 sm:w-64 mb-0;
}
.team-right .choices__list--single {
  @apply p-0;
}
.team-right .choices__inner {
  @apply py-[2px] leading-8 min-h-0 !important;
}

/*End  Team Styles */
/* Start Profile Styles */
.Profile-post-footer .choices {
  @apply w-40 mb-0;
}
.Profile-post-footer .choices__list--dropdown .choices__item--selectable,
.Profile-post-footer .choices__list[aria-expanded] .choices__item--selectable {
  @apply pe-0;
}
.Profile-post-footer .choices__list--dropdown .choices__item--selectable::after,
.Profile-post-footer .choices__list[aria-expanded] .choices__item--selectable::after {
  @apply hidden;
}
.Profile-post-footer .choices__inner {
  @apply min-h-[20px] p-2 !important;
}

#skills .choices__list--multiple .choices__item {
  @apply bg-gray-100 text-gray-800 border-gray-200 dark:border-white/10 dark:bg-bodybg dark:text-gray-200 !important;
}
#skills .choices[data-type*=select-multiple] .choices__button,
#skills .choices[data-type*=text] .choices__button {
  @apply dark:border-white/10 invert dark:invert-0 !important;
}

.yarl__slide_image {
  @apply rounded-sm;
}

/*End  Profile Styles */
/* Start about Styles */
.about-swipe2 .swiper-slide {
  @apply text-xs bg-transparent dark:bg-transparent;
}
.about-swipe2 .swiper-slide .box {
  @apply rtl:dir-rtl;
}

/* End about Styles */
/* Start timeline Styles */
.timeline-line {
  @apply block w-1 bg-gray-200 dark:bg-bodybg absolute h-[98%] lg:start-1/2 start-5;
}

.timeline-main {
  @apply flex flex-col sm:flex-row items-center relative;
}

.timeline-left {
  @apply flex justify-start w-full mx-auto items-center;
}
.timeline-left .timeline-body {
  @apply w-full lg:w-1/2 sm:ps-20 ps-16 relative after:absolute after:inline-block after:border-[10px] after:border-e-0 after:border-t-transparent after:border-b-transparent after:border-s-gray-200 lg:after:rotate-0 after:rotate-180 sm:after:start-[70px] after:start-[55px] after:top-[45%];
}
.timeline-left .timeline-body {
  @apply lg:pe-10 lg:ps-0 lg:after:end-[30px] lg:after:start-auto !important;
}

.timeline-right {
  @apply flex justify-end w-full mx-auto items-center;
}
.timeline-right .timeline-body {
  @apply w-full lg:w-1/2 sm:ps-20 ps-16 relative after:absolute after:inline-block after:border-[10px] after:border-s-0 after:border-t-transparent after:border-b-transparent after:border-e-gray-200 lg:after:start-[46px] sm:after:start-[70px] after:start-[55px] after:top-[45%];
}
.timeline-right .timeline-body {
  @apply lg:ps-14 lg:after:start-[46px] !important;
}

.timeline-icon {
  @apply rounded-full border-gray-200 dark:border-white/10 avatar avatar-lg absolute lg:start-[47.5%] xl:start-[48.5%] start-0 sm:top-auto top-[40%] flex items-center justify-center ring-0;
}

.dark .timeline-left .timeline-body {
  @apply after:border-s-white/10;
}
.dark .timeline-right .timeline-body {
  @apply after:border-e-white/10;
}

.timeline-start {
  @apply h-3 w-3 rounded-full bg-primary relative lg:start-[49.7%] start-4;
}

.timeline-end {
  @apply h-3 w-3 rounded-full bg-primary relative lg:start-[49.7%] bottom-0 start-4;
}

/*End  timeline Styles */
/* Start todo Styles */
.todo-right .choices {
  @apply w-40 mb-0;
}
.todo-right .choices__list--single {
  @apply p-0;
}
.todo-right .choices__inner {
  @apply py-[2px] leading-8 min-h-0 !important;
}
.todo-right .choices__list--dropdown .choices__item--selectable::after,
.todo-right .choices__list[aria-expanded] .choices__item--selectable::after,
.todo-right .choices[data-type*=select-one] .choices__button {
  @apply hidden;
}
.todo-right .choices__list--dropdown .choices__item--selectable,
.todo-right .choices__list[aria-expanded] .choices__item--selectable {
  @apply pe-3;
}

.todo-table td,
.todo-table th {
  @apply p-2 !important;
}

.todo-box {
  @apply touch-none;
}
.todo-box td {
  @apply touch-none;
}

/*End  todo Styles */
/* Start Task Styles */
.task-right .choices {
  @apply w-40 mb-0;
}
.task-right .choices__list--single {
  @apply p-0;
}
.task-right .choices__inner {
  @apply py-[2px] leading-8 min-h-0 !important;
}
.task-right .choices__list--dropdown .choices__item--selectable::after,
.task-right .choices__list[aria-expanded] .choices__item--selectable::after,
.task-right .choices[data-type*=select-one] .choices__button {
  @apply hidden;
}
.task-right .choices__list--dropdown .choices__item--selectable,
.task-right .choices__list[aria-expanded] .choices__item--selectable {
  @apply pe-3;
}

.task-table td,
.task-table th {
  @apply p-2 !important;
}

#task-compose.ti-modal .ti-modal-body,
#todo-compose.ti-modal .ti-modal-body {
  @apply overflow-y-visible;
}

/*End  Task Styles */
/* Start Landing Styles */
[data-nav-layout=horizontal][data-header-styles=light] .landing-body .header .responsive-logo .responsive-logo-dark {
  @apply hidden !important;
}
[data-nav-layout=horizontal][data-header-styles=light] .landing-body .header .responsive-logo .responsive-logo-light {
  @apply block !important;
}
@media (min-width: 992px) {
  [data-nav-layout=horizontal] .landing-body .app-sidebar .slide-menu.child1 .slide,
  [data-nav-layout=horizontal] .landing-body .app-sidebar .slide-menu.child2 .slide,
  [data-nav-layout=horizontal] .landing-body .app-sidebar .slide-menu.child3 .slide {
    @apply px-3 m-0;
  }
  [data-nav-layout=horizontal] .landing-body .app-sidebar {
    @apply fixed h-[3.8rem] top-0 bg-white shadow-none border-b-0 p-3 !important;
  }
  [data-nav-layout=horizontal] .landing-body .app-sidebar .main-menu-container {
    @apply flex justify-between items-center;
  }
  [data-nav-layout=horizontal] .landing-body .app-sidebar .main-sidebar {
    @apply w-full mx-0 !important;
  }
  [data-nav-layout=horizontal] .landing-body .app-sidebar .child1 .side-menu__item {
    @apply text-menuprime before:border-menuprime !important;
  }
  [data-nav-layout=horizontal] .landing-body .app-sidebar .child1 .side-menu__item.active {
    @apply text-primary before:border-primary !important;
  }
  [data-nav-layout=horizontal] .landing-body .app-sidebar .child1 .side-menu__item:hover {
    @apply text-primary before:border-primary !important;
  }
  [data-nav-layout=horizontal] .landing-body .app-sidebar .side-menu__item {
    @apply py-2 !important;
  }
  [data-nav-layout=horizontal] .landing-body .app-sidebar .side-menu__item.active {
    @apply text-primary !important;
  }
  [data-nav-layout=horizontal] .landing-body .app-sidebar .side-menu__item:hover {
    @apply bg-transparent text-primary !important;
  }
  [data-nav-layout=horizontal] .landing-body .app-sidebar .ti-btn-white {
    @apply bg-white text-gray-600 hover:bg-gray-50 focus:ring-white;
  }
  [data-nav-layout=horizontal] .landing-body .app-sidebar.sticky-pin {
    @apply bg-white shadow-md !important;
  }
  [data-nav-layout=horizontal] .landing-body .app-sidebar.sticky-pin .landing-logo-container .responsive-logo .responsive-logo-light {
    @apply block;
  }
  [data-nav-layout=horizontal] .landing-body .app-sidebar.sticky-pin .landing-logo-container .responsive-logo .responsive-logo-dark {
    @apply hidden;
  }
  [data-nav-layout=horizontal] .landing-body .app-sidebar.sticky-pin .ti-btn-white {
    @apply bg-black text-white hover:bg-black focus:ring-black;
  }
  [data-nav-layout=horizontal] .landing-body .app-sidebar.sticky-pin .side-menu__item {
    @apply text-menuprime active:text-white !important;
  }
  [data-nav-layout=horizontal] .landing-body .app-sidebar.sticky-pin .side-menu__item.active {
    @apply text-primary !important;
  }
  [data-nav-layout=horizontal] .landing-body .app-sidebar.sticky-pin .side-menu__item:hover {
    @apply text-primary !important;
  }
  [data-nav-layout=horizontal] .landing-body .app-sidebar.sticky-pin .child1 .side-menu__item.active {
    @apply text-primary !important;
  }
  [data-nav-layout=horizontal] .landing-body .app-sidebar.sticky-pin .responsive-logo .responsive-logo-dark {
    @apply hidden;
  }
  [data-nav-layout=horizontal] .landing-body .app-sidebar.sticky-pin .responsive-logo .responsive-logo-light {
    @apply block;
  }
  [data-nav-layout=horizontal] .landing-body .app-sidebar.sticky-pin .side-menu__item {
    @apply text-gray-500 !important;
  }
  [data-nav-layout=horizontal] .landing-body .app-sidebar.sticky-pin .side-menu__item.active {
    @apply text-primary !important;
  }
  [data-nav-layout=horizontal] .landing-body .app-sidebar.sticky-pin .child1 .side-menu__item.active {
    @apply text-primary !important;
  }
}
@media (max-width: 991px) {
  [data-nav-layout=horizontal] .landing-body .side-menu__item.active,
  [data-nav-layout=horizontal] .landing-body .side-menu__item:active {
    @apply text-primary !important;
  }
  [data-nav-layout=horizontal] .landing-body .main-sidebar {
    @apply mt-0;
  }
  [data-nav-layout=horizontal] .landing-body .app-sidebar .slide-menu.child1 .side-menu__item.active,
  [data-nav-layout=horizontal] .landing-body .app-sidebar .slide-menu.child2 .side-menu__item.active,
  [data-nav-layout=horizontal] .landing-body .app-sidebar .slide-menu.child3 .side-menu__item.active {
    @apply text-primary !important;
  }
  [data-nav-layout=horizontal] .landing-body .app-sidebar .slide-menu.child1 .side-menu__item.active:before,
  [data-nav-layout=horizontal] .landing-body .app-sidebar .slide-menu.child2 .side-menu__item.active:before,
  [data-nav-layout=horizontal] .landing-body .app-sidebar .slide-menu.child3 .side-menu__item.active:before {
    @apply border-primary !important;
  }
  [data-nav-layout=horizontal] .landing-body .header {
    @apply fixed;
  }
}
[data-nav-layout=horizontal] .landing-body .app-sidebar .slide-menu.child1 .side-menu__item:hover,
[data-nav-layout=horizontal] .landing-body .app-sidebar .slide-menu.child2 .side-menu__item:hover,
[data-nav-layout=horizontal] .landing-body .app-sidebar .slide-menu.child3 .side-menu__item:hover {
  @apply text-primary !important;
}
[data-nav-layout=horizontal] .landing-body .app-sidebar .slide-menu.child1 .side-menu__item:hover::before,
[data-nav-layout=horizontal] .landing-body .app-sidebar .slide-menu.child2 .side-menu__item:hover::before,
[data-nav-layout=horizontal] .landing-body .app-sidebar .slide-menu.child3 .side-menu__item:hover::before {
  @apply border-primary !important;
}
[data-nav-layout=horizontal] .landing-body .side-menu__item.hover,
[data-nav-layout=horizontal] .landing-body .side-menu__item:hover {
  @apply text-primary !important;
}
[data-nav-layout=horizontal] .landing-body .landing-wrapper {
  @apply bg-[url(../public/assets/img/landing/2.png)] w-full text-white leading-normal relative before:bg-primary/60 before:absolute before:w-full before:h-full before:inset-0;
}
[data-nav-layout=horizontal] .landing-body .section {
  @apply py-16;
}
[data-nav-layout=horizontal] .landing-body .shape svg {
  @apply scale-[2] w-full h-auto origin-top;
}
[data-nav-layout=horizontal] .landing-body .shape {
  @apply -bottom-[1px] absolute pointer-events-none inset-x-0 w-full;
}
[data-nav-layout=horizontal] .landing-body .section-title {
  @apply m-auto flex;
}
[data-nav-layout=horizontal] .landing-body .landing-service-img img {
  @apply w-14 h-14;
}
[data-nav-layout=horizontal] .landing-body .landing-card-primary {
  @apply bg-primary text-white;
}
[data-nav-layout=horizontal] .landing-body .landing-card-primary .landing-service-img {
  @apply bg-white;
}
[data-nav-layout=horizontal] .landing-body .container {
  @apply px-6;
}
[data-nav-layout=horizontal] .landing-body .responsive-logo .responsive-logo-dark {
  @apply hidden;
}
[data-nav-layout=horizontal] .landing-body .responsive-logo .responsive-logo-light {
  @apply block;
}
[data-nav-layout=horizontal] .landing-body #features svg [fill="#9399a1"] {
  @apply fill-primary;
}
[data-nav-layout=horizontal] .landing-body #features svg [fill="#4b5563"] {
  @apply fill-secondary;
}
[data-nav-layout=horizontal] .landing-body #features svg [fill="#6f7782"] {
  @apply fill-secondary;
}
[data-nav-layout=horizontal] .landing-body #features svg [fill="#b7bbc0"] {
  @apply fill-primary/80;
}
[data-nav-layout=horizontal] .landing-body #features svg {
  @apply w-full h-full;
}
@media (min-width: 992px) {
  [data-nav-layout=horizontal].dark .landing-body .app-sidebar .slide-menu.child1 .slide .side-menu__item,
  [data-nav-layout=horizontal].dark .landing-body .app-sidebar .slide-menu.child2 .slide .side-menu__item,
  [data-nav-layout=horizontal].dark .landing-body .app-sidebar .slide-menu.child3 .slide .side-menu__item {
    @apply text-white/70 before:border-white/70 !important;
  }
  [data-nav-layout=horizontal].dark .landing-body .app-sidebar .slide-menu.child1 .slide .side-menu__item:hover, [data-nav-layout=horizontal].dark .landing-body .app-sidebar .slide-menu.child1 .slide .side-menu__item:focus, [data-nav-layout=horizontal].dark .landing-body .app-sidebar .slide-menu.child1 .slide .side-menu__item.active,
  [data-nav-layout=horizontal].dark .landing-body .app-sidebar .slide-menu.child2 .slide .side-menu__item:hover,
  [data-nav-layout=horizontal].dark .landing-body .app-sidebar .slide-menu.child2 .slide .side-menu__item:focus,
  [data-nav-layout=horizontal].dark .landing-body .app-sidebar .slide-menu.child2 .slide .side-menu__item.active,
  [data-nav-layout=horizontal].dark .landing-body .app-sidebar .slide-menu.child3 .slide .side-menu__item:hover,
  [data-nav-layout=horizontal].dark .landing-body .app-sidebar .slide-menu.child3 .slide .side-menu__item:focus,
  [data-nav-layout=horizontal].dark .landing-body .app-sidebar .slide-menu.child3 .slide .side-menu__item.active {
    @apply text-white before:border-white !important;
  }
  [data-nav-layout=horizontal].dark .landing-body .app-sidebar {
    @apply bg-bgdark !important;
  }
  [data-nav-layout=horizontal].dark .landing-body .app-sidebar .ti-btn-white {
    @apply focus:ring-offset-white/10;
  }
  [data-nav-layout=horizontal].dark .landing-body .app-sidebar .landing-logo-container .responsive-logo .responsive-logo-light {
    @apply hidden;
  }
  [data-nav-layout=horizontal].dark .landing-body .app-sidebar .landing-logo-container .responsive-logo .responsive-logo-dark {
    @apply block;
  }
  [data-nav-layout=horizontal].dark .landing-body .app-sidebar.sticky-pin {
    @apply bg-bgdark !important;
  }
  [data-nav-layout=horizontal].dark .landing-body .app-sidebar.sticky-pin .landing-logo-container .responsive-logo .responsive-logo-light {
    @apply hidden;
  }
  [data-nav-layout=horizontal].dark .landing-body .app-sidebar.sticky-pin .landing-logo-container .responsive-logo .responsive-logo-dark {
    @apply block;
  }
  [data-nav-layout=horizontal].dark .landing-body .app-sidebar.sticky-pin .ti-btn-white {
    @apply focus:ring-offset-white/10;
  }
}
[data-nav-layout=horizontal].dark .landing-body .responsive-logo .responsive-logo-light {
  @apply hidden;
}
[data-nav-layout=horizontal].dark .landing-body .responsive-logo .responsive-logo-dark {
  @apply block;
}
[data-nav-layout=horizontal].dark .landing-body .app-sidebar.sticky-pin .side-menu__item {
  @apply text-white/70 !important;
}
[data-nav-layout=horizontal].dark .landing-body .app-sidebar.sticky-pin .side-menu__item.active {
  @apply text-primary !important;
}
[data-nav-layout=horizontal].dark .landing-body .app-sidebar.sticky-pin .child1 .side-menu__item.active {
  @apply text-primary !important;
}
@media (min-width: 992px) {
  [data-nav-layout=horizontal] .landing-body .app-sidebar .main-menu {
    @apply pe-6 !important;
  }
}
[data-nav-layout=horizontal][dir=rtl] .landing-body .testimonials-swipe .box {
  @apply dir-rtl;
}

/* End Landing Styles */
/* Start Authentication Styles */
.authentication-page {
  @apply sm:py-16 h-full flex justify-center items-center !important;
}

.cover {
  @apply bg-[url("../public/assets/img/authentication/1.png")] bg-cover bg-no-repeat before:bg-primary/95 before:-z-[1] before:absolute before:w-full before:h-full before:top-0 before:inset-x-0;
}

.cover1 {
  @apply relative bg-[url("../public/assets/img/authentication/1.png")] bg-cover bg-center inline-table w-full h-full before:bg-primary/95 before:-z-[1] before:absolute before:w-full before:h-full !important;
}

.error-basic-background {
  @apply absolute inset-0 -z-[1];
}

/* End Authentication Styles */
/* Start Widgets Styles */
.upcoming-events-list li {
  @apply mb-7 ps-6 relative before:absolute before:h-full before:w-1 before:start-0 before:rounded-md;
}
.upcoming-events-list li:nth-child(1)::before {
  @apply bg-primary;
}
.upcoming-events-list li:nth-child(2)::before {
  @apply bg-secondary;
}
.upcoming-events-list li:nth-child(3)::before {
  @apply bg-success;
}
.upcoming-events-list li:nth-child(4)::before {
  @apply bg-danger;
}
.upcoming-events-list li:nth-child(5)::before {
  @apply bg-info;
}
.upcoming-events-list li:nth-child(5)::before {
  @apply bg-warning;
}
.upcoming-events-list li:last-child {
  @apply mb-0;
}

.upcoming-events-list1 li {
  @apply mb-10 ps-6 relative before:absolute before:h-full before:w-1 before:start-0 before:rounded-md;
}
.upcoming-events-list1 li:nth-child(1)::before {
  @apply bg-primary;
}
.upcoming-events-list1 li:nth-child(2)::before {
  @apply bg-secondary;
}
.upcoming-events-list1 li:nth-child(3)::before {
  @apply bg-success;
}
.upcoming-events-list1 li:nth-child(4)::before {
  @apply bg-danger;
}
.upcoming-events-list1 li:nth-child(5)::before {
  @apply bg-info;
}
.upcoming-events-list1 li:nth-child(5)::before {
  @apply bg-warning;
}
.upcoming-events-list1 li:last-child {
  @apply mb-0;
}

.timeline-widget {
  @apply relative before:absolute before:w-[0.125rem] before:h-full before:bg-gray-200 before:dark:bg-white/10 before:top-0 before:start-12;
}
.timeline-widget .timeline-widget-list {
  @apply mb-[1.65rem] relative before:absolute before:w-3 before:h-3 before:start-[2.688rem] before:top-1 before:rounded-full before:border before:border-gray-200 before:dark:border-white/10 before:bg-white before:dark:bg-bgdark;
}
.timeline-widget .timeline-widget-list:last-child {
  @apply mb-0;
}
.timeline-widget .timeline-widget-list .timeline-widget-content {
  @apply max-w-xs;
}

#users-map {
  @apply h-56;
}
#users-map #jvm-markers-labels-group {
  @apply hidden;
}

.widget-table .ti-custom-table th {
  @apply text-xs text-[#495057] dark:text-white p-3;
}
.widget-table .ti-custom-table td {
  @apply text-xs font-medium p-3;
}

/* End Widgets Styles */
/* Start blog Styles */
.blog-caption {
  @apply absolute bottom-6 p-0 end-[15%] start-6 text-white;
}

/* End blog Styles */
/* Start notifications Styles */
#awn-popup-wrapper .awn-popup-body.awn-popup-confirm .fa {
  @apply text-warning !important;
}

#awn-popup-wrapper .awn-buttons .awn-btn-success {
  @apply bg-success !important;
}

#awn-popup-wrapper .awn-buttons .awn-btn-success:hover {
  @apply bg-success !important;
}

#awn-popup-wrapper .awn-buttons .awn-btn-cancel {
  @apply bg-info !important;
}

#awn-popup-wrapper .awn-buttons .awn-btn-cancel:hover {
  @apply bg-info !important;
}

.awn-toast {
  @apply bg-gray-50 text-slate-700 dark:bg-bgdark dark:text-white !important;
}

.awn-toast-label {
  @apply text-slate-700 dark:text-white !important;
}

.awn-toast-icon .fa {
  @apply text-slate-700 dark:text-white !important;
}

.awn-toast-wrapper {
  @apply border-gray-50 dark:border-bgdark !important;
}

.awn-toast-progress-bar:after {
  @apply bg-gray-50 dark:bg-bgdark !important;
}

.awn-toast.awn-toast-success {
  @apply text-success bg-success/20 !important;
}

.awn-toast.awn-toast-success .awn-toast-wrapper {
  @apply border-success/50 !important;
}

.awn-toast.awn-toast-success .fa,
.awn-toast.awn-toast-success b {
  @apply text-success !important;
}

.awn-toast.awn-toast-success .awn-toast-progress-bar:after {
  @apply bg-success !important;
}

.awn-toast.awn-toast-info {
  @apply text-info bg-info/20 !important;
}

.awn-toast.awn-toast-info .awn-toast-wrapper {
  @apply border-info/50 !important;
}

.awn-toast.awn-toast-info .fa,
.awn-toast.awn-toast-info b {
  @apply text-info !important;
}

.awn-toast.awn-toast-info .awn-toast-progress-bar:after {
  @apply text-info bg-info/20 !important;
}

.awn-toast.awn-toast-alert {
  @apply text-danger bg-danger/20 !important;
}

.awn-toast.awn-toast-alert .awn-toast-wrapper {
  @apply border-danger/50 !important;
}

.awn-toast.awn-toast-alert .fa,
.awn-toast.awn-toast-alert b {
  @apply text-danger !important;
}

.awn-toast.awn-toast-alert .awn-toast-progress-bar:after {
  @apply bg-danger !important;
}

.awn-toast.awn-toast-warning {
  @apply text-warning bg-warning/20 !important;
}

.awn-toast.awn-toast-warning .awn-toast-wrapper {
  @apply border-warning/50 !important;
}

.awn-toast.awn-toast-warning .fa,
.awn-toast.awn-toast-warning b {
  @apply text-warning !important;
}

.awn-toast.awn-toast-warning .awn-toast-progress-bar:after {
  @apply bg-warning !important;
}

#awn-popup-wrapper .awn-popup-body {
  @apply bg-white dark:bg-bodybg !important;
}

#awn-popup-wrapper .awn-popup-body.awn-popup-async-block {
  @apply text-slate-700 dark:text-white !important;
}

.awn-popup-loading-dots {
  @apply text-slate-500 dark:text-white/70 !important;
}

#awn-popup-wrapper .awn-popup-body.awn-popup-async-block {
  @apply text-2xl font-semibold text-gray-500 dark:text-white/70 !important;
}

@keyframes awn-loading-dots {
  0%, 80%, to {
    @apply shadow-gray-500 dark:shadow-white/70;
  }
  40% {
    @apply shadow-gray-500 dark:shadow-white/70;
  }
}
#awn-popup-wrapper {
  @apply text-center bg-bgdark/80 !important;
}

#awn-toast-container {
  @apply end-0 sm:end-[24px] start-auto z-10 !important;
}

.awn-toast-wrapper {
  @apply rtl:pr-[16px] rtl:pl-[88px] !important;
}

.awn-popup-loading-dots {
  @apply rtl:mr-[24px] rtl:ml-0 !important;
}

/* End notifications Styles */
/* Start Classic-Page Styles */
[data-page-style=classic] body {
  @apply bg-white;
}
[data-page-style=classic] .box {
  @apply shadow-none shadow-transparent border;
}
[data-page-style=classic].dark body {
  @apply bg-bgdark;
}
[data-page-style=classic].dark[data-width=boxed] .page {
  @apply bg-bgdark !important;
}
[data-page-style=classic][data-width=boxed] .page {
  @apply bg-white !important;
}

/* End Classic-Page Styles */
/* Start Boxed Styles */
@media (min-width: 1400px) {
  [data-width=boxed] body {
    @apply bg-bodybg;
  }
  [data-width=boxed] .page {
    @apply w-[1400px] my-0 mx-auto bg-bodybg relative shadow-xl !important;
  }
  [data-width=boxed] .page .header {
    @apply w-[1400px] my-0 mx-auto !important;
  }
  [data-width=boxed][data-nav-layout=horizontal] .app-sidebar {
    @apply w-[1400px] !important;
  }
  [data-width=boxed] .page .app-sidebar {
    @apply start-auto;
  }
  [data-width=boxed] .main-chart-wrapper .chat-user-details.open {
    @apply end-0;
  }
  [data-width=boxed].dark .page {
    @apply shadow-[-1px_0px_13px_15px_rgba(255,255,255,0.04)] !important;
  }
  [data-width=boxed][data-vertical-style=detached] .page {
    @apply ps-5;
  }
  [data-width=boxed][data-vertical-style=detached] .page .content {
    @apply ms-40;
  }
  [data-width=boxed][data-vertical-style=detached][data-menu-position=scrollable] .page .app-sidebar {
    @apply start-8;
  }
  [data-width=boxed] .chat-info {
    @apply min-w-[21.875rem] max-w-[21.875rem];
  }
  [data-width=boxed] .main-chat-area {
    @apply w-full max-w-full overflow-hidden;
  }
  [data-width=boxed] .chat-user-details {
    @apply hidden;
  }
  [data-width=boxed] .main-chart-wrapper .main-chat-right-icons .responsive-userinfo-open {
    @apply flex;
  }
  [data-width=boxed] .main-chart-wrapper .chat-user-details.open {
    @apply block bottom-2;
  }
  [data-width=boxed] .main-chart-wrapper .chat-user-details {
    @apply absolute;
  }
  [data-width=boxed] #product-quantity {
    @apply w-8;
  }
  [data-width=boxed] .nft-img {
    @apply hidden !important;
  }
  [data-width=boxed] .xxxl\:col-span-2 {
    @apply col-span-4;
  }
  [data-width=boxed] .xxxl\:\!col-span-2, [data-width=boxed] .xxxl\:\!col-span-5 {
    @apply col-span-6 !important;
  }
  [data-width=boxed] .xxxl\:col-span-3,
  [data-width=boxed] .xxxl\:col-span-4,
  [data-width=boxed] .xxxl\:col-span-6,
  [data-width=boxed] .xxxl\:col-span-8 {
    @apply col-span-12;
  }
  [data-width=boxed] .xxxl\:col-span-9 {
    @apply col-span-12;
  }
  [data-width=boxed] .xxxl\:flex {
    @apply block;
  }
  [data-width=boxed] .xxxl\:space-y-0 {
    @apply space-y-2;
  }
  [data-width=boxed] .xxl\:max-w-\[250px\] {
    @apply max-w-[160px];
  }
  [data-width=boxed] .xxxl\:\!col-span-3 {
    @apply col-span-6 !important;
  }
  [data-width=boxed] .swiper-text {
    @apply hidden;
  }
}

/* End Boxed Styles */
/* Start Menu-Scrollable Styles */
@media screen and (min-width: 992px) {
  [data-menu-position=scrollable] .app-sidebar {
    @apply absolute;
  }
  [data-menu-position=scrollable] .app-sidebar #sidebar-scroll {
    @apply h-auto pb-0;
  }
  [data-menu-position=scrollable]:not([data-nav-layout=horizontal]) .content {
    @apply min-h-[250vh];
  }
  [data-menu-position=scrollable][data-nav-layout=horizontal] .app-sidebar {
    @apply relative top-0;
  }
  [data-menu-position=scrollable][data-nav-layout=horizontal] .header {
    @apply z-[51] !important;
  }
}
@media screen and (max-width: 991px) {
  [data-menu-position=scrollable] .app-sidebar {
    @apply absolute;
  }
}

/* End Menu-Scrollable Styles */
/* Start Header-Scrollable Styles */
@media screen and (min-width: 992px) {
  [data-header-position=scrollable] .header {
    @apply relative !important;
  }
  [data-header-position=scrollable] .content {
    @apply mt-0 !important;
  }
  [data-header-position=scrollable]:not([data-menu-position=scrollable]) .app-sidebar.sticky-pin {
    @apply top-0 !important;
  }
  [data-header-position=scrollable]:not([data-menu-position=scrollable])[data-toggled=open] .app-sidebar.sticky-pin {
    @apply mt-0;
  }
  [data-header-position=scrollable][data-nav-layout=horizontal] .header {
    @apply relative;
  }
}
@media screen and (max-width: 991px) {
  [data-header-position=scrollable] .header {
    @apply absolute;
  }
  [data-header-position=scrollable] .content {
    @apply mt-[71px];
  }
}

/* End Header-Scrollable Styles */
/* Start Closed-Menu Styles */
@media screen and (min-width: 992px) {
  [data-vertical-style=closed][data-toggled=close-menu-close] .app-sidebar {
    @apply hidden;
  }
  [data-vertical-style=closed][data-toggled=close-menu-close] .content {
    @apply ms-0;
  }
  [data-vertical-style=closed][data-toggled=close-menu-close] .header {
    @apply ps-0;
  }
  [data-vertical-style=closed][data-toggled=close-menu-open] .app-sidebar {
    @apply block;
  }
  [data-vertical-style=closed][data-toggled=close-menu-open] .content {
    @apply ms-64;
  }
  [data-vertical-style=closed][data-toggled=close-menu-open] .header {
    @apply ps-64;
  }
}

/* End Closed-Menu Styles */
/* Start Icon-Overlay Styles */
@media screen and (min-width: 992px) {
  [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar {
    @apply w-24;
  }
  [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .side-menu__item {
    @apply justify-center px-0;
  }
  [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .side-menu__label,
  [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .side-menu__angle {
    @apply hidden;
  }
  [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .slide__category {
    @apply hidden before:absolute;
  }
  [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .main-logo.toggle-logo {
    @apply lg:block;
  }
  [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .main-logo.desktop-logo, [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .main-logo.desktop-dark {
    @apply lg:hidden !important;
  }
  [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .main-logo.toggle-dark {
    @apply lg:hidden;
  }
  [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .slide-menu {
    @apply hidden !important;
  }
  [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]).dark .app-sidebar .main-logo.toggle-logo {
    @apply lg:hidden;
  }
  [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]).dark .app-sidebar .main-logo.toggle-dark {
    @apply lg:block;
  }
}

/* End Icon-Overlay Styles */
/* Start IconText-Menu Styles */
@media screen and (min-width: 992px) {
  [data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar {
    @apply w-36;
  }
  [data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .slide__category,
  [data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .side-menu__angle {
    @apply hidden;
  }
  [data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .side-menu__item {
    @apply block text-center text-xs;
  }
  [data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .side-menu__item .side-menu__icon {
    @apply mx-auto mb-2 w-full block;
  }
  [data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .slide.has-sub .slide-menu {
    @apply hidden !important;
  }
  [data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .main-sidebar-header .header-logo .desktop-logo,
  [data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .main-sidebar-header .header-logo .desktop-dark {
    @apply hidden;
  }
  [data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .main-sidebar-header .header-logo .toggle-logo {
    @apply block;
  }
  [data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .main-sidebar-header .header-logo .toggle-dark {
    @apply hidden;
  }
  [data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .main-menu {
    @apply px-4;
  }
  [data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]).dark .app-sidebar .main-sidebar-header .header-logo .toggle-logo {
    @apply hidden;
  }
  [data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]).dark .app-sidebar .main-sidebar-header .header-logo .toggle-dark {
    @apply block;
  }
  [data-vertical-style=icontext][data-toggled=icon-text-close] .content {
    @apply ms-36;
  }
  [data-vertical-style=icontext][data-toggled=icon-text-close] .header {
    @apply ps-36;
  }
}

/* End IconText-Menu Styles */
/* Start Detached-Menu Styles */
@media screen and (min-width: 992px) {
  [data-vertical-style=detached] .header {
    @apply fixed;
    @apply z-[50] px-0 shadow-none !important;
  }
  [data-vertical-style=detached] .main-header {
    @apply w-[92%] my-0 mx-auto basis-auto p-0 !important;
  }
  [data-vertical-style=detached] .content {
    @apply mt-[71px];
  }
  [data-vertical-style=detached] .page {
    @apply w-[92%] mx-auto my-0;
  }
  [data-vertical-style=detached] .responsive-logo {
    @apply block -order-1;
  }
  [data-vertical-style=detached] footer {
    @apply bg-transparent;
  }
  [data-vertical-style=detached] .app-sidebar {
    @apply top-[calc(64px_+_1.5rem)] rounded-md bottom-6 h-auto overflow-hidden border border-gray-200;
  }
  [data-vertical-style=detached] .app-sidebar .main-sidebar-header {
    @apply hidden;
  }
  [data-vertical-style=detached] .app-sidebar .main-sidebar {
    @apply mt-0 h-full !important;
  }
  [data-vertical-style=detached][data-toggled=detached-close]:not([icon-overlay=open]) .app-sidebar {
    @apply w-36;
  }
  [data-vertical-style=detached][data-toggled=detached-close]:not([icon-overlay=open]) .app-sidebar .slide__category,
  [data-vertical-style=detached][data-toggled=detached-close]:not([icon-overlay=open]) .app-sidebar .side-menu__angle {
    @apply hidden;
  }
  [data-vertical-style=detached][data-toggled=detached-close]:not([icon-overlay=open]) .app-sidebar .side-menu__item {
    @apply block text-center text-xs;
  }
  [data-vertical-style=detached][data-toggled=detached-close]:not([icon-overlay=open]) .app-sidebar .side-menu__item .side-menu__icon {
    @apply mx-auto mb-2 w-full block;
  }
  [data-vertical-style=detached][data-toggled=detached-close]:not([icon-overlay=open]) .app-sidebar .slide.has-sub .slide-menu {
    @apply hidden !important;
  }
  [data-vertical-style=detached][data-toggled=detached-close]:not([icon-overlay=open]) .app-sidebar .main-sidebar-header .header-logo .desktop-logo,
  [data-vertical-style=detached][data-toggled=detached-close]:not([icon-overlay=open]) .app-sidebar .main-sidebar-header .header-logo .desktop-dark {
    @apply hidden;
  }
  [data-vertical-style=detached][data-toggled=detached-close]:not([icon-overlay=open]) .app-sidebar .main-sidebar-header .header-logo .toggle-logo {
    @apply block;
  }
  [data-vertical-style=detached][data-toggled=detached-close]:not([icon-overlay=open]) .app-sidebar .main-sidebar-header .header-logo .toggle-dark {
    @apply hidden;
  }
  [data-vertical-style=detached][data-toggled=detached-close]:not([icon-overlay=open]) .app-sidebar .main-menu {
    @apply px-4;
  }
  [data-vertical-style=detached][data-toggled=detached-close]:not([icon-overlay=open]).dark .app-sidebar .main-sidebar-header .header-logo .toggle-logo {
    @apply hidden;
  }
  [data-vertical-style=detached][data-toggled=detached-close]:not([icon-overlay=open]).dark .app-sidebar .main-sidebar-header .header-logo .toggle-dark {
    @apply block;
  }
  [data-vertical-style=detached][data-toggled=detached-close] .content {
    @apply ms-36;
  }
  [data-vertical-style=detached].dark .app-sidebar {
    @apply border-white/10;
  }
  [data-vertical-style=detached] .app-sidebar {
    @apply start-[inherit];
  }
}

/* End Detached-Menu Styles */
/* Start Double-Menu Styles */
@media screen and (min-width: 992px) {
  [data-vertical-style=doublemenu] .app-sidebar .slide.has-sub {
    @apply grid;
  }
  [data-vertical-style=doublemenu] .app-sidebar .main-sidebar {
    @apply overflow-visible h-[90%];
  }
  [data-vertical-style=doublemenu] .app-sidebar .main-sidebar-header {
    @apply w-[4.95rem];
  }
  [data-vertical-style=doublemenu] .app-sidebar .side-menu__icon {
    @apply mx-auto;
  }
  [data-vertical-style=doublemenu] .app-sidebar .slide {
    @apply p-0;
  }
  [data-vertical-style=doublemenu] .app-sidebar .slide-menu.child1 {
    @apply w-56;
  }
  [data-vertical-style=doublemenu] .app-sidebar .slide-menu.child2, [data-vertical-style=doublemenu] .app-sidebar .slide-menu.child3 {
    @apply w-full;
  }
  [data-vertical-style=doublemenu] .app-sidebar .slide-menu.child1, [data-vertical-style=doublemenu] .app-sidebar .slide-menu.child2, [data-vertical-style=doublemenu] .app-sidebar .slide-menu.child3 {
    @apply mt-0 !important;
  }
  [data-vertical-style=doublemenu] .app-sidebar .slide-menu.child1 .slide .side-menu__item, [data-vertical-style=doublemenu] .app-sidebar .slide-menu.child2 .slide .side-menu__item, [data-vertical-style=doublemenu] .app-sidebar .slide-menu.child3 .slide .side-menu__item {
    @apply text-start flex;
  }
  [data-vertical-style=doublemenu] .app-sidebar .slide-menu.child1 .slide .side-menu__item:before, [data-vertical-style=doublemenu] .app-sidebar .slide-menu.child2 .slide .side-menu__item:before, [data-vertical-style=doublemenu] .app-sidebar .slide-menu.child3 .slide .side-menu__item:before {
    @apply top-[0.938rem];
  }
  [data-vertical-style=doublemenu] .app-sidebar .slide-menu.child1 .side-menu__angle, [data-vertical-style=doublemenu] .app-sidebar .slide-menu.child2 .side-menu__angle, [data-vertical-style=doublemenu] .app-sidebar .slide-menu.child3 .side-menu__angle {
    @apply block top-[0.65rem];
  }
  [data-vertical-style=doublemenu] .app-sidebar .slide__category,
  [data-vertical-style=doublemenu] .app-sidebar .side-menu__angle {
    @apply hidden;
  }
  [data-vertical-style=doublemenu] .app-sidebar .side-menu__label {
    @apply hidden;
  }
  [data-vertical-style=doublemenu] .app-sidebar .slide.has-sub .slide-menu.child1 {
    @apply absolute bg-white dark:bg-bgdark transition-none h-full top-0 overflow-auto !important;
  }
  [data-vertical-style=doublemenu] .app-sidebar .slide.has-sub .slide-menu.child1 .slide {
    @apply px-3;
  }
  [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] .main-menu {
    @apply px-[1.219rem];
  }
  [data-vertical-style=doublemenu] #sidebar-scroll {
    @apply overflow-y-visible mt-0;
    @apply h-full !important;
  }
  [data-vertical-style=doublemenu] #sidebar-scroll .main-menu-container {
    @apply mt-[4.45rem];
  }
  [data-vertical-style=doublemenu] .app-sidebar {
    @apply w-20;
  }
  [data-vertical-style=doublemenu] .app-sidebar .slide.has-sub .slide-menu {
    @apply pb-2;
  }
  [data-vertical-style=doublemenu] .app-sidebar .main-sidebar-header .header-logo .desktop-logo,
  [data-vertical-style=doublemenu] .app-sidebar .main-sidebar-header .header-logo .desktop-dark {
    @apply hidden !important;
  }
  [data-vertical-style=doublemenu] .app-sidebar .main-sidebar-header .header-logo .toggle-logo {
    @apply block;
  }
  [data-vertical-style=doublemenu] .app-sidebar .main-sidebar-header .header-logo .toggle-dark {
    @apply hidden;
  }
  [data-vertical-style=doublemenu] .side-menu__label1 {
    @apply block text-base font-semibold text-primary border-b border-gray-200 py-6 px-4 h-[4.45rem] mb-4 !important;
  }
  [data-vertical-style=doublemenu].dark .slide-menu.child1 {
    @apply border-white/10 !important;
  }
  [data-vertical-style=doublemenu].dark .side-menu__label1 {
    @apply border-white/10 text-white !important;
  }
  [data-vertical-style=doublemenu].dark .app-sidebar .slide.has-sub .slide-menu {
    @apply bg-bgdark !important;
  }
  [data-vertical-style=doublemenu].dark .app-sidebar .main-sidebar-header .header-logo .toggle-logo {
    @apply hidden;
  }
  [data-vertical-style=doublemenu].dark .app-sidebar .main-sidebar-header .header-logo .toggle-dark {
    @apply block;
  }
  [data-vertical-style=doublemenu] .double-menu-active {
    @apply block !important;
  }
  [data-vertical-style=doublemenu][data-toggled=double-menu-close] .slide.has-sub .slide-menu.child1 {
    @apply hidden !important;
  }
  [data-vertical-style=doublemenu][data-toggled=double-menu-close] .double-menu-active {
    @apply block !important;
  }
  [data-vertical-style=doublemenu] .app-sidebar .slide-menu.child1 {
    @apply border-e border-gray-200;
  }
  [data-vertical-style=doublemenu] .app-sidebar .slide-menu.child1 .slide {
    @apply start-0;
  }
  [data-vertical-style=doublemenu] .app-sidebar .slide-menu.child1 .slide .side-menu__item {
    @apply ps-8 pe-4;
  }
  [data-vertical-style=doublemenu] .app-sidebar .slide-menu.child1 .slide .side-menu__item:before {
    @apply start-3;
  }
  [data-vertical-style=doublemenu] .app-sidebar .slide-menu.child1 .side-menu__angle {
    @apply end-4;
  }
  [data-vertical-style=doublemenu] .app-sidebar .slide.has-sub .slide-menu {
    @apply start-[3.25rem] !important;
  }
  [data-vertical-style=doublemenu] .app-sidebar .slide.has-sub .slide-menu.child2, [data-vertical-style=doublemenu] .app-sidebar .slide.has-sub .slide-menu.child3 {
    @apply ms-0 px-0 !important;
  }
  [data-vertical-style=doublemenu] .content {
    @apply ms-20;
  }
  [data-vertical-style=doublemenu] .header {
    @apply ps-20;
  }
  [data-vertical-style=doublemenu][data-toggled=double-menu-open] .content {
    @apply ms-[19rem];
  }
  [data-vertical-style=doublemenu][data-toggled=double-menu-open] .header {
    @apply ps-[19rem];
  }
  [data-vertical-style=doublemenu][data-toggled=double-menu-close] .content {
    @apply ms-20;
  }
  [data-vertical-style=doublemenu][data-toggled=double-menu-close] .header {
    @apply ps-20;
  }
}

/* End Double-Menu Styles */
/* Start Menu Styles */
[data-menu-styles=dark] .app-sidebar {
  @apply bg-bgdark border-white/10;
}
[data-menu-styles=dark] .app-sidebar .main-sidebar-header {
  @apply bg-bgdark border-white/10;
}
[data-menu-styles=dark] .app-sidebar .main-sidebar-header .main-logo.desktop-logo {
  @apply hidden;
}
[data-menu-styles=dark] .app-sidebar .main-sidebar-header .main-logo.desktop-dark {
  @apply block;
}
[data-menu-styles=dark] .app-sidebar .side-menu__item {
  @apply text-white/70;
}
[data-menu-styles=dark] .app-sidebar .side-menu__item.active, [data-menu-styles=dark] .app-sidebar .side-menu__item:active, [data-menu-styles=dark] .app-sidebar .side-menu__item.hover, [data-menu-styles=dark] .app-sidebar .side-menu__item:hover {
  @apply text-white !important;
}
[data-menu-styles=dark] .app-sidebar .side-menu__item.active .side-menu__icon, [data-menu-styles=dark] .app-sidebar .side-menu__item:active .side-menu__icon, [data-menu-styles=dark] .app-sidebar .side-menu__item.hover .side-menu__icon, [data-menu-styles=dark] .app-sidebar .side-menu__item:hover .side-menu__icon {
  @apply fill-white text-white !important;
}
[data-menu-styles=dark] .app-sidebar .side-menu__item.active .side-menu__label, [data-menu-styles=dark] .app-sidebar .side-menu__item:active .side-menu__label, [data-menu-styles=dark] .app-sidebar .side-menu__item.hover .side-menu__label, [data-menu-styles=dark] .app-sidebar .side-menu__item:hover .side-menu__label {
  @apply text-white !important;
}
[data-menu-styles=dark] .app-sidebar .side-menu__item .side-menu__icon {
  @apply fill-white/70 text-white/70;
}
[data-menu-styles=dark] .app-sidebar .slide-menu.child1 .side-menu__item, [data-menu-styles=dark] .app-sidebar .slide-menu.child2 .side-menu__item, [data-menu-styles=dark] .app-sidebar .slide-menu.child3 .side-menu__item {
  @apply text-white/70 hover:text-white/50 before:border-white/70 before:hover:text-white/50;
}
[data-menu-styles=dark] .app-sidebar .slide__category {
  @apply text-white/40;
}
[data-menu-styles=dark][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .main-logo.toggle-logo {
  @apply lg:hidden;
}
[data-menu-styles=dark][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .main-logo.toggle-dark {
  @apply lg:block;
}
[data-menu-styles=dark][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .main-logo.toggle-logo {
  @apply lg:hidden !important;
}
[data-menu-styles=dark][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .main-logo.toggle-dark {
  @apply lg:block !important;
}
@media (min-width: 992px) {
  [data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-logo.toggle-logo, [data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-logo.toggle-logo, [data-menu-styles=dark][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-logo.toggle-logo, [data-menu-styles=dark][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-logo.toggle-logo, [data-menu-styles=dark][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .main-logo.toggle-logo {
    @apply lg:hidden !important;
  }
  [data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-logo.toggle-dark, [data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-logo.toggle-dark, [data-menu-styles=dark][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-logo.toggle-dark, [data-menu-styles=dark][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-logo.toggle-dark, [data-menu-styles=dark][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .main-logo.toggle-dark {
    @apply lg:block !important;
  }
  [data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=dark][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu {
    @apply bg-bgdark border-white/10 shadow-[12px_2px_17px_-2px_rgba(255,255,255,0.05)] !important;
  }
  [data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=dark][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=dark][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=dark][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1 {
    @apply border-white/10 text-white !important;
  }
  [data-menu-styles=dark][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu {
    @apply shadow-none !important;
  }
  [data-menu-styles=dark][data-nav-layout=horizontal] .app-sidebar {
    @apply border-white/10 !important;
  }
  [data-menu-styles=dark][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child3 {
    @apply bg-bgdark border-white/10 !important;
  }
  [data-menu-styles=dark][data-nav-layout=horizontal] .app-sidebar .slide.side-menu__label1 {
    @apply border-white/10 text-white !important;
  }
  [data-menu-styles=dark][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-left,
  [data-menu-styles=dark][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-right {
    @apply bg-black/20 text-white border-white/10;
  }
  [data-menu-styles=dark][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-left svg,
  [data-menu-styles=dark][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-right svg {
    @apply fill-white;
  }
}

[data-menu-styles=color] .app-sidebar {
  @apply bg-primary bg-gradient-to-t from-black/30 to-black/30 border-white/20;
}
[data-menu-styles=color] .app-sidebar .main-sidebar-header {
  @apply bg-primary bg-gradient-to-t from-black/30 to-black/30 border-white/20;
}
[data-menu-styles=color] .app-sidebar .main-sidebar-header .main-logo.desktop-logo {
  @apply hidden;
}
[data-menu-styles=color] .app-sidebar .main-sidebar-header .main-logo.desktop-dark {
  @apply block;
}
[data-menu-styles=color] .app-sidebar .side-menu__item {
  @apply text-white/70;
}
[data-menu-styles=color] .app-sidebar .side-menu__item .side-menu__icon {
  @apply fill-white/70 text-white/70;
}
[data-menu-styles=color] .app-sidebar .side-menu__item.active {
  @apply text-white !important;
}
[data-menu-styles=color] .app-sidebar .side-menu__item.active .side-menu__icon {
  @apply fill-white text-white !important;
}
[data-menu-styles=color] .app-sidebar .side-menu__item:hover {
  @apply text-white !important;
}
[data-menu-styles=color] .app-sidebar .side-menu__item:hover .side-menu__icon {
  @apply fill-white text-white !important;
}
[data-menu-styles=color] .app-sidebar .slide-menu.child1 .side-menu__item, [data-menu-styles=color] .app-sidebar .slide-menu.child2 .side-menu__item, [data-menu-styles=color] .app-sidebar .slide-menu.child3 .side-menu__item {
  @apply text-white/70 before:border-white/70;
}
[data-menu-styles=color] .app-sidebar .slide-menu.child1 .side-menu__item.active, [data-menu-styles=color] .app-sidebar .slide-menu.child2 .side-menu__item.active, [data-menu-styles=color] .app-sidebar .slide-menu.child3 .side-menu__item.active {
  @apply text-white !important;
}
[data-menu-styles=color] .app-sidebar .slide-menu.child1 .side-menu__item.active::before, [data-menu-styles=color] .app-sidebar .slide-menu.child2 .side-menu__item.active::before, [data-menu-styles=color] .app-sidebar .slide-menu.child3 .side-menu__item.active::before {
  @apply border-white !important;
}
[data-menu-styles=color] .app-sidebar .slide-menu.child1 .side-menu__item.active .side-menu__angle, [data-menu-styles=color] .app-sidebar .slide-menu.child2 .side-menu__item.active .side-menu__angle, [data-menu-styles=color] .app-sidebar .slide-menu.child3 .side-menu__item.active .side-menu__angle {
  @apply text-white !important;
}
[data-menu-styles=color] .app-sidebar .slide-menu.child1 .side-menu__item:hover, [data-menu-styles=color] .app-sidebar .slide-menu.child2 .side-menu__item:hover, [data-menu-styles=color] .app-sidebar .slide-menu.child3 .side-menu__item:hover {
  @apply text-white !important;
}
[data-menu-styles=color] .app-sidebar .slide-menu.child1 .side-menu__item:hover::before, [data-menu-styles=color] .app-sidebar .slide-menu.child2 .side-menu__item:hover::before, [data-menu-styles=color] .app-sidebar .slide-menu.child3 .side-menu__item:hover::before {
  @apply border-white !important;
}
[data-menu-styles=color] .app-sidebar .slide-menu.child1 .side-menu__item:hover .side-menu__angle, [data-menu-styles=color] .app-sidebar .slide-menu.child2 .side-menu__item:hover .side-menu__angle, [data-menu-styles=color] .app-sidebar .slide-menu.child3 .side-menu__item:hover .side-menu__angle {
  @apply text-white !important;
}
[data-menu-styles=color] .app-sidebar .slide__category {
  @apply text-white/50;
}
[data-menu-styles=color][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .main-logo.toggle-logo {
  @apply lg:hidden;
}
[data-menu-styles=color][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .main-logo.toggle-dark {
  @apply lg:block;
}
[data-menu-styles=color][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .main-logo.toggle-logo {
  @apply lg:hidden !important;
}
[data-menu-styles=color][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .main-logo.toggle-dark {
  @apply lg:block !important;
}
@media (min-width: 992px) {
  [data-menu-styles=color][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-logo.toggle-logo, [data-menu-styles=color][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-logo.toggle-logo, [data-menu-styles=color][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-logo.toggle-logo, [data-menu-styles=color][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-logo.toggle-logo, [data-menu-styles=color][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .main-logo.toggle-logo {
    @apply lg:hidden !important;
  }
  [data-menu-styles=color][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-logo.toggle-dark, [data-menu-styles=color][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-logo.toggle-dark, [data-menu-styles=color][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-logo.toggle-dark, [data-menu-styles=color][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-logo.toggle-dark, [data-menu-styles=color][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .main-logo.toggle-dark {
    @apply lg:block !important;
  }
  [data-menu-styles=color][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=color][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=color][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=color][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=color][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu {
    @apply bg-primary bg-gradient-to-t from-black/30 to-black/30 border-white/20 !important;
  }
  [data-menu-styles=color][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=color][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=color][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=color][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=color][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1 {
    @apply border-white/20 text-white !important;
  }
  [data-menu-styles=color][data-nav-layout=horizontal] .app-sidebar {
    @apply border-white/20 !important;
  }
  [data-menu-styles=color][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=color][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=color][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child3 {
    @apply bg-primary bg-gradient-to-t from-black/30 to-black/30 border-white/20 !important;
  }
  [data-menu-styles=color][data-nav-layout=horizontal] .app-sidebar .slide.side-menu__label1 {
    @apply border-white/20 text-white !important;
  }
  [data-menu-styles=color][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-left,
  [data-menu-styles=color][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-right {
    @apply bg-black/20 text-white border-white/10;
  }
  [data-menu-styles=color][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-left svg,
  [data-menu-styles=color][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-right svg {
    @apply fill-white;
  }
}

[data-menu-styles=gradient] .app-sidebar {
  @apply bg-gradient-to-b from-primary to-secondary border-white/20 before:absolute before:h-full before:w-full before:inset-0 before:bg-gradient-to-t before:from-black/30 before:to-black/30;
}
[data-menu-styles=gradient] .app-sidebar .main-sidebar-header {
  @apply bg-primary border-white/20 before:absolute before:h-full before:w-full before:inset-0 before:bg-gradient-to-t before:from-black/30 before:to-black/30 before:-z-[1];
}
[data-menu-styles=gradient] .app-sidebar .main-sidebar-header .main-logo.desktop-logo {
  @apply hidden;
}
[data-menu-styles=gradient] .app-sidebar .main-sidebar-header .main-logo.desktop-dark {
  @apply block;
}
[data-menu-styles=gradient] .app-sidebar .side-menu__item {
  @apply text-white/70;
}
[data-menu-styles=gradient] .app-sidebar .side-menu__item .side-menu__icon {
  @apply fill-white/70 text-white/70;
}
[data-menu-styles=gradient] .app-sidebar .side-menu__item.active {
  @apply text-white !important;
}
[data-menu-styles=gradient] .app-sidebar .side-menu__item.active .side-menu__icon {
  @apply fill-white text-white !important;
}
[data-menu-styles=gradient] .app-sidebar .side-menu__item:hover {
  @apply text-white !important;
}
[data-menu-styles=gradient] .app-sidebar .side-menu__item:hover .side-menu__icon {
  @apply fill-white text-white !important;
}
[data-menu-styles=gradient] .app-sidebar .slide-menu.child1 .side-menu__item, [data-menu-styles=gradient] .app-sidebar .slide-menu.child2 .side-menu__item, [data-menu-styles=gradient] .app-sidebar .slide-menu.child3 .side-menu__item {
  @apply text-white/70 before:border-white/70;
}
[data-menu-styles=gradient] .app-sidebar .slide-menu.child1 .side-menu__item.active, [data-menu-styles=gradient] .app-sidebar .slide-menu.child2 .side-menu__item.active, [data-menu-styles=gradient] .app-sidebar .slide-menu.child3 .side-menu__item.active {
  @apply text-white !important;
}
[data-menu-styles=gradient] .app-sidebar .slide-menu.child1 .side-menu__item.active::before, [data-menu-styles=gradient] .app-sidebar .slide-menu.child2 .side-menu__item.active::before, [data-menu-styles=gradient] .app-sidebar .slide-menu.child3 .side-menu__item.active::before {
  @apply border-white !important;
}
[data-menu-styles=gradient] .app-sidebar .slide-menu.child1 .side-menu__item.active .side-menu__angle, [data-menu-styles=gradient] .app-sidebar .slide-menu.child2 .side-menu__item.active .side-menu__angle, [data-menu-styles=gradient] .app-sidebar .slide-menu.child3 .side-menu__item.active .side-menu__angle {
  @apply text-white !important;
}
[data-menu-styles=gradient] .app-sidebar .slide-menu.child1 .side-menu__item:hover, [data-menu-styles=gradient] .app-sidebar .slide-menu.child2 .side-menu__item:hover, [data-menu-styles=gradient] .app-sidebar .slide-menu.child3 .side-menu__item:hover {
  @apply text-white !important;
}
[data-menu-styles=gradient] .app-sidebar .slide-menu.child1 .side-menu__item:hover::before, [data-menu-styles=gradient] .app-sidebar .slide-menu.child2 .side-menu__item:hover::before, [data-menu-styles=gradient] .app-sidebar .slide-menu.child3 .side-menu__item:hover::before {
  @apply border-white !important;
}
[data-menu-styles=gradient] .app-sidebar .slide-menu.child1 .side-menu__item:hover .side-menu__angle, [data-menu-styles=gradient] .app-sidebar .slide-menu.child2 .side-menu__item:hover .side-menu__angle, [data-menu-styles=gradient] .app-sidebar .slide-menu.child3 .side-menu__item:hover .side-menu__angle {
  @apply text-white !important;
}
[data-menu-styles=gradient] .app-sidebar .slide__category {
  @apply text-white/50;
}
[data-menu-styles=gradient][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .main-logo.toggle-logo {
  @apply lg:hidden;
}
[data-menu-styles=gradient][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .main-logo.toggle-dark {
  @apply lg:block;
}
[data-menu-styles=gradient][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .main-logo.toggle-logo {
  @apply lg:hidden !important;
}
[data-menu-styles=gradient][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .main-logo.toggle-dark {
  @apply lg:block !important;
}
@media (min-width: 992px) {
  [data-menu-styles=gradient][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-logo.toggle-logo, [data-menu-styles=gradient][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-logo.toggle-logo, [data-menu-styles=gradient][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-logo.toggle-logo, [data-menu-styles=gradient][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-logo.toggle-logo {
    @apply lg:hidden !important;
  }
  [data-menu-styles=gradient][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-logo.toggle-dark, [data-menu-styles=gradient][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-logo.toggle-dark, [data-menu-styles=gradient][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-logo.toggle-dark, [data-menu-styles=gradient][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-logo.toggle-dark {
    @apply lg:block !important;
  }
  [data-menu-styles=gradient][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=gradient][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=gradient][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=gradient][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu {
    @apply bg-gradient-to-b from-primary to-secondary -z-[1] before:-z-[1] before:absolute before:h-full before:w-full before:inset-0 before:bg-gradient-to-t before:from-black/30 before:to-black/30 before:rounded-e-md border-white/20 !important;
  }
  [data-menu-styles=gradient][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=gradient][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=gradient][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=gradient][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1 {
    @apply border-white/20 text-white !important;
  }
  [data-menu-styles=gradient][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .main-logo.toggle-logo {
    @apply lg:hidden !important;
  }
  [data-menu-styles=gradient][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .main-logo.toggle-dark {
    @apply lg:block !important;
  }
  [data-menu-styles=gradient][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu {
    @apply bg-gradient-to-b from-primary to-secondary -z-[1] before:-z-[1] before:absolute before:h-full before:w-full before:inset-0 before:bg-gradient-to-t before:from-black/30 before:to-black/30 border-white/20 !important;
  }
  [data-menu-styles=gradient][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=gradient][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu.child3 {
    @apply bg-transparent bg-none before:bg-none !important;
  }
  [data-menu-styles=gradient][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1 {
    @apply border-white/20 text-white !important;
  }
  [data-menu-styles=gradient][data-nav-layout=horizontal] .app-sidebar {
    @apply border-white/20 !important;
    @apply bg-gradient-to-r from-primary to-secondary before:absolute before:h-full before:w-full before:inset-0 before:bg-gradient-to-t before:from-black/30 before:to-black/30;
  }
  [data-menu-styles=gradient][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=gradient][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=gradient][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child3 {
    @apply bg-gradient-to-b from-primary to-secondary border-white/20 !important;
  }
  [data-menu-styles=gradient][data-nav-layout=horizontal] .app-sidebar .slide.side-menu__label1 {
    @apply border-white/20 text-white !important;
  }
  [data-menu-styles=gradient][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-left,
  [data-menu-styles=gradient][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-right {
    @apply bg-black/20 text-white border-white/10;
  }
  [data-menu-styles=gradient][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-left svg,
  [data-menu-styles=gradient][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-right svg {
    @apply fill-white;
  }
}

[data-menu-styles=light] .app-sidebar {
  --menu-prime-color: 128 135 147;
  @apply bg-white border-gray-200;
}
[data-menu-styles=light] .app-sidebar .main-sidebar-header {
  @apply bg-white border-gray-200;
}
[data-menu-styles=light] .app-sidebar .main-sidebar-header .main-logo.desktop-logo {
  @apply block;
}
[data-menu-styles=light] .app-sidebar .main-sidebar-header .main-logo.desktop-dark {
  @apply hidden;
}
[data-menu-styles=light] .app-sidebar .side-menu__item {
  @apply text-menuprime;
}
[data-menu-styles=light] .app-sidebar .side-menu__item.active, [data-menu-styles=light] .app-sidebar .side-menu__item:active, [data-menu-styles=light] .app-sidebar .side-menu__item:hover, [data-menu-styles=light] .app-sidebar .side-menu__item.hover {
  @apply text-primary !important;
}
[data-menu-styles=light] .app-sidebar .side-menu__item.active .side-menu__icon, [data-menu-styles=light] .app-sidebar .side-menu__item:active .side-menu__icon, [data-menu-styles=light] .app-sidebar .side-menu__item:hover .side-menu__icon, [data-menu-styles=light] .app-sidebar .side-menu__item.hover .side-menu__icon {
  @apply text-primary fill-primary !important;
}
[data-menu-styles=light] .app-sidebar .slide-menu.child1 .side-menu__item, [data-menu-styles=light] .app-sidebar .slide-menu.child2 .side-menu__item, [data-menu-styles=light] .app-sidebar .slide-menu.child3 .side-menu__item {
  @apply text-menuprime/80 before:border-menuprime/80;
}
[data-menu-styles=light] .app-sidebar .slide-menu.child1 .side-menu__item.active, [data-menu-styles=light] .app-sidebar .slide-menu.child1 .side-menu__item:active, [data-menu-styles=light] .app-sidebar .slide-menu.child1 .side-menu__item:hover, [data-menu-styles=light] .app-sidebar .slide-menu.child1 .side-menu__item.hover, [data-menu-styles=light] .app-sidebar .slide-menu.child2 .side-menu__item.active, [data-menu-styles=light] .app-sidebar .slide-menu.child2 .side-menu__item:active, [data-menu-styles=light] .app-sidebar .slide-menu.child2 .side-menu__item:hover, [data-menu-styles=light] .app-sidebar .slide-menu.child2 .side-menu__item.hover, [data-menu-styles=light] .app-sidebar .slide-menu.child3 .side-menu__item.active, [data-menu-styles=light] .app-sidebar .slide-menu.child3 .side-menu__item:active, [data-menu-styles=light] .app-sidebar .slide-menu.child3 .side-menu__item:hover, [data-menu-styles=light] .app-sidebar .slide-menu.child3 .side-menu__item.hover {
  @apply text-primary before:border-primary !important;
}
[data-menu-styles=light] .app-sidebar .slide-menu.child1 .side-menu__item.active .side-menu__angle, [data-menu-styles=light] .app-sidebar .slide-menu.child1 .side-menu__item:active .side-menu__angle, [data-menu-styles=light] .app-sidebar .slide-menu.child1 .side-menu__item:hover .side-menu__angle, [data-menu-styles=light] .app-sidebar .slide-menu.child1 .side-menu__item.hover .side-menu__angle, [data-menu-styles=light] .app-sidebar .slide-menu.child2 .side-menu__item.active .side-menu__angle, [data-menu-styles=light] .app-sidebar .slide-menu.child2 .side-menu__item:active .side-menu__angle, [data-menu-styles=light] .app-sidebar .slide-menu.child2 .side-menu__item:hover .side-menu__angle, [data-menu-styles=light] .app-sidebar .slide-menu.child2 .side-menu__item.hover .side-menu__angle, [data-menu-styles=light] .app-sidebar .slide-menu.child3 .side-menu__item.active .side-menu__angle, [data-menu-styles=light] .app-sidebar .slide-menu.child3 .side-menu__item:active .side-menu__angle, [data-menu-styles=light] .app-sidebar .slide-menu.child3 .side-menu__item:hover .side-menu__angle, [data-menu-styles=light] .app-sidebar .slide-menu.child3 .side-menu__item.hover .side-menu__angle {
  @apply text-primary !important;
}
[data-menu-styles=light] .app-sidebar .slide__category {
  @apply text-menuprime/50;
}
[data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .main-logo.toggle-logo {
  @apply lg:block;
}
[data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .main-logo.toggle-dark {
  @apply lg:hidden;
}
[data-menu-styles=light][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .main-logo.toggle-logo {
  @apply lg:block !important;
}
[data-menu-styles=light][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .main-logo.toggle-dark {
  @apply lg:hidden !important;
}
@media (min-width: 992px) {
  [data-menu-styles=light][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-logo.toggle-logo, [data-menu-styles=light][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-logo.toggle-logo, [data-menu-styles=light][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-logo.toggle-logo, [data-menu-styles=light][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-logo.toggle-logo, [data-menu-styles=light][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .main-logo.toggle-logo {
    @apply lg:block !important;
  }
  [data-menu-styles=light][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-logo.toggle-dark, [data-menu-styles=light][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-logo.toggle-dark, [data-menu-styles=light][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-logo.toggle-dark, [data-menu-styles=light][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-logo.toggle-dark, [data-menu-styles=light][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .main-logo.toggle-dark {
    @apply lg:hidden !important;
  }
  [data-menu-styles=light][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=light][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=light][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=light][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=light][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu {
    @apply bg-white border-gray-200 !important;
  }
  [data-menu-styles=light][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=light][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=light][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=light][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=light][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1 {
    @apply border-gray-200 text-primary !important;
  }
  [data-menu-styles=light][data-nav-layout=horizontal] .app-sidebar {
    @apply border-gray-200 !important;
  }
  [data-menu-styles=light][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=light][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=light][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child3 {
    @apply bg-white border-gray-200 !important;
  }
  [data-menu-styles=light][data-nav-layout=horizontal] .app-sidebar .slide.side-menu__label1 {
    @apply border-gray-200 text-primary !important;
  }
  [data-menu-styles=light][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-left,
  [data-menu-styles=light][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-right {
    @apply bg-white text-menuprime border-gray-200;
  }
  [data-menu-styles=light][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-left svg,
  [data-menu-styles=light][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-right svg {
    @apply fill-menuprime;
  }
}

[data-menu-styles=transparent] .app-sidebar {
  --menu-prime-color: 128 135 147;
  @apply bg-bodybg border-gray-200;
}
[data-menu-styles=transparent] .app-sidebar .main-sidebar-header {
  @apply bg-bodybg border-gray-200;
}
[data-menu-styles=transparent] .app-sidebar .main-sidebar-header .main-logo.desktop-logo {
  @apply block;
}
[data-menu-styles=transparent] .app-sidebar .main-sidebar-header .main-logo.desktop-dark {
  @apply hidden;
}
[data-menu-styles=transparent] .app-sidebar .side-menu__item {
  @apply text-menuprime;
}
[data-menu-styles=transparent] .app-sidebar .side-menu__item .side-menu__icon {
  @apply fill-menuprime;
}
[data-menu-styles=transparent] .app-sidebar .side-menu__item.active, [data-menu-styles=transparent] .app-sidebar .side-menu__item:hover {
  @apply text-primary !important;
}
[data-menu-styles=transparent] .app-sidebar .side-menu__item.active .side-menu__icon, [data-menu-styles=transparent] .app-sidebar .side-menu__item:hover .side-menu__icon {
  @apply fill-primary text-primary !important;
}
[data-menu-styles=transparent] .app-sidebar .slide-menu.child1 .side-menu__item, [data-menu-styles=transparent] .app-sidebar .slide-menu.child2 .side-menu__item, [data-menu-styles=transparent] .app-sidebar .slide-menu.child3 .side-menu__item {
  @apply text-menuprime/80 before:border-menuprime/80;
}
[data-menu-styles=transparent] .app-sidebar .slide-menu.child1 .side-menu__item.active, [data-menu-styles=transparent] .app-sidebar .slide-menu.child1 .side-menu__item:hover, [data-menu-styles=transparent] .app-sidebar .slide-menu.child2 .side-menu__item.active, [data-menu-styles=transparent] .app-sidebar .slide-menu.child2 .side-menu__item:hover, [data-menu-styles=transparent] .app-sidebar .slide-menu.child3 .side-menu__item.active, [data-menu-styles=transparent] .app-sidebar .slide-menu.child3 .side-menu__item:hover {
  @apply text-primary before:border-primary !important;
}
[data-menu-styles=transparent] .app-sidebar .slide-menu.child1 .side-menu__item.active .side-menu__angle, [data-menu-styles=transparent] .app-sidebar .slide-menu.child1 .side-menu__item:hover .side-menu__angle, [data-menu-styles=transparent] .app-sidebar .slide-menu.child2 .side-menu__item.active .side-menu__angle, [data-menu-styles=transparent] .app-sidebar .slide-menu.child2 .side-menu__item:hover .side-menu__angle, [data-menu-styles=transparent] .app-sidebar .slide-menu.child3 .side-menu__item.active .side-menu__angle, [data-menu-styles=transparent] .app-sidebar .slide-menu.child3 .side-menu__item:hover .side-menu__angle {
  @apply text-primary !important;
}
[data-menu-styles=transparent] .app-sidebar .slide__category {
  @apply text-menuprime/50;
}
[data-menu-styles=transparent][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .main-logo.toggle-logo {
  @apply lg:block;
}
[data-menu-styles=transparent][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .main-logo.toggle-dark {
  @apply lg:hidden;
}
[data-menu-styles=transparent][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .main-logo.toggle-logo {
  @apply lg:block !important;
}
[data-menu-styles=transparent][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .main-logo.toggle-dark {
  @apply lg:hidden !important;
}
@media (min-width: 992px) {
  [data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-logo.toggle-logo, [data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-logo.toggle-logo, [data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-logo.toggle-logo, [data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-logo.toggle-logo, [data-menu-styles=transparent][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .main-logo.toggle-logo {
    @apply lg:block !important;
  }
  [data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-logo.toggle-dark, [data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-logo.toggle-dark, [data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-logo.toggle-dark, [data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-logo.toggle-dark, [data-menu-styles=transparent][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .main-logo.toggle-dark {
    @apply lg:hidden !important;
  }
  [data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu {
    @apply bg-bodybg border-gray-200 !important;
  }
  [data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=transparent][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1 {
    @apply border-gray-200 text-primary !important;
  }
  [data-menu-styles=transparent][data-nav-layout=horizontal] .app-sidebar {
    @apply border-gray-200 !important;
  }
  [data-menu-styles=transparent][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child3 {
    @apply bg-bodybg border-gray-200 !important;
  }
  [data-menu-styles=transparent][data-nav-layout=horizontal] .app-sidebar .slide.side-menu__label1 {
    @apply border-gray-200 text-primary !important;
  }
  [data-menu-styles=transparent][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-left,
  [data-menu-styles=transparent][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-right {
    @apply bg-bodybg text-menuprime border-gray-200;
  }
  [data-menu-styles=transparent][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-left svg,
  [data-menu-styles=transparent][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-right svg {
    @apply fill-menuprime;
  }
  [data-menu-styles=transparent][data-nav-layout=horizontal].dark .app-sidebar {
    @apply border-white/10 !important;
  }
  [data-menu-styles=transparent][data-nav-layout=horizontal].dark .main-menu-container .slide-left,
  [data-menu-styles=transparent][data-nav-layout=horizontal].dark .main-menu-container .slide-right {
    @apply border-white/10;
  }
}
[data-menu-styles=transparent].dark[data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child1,
[data-menu-styles=transparent].dark[data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child2,
[data-menu-styles=transparent].dark[data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child3 {
  @apply border-white/10 !important;
}
[data-menu-styles=transparent].dark .app-sidebar {
  @apply border-white/10;
}
[data-menu-styles=transparent].dark .app-sidebar .main-sidebar-header {
  @apply border-white/10;
}
[data-menu-styles=transparent].dark .app-sidebar .main-sidebar-header .main-logo.desktop-logo {
  @apply hidden;
}
[data-menu-styles=transparent].dark .app-sidebar .main-sidebar-header .main-logo.desktop-dark {
  @apply block;
}
[data-menu-styles=transparent].dark .app-sidebar .side-menu__item {
  @apply text-white/70;
}
[data-menu-styles=transparent].dark .app-sidebar .side-menu__item .side-menu__icon {
  @apply fill-white/70 text-white/70;
}
[data-menu-styles=transparent].dark .app-sidebar .side-menu__item.active, [data-menu-styles=transparent].dark .app-sidebar .side-menu__item:hover {
  @apply text-white !important;
}
[data-menu-styles=transparent].dark .app-sidebar .side-menu__item.active .side-menu__icon, [data-menu-styles=transparent].dark .app-sidebar .side-menu__item:hover .side-menu__icon {
  @apply fill-white text-white !important;
}
[data-menu-styles=transparent].dark .app-sidebar .slide-menu.child1 .side-menu__item, [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child2 .side-menu__item, [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child3 .side-menu__item {
  @apply text-white/70 before:border-white/80;
}
[data-menu-styles=transparent].dark .app-sidebar .slide-menu.child1 .side-menu__item.active, [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child2 .side-menu__item.active, [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child3 .side-menu__item.active {
  @apply text-white !important;
}
[data-menu-styles=transparent].dark .app-sidebar .slide-menu.child1 .side-menu__item.active::before, [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child2 .side-menu__item.active::before, [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child3 .side-menu__item.active::before {
  @apply border-white !important;
}
[data-menu-styles=transparent].dark .app-sidebar .slide-menu.child1 .side-menu__item.active .side-menu__angle, [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child2 .side-menu__item.active .side-menu__angle, [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child3 .side-menu__item.active .side-menu__angle {
  @apply text-white !important;
}
[data-menu-styles=transparent].dark .app-sidebar .slide-menu.child1 .side-menu__item:hover, [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child2 .side-menu__item:hover, [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child3 .side-menu__item:hover {
  @apply text-white !important;
}
[data-menu-styles=transparent].dark .app-sidebar .slide-menu.child1 .side-menu__item:hover::before, [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child2 .side-menu__item:hover::before, [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child3 .side-menu__item:hover::before {
  @apply border-white !important;
}
[data-menu-styles=transparent].dark .app-sidebar .slide-menu.child1 .side-menu__item:hover .side-menu__angle, [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child2 .side-menu__item:hover .side-menu__angle, [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child3 .side-menu__item:hover .side-menu__angle {
  @apply text-white !important;
}
[data-menu-styles=transparent].dark .app-sidebar .slide__category {
  @apply text-white/50;
}
[data-menu-styles=transparent].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .main-logo.toggle-logo {
  @apply lg:hidden;
}
[data-menu-styles=transparent].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .main-logo.toggle-dark {
  @apply lg:block;
}
[data-menu-styles=transparent].dark[data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .main-logo.toggle-logo {
  @apply lg:hidden !important;
}
[data-menu-styles=transparent].dark[data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .main-logo.toggle-dark {
  @apply lg:block !important;
}
@media (min-width: 992px) {
  [data-menu-styles=transparent].dark[data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-logo.toggle-logo, [data-menu-styles=transparent].dark[data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-logo.toggle-logo, [data-menu-styles=transparent].dark[data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-logo.toggle-logo, [data-menu-styles=transparent].dark[data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-logo.toggle-logo, [data-menu-styles=transparent].dark[data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .main-logo.toggle-logo {
    @apply lg:hidden !important;
  }
  [data-menu-styles=transparent].dark[data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-logo.toggle-dark, [data-menu-styles=transparent].dark[data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-logo.toggle-dark, [data-menu-styles=transparent].dark[data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-logo.toggle-dark, [data-menu-styles=transparent].dark[data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-logo.toggle-dark, [data-menu-styles=transparent].dark[data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .main-logo.toggle-dark {
    @apply lg:block !important;
  }
  [data-menu-styles=transparent].dark[data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=transparent].dark[data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=transparent].dark[data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=transparent].dark[data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=transparent].dark[data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu {
    @apply border-white/10 !important;
  }
  [data-menu-styles=transparent].dark[data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=transparent].dark[data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=transparent].dark[data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=transparent].dark[data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=transparent].dark[data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1 {
    @apply border-white/10 !important;
  }
  [data-menu-styles=transparent].dark[data-nav-layout=horizontal] .app-sidebar {
    @apply border-white/10 !important;
  }
  [data-menu-styles=transparent].dark[data-nav-layout=horizontal] .app-sidebar .slide.side-menu__label1 {
    @apply border-white/10 !important;
  }
  [data-menu-styles=transparent].dark[data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-left,
  [data-menu-styles=transparent].dark[data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-right {
    @apply text-white border-white/10;
  }
  [data-menu-styles=transparent].dark[data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-left svg,
  [data-menu-styles=transparent].dark[data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-right svg {
    @apply fill-white;
  }
  [data-menu-styles=transparent].dark[data-nav-layout=horizontal].dark .app-sidebar {
    @apply border-white/10 !important;
  }
  [data-menu-styles=transparent].dark[data-nav-layout=horizontal].dark .main-menu-container .slide-left,
  [data-menu-styles=transparent].dark[data-nav-layout=horizontal].dark .main-menu-container .slide-right {
    @apply border-white/10;
  }
}

/* End Menu Styles */
/* Start Header Styles */
[data-header-styles=dark] .header {
  --header-prime-color: 255 255 255;
  @apply bg-bgdark border-white/10;
}
[data-header-styles=dark] .header .sidebar-toggle {
  @apply bg-transparent text-gray-400 hover:text-white focus:ring-white/10 focus:ring-offset-white/10;
}
[data-header-styles=dark] .header .sidebar-toggle svg {
  @apply fill-white;
}
[data-header-styles=dark] .header .ti-dropdown-toggle {
  @apply bg-transparent hover:bg-black/20 border-white/10 text-gray-400 hover:text-white focus:ring-offset-white/10;
}
[data-header-styles=dark] .header .ti-dropdown-toggle svg {
  @apply fill-white;
}
[data-header-styles=dark] .header #dropdown-profile {
  @apply focus:ring-white/10;
}
[data-header-styles=dark] .header #dropdown-profile img {
  @apply ring-white/10;
}
[data-header-styles=dark] .header #dropdown-flag {
  @apply focus:ring-white/10;
}
[data-header-styles=dark] .header .header-search button,
[data-header-styles=dark] .header .switcher-icon button {
  @apply bg-transparent hover:bg-black/20 text-gray-400 hover:text-white focus:ring-white/10 focus:ring-offset-white/10;
}
[data-header-styles=dark] .header .header-search button svg,
[data-header-styles=dark] .header .switcher-icon button svg {
  @apply fill-white;
}
[data-header-styles=dark] .header .header-theme-mode a,
[data-header-styles=dark] .header .header-fullscreen a {
  @apply bg-transparent hover:bg-black/20 text-gray-400 hover:text-white focus:ring-white/10 focus:ring-offset-white/10;
}
[data-header-styles=dark] .header .header-theme-mode a svg,
[data-header-styles=dark] .header .header-fullscreen a svg {
  @apply fill-white;
}
[data-header-styles=dark] .header .responsive-logo .responsive-logo-dark {
  @apply hidden;
}
[data-header-styles=dark] .header .responsive-logo .responsive-logo-light {
  @apply block;
}

[data-header-styles=color] .header {
  --header-prime-color: 255 255 255;
  @apply bg-primary border-white/20 bg-gradient-to-t from-black/30 to-black/30;
}
[data-header-styles=color] .header .sidebar-toggle {
  @apply bg-transparent hover:bg-black/20 text-white hover:text-white focus:ring-transparent focus:ring-offset-transparent;
}
[data-header-styles=color] .header .sidebar-toggle svg {
  @apply fill-white;
}
[data-header-styles=color] .header .ti-dropdown-toggle {
  @apply bg-transparent hover:bg-black/20 border-white/20 text-white hover:text-white focus:ring-transparent focus:ring-offset-transparent;
}
[data-header-styles=color] .header .ti-dropdown-toggle svg {
  @apply fill-white;
}
[data-header-styles=color] .header #dropdown-profile {
  @apply focus:ring-black/20;
}
[data-header-styles=color] .header #dropdown-profile img {
  @apply ring-black/20;
}
[data-header-styles=color] .header #dropdown-flag {
  @apply focus:ring-black/20;
}
[data-header-styles=color] .header .header-search button,
[data-header-styles=color] .header .switcher-icon button {
  @apply bg-transparent hover:bg-black/20 text-white hover:text-white focus:ring-black/20 focus:ring-offset-black/20;
}
[data-header-styles=color] .header .header-search svg,
[data-header-styles=color] .header .switcher-icon svg {
  @apply fill-white;
}
[data-header-styles=color] .header .header-theme-mode a,
[data-header-styles=color] .header .header-fullscreen a {
  @apply bg-transparent hover:bg-black/20 text-white hover:text-white focus:ring-black/20 focus:ring-offset-black/20;
}
[data-header-styles=color] .header .header-theme-mode svg,
[data-header-styles=color] .header .header-fullscreen svg {
  @apply fill-white;
}
[data-header-styles=color] .header .responsive-logo .responsive-logo-dark {
  @apply hidden;
}
[data-header-styles=color] .header .responsive-logo .responsive-logo-light {
  @apply block;
}

[data-header-styles=gradient] .header {
  --header-prime-color: 255 255 255;
  @apply bg-gradient-to-b from-primary to-secondary border-white/20 before:absolute before:h-full before:w-full before:inset-0 before:bg-gradient-to-t before:from-black/30 before:to-black/30 before:-z-[1];
}
[data-header-styles=gradient] .header .sidebar-toggle {
  @apply bg-transparent hover:bg-black/20 text-white hover:text-white focus:ring-transparent focus:ring-offset-transparent;
}
[data-header-styles=gradient] .header .sidebar-toggle svg {
  @apply fill-white;
}
[data-header-styles=gradient] .header .ti-dropdown-toggle {
  @apply bg-transparent hover:bg-black/20 border-white/20 text-white hover:text-white focus:ring-transparent focus:ring-offset-transparent;
}
[data-header-styles=gradient] .header .ti-dropdown-toggle svg {
  @apply fill-white;
}
[data-header-styles=gradient] .header #dropdown-profile {
  @apply focus:ring-black/20;
}
[data-header-styles=gradient] .header #dropdown-profile img {
  @apply ring-black/20;
}
[data-header-styles=gradient] .header #dropdown-flag {
  @apply focus:ring-black/20;
}
[data-header-styles=gradient] .header .header-search button,
[data-header-styles=gradient] .header .switcher-icon button {
  @apply bg-transparent hover:bg-black/20 text-white hover:text-white focus:ring-black/20 focus:ring-offset-black/20;
}
[data-header-styles=gradient] .header .header-search svg,
[data-header-styles=gradient] .header .switcher-icon svg {
  @apply fill-white;
}
[data-header-styles=gradient] .header .header-theme-mode a,
[data-header-styles=gradient] .header .header-fullscreen a {
  @apply bg-transparent hover:bg-black/20 text-white hover:text-white focus:ring-black/20 focus:ring-offset-black/20;
}
[data-header-styles=gradient] .header .header-theme-mode svg,
[data-header-styles=gradient] .header .header-fullscreen svg {
  @apply fill-white;
}
[data-header-styles=gradient] .header .responsive-logo .responsive-logo-dark {
  @apply hidden;
}
[data-header-styles=gradient] .header .responsive-logo .responsive-logo-light {
  @apply block;
}

[data-header-styles=light] .header {
  --header-prime-color: 128 135 147;
  @apply bg-white border-gray-200;
}
[data-header-styles=light] .header .sidebar-toggle {
  @apply bg-transparent text-gray-700 hover:bg-gray-50 focus:ring-0 focus:ring-gray-400 focus:ring-offset-0 focus:ring-offset-white;
}
[data-header-styles=light] .header .ti-dropdown-toggle {
  @apply bg-transparent text-gray-700 hover:bg-gray-50 border-gray-200 focus:ring-offset-white focus:ring-primary;
}
[data-header-styles=light] .header #dropdown-profile {
  @apply focus:ring-gray-400;
}
[data-header-styles=light] .header #dropdown-profile img {
  @apply ring-white;
}
[data-header-styles=light] .header #dropdown-flag {
  @apply focus:ring-gray-400;
}
[data-header-styles=light] .header .header-search button,
[data-header-styles=light] .header .switcher-icon button {
  @apply bg-transparent text-gray-700 hover:bg-gray-50 focus:ring-gray-400 focus:ring-offset-0 focus:ring-offset-white;
}
[data-header-styles=light] .header .header-theme-mode a,
[data-header-styles=light] .header .header-fullscreen a {
  @apply bg-transparent text-gray-700 hover:bg-gray-50 focus:ring-gray-400 focus:ring-offset-0 focus:ring-offset-white;
}
[data-header-styles=light] .header .responsive-logo .responsive-logo-dark {
  @apply block !important;
}
[data-header-styles=light] .header .responsive-logo .responsive-logo-light {
  @apply hidden !important;
}

[data-header-styles=transparent] .header {
  --header-prime-color: 128 135 147;
  @apply bg-bodybg border-gray-200;
}
[data-header-styles=transparent] .header .sidebar-toggle {
  @apply bg-transparent text-gray-700 hover:bg-gray-50 focus:ring-0 focus:ring-gray-400 focus:ring-offset-0 focus:ring-offset-white;
}
[data-header-styles=transparent] .header .ti-dropdown-toggle {
  @apply bg-transparent text-gray-700 hover:bg-gray-50 border-gray-200 focus:ring-offset-white focus:ring-primary;
}
[data-header-styles=transparent] .header #dropdown-profile {
  @apply focus:ring-gray-400;
}
[data-header-styles=transparent] .header #dropdown-profile img {
  @apply ring-white;
}
[data-header-styles=transparent] .header #dropdown-flag {
  @apply focus:ring-gray-400;
}
[data-header-styles=transparent] .header .header-search button,
[data-header-styles=transparent] .header .switcher-icon button {
  @apply bg-transparent text-gray-700 hover:bg-gray-50 focus:ring-gray-400 focus:ring-offset-0 focus:ring-offset-white;
}
[data-header-styles=transparent] .header .header-theme-mode a,
[data-header-styles=transparent] .header .header-fullscreen a {
  @apply bg-transparent text-gray-700 hover:bg-gray-50 focus:ring-gray-400 focus:ring-offset-0 focus:ring-offset-white;
}
[data-header-styles=transparent] .header .responsive-logo .responsive-logo-dark {
  @apply block;
}
[data-header-styles=transparent] .header .responsive-logo .responsive-logo-light {
  @apply hidden;
}
[data-header-styles=transparent].dark .header {
  --header-prime-color: 255 255 255;
  @apply border-white/10;
}
[data-header-styles=transparent].dark .header .sidebar-toggle {
  @apply hover:bg-black/20 text-gray-400 hover:text-white focus:ring-white/10 focus:ring-offset-white/10;
}
[data-header-styles=transparent].dark .header .sidebar-toggle svg {
  @apply fill-white;
}
[data-header-styles=transparent].dark .header .ti-dropdown-toggle {
  @apply hover:bg-black/20 border-white/10 text-gray-400 hover:text-white focus:ring-offset-white/10;
}
[data-header-styles=transparent].dark .header .ti-dropdown-toggle svg {
  @apply fill-white;
}
[data-header-styles=transparent].dark .header #dropdown-profile {
  @apply focus:ring-white/10;
}
[data-header-styles=transparent].dark .header #dropdown-profile img {
  @apply ring-white/10;
}
[data-header-styles=transparent].dark .header #dropdown-flag {
  @apply focus:ring-white/10;
}
[data-header-styles=transparent].dark .header .header-search button,
[data-header-styles=transparent].dark .header .switcher-icon button {
  @apply hover:bg-black/20 text-gray-400 hover:text-white focus:ring-white/10 focus:ring-offset-white/10;
}
[data-header-styles=transparent].dark .header .header-search button svg,
[data-header-styles=transparent].dark .header .switcher-icon button svg {
  @apply fill-white;
}
[data-header-styles=transparent].dark .header .header-theme-mode a,
[data-header-styles=transparent].dark .header .header-fullscreen a {
  @apply hover:bg-black/20 text-gray-400 hover:text-white focus:ring-white/10 focus:ring-offset-white/10;
}
[data-header-styles=transparent].dark .header .header-theme-mode a svg,
[data-header-styles=transparent].dark .header .header-fullscreen a svg {
  @apply fill-white;
}
[data-header-styles=transparent].dark .header .responsive-logo .responsive-logo-dark {
  @apply hidden;
}
[data-header-styles=transparent].dark .header .responsive-logo .responsive-logo-light {
  @apply block;
}

/* End Header Styles */
/* Start Background Image Styles */
[bg-img=bgimg1] .app-sidebar {
  @apply bg-[url("../public/assets/img/menu-bg-images/bg-img1.jpg")] !important;
}

[bg-img=bgimg2] .app-sidebar {
  @apply bg-[url("../public/assets/img/menu-bg-images/bg-img2.jpg")] !important;
}

[bg-img=bgimg3] .app-sidebar {
  @apply bg-[url("../public/assets/img/menu-bg-images/bg-img3.jpg")] !important;
}

[bg-img=bgimg4] .app-sidebar {
  @apply bg-[url("../public/assets/img/menu-bg-images/bg-img4.jpg")] !important;
}

[bg-img=bgimg5] .app-sidebar {
  @apply bg-[url("../public/assets/img/menu-bg-images/bg-img5.jpg")] !important;
}

[bg-img=bgimg5] .app-sidebar,
[bg-img=bgimg4] .app-sidebar,
[bg-img=bgimg3] .app-sidebar,
[bg-img=bgimg2] .app-sidebar,
[bg-img=bgimg1] .app-sidebar {
  @apply bg-cover bg-center bg-no-repeat border-0 before:absolute before:inset-x-0 before:top-0 before:w-full before:h-full before:-z-[1];
}
[bg-img=bgimg5] .app-sidebar .main-sidebar-header,
[bg-img=bgimg4] .app-sidebar .main-sidebar-header,
[bg-img=bgimg3] .app-sidebar .main-sidebar-header,
[bg-img=bgimg2] .app-sidebar .main-sidebar-header,
[bg-img=bgimg1] .app-sidebar .main-sidebar-header {
  @apply bg-transparent;
}
[bg-img=bgimg5][data-menu-styles=light] .app-sidebar,
[bg-img=bgimg4][data-menu-styles=light] .app-sidebar,
[bg-img=bgimg3][data-menu-styles=light] .app-sidebar,
[bg-img=bgimg2][data-menu-styles=light] .app-sidebar,
[bg-img=bgimg1][data-menu-styles=light] .app-sidebar {
  @apply before:bg-white/80;
}
[bg-img=bgimg5][data-menu-styles=dark] .app-sidebar,
[bg-img=bgimg4][data-menu-styles=dark] .app-sidebar,
[bg-img=bgimg3][data-menu-styles=dark] .app-sidebar,
[bg-img=bgimg2][data-menu-styles=dark] .app-sidebar,
[bg-img=bgimg1][data-menu-styles=dark] .app-sidebar {
  @apply before:bg-bgdark/80;
}
[bg-img=bgimg5][data-menu-styles=color] .app-sidebar,
[bg-img=bgimg4][data-menu-styles=color] .app-sidebar,
[bg-img=bgimg3][data-menu-styles=color] .app-sidebar,
[bg-img=bgimg2][data-menu-styles=color] .app-sidebar,
[bg-img=bgimg1][data-menu-styles=color] .app-sidebar {
  @apply before:bg-primary/80 before:bg-gradient-to-t before:from-black/30 before:to-black/30;
}
[bg-img=bgimg5][data-menu-styles=gradient] .app-sidebar,
[bg-img=bgimg4][data-menu-styles=gradient] .app-sidebar,
[bg-img=bgimg3][data-menu-styles=gradient] .app-sidebar,
[bg-img=bgimg2][data-menu-styles=gradient] .app-sidebar,
[bg-img=bgimg1][data-menu-styles=gradient] .app-sidebar {
  @apply before:bg-gradient-to-b before:from-primary/80 before:to-secondary/80 after:absolute after:h-full after:w-full after:inset-0 after:bg-gradient-to-t after:from-black/30 after:to-black/30 after:-z-[1];
}
[bg-img=bgimg5][data-menu-styles=transparent] .app-sidebar,
[bg-img=bgimg4][data-menu-styles=transparent] .app-sidebar,
[bg-img=bgimg3][data-menu-styles=transparent] .app-sidebar,
[bg-img=bgimg2][data-menu-styles=transparent] .app-sidebar,
[bg-img=bgimg1][data-menu-styles=transparent] .app-sidebar {
  @apply before:bg-bodybg/80;
}

/* End Background Image Styles */
/* Loader Styles */
[loader=disable] #loader {
  @apply hidden;
}

#loader {
  @apply fixed top-0 start-0 w-full h-full bg-white dark:bg-bodybg flex justify-center items-center z-[9999];
}

/* Loader Styles */
/* Start React-date picker  Styles */
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  @apply bg-primary text-white !important;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  @apply border-[#e2e8f0] bg-primary text-white !important;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  @apply border-[#e2e8f0] bg-primary text-white !important;
}

.react-datepicker__time-container {
  @apply border-[#e2e8f0] !important;
}

.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  @apply border-[#e2e8f0] bg-primary text-white !important;
}

.react-datepicker__triangle {
  @apply dark:after:border-b-[#293549] dark:before:border-b-[#f8f9fa]/[0.2] !important;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  @apply border-r-[0px] border-r-[#fff]/[0.02] !important;
}

.react-datepicker__view-calendar-icon input {
  @apply border border-[#eff0f6] dark:border-white/10 py-[9px] px-3 !important;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before,
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after,
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  @apply left-[-47px] !important;
}

.react-datepicker__month .react-datepicker__month-text, .react-datepicker__month .react-datepicker__quarter-text,
.react-datepicker__year .react-datepicker__year-text {
  @apply w-[5rem] p-[10px] !important;
}

.react-datepicker__header {
  @apply bg-white border-[#e2e8f0] !important;
}

.react-datepicker__month-container {
  @apply bg-white border-[#e2e8f0] !important;
}

.react-datepicker__navigation-icon--next::before {
  @apply border-[#e2e8f0] !important;
}

.react-datepicker__navigation-icon--previous::before {
  @apply border-[#e2e8f0] !important;
}

.react-datepicker__day--selected,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  @apply bg-primary text-white !important;
}

.react-datepicker__close-icon {
  @apply hidden !important;
}

.react-datepicker__time-container {
  @apply dark:border-white/10;
}

.react-datepicker__month-container {
  @apply dark:border-white/10 dark:bg-bgdark dark:text-white/70 !important;
}

.react-datepicker__day {
  @apply dark:text-white/70 !important;
}

.react-datepicker__day-name {
  @apply dark:text-white/70 !important;
}

.react-datepicker__current-month {
  @apply dark:text-white/70 !important;
}

.react-datepicker__navigation-icon--next::before {
  @apply dark:border-white/10 !important;
}

.react-datepicker__navigation-icon--previous::before {
  @apply dark:border-white/10 !important;
}

.react-datepicker__time-list {
  @apply bg-white !important;
}

.react-datepicker__time-container {
  @apply dark:border-white/10 !important;
}

.react-datepicker__day:hover {
  @apply bg-primary text-white !important;
}

.blog-input .react-datepicker-wrapper input {
  @apply w-[100%] !important;
}

[data-width=boxed] .date-picker .react-datepicker {
  @apply w-[257px] !important;
}

[type=text],
input:where(:not([type])),
[type=email],
[type=url],
[type=password],
[type=number],
[type=date],
[type=datetime-local],
[type=month],
[type=search],
[type=tel],
[type=time],
[type=week],
[multiple],
textarea,
select {
  @apply border-gray-200 dark:border-white/10;
}

/*** rtl styles ***/
[dir=rtl] .date-picker .react-datepicker {
  @apply dir-ltr;
}
@media (max-width: 380px) {
  [dir=rtl] .react-datepicker__navigation--next {
    @apply left-[2px] right-[inherit] !important;
  }
}
[dir=rtl] .dzu-inputLabel {
  @apply ms-auto me-5 !important;
}
[dir=rtl] .basic-dropdown-svg .place-holder input {
  @apply ms-0 me-[10px] !important;
}
[dir=rtl] .css-1g86id8-MuiTreeItem-content .MuiTreeItem-label {
  @apply ps-0 pe-1 !important;
}

@media (max-width: 380px) {
  .react-datepicker {
    @apply flex flex-col !important;
  }
  .react-datepicker__navigation--next {
    @apply right-[2px] !important;
  }
  .react-datepicker__time-container {
    @apply w-full !important;
  }
  .react-datepicker__time-container .react-datepicker__time {
    @apply bg-white dark:bg-bgdark !important;
  }
}
.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  @apply dark:hover:bg-bodybg !important;
}

.react-datepicker__time-container .react-datepicker__time {
  @apply rounded-[10px];
}

.ti-form-select {
  @apply border !important;
}

.react-calendar__month-view__days__day--weekend {
  @apply text-[#475569] !important;
}

.react-calendar {
  @apply bg-bodybg border-[#e2e8f0] text-[#475569] !important;
}

.react-calendar__tile--active {
  @apply bg-primary text-white !important;
}

.react-calendar__tile--now {
  @apply bg-primary text-white !important;
}

.react-calendar__tile:enabled:hover,
.react-calendar__tile:enabled:focus {
  @apply bg-primary text-white !important;
}

.dark .react-datepicker__current-month,
.dark .react-datepicker-time__header,
.dark .react-datepicker-year-header {
  @apply text-white/70 !important;
}
.dark .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  @apply bg-bgdark;
}
.dark .react-datepicker {
  @apply border-white/10 bg-bgdark text-white/70 !important;
}
.dark pre {
  @apply border-white/10 bg-bgdark text-white/70 !important;
}
.dark .react-calendar__month-view__days__day--weekend {
  @apply text-white/70 !important;
}
.dark .react-calendar {
  @apply border-white/10 bg-bodybg text-white/70 !important;
}
.dark .react-calendar__navigation button:enabled:hover,
.dark .react-calendar__navigation button:enabled:focus {
  @apply border-white/10 bg-bgdark text-white/70 !important;
}
.dark .react-datepicker__header {
  @apply border-white/10 bg-bgdark text-white/70 !important;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before,
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after,
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  @apply -left-[15px];
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  @apply dark:border-t-bodybg;
}

.pcr-app {
  @apply dark:bg-dark;
}

.react-datepicker__time-container .react-datepicker__time {
  @apply dark:bg-bgdark;
}

.react-datepicker__time-list {
  @apply dark:bg-bgdark !important;
}

.react-select__indicator.react-select__dropdown-indicator svg {
  @apply fill-defaultcolor/50;
}

.react-datepicker-popper {
  @apply z-[5];
}

.react-datepicker {
  @apply shadow-sm bg-white border-[#e2e8f0] rounded-md overflow-hidden !important;
}

.published-date .react-datepicker-wrapper {
  @apply w-full;
}

.react-datepicker-wrapper {
  @apply w-full;
}

.react-datepicker__calendar-icon {
  @apply fill-[#64748b] mt-1;
}

.react-datepicker__calendar-icon {
  @apply hidden;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  @apply dark:border-white/10 dark:fill-bgdark dark:text-bgdark !important;
}

.multiple-month-picker .react-datepicker {
  @apply w-[31rem];
}

/* End React-date picker  Styles */
/* ###### 3.13 globalReactselect-Start ###### */
.Select2__indicator-separator {
  @apply hidden;
}

.Select2__option:hover {
  @apply text-[#fff];
}

.Select2__menu {
  @apply m-0 !important;
}

.Select2__control {
  @apply shadow-none !important;
}

.background__indicator-separator {
  @apply hidden;
}

.default .Select2__multi-value__label {
  @apply py-[0.025rem] px-[0.625rem] bg-primary text-white !important;
}
.default .Select2__multi-value__remove {
  @apply hidden;
}

.passing-options .react-select__multi-value__remove {
  @apply hidden;
}

.Select2__menu div.active,
.Select2__menu div .Select2__option--is-selected,
.Select2__menu li.active,
.Select2__menu li .Select2__option--is-selected,
.Select2__menu .Select2__single-value.active,
.Select2__menu .Select2__single-value .Select2__option--is-selected {
  @apply bg-primary !important;
}

.rmsc.multi-select .dropdown-container,
.rdl-actions .rdl-move,
.Select2__control {
  @apply border-defaultborder bg-white;
}

.multi-select .dropdown-content {
  @apply bg-white border border-defaultborder;
}
.multi-select .dropdown-content div {
  @apply bg-white;
}
.multi-select .dropdown-content div label:hover, .multi-select .dropdown-content div label.selected {
  @apply bg-white;
}

.Select2__menu {
  @apply bg-white border border-defaultborder;
}

.Select2__option--is-selected,
.Select2__option--is-focused {
  @apply bg-white text-defaultcolor !important;
}

.Select2__option:hover {
  @apply bg-primary !important;
}

.Select2__control {
  @apply bg-white border-defaultborder dark:bg-bodybg;
}

.Select2__option img, .Select2__single-value img {
  @apply w-[30px] h-[30px] rounded-full !important;
}

.input-group .buysell .Select2__input-container {
  @apply text-defaultcolor;
}
.input-group .buysell .Select2__control {
  @apply rounded-ss-none rounded-es-none min-h-[39px] border-defaultborder !important;
}

.Select2__control, .Select2__menu {
  @apply border-defaultborder !important;
}

.Select2__option:hover {
  @apply text-[#fff] bg-primary !important;
}

.Select2__input-container, .Select2__single-value {
  @apply text-defaultcolor dark:text-[#fff] !important;
}

.input-group .Select2__control {
  @apply rounded-ss-none rounded-es-none !important;
}

.Select2__menu div.active,
.Select2__menu div .Select2__option--is-selected,
.Select2__menu li.active,
.Select2__menu li .Select2__option--is-selected,
.Select2__menu .Select2__single-value.active,
.Select2__menu .Select2__single-value .Select2__option--is-selected {
  @apply text-[#fff] bg-primary !important;
}

.Select2__menu {
  @apply z-[3] !important;
}

.Select2__multi-value {
  @apply bg-primary text-[#fff] !important;
}

.Select2__multi-value__label {
  @apply text-[#fff] !important;
}

.react-select__control {
  @apply border-defaultborder !important;
}

.react-select__multi-value {
  @apply bg-primary !important;
}

.react-select__multi-value__label {
  @apply text-[#fff] !important;
}

.react-select__multi-value__remove svg {
  @apply fill-white !important;
}

.Select2__placeholder {
  @apply text-defaultcolor !important;
}

.rmsc {
  --rmsc-main: transparent;
  --rmsc-border: #e9edf6 !important;
  --rmsc-bg: #fff !important;
  --rmsc-main: #000;
  --rmsc-selected: #845adf1a !important;
  --rmsc-hover: #845adf1a !important;
  --rmsc-h: 42px !important;
}

.rmsc .dropdown-container {
  @apply bg-white border border-defaultborder !important;
}

.rmsc .dropdown-content {
  @apply border-defaultborder !important;
}

.Select2__dropdown-indicator {
  @apply after:absolute after:h-0 after:w-0 after:border-solid after:border-b-transparent
    after:border-l-transparent after:border-r-transparent after:border-[5px] after:right-[11.5px] after:top-[50%]
    after:-mt-[2.5px] after:pointer-events-none !important;
}
.Select2__dropdown-indicator svg {
  @apply hidden;
}

.Select2__indicator svg {
  @apply hidden !important;
}

.Select2__single-value div {
  @apply flex items-center !important;
}

.Select2__menu div div {
  @apply flex items-center !important;
}

/* ###### 3.13 globalReactselect ###### */
[dir=rtl] .Select2__dropdown-indicator {
  @apply after:left-[11.5px] after:right-auto !important;
}

.css-13cymwt-control:focus {
  @apply bg-white dark:bg-bodybg border-defaultborder dark:border-defaultborder/10 !important;
}

.Select2__menu {
  @apply bg-white dark:bg-bodybg border-defaultborder dark:border-defaultborder/10 !important;
}

.css-t3ipsp-control {
  @apply bg-white dark:bg-bodybg border-defaultborder dark:border-defaultborder/10 !important;
}

.Select2__control {
  @apply rounded-sm !important;
}

.companies-search-input .Select2__control {
  @apply sm:rounded-none min-h-[40px] !important;
}

.crypto-buy-sell .Select2__control {
  @apply min-h-[40px] text-ellipsis overflow-hidden whitespace-nowrap w-[100px] !important;
}

.Select2__option--is-focused {
  @apply dark:bg-bodybg !important;
}

.crypto-data .Select2__control {
  @apply w-20 min-h-[44px] !important;
}

.react-select__indicator svg {
  @apply hidden;
}

.react-select__dropdown-indicator:after {
  @apply pointer-events-none absolute mt-[-2.5px] h-0 w-0 content-[""] border-t-defaultcolor border-[5px] border-solid border-transparent right-[11.5px] top-2/4 !important;
}

.Select2__dropdown-indicator svg {
  @apply hidden !important;
}

.react-select__indicator-separator {
  @apply hidden !important;
}

/* ###### 3.13 globalReactselect-End ###### */
/* Start Map Styles */
#google-map,
#google-map-overlay,
#map-layers,
#map-markers,
#streetview-map,
#map-geofencing {
  @apply h-72;
}

#map,
#map1,
#map-popup,
#map-custom-icon,
#interactive-map {
  @apply h-72;
}

#vector-map,
#marker-map,
#marker-image-map,
#lines-map,
#us-map,
#canada-map,
#spain-map,
#russia-map {
  @apply h-80;
}

.jvm-tooltip {
  @apply bg-primary !important;
}

.leaflet-pane {
  @apply z-10 !important;
}

.leaflet-top,
.leaflet-bottom {
  @apply z-10 !important;
}

.jvm-zoom-btn {
  @apply leading-[6px] dark:bg-white dark:text-gray-800 rtl:right-3 rtl:left-0 !important;
}

.leaflet-marker-icon {
  @apply w-7 h-7 !important;
}

#jvm-markers-labels-group text {
  @apply dark:fill-white;
}

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
  @apply touch-none h-[18rem];
}

#map1 .leaflet-pane.leaflet-yellow-rectangle-pane path[class=leaflet-interactive], #map1 .leaflet-pane.leaflet-overlay-pane path[class=leaflet-interactive],
#map-custom-icon .leaflet-pane.leaflet-yellow-rectangle-pane path[class=leaflet-interactive],
#map-custom-icon .leaflet-pane.leaflet-overlay-pane path[class=leaflet-interactive] {
  @apply stroke-[rgb(var(--color-primary))] fill-[rgb(var(--color-primary))] !important;
}

#interactive-map .leaflet-pane.leaflet-overlay-pane svg rect[x="0"] {
  @apply fill-[rgb(var(--color-primary))] !important;
}

.rsm-svg {
  @apply h-[270px] w-full;
}

/* End Map Styles */
/************ Global Styles -Start ***********/
@media (min-width: 992px) {
  body {
    @apply overflow-auto pr-0 !important;
  }
}
.landing-body .app-sidebar .side-menu__item:hover .side-menu__label {
  @apply text-primary !important;
}
.landing-body .app-sidebar .side-menu__item.active .side-menu__label {
  @apply text-primary !important;
}

.apexcharts-text {
  @apply fill-defaultcolor dark:fill-white !important;
}

.apexcharts-tooltip.apexcharts-theme-light {
  @apply dark:bg-bodybg dark:border-bgdark;
}

.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
  @apply dark:bg-bodybg dark:border-b dark:border-bgdark;
}

.react-datepicker-time__input {
  @apply dark:bg-bodybg;
}

.yarl__slide_title {
  @apply hidden;
}

.main-chat-content .swiper-slide {
  @apply w-[58px] m-0 !important;
}

.range-slider .range-slider__range {
  @apply bg-primary !important;
}

.range-slider .range-slider__thumb {
  @apply bg-primary !important;
}

#range-slider-ab .range-slider__thumb {
  border-radius: 5px;
}

[multiple]:focus,
[type=date]:focus,
[type=datetime-local]:focus,
[type=email]:focus,
[type=month]:focus,
[type=number]:focus,
[type=password]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=text]:focus,
[type=time]:focus,
[type=url]:focus,
[type=week]:focus,
input:where(:not([type])):focus,
select:focus,
textarea:focus {
  @apply border-[rgb(var(--default-border))] shadow-[var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0_0_#0000)];
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
    var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
}

.rangeslider-two-thumb .rangeslider-thumb {
  background: linear-gradient(to right, #ccc 0%, #ccc 20%, #5a66f1 20%, #5a66f1 40%, #ccc 40%, #ccc 100%) !important;
}

#rater-steps .MuiRating-root,
#custom-messages .MuiRating-root {
  @apply rtl:dir-ltr !important;
}

@media (min-width: 992px) {
  [data-nav-layout=horizontal][data-nav-style=menu-click] .app-sidebar .slide.has-sub .slide-menu.child1.force-left, [data-nav-layout=horizontal][data-nav-style=menu-hover] .app-sidebar .slide.has-sub .slide-menu.child1.force-left, [data-nav-layout=horizontal][data-nav-style=icon-click] .app-sidebar .slide.has-sub .slide-menu.child1.force-left, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .slide.has-sub .slide-menu.child1.force-left {
    @apply end-0 !important;
  }
  [data-nav-layout=horizontal][data-nav-style=menu-click] .app-sidebar .slide.has-sub .slide-menu.child2.force-left, [data-nav-layout=horizontal][data-nav-style=menu-click] .app-sidebar .slide.has-sub .slide-menu.child3.force-left, [data-nav-layout=horizontal][data-nav-style=menu-hover] .app-sidebar .slide.has-sub .slide-menu.child2.force-left, [data-nav-layout=horizontal][data-nav-style=menu-hover] .app-sidebar .slide.has-sub .slide-menu.child3.force-left, [data-nav-layout=horizontal][data-nav-style=icon-click] .app-sidebar .slide.has-sub .slide-menu.child2.force-left, [data-nav-layout=horizontal][data-nav-style=icon-click] .app-sidebar .slide.has-sub .slide-menu.child3.force-left, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .slide.has-sub .slide-menu.child2.force-left, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .slide.has-sub .slide-menu.child3.force-left {
    @apply -start-full !important;
  }
}

[data-nav-layout=horizontal][data-nav-style=menu-click] .app-sidebar .slide.has-sub .slide-menu.child1.force-left, [data-nav-layout=horizontal][data-nav-style=menu-hover] .app-sidebar .slide.has-sub .slide-menu.child1.force-left, [data-nav-layout=horizontal][data-nav-style=icon-click] .app-sidebar .slide.has-sub .slide-menu.child1.force-left, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .slide.has-sub .slide-menu.child1.force-left {
  @apply end-0 !important;
}

[data-nav-layout=horizontal][data-nav-style=menu-click] .app-sidebar .slide.has-sub .slide-menu.child2.force-left,
[data-nav-layout=horizontal][data-nav-style=menu-click] .app-sidebar .slide.has-sub .slide-menu.child3.force-left,
[data-nav-layout=horizontal][data-nav-style=menu-hover] .app-sidebar .slide.has-sub .slide-menu.child2.force-left,
[data-nav-layout=horizontal][data-nav-style=menu-hover] .app-sidebar .slide.has-sub .slide-menu.child3.force-left,
[data-nav-layout=horizontal][data-nav-style=icon-click] .app-sidebar .slide.has-sub .slide-menu.child2.force-left,
[data-nav-layout=horizontal][data-nav-style=icon-click] .app-sidebar .slide.has-sub .slide-menu.child3.force-left,
[data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .slide.has-sub .slide-menu.child2.force-left,
[data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .slide.has-sub .slide-menu.child3.force-left {
  @apply start-[-100%] !important;
}

@media (min-width: 992px) {
  [data-nav-layout=horizontal][data-nav-style=menu-hover] .app-sidebar .slide.has-sub .slide-menu.child1,
  [data-nav-layout=horizontal][data-nav-style=menu-click] .app-sidebar .slide.has-sub .slide-menu.child1,
  [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .slide.has-sub .slide-menu.child1,
  [data-nav-layout=horizontal][data-nav-style=icon-click] .app-sidebar .slide.has-sub .slide-menu.child1 {
    @apply rounded-se-none rounded-ss-none !important;
  }
  [data-nav-layout=horizontal][data-nav-style=menu-hover] .app-sidebar .slide.has-sub .slide-menu.child2, [data-nav-layout=horizontal][data-nav-style=menu-hover] .app-sidebar .slide.has-sub .slide-menu.child3,
  [data-nav-layout=horizontal][data-nav-style=menu-click] .app-sidebar .slide.has-sub .slide-menu.child2,
  [data-nav-layout=horizontal][data-nav-style=menu-click] .app-sidebar .slide.has-sub .slide-menu.child3,
  [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .slide.has-sub .slide-menu.child2,
  [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .slide.has-sub .slide-menu.child3,
  [data-nav-layout=horizontal][data-nav-style=icon-click] .app-sidebar .slide.has-sub .slide-menu.child2,
  [data-nav-layout=horizontal][data-nav-style=icon-click] .app-sidebar .slide.has-sub .slide-menu.child3 {
    @apply rounded-ss-none rounded-es-none !important;
  }
  [data-nav-layout=horizontal][data-nav-style=menu-hover] .app-sidebar .slide.has-sub .slide-menu.child1.force-left,
  [data-nav-layout=horizontal][data-nav-style=menu-click] .app-sidebar .slide.has-sub .slide-menu.child1.force-left,
  [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .slide.has-sub .slide-menu.child1.force-left,
  [data-nav-layout=horizontal][data-nav-style=icon-click] .app-sidebar .slide.has-sub .slide-menu.child1.force-left {
    @apply rounded-se-none rounded-ss-none !important;
  }
  [data-nav-layout=horizontal][data-nav-style=menu-hover] .app-sidebar .slide.has-sub .slide-menu.child2.force-left, [data-nav-layout=horizontal][data-nav-style=menu-hover] .app-sidebar .slide.has-sub .slide-menu.child3.force-left,
  [data-nav-layout=horizontal][data-nav-style=menu-click] .app-sidebar .slide.has-sub .slide-menu.child2.force-left,
  [data-nav-layout=horizontal][data-nav-style=menu-click] .app-sidebar .slide.has-sub .slide-menu.child3.force-left,
  [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .slide.has-sub .slide-menu.child2.force-left,
  [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .slide.has-sub .slide-menu.child3.force-left,
  [data-nav-layout=horizontal][data-nav-style=icon-click] .app-sidebar .slide.has-sub .slide-menu.child2.force-left,
  [data-nav-layout=horizontal][data-nav-style=icon-click] .app-sidebar .slide.has-sub .slide-menu.child3.force-left {
    @apply rounded-se-none rounded-ee-none !important;
  }
}
@media (min-width: 992px) {
  .menu-click .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.child2, [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.child2, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide.has-sub .slide-menu.child3 {
    @apply start-[13.9rem] !important;
  }
}
.yarl__slide_description {
  margin-top: 400px !important;
  margin-inline-start: -335px;
  color: #fff;
}

#primary-colored-slider .rc-slider-track, #primary-colored-slider .rc-slider-tracks {
  @apply bg-primary !important;
}
#primary-colored-slider .rc-slider-handle {
  @apply border-primary !important;
}

#secondary-colored-slider .rc-slider-track, #secondary-colored-slider .rc-slider-tracks {
  @apply bg-secondary !important;
}
#secondary-colored-slider .rc-slider-handle {
  @apply border-secondary !important;
}

#warning-colored-slider .rc-slider-track, #warning-colored-slider .rc-slider-tracks {
  @apply bg-warning !important;
}
#warning-colored-slider .rc-slider-handle {
  @apply border-warning !important;
}

#info-colored-slider .rc-slider-track, #info-colored-slider .rc-slider-tracks {
  @apply bg-info !important;
}
#info-colored-slider .rc-slider-handle {
  @apply border-info !important;
}

#success-colored-slider .rc-slider-track, #success-colored-slider .rc-slider-tracks {
  @apply bg-success !important;
}
#success-colored-slider .rc-slider-handle {
  @apply border-success !important;
}

#danger-colored-slider .rc-slider-track, #danger-colored-slider .rc-slider-tracks {
  @apply bg-danger !important;
}
#danger-colored-slider .rc-slider-handle {
  @apply border-danger !important;
}

.Toastify__toast-container--top-right {
  @apply rtl:left-[0px] rtl:right-[auto] !important;
}

:is(.dark body)::-webkit-scrollbar {
  @apply bg-black/20 !important;
}

:is(.dark body)::-webkit-scrollbar-thumb {
  @apply bg-black/20 !important;
}

.MuiStepLabel-iconContainer,
.MuiStepLabel-iconContainer.Mui-active {
  @apply pe-[8px];
}

.basic-data-table .table thead tr th {
  @apply text-[0.85rem] font-semibold;
}
.basic-data-table .table-bordered tr > :not([hidden]) ~ :not([hidden]) {
  @apply border-r-[calc(1px*_var(--tw-divide-x-reverse))] border-l-[calc(1px*_calc(1_-_var(--tw-divide-x-reverse)))] border-[rgb(242_244_245_/_var(--tw-divide-opacity))];
}
.basic-data-table .ti-custom-table th {
  @apply bg-[rgb(249_250_251_/_var(--tw-bg-opacity))] text-start text-xs font-semibold uppercase leading-[1.462] px-6 py-2;
}
.basic-data-table .ti-custom-table td {
  @apply whitespace-nowrap text-sm font-medium px-6 py-4;
}
.basic-data-table .table td, .basic-data-table .table th {
  @apply text-start align-middle text-[0.813rem] font-medium leading-[1.462] p-3;
}
.basic-data-table .table tr {
  @apply border-r-[#aaa] dark:border-r dark:border-defaultborder/10 border-e border-solid border-t dark:border-t border-[#e7e7e7];
}
.basic-data-table .table td, .basic-data-table th {
  @apply dark:border-r dark:border-defaultborder/10 !important;
}

.MuiButton-root.MuiButton-text {
  @apply text-muted !important;
}

.apexcharts-datalabel,
.apexcharts-datalabel-label,
.apexcharts-datalabel-value,
.apexcharts-datalabels,
.apexcharts-pie-label {
  font-size: 0.75rem;
}

#pie-chartdata .apexcharts-text,
#donut-chartdata .apexcharts-text {
  fill: #fff !important;
}

@media (max-width: 480px) {
  .swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    backface-visibility: hidden;
  }
}
#currency-select {
  @apply w-[65px] !important;
}

.react-dropdown-select-dropdown .react-dropdown-select-item {
  @apply border-0 !important;
}

.checkout-payment-success img {
  @apply h-[20rem] w-auto inline-flex !important;
}

.react-select__placeholder,
.sun-editor button {
  @apply text-defaultcolor dark:text-white !important;
}

.sun-editor .se-toolbar,
.sun-editor-editable,
.sun-editor .se-resizing-bar,
.sun-editor {
  @apply dark:bg-bodybg;
}

.sun-editor .se-resizing-bar {
  @apply border dark:border-defaultborder/10 !important;
}

.sun-editor,
.se-btn-module-border {
  @apply border dark:border-defaultborder/10 !important;
}

.sun-editor .se-toolbar {
  @apply dark:outline-defaultborder/10 !important;
}

/************ Global Styles -End ***********/

/*# sourceMappingURL=style.css.map */
