@charset "UTF-8";
:root {
  /* --ct-primary: #23AB4B;
	--ct-secondary: #BA8A3B;
	--ct-third: #028164; */
  --ct-primary: #00BDA5;
	--ct-secondary: #535353;
	--ct-third: #028164;

  --ct-success: #1abc9c;
  --ct-info: #43bfe5;
  --ct-warning: #f7b84b;
  --ct-danger: #f1556c;
  --ct-light: #f1faff;
  --ct-white: #fff;
  --ct-dark: #323a46;
  --ct-pink: #f672a7;
  --ct-blue: #4a81d4;
  --ct-primary-text: #2c9aff;
  --ct-secondary-text: #98a6ad;
  --ct-success-text: #15967d;
  --ct-info-text: #287389;
  --ct-warning-text: #946e2d;
  --ct-danger-text: #c14456;
  --ct-light-text: #98a6ad;
  --ct-dark-text: #15438e;
  --ct-primary-rgb: 44, 154, 255;
  --ct-secondary-rgb: 21, 67, 142;
  --ct-success-rgb: 26, 188, 156;
  --ct-info-rgb: 45, 189, 233;
  --ct-warning-rgb: 247, 184, 75;
  --ct-danger-rgb: 241, 85, 108;
  --ct-light-rgb: 246, 248, 251;
  --ct-pink-rgb: 246, 114, 167;
  --ct-blue-rgb: 74, 129, 212;
  --ct-dark-rgb: 108, 117, 125;
  --ct-violet-rgb: 132, 90, 223;
  --ct-orange-rgb: 255, 165, 0;
  --ct-crimson-rgb: 237, 20, 61;
  --ct-brown-rgb: 165, 42, 42;
  --ct-text-violet: 132, 90, 223;
  --ct-text-orange: 255, 165, 0;
  --ct-text-crimson: 237, 20, 61;
  --ct-text-brown: 165, 42, 42;
  --ct-logo-lg-height: 85px;
  --ct-logo-sm-height: 30px;
  --ct-leftbar-width: 260px;
  --ct-leftbar-width-md: 175px;
  --ct-leftbar-width-sm: 80px;
  --ct-leftbar-condensed-height: 1600px;
  --ct-twocolumn-sidebar-width: 220px;
  --ct-twocolumn-sidebar-iconview-width: 70px;
  --ct-twocolumn-sidebar-iconview-size: 22px;
  --ct-topbar-height: 70px;
  --ct-logoBox-height: 90px;
  --ct-logoBox-sm-height: 70px;
  --ct-horizontal-menu-height: 55px;
  --ct-menu-transition: all 0.2s ease-in-out;
  --ct-menu-item-padding-x: 10px;
  --ct-menu-item-gap: 0;
  --ct-menu-item-gap-horizontal: 15px;
  --ct-menu-link-padding-x: 14px;
  --ct-menu-link-padding-y: 10px;
  --ct-menu-link-item-gap: 8px;
  --ct-menu-item-icon-size: 17px;
  --ct-menu-item-font-size: 12px;
  --ct-breadcrumb-font-size: 10px;
  --ct-footer-height: 60px;
  --ct-boxed-layout-width: 1300px;
  --ct-pagination-active-bg: #22b261;
  --ct-pagination-active-border-color: #22b261;
  --ct-menu-item-color: #6c757d;
  --ct-menu-item-hover-color: #fff;
  --ct-menu-item-active-color: #23AB4B;
  --ct-menu-item-active-bg: rgba(102, 88, 221, 0.2);
  --ct-menu-item-icon-color: #23AB4B;
  --ct-topbar-bg: #fff;
  --ct-topbar-item-color: #737791;
  --ct-topbar-item-hover-color: #23AB4B;
  --ct-topbar-search-bg: #f5f6f8;
  --ct-border-radius: 11px;
  --ct-menu-dropdown-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
  --ct-border-radius-sm: 0.2rem;
  --ct-border-radius-lg: 11px;
  --ct-border-radius-xl: 1rem;
  --ct-border-radius-2xl: 2rem;
  --ct-theme-border-width: 0;
  --ct-theme-card-head-border: 1px solid #f5f6f8;
  --ct-theme-breacrumb-bg: #23AB4B;
  --ct-link-color: #2c9aff;
  --ct-link-hover-color: #23AB4B;
  --ct-link-color-rgb: 44, 154, 255;
  --ct-link-hover-color-rgb: 20, 128, 255;
  --ct-inut-bg: #f4f6f9;
  --ct-inut-focus-bg: #f0f4fa;
  --ct-form-control-disabled-bg: #f1f1f4;
  --ct-body-bg: #f6f8fb;
  --ct-menu-bg: #fff;

  --ct-primary: #23AB4B;
	--ct-secondary: #BA8A3B;
	--ct-third: #028164;
	--ct-dark: #193F35;
	--ct-success: #1abc9c;
	--ct-info: #43bfe5;
	--ct-warning: #f7b84b;
	--ct-danger: #f1556c;
	--ct-light: #f3f7f9;
	--ct-pink: #f672a7;
	--ct-blue: #4a81d4;
	--ct-primary-text: #23AB4B;
	--ct-secondary-text: #6c757d;
	--ct-success-text: #15967d;
	--ct-info-text: #287389;
	--ct-warning-text: #946e2d;
	--ct-danger-text: #e76b7d;
	--ct-light-text: #98a6ad;
	--ct-dark-text: #193F35;
	--ct-primary-rgb: 35, 171, 75;
	--ct-secondary-rgb: 108, 117, 125;
	--ct-success-rgb: 26, 188, 156;
	--ct-info-rgb: 45, 189, 233;
	--ct-warning-rgb: 247, 184, 75;
	--ct-danger-rgb: 241, 85, 108;
	--ct-light-rgb: 243, 247, 249;
	--ct-dark-rgb: 25, 63, 53;
	--ct-pink-rgb: 246, 114, 167;
	--ct-blue-rgb: 74, 129, 212;
	--ct-logo-lg-height: 120px;
	--ct-logo-sm-height: 30px;
	--ct-leftbar-width: 260px;
	--ct-leftbar-width-md: 175px;
	--ct-leftbar-width-sm: 80px;
	--ct-leftbar-condensed-height: 1600px;
	--ct-twocolumn-sidebar-width: 220px;
	--ct-twocolumn-sidebar-iconview-width: 70px;
	--ct-twocolumn-sidebar-iconview-size: 22px;
	--ct-topbar-height: 70px;
	--ct-logoBox-height: 130px;
	--ct-logoBox-sm-height: 70px;
	--ct-horizontal-menu-height: 55px;
	--ct-menu-transition: all .2s ease-in-out;
	--ct-menu-item-padding-x: 10px;
	--ct-menu-item-gap: 0;
	--ct-menu-link-padding-x: 15px;
	--ct-menu-link-padding-y: 9px;
	--ct-menu-link-item-gap: 8px;
	--ct-menu-item-icon-size: 22px;
	--ct-menu-item-font-size: 13px;
	--ct-footer-height: 60px;
	--ct-boxed-layout-width: 1300px;
	--ct-pagination-active-bg: #028164;
	--ct-pagination-active-border-color: #028164;
	--ct-menu-bg: #fff;
	--ct-menu-item-color: var(--ct-dark);
	--ct-menu-item-hover-color: #fff;
	--ct-menu-item-active-color: var(--ct-primary-rgb);
	--ct-menu-icon-twotone-fill: rgba(102, 88, 221, 0.2);
	--ct-menu-item-active-bg: rgba(102, 88, 221, 0.2);
	--ct-topbar-bg: #fff;
	--ct-topbar-item-color: #737791;
	--ct-topbar-item-hover-color: #23AB4B;
	--ct-topbar-search-bg: #f5f6f8;
	--ct-border-radius: 5px;
}

/*********/

:root,
html[data-bs-theme="light"] {
  width: 100%;
  --ct-box-shadow: rgba(145, 158, 171, 0.2) 0px 0px 2px 0px, rgba(145, 158, 171, 0.12) 0px 12px 24px -4px;
  --ct-box-shadow-sm: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  --ct-box-shadow-lg: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  --ct-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --ct-border-color: #e0e9f0;
  --ct-border-even-color: #e6e9ed;
  --ct-dropdown-link-hover-color: #fff;
  --ct-dropdown-link-hover-bg: #e9f3ff;
  --ct-dropdown-border-color: #f0f6fb;
}

/*pink*/

/* html[data-bs-theme="pink"] {
  --ct-primary: #d91656;
  --ct-secondary: #6d1368;
  --ct-primary-text: #d91656;
  --ct-secondary-text: #98a6ad;
  --ct-primary-rgb: 217, 22, 86;
  --ct-secondary-rgb: 109, 19, 104;
  --ct-menu-item-active-color: #d91656;
  --ct-menu-item-active-bg: rgba(102, 88, 221, 0.2);
  --ct-menu-item-icon-color: #6d1368;
  --ct-topbar-bg: #fff;
  --ct-topbar-item-color: #737791;
  --ct-topbar-item-hover-color: #d91656;
  --ct-topbar-search-bg: #f5f6f8;
  --ct-theme-card-head-border: 1px solid #f5f6f8;
  --ct-theme-breacrumb-bg: #23AB4B;
  --ct-link-color: #d91656;
  --ct-link-hover-color: #e92365;
  --ct-light: #fff8fa;
  .btn-primary {
    --ct-btn-color: #fff;
    --ct-btn-bg: #d91656;
    --ct-btn-border-color: #d91656;
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: #e92365;
    --ct-btn-hover-border-color: #e92365;
    --ct-btn-focus-shadow-rgb: 125, 113, 226;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: #c71a54;
    --ct-btn-active-border-color: #c71a54;
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: #fff;
    --ct-btn-disabled-bg: #d91656;
    --ct-btn-disabled-border-color: #d91656;
  }
  .btn-outline-primary {
    --ct-btn-color: #d91656;
    --ct-btn-border-color: #d91656;
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: #d91656;
    --ct-btn-hover-border-color: #d91656;
    --ct-btn-focus-shadow-rgb: 102, 88, 221;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: #d91656;
    --ct-btn-active-border-color: #d91656;
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: #d91656;
    --ct-btn-disabled-bg: transparent;
    --ct-btn-disabled-border-color: #d91656;
    --ct-gradient: none;
  }
  .btn-secondary {
    --ct-btn-color: #fff;
    --ct-btn-bg: #6d1368;
    --ct-btn-border-color: #6d1368;
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: #751370;
    --ct-btn-hover-border-color: #751370;
    --ct-btn-focus-shadow-rgb: 125, 113, 226;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: #861e81;
    --ct-btn-active-border-color: #861e81;
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: #861e81;
    --ct-btn-disabled-bg: #f1f1f4;
    --ct-btn-disabled-border-color: #f1f1f4;
  }
  .btn-outline-secondary {
    --ct-btn-color: #6d1368;
    --ct-btn-border-color: #6d1368;
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: #6d1368;
    --ct-btn-hover-border-color: #6d1368;
    --ct-btn-focus-shadow-rgb: 102, 88, 221;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: #6d1368;
    --ct-btn-active-border-color: #6d1368;
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: #6d1368;
    --ct-btn-disabled-bg: transparent;
    --ct-btn-disabled-border-color: #6d1368;
    --ct-gradient: none;
  }
  .link-primary {
    color: var(--ct-btn-bg) !important;
  }
  .link-primary:focus,
  .link-primary:hover {
    color: #e92365 !important;
  }
  .link-secondary {
    color: #6d1368 !important;
  }
  .link-secondary:focus,
  .link-secondary:hover {
    color: #751370 !important;
  }
} */

/*Orange*/

/* html[data-bs-theme="orange"] {
  --ct-primary: #ff6500;
  --ct-secondary: #1e3e62;
  --ct-primary-text: #ff6500;
  --ct-secondary-text: #98a6ad;
  --ct-primary-rgb: 255, 101, 0;
  --ct-secondary-rgb: 30, 62, 98;
  --ct-menu-item-active-color: #ff6500;
  --ct-menu-item-active-bg: rgba(102, 88, 221, 0.2);
  --ct-menu-item-icon-color: #1e3e62;
  --ct-topbar-bg: #fff;
  --ct-topbar-item-color: #737791;
  --ct-topbar-item-hover-color: #ff6500;
  --ct-topbar-search-bg: #f5f6f8;
  --ct-theme-card-head-border: 1px solid #f5f6f8;
  --ct-theme-breacrumb-bg: #23AB4B;
  --ct-link-color: #ff6500;
  --ct-link-hover-color: #ff7316;
  --ct-light: #fff0e5;
  .btn-primary {
    --ct-btn-color: #fff;
    --ct-btn-bg: #ff6500;
    --ct-btn-border-color: #ff6500;
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: #ff7316;
    --ct-btn-hover-border-color: #ff7316;
    --ct-btn-focus-shadow-rgb: 125, 113, 226;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: #eb701e;
    --ct-btn-active-border-color: #eb701e;
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: #fff;
    --ct-btn-disabled-bg: #ff6500;
    --ct-btn-disabled-border-color: #ff6500;
  }
  .btn-outline-primary {
    --ct-btn-color: #ff6500;
    --ct-btn-border-color: #ff6500;
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: #ff6500;
    --ct-btn-hover-border-color: #ff6500;
    --ct-btn-focus-shadow-rgb: 102, 88, 221;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: #ff6500;
    --ct-btn-active-border-color: #ff6500;
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: #ff6500;
    --ct-btn-disabled-bg: transparent;
    --ct-btn-disabled-border-color: #ff6500;
    --ct-gradient: none;
  }
  .btn-secondary {
    --ct-btn-color: #fff;
    --ct-btn-bg: #1e3e62;
    --ct-btn-border-color: #1e3e62;
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: #174170;
    --ct-btn-hover-border-color: #174170;
    --ct-btn-focus-shadow-rgb: 125, 113, 226;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: #16385e;
    --ct-btn-active-border-color: #16385e;
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: #16385e;
    --ct-btn-disabled-bg: #f1f1f4;
    --ct-btn-disabled-border-color: #f1f1f4;
  }
  .btn-outline-secondary {
    --ct-btn-color: #1e3e62;
    --ct-btn-border-color: #1e3e62;
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: #1e3e62;
    --ct-btn-hover-border-color: #1e3e62;
    --ct-btn-focus-shadow-rgb: 102, 88, 221;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: #1e3e62;
    --ct-btn-active-border-color: #1e3e62;
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: #1e3e62;
    --ct-btn-disabled-bg: transparent;
    --ct-btn-disabled-border-color: #1e3e62;
    --ct-gradient: none;
  }
  .link-primary {
    color: var(--ct-btn-bg) !important;
  }
  .link-primary:focus,
  .link-primary:hover {
    color: #ff7316 !important;
  }
  .link-secondary {
    color: #1e3e62 !important;
  }
  .link-secondary:focus,
  .link-secondary:hover {
    color: #174170 !important;
  }
} */

/*Blue*/

/* html[data-bs-theme="blue"] {
  --ct-primary: #1640d6;
  --ct-secondary: #001b79;
  --ct-primary-text: #1640d6;
  --ct-secondary-text: #98a6ad;
  --ct-primary-rgb: 22, 64, 214;
  --ct-secondary-rgb: 0, 27, 121;
  --ct-menu-item-active-color: #1640d6;
  --ct-menu-item-active-bg: rgba(102, 88, 221, 0.2);
  --ct-menu-item-icon-color: #001b79;
  --ct-topbar-bg: #fff;
  --ct-topbar-item-color: #737791;
  --ct-topbar-item-hover-color: #1640d6;
  --ct-topbar-search-bg: #f5f6f8;
  --ct-theme-card-head-border: 1px solid #f5f6f8;
  --ct-theme-breacrumb-bg: #23AB4B;
  --ct-link-color: #1640d6;
  --ct-link-hover-color: #1b48eb;
  --ct-light: #e6ebff;
  .btn-primary {
    --ct-btn-color: #fff;
    --ct-btn-bg: #1640d6;
    --ct-btn-border-color: #1640d6;
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: #1b48eb;
    --ct-btn-hover-border-color: #1b48eb;
    --ct-btn-focus-shadow-rgb: 125, 113, 226;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: #1b43d4;
    --ct-btn-active-border-color: #1b43d4;
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: #fff;
    --ct-btn-disabled-bg: #1640d6;
    --ct-btn-disabled-border-color: #1640d6;
  }
  .btn-outline-primary {
    --ct-btn-color: #1640d6;
    --ct-btn-border-color: #1640d6;
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: #1640d6;
    --ct-btn-hover-border-color: #1640d6;
    --ct-btn-focus-shadow-rgb: 102, 88, 221;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: #1640d6;
    --ct-btn-active-border-color: #1640d6;
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: #1640d6;
    --ct-btn-disabled-bg: transparent;
    --ct-btn-disabled-border-color: #1640d6;
    --ct-gradient: none;
  }
  .btn-secondary {
    --ct-btn-color: #fff;
    --ct-btn-bg: #001b79;
    --ct-btn-border-color: #001b79;
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: #002092;
    --ct-btn-hover-border-color: #002092;
    --ct-btn-focus-shadow-rgb: 125, 113, 226;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: #0f2b8f;
    --ct-btn-active-border-color: #0f2b8f;
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: #0f2b8f;
    --ct-btn-disabled-bg: #f1f1f4;
    --ct-btn-disabled-border-color: #f1f1f4;
  }
  .btn-outline-secondary {
    --ct-btn-color: #001b79;
    --ct-btn-border-color: #001b79;
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: #001b79;
    --ct-btn-hover-border-color: #001b79;
    --ct-btn-focus-shadow-rgb: 102, 88, 221;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: #001b79;
    --ct-btn-active-border-color: #001b79;
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: #001b79;
    --ct-btn-disabled-bg: transparent;
    --ct-btn-disabled-border-color: #001b79;
    --ct-gradient: none;
  }
  .link-primary {
    color: var(--ct-btn-bg) !important;
  }
  .link-primary:focus,
  .link-primary:hover {
    color: #1b48eb !important;
  }
  .link-secondary {
    color: #001b79 !important;
  }
  .link-secondary:focus,
  .link-secondary:hover {
    color: #002092 !important;
  }
} */

/*Coffee*/

/* html[data-bs-theme="coffee"] {
  --ct-primary: #795757;
  --ct-secondary: #3b3030;
  --ct-primary-text: #795757;
  --ct-secondary-text: #98a6ad;
  --ct-primary-rgb: 121, 87, 87;
  --ct-secondary-rgb: 59, 48, 48;
  --ct-menu-item-active-color: #795757;
  --ct-menu-item-active-bg: rgba(102, 88, 221, 0.2);
  --ct-menu-item-icon-color: #3b3030;
  --ct-topbar-bg: #fff;
  --ct-topbar-item-color: #737791;
  --ct-topbar-item-hover-color: #795757;
  --ct-topbar-search-bg: #f5f6f8;
  --ct-theme-card-head-border: 1px solid #f5f6f8;
  --ct-theme-breacrumb-bg: #3b3030;
  --ct-link-color: #795757;
  --ct-link-hover-color: #795757;
  --ct-light: #efefef;
  .btn-primary {
    --ct-btn-color: #fff;
    --ct-btn-bg: #795757;
    --ct-btn-border-color: #795757;
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: #8d5b5b;
    --ct-btn-hover-border-color: #8d5b5b;
    --ct-btn-focus-shadow-rgb: 125, 113, 226;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: #804c4c;
    --ct-btn-active-border-color: #804c4c;
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: #fff;
    --ct-btn-disabled-bg: #804c4c;
    --ct-btn-disabled-border-color: #804c4c;
  }
  .btn-outline-primary {
    --ct-btn-color: #795757;
    --ct-btn-border-color: #795757;
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: #795757;
    --ct-btn-hover-border-color: #795757;
    --ct-btn-focus-shadow-rgb: 102, 88, 221;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: #795757;
    --ct-btn-active-border-color: #795757;
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: #795757;
    --ct-btn-disabled-bg: transparent;
    --ct-btn-disabled-border-color: #795757;
    --ct-gradient: none;
  }
  .btn-secondary {
    --ct-btn-color: #fff;
    --ct-btn-bg: #3b3030;
    --ct-btn-border-color: #3b3030;
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: #463737;
    --ct-btn-hover-border-color: #463737;
    --ct-btn-focus-shadow-rgb: 125, 113, 226;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: #5a3e3e;
    --ct-btn-active-border-color: #5a3e3e;
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: #5a3e3e;
    --ct-btn-disabled-bg: #f1f1f4;
    --ct-btn-disabled-border-color: #f1f1f4;
  }
  .btn-outline-secondary {
    --ct-btn-color: #3b3030;
    --ct-btn-border-color: #3b3030;
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: #3b3030;
    --ct-btn-hover-border-color: #3b3030;
    --ct-btn-focus-shadow-rgb: 102, 88, 221;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: #3b3030;
    --ct-btn-active-border-color: #3b3030;
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: #3b3030;
    --ct-btn-disabled-bg: transparent;
    --ct-btn-disabled-border-color: #3b3030;
    --ct-gradient: none;
  }
  .link-primary {
    color: var(--ct-btn-bg) !important;
  }
  .link-primary:focus,
  .link-primary:hover {
    color: #8d5b5b !important;
  }
  .link-secondary {
    color: #3b3030 !important;
  }
  .link-secondary:focus,
  .link-secondary:hover {
    color: #5a3e3e !important;
  }
} */

/*Green*/

html[data-bs-theme="light"] {
  width: 100%;
  --ct-primary: #00BDA5;
  --ct-secondary: #123524;
  --ct-primary-text: #00BDA5;
  --ct-secondary-text: #98a6ad;
  --ct-primary-rgb: 62, 123, 39;
  --ct-secondary-rgb: 18, 53, 36;
  --ct-menu-item-active-color: #00BDA5;
  --ct-menu-item-active-bg: rgba(102, 88, 221, 0.2);
  --ct-menu-item-icon-color: #00BDA5;
  --ct-topbar-bg: #fff;
  --ct-topbar-item-color: #737791;
  --ct-topbar-item-hover-color: #00BDA5;
  --ct-topbar-search-bg: #f5f6f8;
  --ct-theme-card-head-border: 1px solid #f5f6f8;
  /* --ct-theme-breacrumb-bg: #123524; */
  --ct-theme-breacrumb-bg: #00BDA5;
  --ct-link-color: #00BDA5;
  --ct-link-hover-color: #00BDA5;
  --ct-light: #f1ffeb;
  .btn-primary {
    --ct-btn-color: #fff;
    --ct-btn-bg: #166A45;;
    --ct-btn-border-color: #166A45;;
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: #028164;
    --ct-btn-hover-border-color: #166A45;
    --ct-btn-focus-shadow-rgb: 125, 113, 226;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: #4a7c38;
    --ct-btn-active-border-color: #4a7c38;
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: #fff;
    --ct-btn-disabled-bg: #4a7c38;
    --ct-btn-disabled-border-color: #4a7c38;
  }
  .btn-outline-primary {
    --ct-btn-color: #166A45;;
    --ct-btn-border-color: #166A45;;
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: #166A45;;
    --ct-btn-hover-border-color: #00BDA5;
    --ct-btn-focus-shadow-rgb: 102, 88, 221;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: #00BDA5;
    --ct-btn-active-border-color: #00BDA5;
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: #00BDA5;
    --ct-btn-disabled-bg: transparent;
    --ct-btn-disabled-border-color: #00BDA5;
    --ct-gradient: none;
  }
  .btn-secondary {
    --ct-btn-color: #fff;
    --ct-btn-bg: #123524;
    --ct-btn-border-color: #123524;
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: #463737;
    --ct-btn-hover-border-color: #463737;
    --ct-btn-focus-shadow-rgb: 125, 113, 226;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: #5a3e3e;
    --ct-btn-active-border-color: #5a3e3e;
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: #5a3e3e;
    --ct-btn-disabled-bg: #f1f1f4;
    --ct-btn-disabled-border-color: #f1f1f4;
  }
  .btn-outline-secondary {
    --ct-btn-color: #123524;
    --ct-btn-border-color: #123524;
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: #123524;
    --ct-btn-hover-border-color: #123524;
    --ct-btn-focus-shadow-rgb: 102, 88, 221;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: #123524;
    --ct-btn-active-border-color: #123524;
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: #123524;
    --ct-btn-disabled-bg: transparent;
    --ct-btn-disabled-border-color: #123524;
    --ct-gradient: none;
  }
  .link-primary {
    color: var(--ct-btn-bg) !important;
  }
  .link-primary:focus,
  .link-primary:hover {
    color: #028164 !important;
  }
  .link-secondary {
    color: #123524 !important;
  }
  .link-secondary:focus,
  .link-secondary:hover {
    color: #463737 !important;
  }
}

/*Dark*/

html[data-bs-theme="dark"] {
  --ct-primary-rgb: 44, 154, 255;
  --ct-secondary-rgb: 44, 154, 255;
  --ct-body-bg: #091e40;
  --ct-menu-bg: #061b3e;
  --ct-secondary-bg: #061b3e;
  --ct-white: #061b3e;
  --ct-topbar-bg: #061b3e;
  --ct-gray-100: #323a46;
  --ct-gray-200: #36404a;
  --ct-gray-300: #424e5a;
  --ct-gray-400: #5d7186;
  --ct-gray-500: #8c98a5;
  --ct-gray-600: #cedeef;
  --ct-gray-700: #dee2e6;
  --ct-gray-800: #f7f7f7;
  --ct-gray-900: #f3f7f9;
  --ct-light: #122748;
  --ct-light-rgb: 12, 37, 48;
  --ct-dark: #f3f7f9;
  --ct-dark-rgb: 243, 247, 249;
  --ct-gray: #8c98a5;
  --ct-border-color: #1a3a6e;
  --ct-box-shadow: 0px 0px 35px 0px rgba(66, 72, 80, 0.15);
  --ct-box-shadow-sm: 0 0.75rem 6rem rgba(56, 65, 74, 0.03);
  --ct-box-shadow-lg: 0 0 45px 0 rgba(0, 0, 0, 0.12);
  --ct-box-shadow-inset: inset 0 -0.1rem 0 rgba(0, 0, 0, 0.075);
  --ct-topbar-item-color: #bcc0d9;
  --ct-menu-item-color: #6486bf;
  --ct-menu-item-hover-color: #fff;
  --ct-menu-item-active-color: #123061;
  --ct-menu-item-active-bg: rgba(102, 88, 221, 0.2);
  --ct-menu-item-icon-color: #6486bf;
  --ct-theme-card-head-border: 1px solid #0e2851;
  --ct-theme-breacrumb-bg: #0a1f40;
  --ct-link-color: #2c9aff;
  --ct-link-hover-color: #48a8ff;
  --ct-link-color-rgb: 44, 154, 255;
  --ct-link-hover-color-rgb: 72, 168, 255;
  --ct-inut-bg: #0d254b;
  --ct-inut-focus-bg: #102a51;
  --ct-box-shadow: 0px 0px 35px 0px rgb(25 53 90 / 15%);
  --ct-border-even-color: var(--ct-border-color);
  --ct-heading-color: #94a0ad;
  .selectize-control.single .selectize-input,
  .selectize-dropdown.single {
    border-color: var(--ct-border-color);
  }
  .text-black {
    color: rgba(var(--ct-card-color), var(--ct-text-opacity)) !important;
  }
  .flatpickr-calendar {
    background: #0b2042;
    -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
    box-shadow: 1px 0 0 #0b2042, -1px 0 0 #0a2042, 0 1px 0 #0b2042, 0 -1px 0 #0b2042, 0 3px 13px rgba(0, 0, 0, 0.08);
  }
  .flatpickr-day {
    color: #ffffff;
  }
  .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 {
    cursor: pointer;
    outline: 0;
    background: #e6e6e6;
    border-color: #e6e6e6;
    color: #0b2042;
  }
  .link-dark {
    color: var(--ct-secondary-color) !important;
  }
  .link-dark:focus,
  .link-dark:hover {
    color: #a7b4c3 !important;
  }
.btn-outline-secondary {
    --ct-btn-color: #6486bf;
    --ct-btn-border-color: #6486bf;
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: #6486bf;
    --ct-btn-hover-border-color: #6486bf;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: #6486bf;
    --ct-btn-active-border-color: #6486bf;
    --ct-btn-disabled-color: #6486bf;
    --ct-btn-disabled-border-color: #6486bf;
    --ct-gradient: none;
}

.btn-light {
    --ct-btn-bg: #123061;
    --ct-btn-border-color: #15438e;
    --ct-btn-hover-bg: #15438e;
    --ct-btn-hover-border-color: #123061;
    --ct-btn-active-bg: #15438e;
    --ct-btn-active-border-color: #15438e;
}
  .bg-light {
    background-color: rgb(10 32 66) !important;
  }
  /*.fa-duotone.fa-swap-opacity:before, .fa-duotone:after, .fa-swap-opacity .fa-duotone:before, .fa-swap-opacity .fad:before, .fad.fa-swap-opacity:before, .fad:after {
		opacity: var(--fa-secondary-opacity, .8);
	}*/
  .table thead th,.p-datatable .p-datatable-thead > tr > th{
    color: var(--ct-body-color);
  }
  table.table.table-striped > tbody > tr:nth-of-type(2n + 1) > *,
  table.table.dataTable.table-striped > tbody > tr:nth-of-type(2n + 1) > *,
  table.table.dataTable.table-hover > tbody > tr:hover > * {
    box-shadow: inset 0 0 0 9999px rgb(0 21 56);
  }
	.table-striped > tbody > tr:nth-of-type(odd) > * {
		color: #5c7db4;
	}
.table-secondary,
.table-success,
.table-primary,
.table-light,
.table-info {
    border-color: var(--ct-border-color);
}
	.p-datatable .p-sortable-column:not(.p-highlight):hover {
		color: #cbcbcb;
	}
  .table-light {
    --ct-table-bg: transparent;
    --ct-table-border-color: var(--ct-border-color);
    color: var(--ct-body-color);
  }
  .table.table-light thead th {
    color: #ffffff;
    background-color: rgb(10 32 66) !important;
    border-color: var(--ct-border-color);
  }
  .table.table-light tr {
    border-color: var(--ct-border-color);
  }
  .dropify-wrapper:hover {
    background-size: 30px 30px;
    background-image: -webkit-linear-gradient(
      135deg,
      #102a51 25%,
      transparent 25%,
      transparent 50%,
      #102a51 50%,
      #102a51 75%,
      transparent 75%,
      transparent
    );
    background-image: linear-gradient(
      -45deg,
      #102a51 25%,
      transparent 25%,
      transparent 50%,
      #102a51 50%,
      #102a51 75%,
      transparent 75%,
      transparent
    );
  }
  
.wizard-content .wizard.wizard-circle > .steps .step {
    outline: 15px solid var(--ct-secondary-bg);
}
.wizard-content .wizard.wizard-circle > .steps > ul > li.current > a {
    color: #ffffff;
}
.invalid-feedback {
    color: #f78686;
	background-color: rgb(0 0 0 / 10%);
}
.p-datatable-tbody tr:nth-child(odd) {
    background-color: #001538 !important;
}
.p-datatable-tbody tr:nth-child(odd),
.p-datatable .p-datatable-tbody > tr {
    border-bottom: 1px dashed #123061 !important;
}
.p-datatable .p-datatable-tbody > tr > td {
    color: #6486bf !important;
}
.p-datatable tr {
    border-color: transparent;
}
.p-stepper .p-stepper-panels {
    background: transparent;
    color: inherit;
}
.p-datepicker:not(.p-datepicker-inline) {
    background: #0d254b;
}
.p-datepicker table th > span,
tbody, td, tfoot, th, thead, tr {
    color: #5c7db4;
}
.p-datepicker .p-datepicker-header {
    border-bottom: 0;
}
::-webkit-scrollbar {
	background: #092e6b;
}
::-webkit-scrollbar-thumb{
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #051733;
}
.stati_card .c_icon {
    background-color: #0f2955;
}
.apexcharts-text tspan {
    fill: #adb5be!important;
}
span.apexcharts-legend-text {
	color: #adb5be !important;
}
.bg-white {
    background-color: rgb(6 27 62) !important;
}
.echo_tabs.nav-tabs{
	background-color: rgb(6 27 62) !important;
	border: var(--ct-border-width) var(--ct-border-style) var(--ct-border-color) !important;
	box-shadow: none;
}
.echo_tabs.nav-tabs > .nav-item > .nav-link {
    color: #6486bf;
}
.echo_tabs.nav-tabs > .nav-item > .nav-link:hover,
.echo_tabs.nav-tabs > .nav-item > .nav-link.active{
	background-color: #15438e;
	color: #edf6ff;
}
.fa-duotone::after, .fad::after,
.fa-duotone::before, .fad::before {
    color: #fff;
}
.fa-duotone.fa-swap-opacity::before, .fa-duotone::after, .fa-swap-opacity .fa-duotone::before, .fa-swap-opacity .fad::before, .fad.fa-swap-opacity::before, .fad::after {
    opacity: var(--fa-secondary-opacity, 0.6);
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover,
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus
 {
    color: #2c9aff;
    background: var(--ct-light) !important;
}
.wizard-content .wizard.wizard-circle > .steps > ul > li.current:after, .wizard-content .wizard.wizard-circle > .steps > ul > li.current ~ li:after, .wizard-content .wizard.wizard-circle > .steps > ul > li.current ~ li:before {
    border-top: 0.25rem dotted #15438e;
}
.pa_data_icon i {
    background-color: #123061;
}
.pa_data_icon:hover {
    background-color: #123061;
}
.list-statit i {
    border: 2px solid #2c9aff;
    background-color: #123061;
    color: #2c9aff;
}
.dropdown-menu.show{
	font-size: 10px;
	border-color: var(--ct-dropdown-border-color);
   background-color: var(--ct-secondary-bg);
}

}

body {
  font-family: "IBM Plex Sans Arabic", sans-serif;
  font-size: 11px;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "IBM Plex Sans Arabic", sans-serif;
}

.small,
small {
  font-size: 0.7rem;
}

.form-control-sm {
  font-size: 0.7rem;
}

a {
  color: #166A45;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

a:hover {
  color: var(--ct-link-hover-color);
}

.form-control,
.form-select,
input.p-inputtext {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: var(--ct-inut-bg);
  border: 0;
  color: #4b5675;
  transition: color 0.2s ease;
  /* min-height: calc(1.5em + 1.65rem + 2px); */
  padding: 12px 25px;
  font-size: 11px;
  width: 100%;
  border-radius: 4px;
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease;
}

.col-form-label {

  font-weight: 500;
    line-height: 17px;
    min-height: 28px;
    font-size: 14px;
}

label.required {
  position: relative;
}

label.required:after {
  content: "*";
  color: red;
  display: inline;
  left: -8px;
  position: absolute;
  font-size: 15px;
}

.form-control[type="file"] {
  direction: ltr;
  padding: 13px 20px;
}

.dropdown.show > .form-control,
.form-control.active,
.form-control.focus,
.form-control:active,
.form-control:focus,
.form-select:focus,
.selectize-control.single .selectize-input.input-active,
.selectize-input,
input.p-inputtext:focus {
  background-color: var(--ct-inut-focus-bg);
}

.btn-primary {
  --ct-btn-color: #fff;
  --ct-btn-bg: #2c9aff;
  --ct-btn-border-color: #2c9aff;
  --ct-btn-hover-color: #fff;
  --ct-btn-hover-bg: #46a4f9;
  --ct-btn-hover-border-color: #46a4f9;
  --ct-btn-focus-shadow-rgb: 125, 113, 226;
  --ct-btn-active-color: #fff;
  --ct-btn-active-bg: #62b4ff;
  --ct-btn-active-border-color: #62b4ff;
  --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --ct-btn-disabled-color: #fff;
  --ct-btn-disabled-bg: #2c9aff;
  --ct-btn-disabled-border-color: #2c9aff;
}

.btn-outline-primary {
  --ct-btn-color: #2c9aff;
  --ct-btn-border-color: #2c9aff;
  --ct-btn-hover-color: #fff;
  --ct-btn-hover-bg: #2c9aff;
  --ct-btn-hover-border-color: #2c9aff;
  --ct-btn-focus-shadow-rgb: 102, 88, 221;
  --ct-btn-active-color: #fff;
  --ct-btn-active-bg: #2c9aff;
  --ct-btn-active-border-color: #2c9aff;
  --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --ct-btn-disabled-color: #2c9aff;
  --ct-btn-disabled-bg: transparent;
  --ct-btn-disabled-border-color: #2c9aff;
  --ct-gradient: none;
}

.btn-secondary {
  --ct-btn-color: #fff;
  --ct-btn-bg: #15438e;
  --ct-btn-border-color: #15438e;
  --ct-btn-hover-color: #fff;
  --ct-btn-hover-bg: #295db1;
  --ct-btn-hover-border-color: #295db1;
  --ct-btn-focus-shadow-rgb: 125, 113, 226;
  --ct-btn-active-color: #fff;
  --ct-btn-active-bg: #2b58a1;
  --ct-btn-active-border-color: #2b58a1;
  --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --ct-btn-disabled-color: #2b58a1;
  --ct-btn-disabled-bg: #f1f1f4;
  --ct-btn-disabled-border-color: #f1f1f4;
}

.btn-outline-secondary {
  --ct-btn-color: #15438e;
  --ct-btn-border-color: #15438e;
  --ct-btn-hover-color: #fff;
  --ct-btn-hover-bg: #15438e;
  --ct-btn-hover-border-color: #15438e;
  --ct-btn-focus-shadow-rgb: 102, 88, 221;
  --ct-btn-active-color: #fff;
  --ct-btn-active-bg: #15438e;
  --ct-btn-active-border-color: #15438e;
  --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --ct-btn-disabled-color: #15438e;
  --ct-btn-disabled-bg: transparent;
  --ct-btn-disabled-border-color: #15438e;
  --ct-gradient: none;
}
.btn-soft-primary {
    --ct-btn-color: #2c9aff;
    --ct-btn-bg: rgba(44, 154, 255, 0.1);
    --ct-btn-border-color: transparent;
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: #2c9aff;
    --ct-btn-hover-border-color: #2c9aff;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: #2c9aff;
    --ct-btn-active-border-color: #2c9aff;
    --ct-btn-disabled-color: #2c9aff;
    --ct-btn-disabled-bg: #2c9aff;
    --ct-btn-disabled-border-color: #2c9aff;
    --ct-btn-focus-shadow-rgb: 0 0 0 $btn -focus-width rgba($bg, 0.5);
}
.btn-soft-secondary {
    --ct-btn-color: #19478f;
    --ct-btn-bg: rgba(29, 72, 144, 0.1);
    --ct-btn-border-color: transparent;
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: #19478f;
    --ct-btn-hover-border-color: #19478f;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: #19478f;
    --ct-btn-active-border-color: #19478f;
    --ct-btn-disabled-color: #19478f;
    --ct-btn-disabled-bg: #19478f;
    --ct-btn-disabled-border-color: #19478f;
    --ct-btn-focus-shadow-rgb: 0 0 0 $btn -focus-width rgba($bg, 0.5);
}

.link-primary {
  color: var(--ct-primary) !important;
}

.link-primary:focus,
.link-primary:hover {
  color: #2c9aff !important;
}

.link-secondary {
  color: #15438e !important;
}

.link-secondary:focus,
.link-secondary:hover {
  color: #3869bb !important;
}

.link-dark {
  color: #323a46 !important;
}

.link-dark:focus,
.link-dark:hover {
  color: #7a88a3 !important;
}



.bg-soft-light {
  /*background-color: rgb(246 248 251 / 20%) !important;*/
}

.text-violet {
  --ct-text-opacity: 1;
  color: rgba(var(--ct-violet-rgb), var(--ct-text-opacity)) !important;
}

.text-orange {
  --ct-text-opacity: 1;
  color: rgba(var(--ct-orange-rgb), var(--ct-text-opacity)) !important;
}

.text-crimson {
  --ct-text-opacity: 1;
  color: rgba(var(--ct-crimson-rgb), var(--ct-text-opacity)) !important;
}

.text-brown {
  --ct-text-opacity: 1;
  color: rgba(var(--ct-brown-rgb), var(--ct-text-opacity)) !important;
}

.bg-violet {
  background-color: rgba(var(--ct-violet-rgb), 1) !important;
}

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

.bg-crimson {
  background-color: rgba(var(--ct-crimson-rgb), 1) !important;
}

.bg-brown {
  background-color: rgba(var(--ct-brown-rgb), 1) !important;
}

.border-violet {
  border-color: rgba(var(--ct-violet-rgb), var(--ct-border-opacity)) !important;
}

.border-orange {
  border-color: rgba(var(--ct-orange-rgb), var(--ct-border-opacity)) !important;
}

.border-crimson {
  border-color: rgba(var(--ct-crimson-rgb), var(--ct-border-opacity)) !important;
}

.border-brown {
  border-color: rgba(var(--ct-brown-rgb), var(--ct-border-opacity)) !important;
}

.navbar-custom {
  background: var(--ct-topbar-bg);
  min-height: var(--ct-topbar-height);
  top: 0;
  position: sticky;
  -webkit-transition: var(--ct-menu-transition);
  transition: var(--ct-menu-transition);
  z-index: 1000;
  border: var(--ct-theme-border-width) solid transparent;
  border-bottom: var(--ct-theme-border-width) solid var(--ct-border-color);
  -webkit-box-shadow: var(--ct-box-shadow);
  box-shadow: var(--ct-box-shadow);
}

.navbar-custom .topbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto;
  padding: 0 1.5rem;
}

.navbar-custom .topbar ul {
  list-style-type: none;
  margin-bottom: 0;
}

.navbar-custom .topbar li {
  max-height: var(--ct-topbar-height);
}

.navbar-custom .topbar li .nav-link.show {
  color: var(--ct-topbar-item-hover-color);
}

.navbar-custom .topbar .nav-link {
  padding: 0 0.6rem;
  position: relative;
  color: var(--ct-topbar-item-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: var(--ct-topbar-height);
  cursor: pointer;
}

.navbar-custom .topbar .nav-link:hover {
  color: var(--ct-topbar-item-hover-color);
}

.navbar-custom .topbar .app-search form .form-control {
  color: var(--ct-topbar-item-color);
  background-color: var(--ct-topbar-search-bg);
}

.navbar-custom .topbar .app-search form .form-control::-webkit-input-placeholder {
  color: var(--ct-topbar-item-color);
}

.navbar-custom .topbar .app-search form .form-control::-moz-placeholder {
  color: var(--ct-topbar-item-color);
}

.navbar-custom .topbar .app-search form .form-control:-ms-input-placeholder {
  color: var(--ct-topbar-item-color);
}

.navbar-custom .topbar .app-search form .form-control::-ms-input-placeholder {
  color: var(--ct-topbar-item-color);
}

.navbar-custom .topbar .app-search form .form-control::placeholder {
  color: var(--ct-topbar-item-color);
}

.navbar-custom .topbar .app-search form span.search-icon {
  color: var(--ct-topbar-item-color);
}

html[data-bs-theme="dark"] .fa-circle-half-stroke:before {
  content: "\e0c9";
}

html[data-bs-theme="dark"] .fa-circle-half-stroke:after {
  content: "\e0c9\e0c9";
}

.app-search {
  overflow-y: hidden;
  transform: translate(-50%, 0);
  position: absolute;
  left: 50%;
}

.app-search form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.app-search form .form-control {
  border: none;
  height: calc(1.5em + 0.9rem + 2px);
  padding-left: 40px;
  padding-right: 20px;
  background-color: var(--ct-secondary-bg);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.app-search form .form-control::-webkit-input-placeholder {
  font-size: 12px;
  font-weight: 400;
  color: #bec8d1;
  opacity: 0.7;
}

.app-search form .form-control::-moz-placeholder {
  font-size: 12px;
  font-weight: 400;
  color: #bec8d1;
  opacity: 0.7;
}

.app-search form .form-control:-ms-input-placeholder {
  font-size: 12px;
  font-weight: 400;
  color: #bec8d1;
  opacity: 0.7;
}

.app-search form .form-control::-ms-input-placeholder {
  font-size: 12px;
  font-weight: 400;
  color: #bec8d1;
  opacity: 0.7;
}

.app-search form .form-control::placeholder {
  font-size: 12px;
  font-weight: 400;
  color: #bec8d1;
  opacity: 0.7;
}

.app-search form span.search-icon {
  position: absolute;
  z-index: 4;
  font-size: 20px;
  line-height: 38px;
  left: 10px;
  top: 0;
  z-index: 5;
  color: var(--ct-secondary);
}

.app-search form .input-group-text {
  margin-right: 0;
  z-index: 4;
}

.app-search form .dropdown-menu {
  z-index: 1060;
}

.nav-user {
}

.nav-user img {
  height: 38px;
  width: 38px;
  border: 1px solid var(--ct-border-color);
}

html[data-bs-theme="dark"] #light-dark-mode .ri-moon-line::before {
  content: "\f1bf";
}

.button-toggle-menu {
  position: relative;
  border: none;
  height: var(--ct-topbar-height);
  font-size: 25px;
  color: #bbcddd;
  background-color: transparent;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
}

.button-toggle-menu.toggle-menu-arrow {
  font-size: 30px;
  position: absolute;
  left: -20px;
  top: 0;
}

.sidebar-enable .button-toggle-menu.toggle-menu-arrow {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

/*button.button-toggle-menu {
    border: none;
    height: var(--ct-topbar-height);
    font-size: 25px;
    color: #bbcddd;
    background-color: transparent;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
     transition-property: transform;

}*/

.fullscreen-enable .fa-expand:before {
  content: "\f066";
}

.fullscreen-enable .fa-expand:after,
.fullscreen-enable .fa-expand:after {
  content: "\f066\f066" !important;
}

@media (max-width: 375px) {
  .navbar-custom .button-toggle-menu {
    width: auto;
  }
  .navbar-custom .logo-box {
    display: none !important;
  }
}

@media (max-width: 575.98px) {
  .navbar-custom .topbar-menu {
    position: initial;
  }
  .navbar-custom .dropdown {
    position: static;
  }
  .navbar-custom .dropdown .dropdown-menu {
    right: 10px !important;
    left: 10px !important;
  }
}

@media (max-width: 767.98px) {
  .navbar-custom {
    padding: 0 0.75rem;
  }
  .navbar-custom .logo-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .navbar-custom .logo-box .logo-lg {
    display: none;
  }
  .navbar-custom .logo-box .logo-sm {
    display: block;
    height: 42px;
  }
}

@media (min-width: 1200px) {
  .navbar-custom .logo-box {
    display: none;
  }
}

.right-bar {
  width: 260px !important;
}

.notification-item .noti-user-item {
  padding: 0.75rem 1rem;
}

.notification-item .noti-user-item:hover {
  background-color: var(--ct-light);
}

.notification-item .user-status {
  position: absolute;
  left: 0px;
  bottom: -4px;
  font-size: 10px;
}

.notification-item .user-status.online {
  color: #1abc9c;
}

.notification-item .user-status.away {
  color: #f7b84b;
}

.notification-item .user-status.busy {
  color: #f1556c;
}

.app-menu {
  top: 0;
  position: sticky;
  z-index: 1001;
  height: 100vh;
  min-height: 100vh;
  max-height: 100vh;
  width: var(--ct-leftbar-width);
  min-width: var(--ct-leftbar-width);
  padding-bottom: var(--ct-logoBox-height);
  -webkit-transition: var(--ct-menu-transition);
  transition: var(--ct-menu-transition);
  background: var(--ct-menu-bg);
  -webkit-box-shadow: var(--ct-box-shadow);
  box-shadow: var(--ct-box-shadow);
  border-left: var(--ct-theme-border-width) solid var(--ct-border-color);
}

.logo-box {
  top: 0;
  position: sticky;
  z-index: 1000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  white-space: nowrap;
  height: var(--ct-logoBox-height);
  -webkit-transition: var(--ct-menu-transition);
  transition: var(--ct-menu-transition);
  padding: 0 var(--ct-menu-item-padding-x);
  text-align: center;
}

@media (max-width: 1199px) {
  .logo-box {
    height: auto;
  }
}

@media (max-width: 767.98px) {
  .logo-box {
    height: var(--logoBox-sm-height);
    padding: 0;
  }
}

.logo-box .logo-lg {
  height: var(--ct-logo-lg-height);
  max-width: 90%;
  padding: 7px 15px;
  -o-object-fit: cover;
  object-fit: contain;
  -o-object-position: center center;
  object-position: center center;
}

.logo-box .logo-sm {
  height: var(--ct-logo-sm-height);
}

.logo-box .logo-sm {
  display: none;
}

.logo-box .logo-light {
  display: none;
}

.logo-box .logo-dark {
  display: block;
}

html[data-menu-color="brand"] .logo-box .logo-light,
html[data-menu-color="dark"] .logo-box .logo-light,
html[data-menu-color="gradient"] .logo-box .logo-light,
html[data-bs-theme="dark"] .logo-box .logo-light {
  display: block;
}

html[data-menu-color="brand"] .logo-box .logo-dark,
html[data-menu-color="dark"] .logo-box .logo-dark,
html[data-menu-color="gradient"] .logo-box .logo-dark,
html[data-bs-theme="dark"] .logo-box .logo-dark {
  display: none;
}

#wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 100%;
  width: 100%;
}

.content-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 100%;
  position: relative;
  -webkit-transition: var(--ct-menu-transition);
  transition: var(--ct-menu-transition);
}

.content-page .content {
  min-height: calc(100vh - var(--ct-topbar-height));
  padding: 0 15px var(--ct-footer-height);
}

.content .inner_content {
  margin-top: -70px;
}

.menu {
  padding-right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  list-style-type: none;
  gap: var(--ct-menu-item-gap);
  padding: 0;
  padding-top: var(--ct-menu-item-gap);
}

.menu ul {
  padding: 0;
  list-style-type: none;
}

.menu > .menu-item {
  padding: 3px 15px;
}

.menu .menu-title {
  opacity: 0.6;
  cursor: default;
  font-size: calc(var(--ct-menu-item-font-size) * 0.75);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--ct-menu-item-color);
  font-weight: 600;
  padding: var(--ct-menu-link-padding-y) calc(var(--ct-menu-link-padding-x) + var(--ct-menu-item-padding-x));
}

.menu .menu-item .menu-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  list-style: none;
  position: relative;
  color: var(--ct-menu-item-color);
  gap: var(--ct-menu-link-item-gap);
  -webkit-transition: var(--ct-menu-transition);
  transition: var(--ct-menu-transition);
  border-radius: var(--ct-border-radius);
  font-size: var(--ct-menu-item-font-size);
  padding: var(--ct-menu-link-padding-y) var(--ct-menu-link-padding-x);
  font-weight: 500;
}

.menu > .menu-item > .menu-link[aria-expanded="true"],
.menu > .menu-item > .menu-link.show,
.menu > .menu-item > .menu-link:focus,
.menu > .menu-item > .menu-link:hover {
  color: var(--ct-menu-item-hover-color)!important;
  background-color: var(--ct-menu-item-active-color)!important;
  box-shadow: 0 0 18px 3px rgb(55 69 87 / 10%);
}

.menu .menu-item .menu-link:not([aria-expanded="true"]):hover .menu-icon,
.menu .menu-item .menu-link[aria-expanded="true"] .menu-icon {
  color: #fff;
}

html[dir="rtl"] .menu .menu-item .menu-link:not([aria-expanded="true"]):hover {
  padding-right: 17px;
  padding-left: 15px;
}

.menu .menu-item .menu-link[aria-expanded="true"] {
  color: #ffffff;
}

.menu .menu-item .menu-link > .menu-icon {
  width: calc(var(--ct-menu-item-icon-size) + 4px);
  font-size: var(--ct-menu-item-icon-size);
  line-height: var(--ct-menu-item-icon-size);
  text-align: center;
  color: var(--ct-menu-item-icon-color);
}

.menu .menu-item.menuitem-active .menu-link > .menu-icon {
  color: #fff;
}

.menu .menu-item .menu-link > .menu-icon i {
  font-size: var(--ct-menu-item-icon-size);
}

.menu .menu-item .menu-link > .menu-icon svg {
  width: var(--ct-menu-item-icon-size);
  height: var(--ct-menu-item-icon-size);
}

.menu .menu-item .menu-link > .menu-icon + .menu-text {
  padding-right: 0;
  padding-left: 0;
}

.menu .menu-item .menu-link > .menu-text {
  white-space: nowrap;
  font-size: var(--ct-menu-item-font-size);
  line-height: var(--ct-menu-item-font-size);
  padding-left: calc(var(--ct-menu-item-icon-size) + var(--ct-menu-link-item-gap));
  padding-right: 0;
}

.menu .menu-item .menu-link[aria-expanded="true"] .menu-text {
}

.menu .menu-item .menu-link > .menu-arrow {
  margin-right: auto;
  -webkit-transition: var(--ct-menu-transition);
  transition: var(--ct-menu-transition);
  line-height: var(--ct-menu-item-font-size);
  font-size: calc(var(--ct-menu-item-font-size));
}

.menu .menu-item .menu-link > .menu-arrow:before {
  content: var(--ct-breadcrumb-divider, "\f105");
  font-family: "Font Awesome 6 Duotone";
  font-weight: 900;
  color: #d2d9e3;
  font-size: 11px;
}

.menu .menu-item .menu-link[aria-expanded="true"] > .menu-arrow {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.menu .menu-item .sub-menu {
  display: grid;
  padding: 10px 0;
}

.menu .menu-item .sub-menu .menu-link {
  padding: 10px 5px;
}

.menu .menu-item .sub-menu .menu-link:hover {
  color: var(--ct-primary);
}

html[dir="rtl"] .menu .menu-item .sub-menu .menu-link:hover {
  padding: 10px 7px 10px;
}

html[dir="rtl"] .menu .menu-item .sub-menu .menu-text {
  padding-right: 25px;
}

.menu .menu-item .sub-menu .menu-text {
  font-size: calc(var(--ct-menu-item-font-size) * 0.9);
  white-space: normal;
  position: relative;
  display: flex;
  align-items: center;
}

html[dir="rtl"] .menu .menu-item .sub-menu .menu-text {
  padding-right: 25px;
}

.menu .menu-item .sub-menu .sub-menu {
  padding-right: calc(var(--ct-menu-item-icon-size));
}

.menu .menu-item .sub-menu .menu-item .sub-menu .menu-item .menu-link {
  padding: var(--ct-menu-link-padding-y) 5px;
}

.menu .menu-item .sub-menu .menu-item .sub-menu .menu-text {
  font-size: 12px;
}

.menu .menu-item .sub-menu .menu-link .menu-text:before {
  position: absolute;
  content: "";
  width: 8px;
  height: 2px;
  background-color: var(--ct-primary);
  inset-inline-start: 0.5rem;
  opacity: 0.5;
  -moz-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.menu .menu-item .sub-menu .menu-link:hover .menu-text:before {
  width: 12px;
  opacity: 1;
}

.menu > .menu-item.menuitem-active > .menu-link,
.menu > .menu-item:hover > .menu-link {
  color: #ffffff;
  background-color: var(--ct-menu-item-active-color);
  box-shadow: 0 0 18px 3px rgb(55 69 87 / 10%);
}
.menu > .menu-item:hover > .menu-link i{
	color:#fff
}
.menu-item.menuitem-active .sub-menu .menuitem-active .menu-link.active {
  color: var(--ct-primary);
}

.menu .menu-item.menuitem-active > .menu-link:not(.collapsed) > .menu-arrow {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

html[dir="rtl"] .menu-arrow:before {
  content: "\f053\f053" !important;
}

html[data-sidenav-size="condensed"]:not([data-layout="horizontal"]) .app-menu {
  width: var(--ct-leftbar-width-sm);
  min-width: var(--ct-leftbar-width-sm);
  min-height: var(--ct-leftbar-condensed-height);
}

html[data-sidenav-size="condensed"]:not([data-layout="horizontal"]) .app-menu .simplebar-mask,
html[data-sidenav-size="condensed"]:not([data-layout="horizontal"]) .app-menu .simplebar-content-wrapper {
  overflow: visible !important;
}

html[data-sidenav-size="condensed"]:not([data-layout="horizontal"]) .app-menu .simplebar-scrollbar {
  display: none !important;
}

html[data-sidenav-size="condensed"]:not([data-layout="horizontal"]) .app-menu .simplebar-offset {
  bottom: 0 !important;
}

html[data-sidenav-size="condensed"]:not([data-layout="horizontal"]) .app-menu .logo-box {
  background: var(--ct-menu-bg);
  border-radius: var(--ct-border-radius);
}

html[data-sidenav-size="condensed"]:not([data-layout="horizontal"]) .app-menu .logo-box .logo-lg {
  display: none;
}

html[data-sidenav-size="condensed"]:not([data-layout="horizontal"]) .app-menu .logo-box .logo-sm {
  display: block;
}

html[data-sidenav-size="condensed"]:not([data-layout="horizontal"]) .app-menu .menu .menu-title {
  display: none;
}

html[data-sidenav-size="condensed"]:not([data-layout="horizontal"]) .app-menu .menu .menu-item {
  position: relative;
}

html[data-sidenav-size="condensed"]:not([data-layout="horizontal"]) .app-menu .menu > .menu-item > .menu-link {
  justify-content: center;
  -moz-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

html[data-sidenav-size="condensed"]:not([data-layout="horizontal"]) .app-menu .menu .menu-item > .menu-link > .menu-text,
html[data-sidenav-size="condensed"]:not([data-layout="horizontal"]) .app-menu .menu .menu-item > .menu-link > .menu-arrow,
html[data-sidenav-size="condensed"]:not([data-layout="horizontal"]) .app-menu .menu .menu-item > .menu-link > .badge {
  -webkit-transition: none;
  transition: none;
  display: none;
}

html[data-sidenav-size="condensed"]:not([data-layout="horizontal"]) .app-menu .menu .menu-item > .menu-link > .menu-icon {
  text-align: center;
  -webkit-transition: none;
  transition: none;
  width: calc(var(--ct-leftbar-width-sm) - var(--ct-menu-item-padding-x) * 2 - var(--ct-menu-link-padding-x) * 2);
  font-size: calc(var(--ct-menu-item-icon-size) * 1.25);
}

html[data-sidenav-size="condensed"]:not([data-layout="horizontal"]) .app-menu .menu .menu-item > .menu-link > .menu-icon svg {
  width: calc(var(--ct-menu-item-icon-size) * 1.25);
  height: calc(var(--ct-menu-item-icon-size) * 1.25);
}

html[data-sidenav-size="condensed"]:not([data-layout="horizontal"]) .app-menu .menu .menu-item > .menu-link > .menu-text {
  padding-right: 0;
  padding-left: 0;
}

html[data-sidenav-size="condensed"]:not([data-layout="horizontal"]) .app-menu .menu .menu-item > .menu-link > .menu-text::before {
  display: none;
}

html[data-sidenav-size="condensed"]:not([data-layout="horizontal"]) .app-menu .menu .menu-item > .collapse,
html[data-sidenav-size="condensed"]:not([data-layout="horizontal"]) .app-menu .menu .menu-item > .collapsing {
  display: none;
}

html[data-sidenav-size="condensed"]:not([data-layout="horizontal"]) .app-menu .menu .menu-item:hover > .collapse,
html[data-sidenav-size="condensed"]:not([data-layout="horizontal"]) .app-menu .menu .menu-item:hover > .collapsing {
  display: block;
  left: 100%;
  right: auto;
  margin-top: -2px;
  position: absolute;
  height: inherit !important;
  -webkit-transition: none !important;
  transition: none !important;
}

[dir="rtl"][data-sidenav-size="condensed"]:not([data-layout="horizontal"]) .app-menu .menu .menu-item:hover > .collapse,
[dir="rtl"][data-sidenav-size="condensed"]:not([data-layout="horizontal"]) .app-menu .menu .menu-item:hover > .collapsing {
  display: block;
  right: 100%;
  left: auto;
  margin-top: -2px;
  position: absolute;
  height: inherit !important;
  -webkit-transition: none !important;
  transition: none !important;
}

html[data-sidenav-size="condensed"]:not([data-layout="horizontal"]) .app-menu .menu .menu-item:hover > .collapse > .sub-menu,
html[data-sidenav-size="condensed"]:not([data-layout="horizontal"]) .app-menu .menu .menu-item:hover > .collapsing > .sub-menu {
  background: var(--ct-secondary-bg);
  margin-right: 1px;
  -webkit-box-shadow: var(--ct-box-shadow-lg);
  box-shadow: var(--ct-box-shadow-lg);
  width: calc(var(--ct-leftbar-width) - var(--ct-leftbar-width-sm));
  border: var(--ct-theme-border-width) solid var(--ct-border-color);
  padding: 0;
}

html[data-sidenav-size="condensed"]:not([data-layout="horizontal"])
  .app-menu
  .menu
  .menu-item:hover
  > .collapse
  > .sub-menu
  > .menu-item
  > .menu-link,
html[data-sidenav-size="condensed"]:not([data-layout="horizontal"])
  .app-menu
  .menu
  .menu-item:hover
  > .collapsing
  > .sub-menu
  > .menu-item
  > .menu-link {
  margin: 0 var(--ct-menu-item-gap);
  z-index: 5;
}

html[data-sidenav-size="condensed"]:not([data-layout="horizontal"])
  .app-menu
  .menu
  .menu-item:hover
  > .collapse
  > .sub-menu
  > .menu-item
  > .menu-link
  > .menu-text,
html[data-sidenav-size="condensed"]:not([data-layout="horizontal"])
  .app-menu
  .menu
  .menu-item:hover
  > .collapsing
  > .sub-menu
  > .menu-item
  > .menu-link
  > .menu-text {
  display: block;
}

html[data-sidenav-size="condensed"]:not([data-layout="horizontal"])
  .app-menu
  .menu
  .menu-item:hover
  > .collapse
  > .sub-menu
  > .menu-item
  > .menu-link
  > .menu-arrow,
html[data-sidenav-size="condensed"]:not([data-layout="horizontal"])
  .app-menu
  .menu
  .menu-item:hover
  > .collapsing
  > .sub-menu
  > .menu-item
  > .menu-link
  > .menu-arrow {
  display: block;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

html[data-sidenav-size="condensed"]:not([data-layout="horizontal"])
  .app-menu
  .menu
  .menu-item:hover
  > .collapse
  > .sub-menu
  > .menu-item
  > .collapse,
html[data-sidenav-size="condensed"]:not([data-layout="horizontal"])
  .app-menu
  .menu
  .menu-item:hover
  > .collapse
  > .sub-menu
  > .menu-item
  > .collapsing,
html[data-sidenav-size="condensed"]:not([data-layout="horizontal"])
  .app-menu
  .menu
  .menu-item:hover
  > .collapsing
  > .sub-menu
  > .menu-item
  > .collapse,
html[data-sidenav-size="condensed"]:not([data-layout="horizontal"])
  .app-menu
  .menu
  .menu-item:hover
  > .collapsing
  > .sub-menu
  > .menu-item
  > .collapsing {
  top: 0;
}

html[data-sidenav-size="condensed"]:not([data-layout="horizontal"])
  .app-menu
  .menu
  .menu-item:hover
  > .collapse
  > .sub-menu
  .menu-item
  .menu-link,
html[data-sidenav-size="condensed"]:not([data-layout="horizontal"])
  .app-menu
  .menu
  .menu-item:hover
  > .collapsing
  > .sub-menu
  .menu-item
  .menu-link {
  color: var(--ct-body-color);
}

html[data-sidenav-size="condensed"]:not([data-layout="horizontal"])
  .app-menu
  .menu
  .menu-item:hover
  > .collapse
  > .sub-menu
  .menu-item
  .menu-link[aria-expanded="true"],
html[data-sidenav-size="condensed"]:not([data-layout="horizontal"])
  .app-menu
  .menu
  .menu-item:hover
  > .collapse
  > .sub-menu
  .menu-item
  .menu-link.show,
html[data-sidenav-size="condensed"]:not([data-layout="horizontal"])
  .app-menu
  .menu
  .menu-item:hover
  > .collapse
  > .sub-menu
  .menu-item
  .menu-link:focus,
html[data-sidenav-size="condensed"]:not([data-layout="horizontal"])
  .app-menu
  .menu
  .menu-item:hover
  > .collapse
  > .sub-menu
  .menu-item
  .menu-link:hover,
html[data-sidenav-size="condensed"]:not([data-layout="horizontal"])
  .app-menu
  .menu
  .menu-item:hover
  > .collapsing
  > .sub-menu
  .menu-item
  .menu-link[aria-expanded="true"],
html[data-sidenav-size="condensed"]:not([data-layout="horizontal"])
  .app-menu
  .menu
  .menu-item:hover
  > .collapsing
  > .sub-menu
  .menu-item
  .menu-link.show,
html[data-sidenav-size="condensed"]:not([data-layout="horizontal"])
  .app-menu
  .menu
  .menu-item:hover
  > .collapsing
  > .sub-menu
  .menu-item
  .menu-link:focus,
html[data-sidenav-size="condensed"]:not([data-layout="horizontal"])
  .app-menu
  .menu
  .menu-item:hover
  > .collapsing
  > .sub-menu
  .menu-item
  .menu-link:hover {
  color: var(--ct-primary);
}

html[data-sidenav-size="condensed"]:not([data-layout="horizontal"])
  .app-menu
  .menu
  .menu-item:hover
  > .collapse
  > .sub-menu
  .menu-item.menuitem-active
  > .menu-link,
html[data-sidenav-size="condensed"]:not([data-layout="horizontal"])
  .app-menu
  .menu
  .menu-item:hover
  > .collapsing
  > .sub-menu
  .menu-item.menuitem-active
  > .menu-link {
  color: var(--ct-primary);
}

html[data-sidenav-size="condensed"]:not([data-layout="horizontal"])
  .app-menu
  .menu
  .menu-item:hover
  > .collapse
  > .sub-menu
  .menu-item
  .collapse,
html[data-sidenav-size="condensed"]:not([data-layout="horizontal"])
  .app-menu
  .menu
  .menu-item:hover
  > .collapse
  > .sub-menu
  .menu-item
  .collapsing,
html[data-sidenav-size="condensed"]:not([data-layout="horizontal"])
  .app-menu
  .menu
  .menu-item:hover
  > .collapsing
  > .sub-menu
  .menu-item
  .collapse,
html[data-sidenav-size="condensed"]:not([data-layout="horizontal"])
  .app-menu
  .menu
  .menu-item:hover
  > .collapsing
  > .sub-menu
  .menu-item
  .collapsing {
  top: 0;
}

html[data-sidenav-size="condensed"]:not([data-layout="horizontal"]) .app-menu .menu > .menu-item:hover > .menu-link::after {
  content: "";
  inset: 0;
  position: absolute;
  width: var(--ct-leftbar-width);
}

html[data-sidenav-size="condensed"]:not([data-layout="horizontal"]) .app-menu .menu > .menu-item:hover > .menu-link > .menu-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  left: 66px;
  background: var(--ct-primary);
  line-height: var(--ct-menu-item-icon-size);
  width: calc(var(--ct-leftbar-width) - var(--ct-leftbar-width-sm));
  padding: var(--ct-menu-link-padding-y) var(--ct-menu-link-padding-x);
  border: var(--ct-theme-border-width) solid var(--ct-border-color);
  -webkit-box-shadow: var(--ct-box-shadow-lg);
  box-shadow: var(--ct-box-shadow-lg);
  color: #fff;
}

[dir="rtl"][data-sidenav-size="condensed"]:not([data-layout="horizontal"]) .app-menu .menu > .menu-item:hover > .menu-link > .menu-text {
  right: 66px;
}

[data-sidenav-size="condensed"] .menu .menu-item .menu-link > .menu-icon i {
  font-size: 20px;
}

/***/

html[data-menu-color="gradient"] .app-menu {
  background-image: var(--ct-menu-gradient-image);
}

html[data-layout="two-column"] .left-side-menu {
  width: calc(var(--ct-twocolumn-sidebar-iconview-width) + var(--ct-twocolumn-sidebar-width));
  min-width: calc(var(--ct-twocolumn-sidebar-iconview-width) + var(--ct-twocolumn-sidebar-width));
  -webkit-transition: var(--ct-menu-transition);
  transition: var(--ct-menu-transition);
  -webkit-box-shadow: var(--ct-box-shadow);
  box-shadow: var(--ct-box-shadow);
}

html[data-layout="two-column"] .sidebar-icon-menu {
  position: fixed;
  width: var(--ct-twocolumn-sidebar-iconview-width);
  min-width: var(--ct-twocolumn-sidebar-iconview-width);
  padding-bottom: var(--ct-topbar-height);
  background: var(--ct-twocolumn-iconview-bg);
  top: 0;
  bottom: 0;
  border: var(--ct-theme-border-width) solid var(--ct-border-color);
  border-left: 0 !important;
}

html[data-layout="two-column"] .sidebar-icon-menu .menu .menu-item > .menu-link {
  text-align: center;
  margin: var(--ct-menu-item-gap) auto;
  border-radius: var(--ct-border-radius);
  color: var(--ct-twocolumn-iconview-item-color);
  padding: 0;
}

html[data-layout="two-column"] .sidebar-icon-menu .menu .menu-item > .menu-link > .menu-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: calc(var(--ct-twocolumn-sidebar-iconview-width) - var(--ct-menu-item-padding-x) * 2);
  height: calc(var(--ct-twocolumn-sidebar-iconview-width) - var(--ct-menu-item-padding-x) * 2);
}

html[data-layout="two-column"] .sidebar-icon-menu .menu .menu-item > .menu-link svg {
  height: var(--ct-twocolumn-sidebar-iconview-size);
  width: var(--ct-twocolumn-sidebar-iconview-size);
  color: var(--ct-twocolumn-iconview-item-color);
}

html[data-layout="two-column"] .sidebar-icon-menu .menu .menu-item > .menu-link.active {
  color: var(--ct-twocolumn-iconview-item-active-color);
  background-color: var(--ct-twocolumn-iconview-icon-active-bg);
}

html[data-layout="two-column"] .sidebar-icon-menu .menu .menu-item > .menu-link.active svg {
  color: var(--ct-twocolumn-iconview-item-active-color);
}

html[data-layout="two-column"] .app-menu {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  width: var(--ct-twocolumn-sidebar-width);
  min-width: var(--ct-twocolumn-sidebar-width);
  position: fixed;
  top: 0;
  bottom: 0;
  margin-right: var(--ct-twocolumn-sidebar-iconview-width);
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  border-right: 1px solid var(--ct-twocolumn-iconview-icon-active-bg) !important;
}

html[data-layout="two-column"] .app-menu .menu > .menu-item > .menu-link > .menu-text {
  padding-right: 0;
}

html[data-layout="two-column"] .app-menu .menu .menu-item .sub-menu .menu-link .menu-text {
  padding-right: calc(var(--ct-menu-link-item-gap) * 1.25);
}

html[data-layout="two-column"] .app-menu .menu > .menu-item.menuitem-active > .menu-link {
  background-color: var(--ct-menu-item-active-bg);
}

html[data-layout="two-column"] .twocolumn-menu-item {
  display: none;
}

html[data-layout="two-column"] #menu-icon-color {
  display: block;
}

html[data-layout="two-column"] #sidebar-user,
html[data-layout="two-column"] #sidebar-size {
  display: none;
}

#menu-icon-color {
  display: none;
}

html[data-layout="two-column"][data-sidenav-size="condensed"] .left-side-menu {
  width: calc(var(--ct-twocolumn-sidebar-iconview-width));
  min-width: calc(var(--ct-twocolumn-sidebar-iconview-width));
}

html[data-layout="two-column"][data-sidenav-size="condensed"] .left-side-menu .app-menu {
  width: 0;
  min-width: 0;
  opacity: 0;
  z-index: -99;
}

html[data-layout="two-column"][data-sidenav-size="full"] .left-side-menu {
  height: calc(100vh - 1.5rem);
  min-height: calc(100vh - 1.5rem);
  max-height: calc(100vh - 1.5rem);
  position: fixed;
  margin-right: calc((var(--ct-twocolumn-sidebar-iconview-width) + var(--ct-twocolumn-sidebar-width)) * -1);
  opacity: 0;
}

html[data-layout="two-column"][data-sidenav-size="full"].sidebar-enable .left-side-menu {
  opacity: 1;
  z-index: 1055;
  margin-right: 0;
}

.footer {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: var(--ct-footer-height);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 1.5rem;
  background-color: var(--ct-secondary-bg);
  color: var(--ct-secondary-color);
  border-top: var(--ct-theme-border-width) solid var(--ct-border-color);
  -webkit-box-shadow: var(--ct-box-shadow);
  box-shadow: var(--ct-box-shadow);
  -webkit-transition: var(--ct-menu-transition);
  transition: var(--ct-menu-transition);
  font-size: 10px;
}

.footer .footer-links a {
  display: flex;
  align-items: center;
  position: relative;
  color: var(--ct-secondary-color);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.footer .footer-links a:before {
  content: "";
  height: 5px;
  width: 5px;
  display: block;
  background-color: var(--ct-secondary-color);
  border-radius: 50%;
  position: absolute;
  right: -15px;
}

.footer .footer-links a:first-child:before {
  display: none;
}

.footer .footer-links a:hover {
  color: var(--ct-secondary-color);
}

.footer-alt {
  border: none;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 767.98px) {
  .footer {
    text-align: center;
  }
  .btn-group-lg > .btn,
  .btn-lg {
  }
}

/* input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active{
     -webkit-background-clip: text;
     -webkit-text-fill-color: #2c9aff;
     transition: background-color 5000s ease-in-out 0s;
}
 */

select.form-control:not([size]):not([multiple]) {
  height: auto;
}

/*****/

.form-group-icon {
  position: relative;
}

.form-group-icon .form-control {
  height: 50px !important;
  padding-right: 45px;
  padding-left: 35px;
  border: 2px solid #c9cee6;
  font-size: 13px;
  font-family: "IBM Plex Sans Arabic", sans-serif;
  line-height: 2;
  border-radius: 8px !important;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.form-group-icon .form-control:focus {
  border: 2px solid #2c9aff;
}

.form-group-icon i {
  position: absolute;
  right: 15px;
  top: 10px;
  font-size: 22px;
  color: #2c9aff;
  opacity: 0.6;
  border: 0;
}

.form-group .invalid-feedback {
  font-size: 13px;
  margin: 5px 0 0 0;
}

.form-check {
  padding: 0;
}

.form-check .form-check-input {
  background-color: var(--ct-inut-bg);
  float: left;
  margin-right: 8px;
  font-size: 16px;
  margin-top: 0;
}
[dir="ltr"] .form-check .form-check-input {
    float: left;
    margin-right: 8px;
    margin-left: 0;
}
.form-check-input:checked {
  background-color: var(--ct-primary);
  border-color: var(--ct-primary);
}

html[dir="rtl"] .form-check .form-check-input {
  float: right;
  margin-right: 0;
  margin-left: 8px;
}

.form-switch .form-check-input {
  height: 18px;
  width: 35px;
  border: 1px solid #e9e9e9;
}

.form-switch .form-check-input:focus {
  border-color: rgba(0, 0, 0, 0.25);
  outline: 0;
}

.form-switch .form-check-input:checked {
  background-color: #1abc9c;
  border-color: #1abc9c;
}

.dropdown-menu {
  font-size: 10px;
  border-color: var(--ct-dropdown-border-color);
  padding: 10px;
  box-shadow: var(--ct-menu-dropdown-box-shadow);
}

.profile-dropdown {
  min-width: 244px;
}

.profile-dropdown i {
  font-size: 16px;
  margin-inline-end: 3px;
}

.navbar-custom .topbar li .nav-profile-link span {
  width: 80px;
  font-size: 12px;
}

.btn {
  font-size: 11px;
  padding: 12px 15px;
  font-weight: 600;
}

.btn i {
  font-size: 1.2em;
  vertical-align: middle;
}

.btn-group-lg > .btn,
.btn-lg {
  padding: 14px 35px;
  font-size: 12px;
  font-weight: 600;
}

.btn-lg i {
  font-size: 20px;
}

.btn-xs {
  padding: 4px 8px;
  font-size: 9px;
  font-weight: 400;
  border-radius: 3px;
}

.btn-group-sm > .btn,
.btn-sm {
  padding: 6px 8px;
  font-size: 10px;
}

.dropdown-menu .dropdown-item {
  padding: 8px 10px;
  border-radius: 8px;
  -webkit-transition: var(--ct-menu-transition);
  transition: var(--ct-menu-transition);
}

.dropdown-menu .dropdown-item i {
  font-size: 1.2em;
}

.dropdown-item:focus,
.dropdown-item:hover {
  color: var(--ct-primary);
  background-color: var(--ct-dropdown-link-hover-bg);
}

.logout-icon {
  width: 140px;
}

.scrollspy-example {
  position: relative;
  height: 200px;
  margin-top: 0.5rem;
  overflow: auto;
}

.text-error {
  color: #2c9aff;
  text-shadow: rgba(102, 88, 221, 0.3) -5px 1px, rgba(102, 88, 221, 0.2) -10px 3px;
  font-size: 84px;
  line-height: 90px;
  font-family: "IBM Plex Sans Arabic", sans-serif, sans-serif;
}

div.dt-button-info {
  background-color: #2c9aff;
  border: none;
  color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 3px;
  text-align: center;
  z-index: 21;
}

div.dt-button-info h2 {
  border-bottom: none;
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}

@media (max-width: 767.98px) {
  li.paginate_button.previous,
  li.paginate_button.next {
    display: inline-block;
    font-size: 1.5rem;
  }
  li.paginate_button {
    display: none;
  }
  .dataTables_paginate ul {
    text-align: center;
    display: block;
    margin: 1.5rem 0 0 !important;
  }
  div.dt-buttons {
    display: inline-table;
    margin-bottom: 1.5rem;
  }
}

.form-wizard-header {
  margin-right: -1.5rem;
  margin-left: -1.5rem;
  background-color: var(--ct-gray-100);
}

[data-simplebar] {
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  right: 0;
  top: 0;
  bottom: 0;
  left: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.simplebar-offset {
  direction: inherit !important;
  -webkit-box-sizing: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  right: 0 !important;
  bottom: 0;
  left: 0 !important;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
  direction: inherit;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
  width: auto;
  visibility: visible;
  overflow: auto;
  /* Scroll on this element otherwise element can't have a padding applied properly */
  max-width: 100%;
  /* Not required for horizontal scroll to trigger */
  max-height: 100%;
  /* Needed for vertical scroll to trigger */
  scrollbar-width: none;
  padding: 0px !important;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  display: none;
}

.simplebar-content:before,
.simplebar-content:after {
  content: " ";
  display: table;
}

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
  -webkit-box-sizing: inherit !important;
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: right;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  -webkit-box-flex: inherit;
  -ms-flex-positive: inherit;
  flex-grow: inherit;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
}

.simplebar-height-auto-observer {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  left: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
  position: absolute;
  left: 2px;
  width: 4px;
  min-height: 10px;
}

.simplebar-scrollbar:before {
  position: absolute;
  content: "";
  background: #a2adb7;
  border-radius: 7px;
  right: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.simplebar-scrollbar.simplebar-visible:before {
  /* When hovered, remove all transitions from drag handle */
  opacity: 0.5;
  -webkit-transition: opacity 0s linear;
  transition: opacity 0s linear;
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
}

.simplebar-track.simplebar-horizontal {
  right: 0;
  height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  height: 100%;
  right: 2px;
  left: 2px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  left: auto;
  right: 0;
  top: 2px;
  height: 7px;
  min-height: 0;
  min-width: 10px;
  width: auto;
}

/* Rtl support */

[data-simplebar-direction="rtl"] .simplebar-track.simplebar-vertical {
  left: auto;
  right: 0;
}

.hs-dummy-scrollbar-size {
  direction: ltr;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
}

.simplebar-hide-scrollbar {
  position: fixed;
  right: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
}

.custom-scroll {
  height: 100%;
}

/* Modal */

.modal-header .btn-close {
	position: absolute;
	left: 20px;
	top: 20px;
	width: 15px;
	height: 15px;
	z-index: 1;
	box-shadow: none;
	padding: 8px;
	z-index: 1;
	border-radius: 30px;
	/*filter: brightness(0) invert(1);*/
	background: #eeeff1 var(--ct-btn-close-bg) center / 11px auto no-repeat;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

[dir="ltr"] .modal-header .btn-close {
  right: 20px;
}

.btn-close-dark {
  filter: brightness(0) invert(0.3) !important;
}

.modal-header .btn-close:hover {
  transform: rotate(90deg);
}

.btn-close:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.modal-title {
  font-size: 15px;
}

.modal.confirm_dialog .modal-dialog {
  max-width: 460px;
}

.modal-content {
  box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.12);
  border-radius: 15px;
}

.modal-header {
  border: 0;
  padding: 20px;
}

.modal-footer {
  border: 0;
}

.modal .warp-icon {
  text-align: center;
  margin: auto;
}

.modal .warp-icon i {
  font-size: 90px;
  vertical-align: middle;
  color: #fff;
}

.modal.show .warp-icon {
  padding: 15px 10px;
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

/***/

.selectize-input {
  font-weight: 400;
  line-height: 1.5;
  color: var(--ct-body-color);
  background-image: none !important;
  border: 0;
  min-height: calc(1.5em + 1.65rem + 2px);
  padding: 14px 22px;
  font-size: 11px;
  box-shadow: none !important;
  min-width: 100px;
}

.selectize-input,
.selectize-input.dropdown-active {
  border-radius: 10px;
}

.selectize-control.rtl.single .selectize-input:after {
  left: 21px;
}

.selectize-input > input {
  color: var(--ct-body-color);
}

.selectize-input > input::-webkit-input-placeholder {
  color: var(--ct-secondary-color);
}

.selectize-input > input::-moz-placeholder {
  color: var(--ct-secondary-color);
}

.selectize-input > input:-ms-input-placeholder {
  color: var(--ct-secondary-color);
}

.selectize-input > input::-ms-input-placeholder {
  color: var(--ct-secondary-color);
}

.selectize-input > input::placeholder {
  color: var(--ct-secondary-color);
}

.selectize-input.focus {
  color: var(--ct-body-color);
  background-color: var(--ct-secondary-bg);
  border-color: var(--ct-border-color);
  outline: 0;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.selectize-control.multi .selectize-input > div {
  padding: 1px 8px;
  background-color: var(--ct-gray-300);
  color: var(--ct-gray-800);
}

.selectize-control.multi .selectize-input > div > a {
  color: var(--ct-gray-800);
}

.selectize-control.multi .selectize-input > div.active {
  background: #2c9aff;
}

.selectize-control.multi .selectize-input > div.active > a {
  color: color-yiq(#2c9aff);
}

.selectize-control.single .selectize-input:after {
  border-style: solid;
  border-width: 0 0 2px 2px;
  border-color: transparent transparent var(--ct-gray-500) var(--ct-gray-500);
  content: "";
  display: block;
  height: 7px;
  margin-top: -5px;
  pointer-events: none;
  position: absolute;
  left: 15px;
  right: auto;
  top: 50%;
  -webkit-transform-origin: 34% 66%;
  transform-origin: 34% 66%;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  width: 7px;
}

.selectize-input.dropdown-active::before {
  background: transparent;
}

.selectize-control.single .selectize-input.dropdown-active:after {
  border-width: 0 0 2px 2px;
  margin-top: -5px;
  border-color: transparent transparent var(--ct-gray-500) var(--ct-gray-500);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.selectize-dropdown {
  padding: 0.3rem;
  color: var(--ct-body-color);
  -webkit-box-shadow: var(--ct-box-shadow);
  box-shadow: var(--ct-box-shadow);
  background-color: var(--ct-secondary-bg);
  background-clip: padding-box;
  border: 1px solid var(--ct-border-color);
  border-radius: var(--ct-border-radius);
  -webkit-animation-name: DropDownSlide;
  animation-name: DropDownSlide;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  margin: 0;
  font-size: 12px;
  font-weight: 400;
  position: absolute;
  z-index: 1000;
  min-width: 100% !important;
  width: auto !important;
  right: 0 !important;
  left: auto !important;
}

.selectize-control.single .selectize-input {
  background-color: var(--ct-inut-bg);
}

.selectize-control.single .selectize-input,
.selectize-dropdown.single {
  border-color: var(--ct-inut-focus-bg);
}

.selectize-control .selectize-input > input {
  height: 15px;
}

.selectize-dropdown.show {
  top: 100% !important;
}

.selectize-dropdown.active {
  color: var(--ct-dark);
  background-color: var(--ct-light);
}

.selectize-dropdown .scientific {
  color: var(--ct-gray-600);
}

.selectize-dropdown .option,
.selectize-dropdown .optgroup-header {
  display: block;
  width: 100%;
  padding: 0.375rem 1.5rem;
  clear: both;
  cursor: pointer;
  font-weight: 400;
  color: var(--ct-body-color);
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
}

.selectize-dropdown .option:hover,
.selectize-dropdown .option:focus,
.selectize-dropdown .optgroup-header:hover,
.selectize-dropdown .optgroup-header:focus,
.selectize-dropdown .selected {
  color: var(--ct-dark);
  text-decoration: none;
  background-color: var(--ct-light) !important;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup {
  border-left-color: var(--ct-gray-300);
}

.selectize-dropdown .optgroup:before {
  background-color: var(--ct-gray-300);
}

.selectize-dropdown-header {
  border-bottom: 1px solid transparent;
  color: var(--ct-dark);
  background-color: var(--ct-light);
  text-decoration: none;
}

.selectize-dropdown-header .selectize-dropdown-header-close {
  left: 12px;
  right: auto;
}

.selectize-dropdown-content > div {
  background-color: transparent !important;
  color: var(--ct-body-color) !important;
}

.tippy-tooltip .light-theme[data-animatefill] {
  background-color: transparent;
}

.light-theme {
  color: color-yiq(#fff);
  -webkit-box-shadow: var(--ct-box-shadow-lg);
  box-shadow: var(--ct-box-shadow-lg);
  background-color: #fff;
}

.light-theme .tippy-backdrop {
  background-color: #fff;
}

.light-theme .tippy-roundarrow {
  fill: #fff;
}

.gradient-theme .tippy-backdrop {
  background: #2c9aff;
  background: -webkit-gradient(linear, left top, right top, from(#f1556c), to(#2c9aff));
  background: linear-gradient(to right, #f1556c, #2c9aff);
}

.tippy-popper[x-placement^="top"] .tippy-tooltip.light-theme .tippy-arrow {
  border-top: 7px solid #fff;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}

.tippy-popper[x-placement^="bottom"] .tippy-tooltip.light-theme .tippy-arrow {
  border-bottom: 7px solid #fff;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}

.tippy-popper[x-placement^="left"] .tippy-tooltip.light-theme .tippy-arrow {
  border-right: 7px solid #fff;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
}

.tippy-popper[x-placement^="right"] .tippy-tooltip.light-theme .tippy-arrow {
  border-left: 7px solid #fff;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
}

.dd-list .dd-item .dd-handle {
  border: none;
  padding: 8px 16px;
  height: auto;
  font-weight: 600;
  border-radius: 3px;
  background: var(--ct-light);
  color: var(--ct-body-color);
}

.dd-list .dd-item .dd-handle:hover {
  color: #2c9aff;
}

.dd-list .dd-item button {
  height: 36px;
  font-size: 17px;
  margin: 0;
  color: var(--ct-gray-600);
  width: 36px;
}

.dd-list .dd3-item {
  margin: 5px 0;
}

.dd-list .dd3-item .dd-item button {
  width: 36px;
  height: 36px;
}

.dd-list .dd3-handle {
  margin: 0;
  height: 36px !important;
  float: right;
}

.dd-list .dd3-content {
  height: auto;
  border: none;
  padding: 8px 46px 8px 16px;
  background: var(--ct-light);
  color: var(--ct-body-color);
  font-weight: 600;
}

.dd-list .dd3-content:hover {
  color: #2c9aff;
}

.dd-list .dd3-handle:before {
  content: "\f035c";
  font-family: "Material Design Icons";
  color: var(--ct-gray-500);
}

.dd-empty,
.dd-placeholder {
  background: rgba(var(--ct-gray-400-rgb), 0.2);
}

.dd-dragel .dd-handle {
  -webkit-box-shadow: var(--ct-box-shadow);
  box-shadow: var(--ct-box-shadow);
}

.no-touch .dropdown-menu > .checkbox-row:hover,
.no-touch .dropdown-menu > .checkbox-row:active {
  color: var(--ct-dark);
  background-color: var(--ct-light);
}

.bootstrap-table .table:not(.table-sm) > tbody > tr > td,
.bootstrap-table .table:not(.table-sm) > tbody > tr > th,
.bootstrap-table .table:not(.table-sm) > tfoot > tr > td,
.bootstrap-table .table:not(.table-sm) > tfoot > tr > th,
.bootstrap-table .table:not(.table-sm) > thead > tr > td {
  padding: 0.85rem;
}

.bootstrap-table .table {
  border-bottom: none;
}

.bootstrap-table .table > thead > tr > th {
  border-bottom: none;
}

.bootstrap-table table.table-borderless tr {
  border: none !important;
}

.bootstrap-table table.table-borderless tr th,
.bootstrap-table table.table-borderless tr td {
  border: none !important;
}

.bootstrap-table table.table-bordered tr {
  border-color: var(--ct-border-color) !important;
}

.table-borderless.table-bordered {
  border: none !important;
}

table[data-toggle="table"] {
  display: none;
}

.datepicker {
}

.datepicker td,
.datepicker th {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  font-size: 13px;
  line-height: 28px;
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td .active.disabled:hover[disabled],
.datepicker table tr td .active.disabled[disabled],
.datepicker table tr td .active:active,
.datepicker table tr td .active:hover,
.datepicker table tr td .active:hover.active,
.datepicker table tr td .active:hover.disabled,
.datepicker table tr td .active:hover:active,
.datepicker table tr td .active:hover:hover,
.datepicker table tr td .active:hover[disabled],
.datepicker table tr td .active[disabled],
.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active[disabled],
.datepicker table tr td.today,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover {
  background-color: #2c9aff !important;
  background-image: none !important;
  color: #fff;
}

.datepicker table tr td.day.focused,
.datepicker table tr td.day:hover,
.datepicker table tr td span.focused,
.datepicker table tr td span:hover {
  background: var(--ct-gray-100);
}

.datepicker table tr td.new,
.datepicker table tr td.old,
.datepicker table tr td span.new,
.datepicker table tr td span.old {
  color: var(--ct-secondary-text);
  opacity: 0.4;
}

.datepicker .datepicker-switch:hover,
.datepicker .next:hover,
.datepicker .prev:hover,
.datepicker tfoot tr th:hover {
  background: var(--ct-gray-100);
}

.datepicker .datepicker-switch:hover {
  background: none;
}

.datepicker-dropdown:after {
  border-bottom: 6px solid var(--ct-secondary-bg);
}

.datepicker-dropdown:before {
  border-bottom-color: var(--ct-border-color);
}

.datepicker-dropdown.datepicker-orient-top:before {
  border-top: 7px solid var(--ct-border-color);
}

.datepicker-dropdown.datepicker-orient-top:after {
  border-top: 6px solid var(--ct-secondary-bg);
}

.daterangepicker {
  z-index: 1000;
}

[dir="rtl"] .daterangepicker.opensright:after {
  left: 10px;
  right: auto;
}

[dir="rtl"] .daterangepicker.opensright:before {
  left: 9px;
  right: auto;
}

.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 {
  background: var(--ct-primary);
  border-color: var(--ct-primary);
}

.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #2c9aff;
}

.flatpickr-months {
  background-color: var(--ct-primary);
}

.flatpickr-current-month {
  font-size: 110%;
}

.flatpickr-weekdays {
  background-color: var(--ct-primary);
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month,
option.flatpickr-monthDropdown-month {
  background-color: var(--ct-primary);
  color: #fff;
}

.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month input.cur-year {
  color: #fff;
}

.dayContainer {
  padding: 8px;
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgb(255 255 255 / 90%);
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgb(255 255 255 / 90%);
}

span.flatpickr-weekday {
  font-weight: 400;
}

.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  fill: #fff;
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #fff;
  opacity: 1;
}

.bg-dragula {
  background-color: var(--ct-gray-100);
}

.bg-grey {
  background-color: #f1f8fd;
}

.gu-mirror {
  position: fixed !important;
  margin: 0 !important;
  z-index: 9999 !important;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}

.gu-hide {
  display: none !important;
}

.gu-unselectable {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}

.gu-transit {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
}

.dragula-handle {
  position: relative;
  width: 36px;
  height: 36px;
  font-size: 24px;
  text-align: center;
  cursor: move;
}

.dragula-handle:before {
  content: "\f01db";
  font-family: "Material Design Icons";
  position: absolute;
}

/*****/

.fw-normal {
  font-family: "IBM Plex Sans Arabic", sans-serif;
}

.fw-light {
  font-family: "IBM Plex Sans Arabic", sans-serif;
}

.badge {
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 4px 5px;
  font-size: 9px;
  font-weight: 400;
}

/*****/

.mt-05 {
  margin-top: 5px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-60 {
  margin-top: 60px;
}

.mt-70 {
  margin-top: 70px;
}

.mt-80 {
  margin-top: 80px;
}

.mt-90 {
  margin-top: 90px;
}

.mt-100 {
  margin-top: 100px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-05 {
  margin-bottom: 5px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mb-70 {
  margin-bottom: 70px;
}

.mb-80 {
  margin-bottom: 80px;
}

.mb-90 {
  margin-bottom: 90px;
}

.mb-100 {
  margin-bottom: 100px;
}

/*****/

/* Start::basic sizes */

.fs-sm {
  font-size: 0.6875rem;
}

.fs-base {
  font-size: 0.875rem;
}

.fs-lg {
  font-size: 1.125rem;
}

/* End::basic sizes */

/* Start::font sizes */

.fs-1 {
  font-size: 0.0625rem!important;
}

.fs-2 {
  font-size: 0.125rem!important;
}

.fs-3 {
  font-size: 0.1875rem!important;
}

.fs-4 {
  font-size: 0.25rem!important;
}

.fs-5 {
  font-size: 0.3125rem!important;
}

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

.fs-7 {
  font-size: 0.4375rem!important;
}

.fs-8 {
  font-size: 0.5rem!important;
}

.fs-9 {
  font-size: 0.5625rem!important;
}

.fs-10 {
  font-size: 0.625rem!important;
}

.fs-11 {
  font-size: 0.6875rem!important;
}

.fs-12 {
  font-size: 0.75rem!important;
}

.fs-13 {
  font-size: 0.8125rem!important;
}

.fs-14 {
  font-size: 0.875rem!important;
}

.fs-15 {
  font-size: 0.9375rem!important;
}

.fs-16 {
  font-size: 1rem!important;
}

.fs-17 {
  font-size: 1.0625rem!important;
}

.fs-18 {
  font-size: 1.125rem!important;
}

.fs-19 {
  font-size: 1.1875rem!important;
}

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

.fs-21 {
  font-size: 1.3125rem!important;
}

.fs-22 {
  font-size: 1.375rem!important;
}

.fs-23 {
  font-size: 1.4375rem!important;
}

.fs-24 {
  font-size: 1.5rem!important;
}

.fs-25 {
  font-size: 1.5625rem!important;
}

.fs-26 {
  font-size: 1.625rem!important;
}

.fs-27 {
  font-size: 1.6875rem!important;
}

.fs-28 {
  font-size: 1.75rem!important;
}

.fs-29 {
  font-size: 1.8125rem!important;
}

.fs-30 {
  font-size: 1.875rem!important;
}

.fs-32 {
  font-size: 2rem!important;
}

.fs-34 {
  font-size: 2.125rem!important;
}

.fs-36 {
  font-size: 2.25rem!important;
}

.fs-38 {
  font-size: 2.375rem!important;
}

.fs-40 {
  font-size: 2.5rem!important;
}

/* End::font sizes */

/*****/

::-webkit-selection {
  color: #fff;
  background: #2c9aff;
}

::-moz-selection {
  color: #fff;
  background: #2c9aff;
}

::selection {
  color: #fff;
  background: #2c9aff;
}

body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
}

body::-webkit-scrollbar {
  width: 7px;
  background-color: #f5f5f5;
}

body::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #000;
}
::-webkit-scrollbar {
  width: 4px;
  height: 8px;
}
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgb(255, 255, 255);
  border-radius: 10px;
}
::-webkit-scrollbar-thumb{
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.17);
  border-radius: 10px;
}

.digital-service .dropdown-menu .dropdown-icon-item span {
  font-size: 13px;
  color: #2c9aff;
}

.digital-service .dropdown-menu .dropdown-icon-item i {
  display: inline-block;
  color: #2c9aff;
  background-color: #2c9aff;
  background-image: linear-gradient(315deg, #60dfcd 0%, #1e9afe 74%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.font-40 {
  font-size: 40px;
}

.font-38 {
  font-size: 38px;
}

.font-30 {
  font-size: 30px !important;
}

.font-25 {
  font-size: 25px !important;
}

@media (min-width: 992px) {
  html[dir="ltr"][data-sidenav-size="full"]:not([data-layout="horizontal"]) .app-menu {
    position: fixed;
    margin-left: calc(var(--ct-leftbar-width) * -1);
    border-color: transparent;
    opacity: 0;
  }
  html[dir="rtl"][data-sidenav-size="full"]:not([data-layout="horizontal"]) .app-menu {
    position: fixed;
    margin-right: calc(var(--ct-leftbar-width) * -1);
    border-color: transparent;
    opacity: 0;
  }
  html[data-sidenav-size="full"]:not([data-layout="horizontal"]) .app-menu .sub-menu .sub-menu {
    padding-right: 0;
  }
  html[data-sidenav-size="full"]:not([data-layout="horizontal"]) .navbar-custom .logo-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  /***/
  html[dir="ltr"][data-sidenav-size="full"]:not([data-layout="horizontal"]).sidebar-enable .app-menu {
    opacity: 1;
    z-index: 1055;
    margin-left: 0;
  }
  html[dir="rtl"][data-sidenav-size="full"]:not([data-layout="horizontal"]).sidebar-enable .app-menu {
    opacity: 1;
    z-index: 1055;
    margin-right: 0;
  }
  html[data-sidenav-size="full"]:not([data-layout="horizontal"])[data-layout="two-column"].sidebar-enable .app-menu {
    right: var(--ct-twocolumn-sidebar-iconview-width);
  }
  html[data-sidenav-size="fullscreen"]:not([data-layout="horizontal"]) .app-menu {
    margin-right: calc(var(--ct-leftbar-width) * -1);
    opacity: 0;
  }
}

/*==========================================================================
Employee Menu Style
========================================================================== */

@media (min-width: 1199px) {
  #emp-style #wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #emp-style .menu,
  #emp-style .topbar,
  #emp-style .content,
  #emp-style footer > * {
    width: 100%;
    max-width: 90%;
    margin: 0 auto;
  }
  #emp-style .content {
    min-height: calc(100vh - var(--ct-topbar-height) - var(--ct-horizontal-menu-height));
  }
  #emp-style .navbar-custom {
    margin-top: calc(var(--ct-topbar-height) * -1);
    margin-bottom: var(--ct-topbar-height);
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  #emp-style .navbar-custom .topbar .logo-box {
    height: 82px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: transparent;
  }
  #emp-style .navbar-custom .topbar .button-toggle-menu {
    display: none;
  }
  #emp-style .app-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: var(--ct-horizontal-menu-height);
    min-height: var(--ct-horizontal-menu-height);
    max-height: var(--ct-horizontal-menu-height);
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    z-index: 999;
    top: 82px;
    padding: 0;
    border-radius: 0;
    border-top: 1px solid var(--ct-topbar-search-bg);
  }
  #emp-style .app-menu .simplebar-mask,
  #emp-style .app-menu .simplebar-content-wrapper {
    overflow: visible !important;
    position: static !important;
  }
  #emp-style .app-menu .simplebar-placeholder {
    width: 100% !important;
    height: 100% !important;
  }
  #emp-style .app-menu .simplebar-scrollbar {
    display: none !important;
  }
  #emp-style .app-menu .simplebar-offset {
    bottom: 0 !important;
    left: auto !important;
    right: auto !important;
  }
  #emp-style .app-menu .user-box,
  #emp-style .app-menu .logo-box {
    display: none;
  }
  #emp-style .scrollbar {
    width: 100%;
    max-width: 90%;
    margin: 0 auto;
  }
  #emp-style .app-menu .menu {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    padding: 0 1.5rem;
  }
  #emp-style .app-menu .menu > .menu-item > .menu-link {
	height: auto;
	margin: 6px 0 0 0;
	padding: 12px 15px;
	border-radius: 3px;
  }
  #emp-style .app-menu .menu .menu-item {
    position: relative;
    padding: 0 var(--ct-menu-item-gap);
  }
  #emp-style .app-menu .menu .menu-item .menu-link > .menu-text {

  }
  #emp-style .app-menu .menu .menu-item .menu-link .menu-arrow {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  #emp-style .app-menu .menu .menu-item:hover .menu-arrow {
    -webkit-transform: rotate(-270deg);
    transform: rotate(-270deg);
  }
  #emp-style .app-menu .menu .menu-item:hover > .collapse,
  #emp-style .app-menu .menu .menu-item:hover > .collapsing {
    display: block !important;
    position: absolute;
    height: inherit !important;
    -webkit-transition: none !important;
    transition: none !important;
  }
  #emp-style .app-menu .menu .menu-item .sub-menu {
    padding: var(--ct-menu-item-gap-horizontal) 0;
  }
  #emp-style .app-menu .menu .menu-item .sub-menu .menu-arrow {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  #emp-style .app-menu .menu .menu-item.menuitem-active > .menu-link:not(.collapsed) > .menu-arrow {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  #emp-style .app-menu .collapse,
  #emp-style .app-menu .collapsing {
    width: 200px;
    display: none;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    background-clip: padding-box;
    background: var(--ct-secondary-bg);
    -webkit-animation-name: DropDownSlide;
    animation-name: DropDownSlide;
    z-index: 1000;
    -webkit-box-shadow: var(--ct-box-shadow-lg);
    box-shadow: var(--ct-box-shadow-lg);
    border-radius: var(--ct-border-radius);
    border: 1px solid var(--ct-border-color);
  }
  #emp-style .app-menu .collapse .menu-item .menu-link,
  #emp-style .app-menu .collapsing .menu-item .menu-link {
    color: var(--ct-body-color);
  }
  #emp-style .app-menu .collapse .menu-item .menu-link[aria-expanded="true"],
  #emp-style .app-menu .collapse .menu-item .menu-link.show,
  #emp-style .app-menu .collapse .menu-item .menu-link:focus,
  #emp-style .app-menu .collapse .menu-item .menu-link:hover,
  #emp-style .app-menu .collapsing .menu-item .menu-link[aria-expanded="true"],
  #emp-style .app-menu .collapsing .menu-item .menu-link.show,
  #emp-style .app-menu .collapsing .menu-item .menu-link:focus,
  #emp-style .app-menu .collapsing .menu-item .menu-link:hover {
    color: var(--ct-dark);
  }
  #emp-style .app-menu .collapse .menu-item.menuitem-active > .menu-link,
  #emp-style .app-menu .collapsing .menu-item.menuitem-active > .menu-link {
    color: var(--ct-dark);
    background-color: var(--ct-light);
  }
  #emp-style .app-menu .collapse .menu-item .collapse,
  #emp-style .app-menu .collapse .menu-item .collapsing,
  #emp-style .app-menu .collapsing .menu-item .collapse,
  #emp-style .app-menu .collapsing .menu-item .collapsing {
    top: 0;
  }
  #emp-style .app-menu .collapse.collapse-lg,
  #emp-style .app-menu .collapsing.collapse-lg {
    width: 30rem;
  }
  #emp-style .app-menu .collapse.collapse-lg .sub-menu,
  #emp-style .app-menu .collapsing.collapse-lg .sub-menu {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  #emp-style .app-menu .collapse.collapse-md,
  #emp-style .app-menu .collapsing.collapse-md {
    width: 20rem;
  }
  #emp-style .app-menu .collapse.collapse-md .sub-menu,
  #emp-style .app-menu .collapsing.collapse-md .sub-menu {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  #emp-style #layout-mode,
  #emp-style #sidebar-user,
  #emp-style .menu-title,
  #emp-style #sidebar-size {
    display: none;
  }
}

/*==========================================================================
SCREENS (min-width 991px)
========================================================================== */

@media (max-width: 991px) {
  /*#emp-style .navbar-custom .topbar .button-toggle-menu {
		display: block;
	}
	*/
  .sidebar-enable .app-menu {
    opacity: 1;
    z-index: 1055;
    margin-right: 0;
  }
  .app-menu {
    position: fixed;
    margin-right: calc(var(--ct-leftbar-width) * -1);
    border-color: transparent;
    opacity: 0;
  }
  .sidebar-enable #emp-style .app-menu {
    opacity: 1;
    z-index: 1055;
    margin-right: 0;
  }
}

/*==========================================================================
 SCREENS (min-width 1140px and max-width 1200px)
========================================================================== */

@media (min-width: 1140px) and (max-width: 1200px) {
  .home-statistics-wrapper .card-body h6 {
    font-size: 10px;
  }
  .topbar .logo-box {
    display: none;
  }
}

/***** Theme Settings *****/

.colors-options {
  margin-bottom: 1rem;
}

.colors-options .form-check {
  vertical-align: top;
}

.colors-options .form-check label {
  cursor: pointer;
  transition: all 0.3s;
}

.colors-options .form-check label:hover {
  opacity: 0.7;
}

.colors-options .form-check.colorBox,
.colors-options .form-check.button {
  padding: 0;
  margin-left: 10px;
}

.colors-options .form-check.colorBox input,
.colors-options .form-check.button input {
  display: none;
}

.colors-options .form-check.colorBox .lColor {
  border-radius: 100%;
  background-color: var(--ct-secondary-bg);
  height: 36px;
  width: 36px;
  outline: var(--ct-border-width) solid var(--ct-border-color);
  outline-offset: 4px;
  transition: all 0.3s;
}

.colors-options .form-check.colorBox:not(.button) .lColor {
  margin-right: 0.8rem;
}

.colors-options .form-check.colorBox .lColor:hover,
.colors-options .form-check.colorBox input:checked + label .lColor {
  outline-color: #a19d9d;
}

/***/

.colors-options .form-check.colorBox .lColor.light {
  background: rgb(21, 67, 142);
  background: -moz-linear-gradient(
    193deg,
    rgba(21, 67, 142, 1) 0%,
    rgba(21, 67, 142, 1) 50%,
    rgba(44, 154, 255, 1) 50%,
    rgba(44, 154, 255, 1) 100%
  );
  background: -webkit-linear-gradient(
    193deg,
    rgba(21, 67, 142, 1) 0%,
    rgba(21, 67, 142, 1) 50%,
    rgba(44, 154, 255, 1) 50%,
    rgba(44, 154, 255, 1) 100%
  );
  background: linear-gradient(
    193deg,
    rgba(21, 67, 142, 1) 0%,
    rgba(21, 67, 142, 1) 50%,
    rgba(44, 154, 255, 1) 50%,
    rgba(44, 154, 255, 1) 100%
  );
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#15438e", endColorstr="#2c9aff", GradientType=1);
}

.colors-options .form-check.colorBox .lColor.pink {
  background: rgb(109, 19, 104);
  background: -moz-linear-gradient(
    193deg,
    rgba(109, 19, 104, 1) 0%,
    rgba(109, 19, 104, 1) 50%,
    rgba(217, 22, 86, 1) 50%,
    rgba(217, 22, 86, 1) 100%
  );
  background: -webkit-linear-gradient(
    193deg,
    rgba(109, 19, 104, 1) 0%,
    rgba(109, 19, 104, 1) 50%,
    rgba(217, 22, 86, 1) 50%,
    rgba(217, 22, 86, 1) 100%
  );
  background: linear-gradient(
    193deg,
    rgba(109, 19, 104, 1) 0%,
    rgba(109, 19, 104, 1) 50%,
    rgba(217, 22, 86, 1) 50%,
    rgba(217, 22, 86, 1) 100%
  );
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#6d1368", endColorstr="#d91656", GradientType=1);
}

.colors-options .form-check.colorBox .lColor.orange {
  background: rgb(30, 62, 98);
  background: -moz-linear-gradient(
    193deg,
    rgba(30, 62, 98, 1) 0%,
    rgba(30, 62, 98, 1) 50%,
    rgba(255, 101, 0, 1) 50%,
    rgba(255, 101, 0, 1) 100%
  );
  background: -webkit-linear-gradient(
    193deg,
    rgba(30, 62, 98, 1) 0%,
    rgba(30, 62, 98, 1) 50%,
    rgba(255, 101, 0, 1) 50%,
    rgba(255, 101, 0, 1) 100%
  );
  background: linear-gradient(193deg, rgba(30, 62, 98, 1) 0%, rgba(30, 62, 98, 1) 50%, rgba(255, 101, 0, 1) 50%, rgba(255, 101, 0, 1) 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#1e3e62", endColorstr="#ff6500", GradientType=1);
}

.colors-options .form-check.colorBox .lColor.blue {
  background: rgb(0, 27, 121);
  background: -moz-linear-gradient(
    193deg,
    rgba(0, 27, 121, 1) 0%,
    rgba(0, 27, 121, 1) 50%,
    rgba(22, 64, 214, 1) 50%,
    rgba(22, 64, 214, 1) 100%
  );
  background: -webkit-linear-gradient(
    193deg,
    rgba(0, 27, 121, 1) 0%,
    rgba(0, 27, 121, 1) 50%,
    rgba(22, 64, 214, 1) 50%,
    rgba(22, 64, 214, 1) 100%
  );
  background: linear-gradient(193deg, rgba(0, 27, 121, 1) 0%, rgba(0, 27, 121, 1) 50%, rgba(22, 64, 214, 1) 50%, rgba(22, 64, 214, 1) 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#001b79", endColorstr="#1640d6", GradientType=1);
}

.colors-options .form-check.colorBox .lColor.coffee {
  background: rgb(59, 48, 48);
  background: -moz-linear-gradient(
    193deg,
    rgba(59, 48, 48, 1) 0%,
    rgba(59, 48, 48, 1) 50%,
    rgba(121, 87, 87, 1) 50%,
    rgba(121, 87, 87, 1) 100%
  );
  background: -webkit-linear-gradient(
    193deg,
    rgba(59, 48, 48, 1) 0%,
    rgba(59, 48, 48, 1) 50%,
    rgba(121, 87, 87, 1) 50%,
    rgba(121, 87, 87, 1) 100%
  );
  background: linear-gradient(193deg, rgba(59, 48, 48, 1) 0%, rgba(59, 48, 48, 1) 50%, rgba(121, 87, 87, 1) 50%, rgba(121, 87, 87, 1) 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#3b3030", endColorstr="#795757", GradientType=1);
}

.colors-options .form-check.colorBox .lColor.green {
  background: rgb(18, 53, 36);
  background: -moz-linear-gradient(
    193deg,
    rgba(18, 53, 36, 1) 0%,
    rgba(18, 53, 36, 1) 50%,
    rgba(62, 123, 39, 1) 50%,
    rgba(62, 123, 39, 1) 100%
  );
  background: -webkit-linear-gradient(
    193deg,
    rgba(18, 53, 36, 1) 0%,
    rgba(18, 53, 36, 1) 50%,
    rgba(62, 123, 39, 1) 50%,
    rgba(62, 123, 39, 1) 100%
  );
  background: linear-gradient(193deg, rgba(18, 53, 36, 1) 0%, rgba(18, 53, 36, 1) 50%, rgba(62, 123, 39, 1) 50%, rgba(62, 123, 39, 1) 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#123524", endColorstr="#3e7b27", GradientType=1);
}

.colors-options .form-check.colorBox .lColor.black {
  background-color: black;
}

.colors-options .form-check.button:not(.colorBox) label {
  border: 1px solid #dee2e6;
  padding: 0.375rem 0.75rem;
}

.colors-options .form-check.button:not(.colorBox) input:checked + label {
  border-color: #000;
}

.colors-options .required label::after {
  display: none;
}

/* Print-specific styles */
.print-only {
  display: none;
}

@media print {
  .print-only {
    display: block !important;
  }

  #print-section {
    position: static;
    width: 100%;
    font-family: 'Amiri', 'Roboto', sans-serif !important;
    font-size: 14pt;
    padding: 20mm;
    color: #000 !important;
    background-color: #fff !important;
  }
  
  /* Respect direction based on language */
  #print-section[dir="rtl"] {
    direction: rtl;
    text-align: right;
  }

  #print-section[dir="ltr"] {
    direction: ltr;
    text-align: left;
  }

  /* Hide print-section on screen */
  @media screen {
    #print-section {
      display: none !important;
    }
  }

  /* Header for the printed page */
  .print-header {
    text-align: center;
    margin-bottom: 20mm;
    border-bottom: 3px solid #000;
    padding-bottom: 10mm;
  }

  .print-header h1 {
    font-size: 26pt;
    font-weight: bold;
    margin: 0;
  }

  .print-header h3 {
    font-size: 20pt;
    margin: 10mm 0 0;
    color: #333 !important;
  }

  /* Card styles for printing */
  .card {
    border: 2px solid #000 !important;
    border-radius: 0;
    margin-bottom: 10mm;
    background-color: #fff !important;
    box-shadow: none !important;
  }

  .card-header {
    background-color: #f0f0f0 !important;
    border-bottom: 2px solid #000 !important;
    padding: 1mm;
    font-size: 18pt;
    font-weight: bold;
  }

  .card-header[dir="rtl"] {
    padding-right: 2mm;
    text-align: right;
  }

  .card-header[dir="ltr"] {
    padding-left: 2mm;
    text-align: left;
  }

  .card-body {
    padding: 6mm;
  }

  /* Table for volunteer details */
  .volunteer-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 7mm;
  }

  .volunteer-table th,
  .volunteer-table td {
    border: 1.5px solid #000;
    padding: 5mm;
    font-size: 13pt;
    vertical-align: middle;
  }

  .volunteer-table th {
    background-color: #e8e8e8 !important;
    font-weight: bold;
    width: 35%;
  }

  .volunteer-table td {
    width: 65%;
  }

  .volunteer-table[dir="rtl"] th,
  .volunteer-table[dir="rtl"] td {
    text-align: right;
  }

  .volunteer-table[dir="ltr"] th,
  .volunteer-table[dir="ltr"] td {
    text-align: left;
  }

  /* Hide unnecessary elements */
  .modal-header,
  .modal-footer,
  .btn-close,
  .fa-solid {
    display: none !important;
  }

  /* Footer for the printed page */
  .print-footer {
    position: fixed;
    bottom: 10mm;
    width: 100%;
    text-align: center;
    font-size: 10pt;
    color: #555 !important;
    border-top: 1px solid #000;
    padding-top: 5mm;
  }

  /* Ensure text is black for printing */
  .text-primary,
  .text-muted {
    color: #000 !important;
  }

  .bg-light {
    background-color: #fff !important;
  }
}