@charset "UTF-8";
@import "https://fonts.googleapis.com/css2?family=Geist:ital,wght@0,100..900;1,100..900&family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&display=swap";

/* src/assets/scss/styles.scss */
:root {
  --theme-body-bg-rgb:
    248,
    249,
    253;
  --theme-primary-rgb:
    147,
    241,
    38;
  --theme-secondary-rgb:
    94,
    120,
    253;
  --theme-warning-rgb:
    253,
    175,
    34;
  --theme-info-rgb:
    0,
    201,
    255;
  --theme-success-rgb:
    50,
    212,
    132;
  --theme-danger-rgb:
    217,
    79,
    100;
  --theme-light-rgb:
    240,
    240,
    240;
  --theme-dark-rgb:
    10,
    10,
    10;
  --theme-orange-rgb:
    250,
    129,
    40;
  --theme-pink-rgb:
    255,
    105,
    180;
  --theme-teal-rgb:
    53,
    181,
    170;
  --theme-purple-rgb:
    190,
    43,
    235;
  --theme-green-rgb:
    0,
    201,
    167;
  --theme-default-body-bg-color: rgb(var(--theme-body-bg-rgb));
  --theme-primary-color: rgb(var(--theme-primary-rgb));
  --theme-primary-border: rgb(var(--theme-primary-rgb));
  --theme-default-font-family: "Geist", sans-serif;
  --theme-default-font-weight: 400;
  --theme-default-text-color: #011a42;
  --theme-default-border: #e2e8ee;
  --theme-default-background: #f9f7fc;
  --theme-menu-bg: #fff;
  --theme-menu-prime-color: #302d36;
  --theme-menu-icon-color: #6c7e96;
  --theme-header-icon-color: #6c7e96;
  --theme-menu-border-color: #e2e8ee;
  --theme-header-bg: #fff;
  --theme-header-prime-color: #302d36;
  --theme-header-border-color: #e2e8ee;
  --theme-custom-white: #fff;
  --theme-custom-black: #000;
  --theme-bootstrap-card-border: #e2e8ee;
  --theme-list-hover-focus-bg: #f5f6f7;
  --theme-text-muted: #5d6576;
  --theme-input-border: #e2e8ee;
  --theme-form-control-bg: #ffffff;
  --bs-link-color-rgb: var(--theme-default-text-color);
  --theme-gray-1: #f7f9fc;
  --theme-gray-2: #eef2f7;
  --theme-gray-3: #e1e8f0;
  --theme-gray-4: #ced8e5;
  --theme-gray-5: #a7b6ca;
  --theme-gray-6: #8192aa;
  --theme-gray-7: #5b6f8a;
  --theme-gray-8: #3c506d;
  --theme-gray-9: #263a56;
  --theme-white-1: rgba(255, 255, 255, 0.1);
  --theme-white-2: rgba(255, 255, 255, 0.2);
  --theme-white-3: rgba(255, 255, 255, 0.3);
  --theme-white-4: rgba(255, 255, 255, 0.4);
  --theme-white-5: rgba(255, 255, 255, 0.5);
  --theme-white-6: rgba(255, 255, 255, 0.6);
  --theme-white-7: rgba(255, 255, 255, 0.7);
  --theme-white-8: rgba(255, 255, 255, 0.8);
  --theme-white-9: rgba(255, 255, 255, 0.9);
  --theme-black-1: rgba(0, 0, 0, 0.1);
  --theme-black-2: rgba(0, 0, 0, 0.2);
  --theme-black-3: rgba(0, 0, 0, 0.3);
  --theme-black-4: rgba(0, 0, 0, 0.4);
  --theme-black-5: rgba(0, 0, 0, 0.5);
  --theme-black-6: rgba(0, 0, 0, 0.6);
  --theme-black-7: rgba(0, 0, 0, 0.7);
  --theme-black-8: rgba(0, 0, 0, 0.8);
  --theme-black-9: rgba(0, 0, 0, 0.9);
}
[data-theme-color=dark] {
  --theme-body-bg-rgb:
    22,
    22,
    35;
  --theme-body-bg-rgb2:
    38,
    38,
    52;
  --theme-menu-bg: rgb(var(--theme-body-bg-rgb));
  --theme-menu-border-color: rgba(255, 255, 255, 0.1);
  --theme-menu-prime-color: rgba(255, 255, 255, 0.7);
  --theme-menu-icon-color: rgba(255, 255, 255, 0.7);
  --theme-header-icon-color: rgba(255, 255, 255, 0.7);
  --theme-header-bg: rgb(var(--theme-body-bg-rgb));
  --theme-header-prime-color: rgba(255, 255, 255, 0.4);
  --theme-header-border-color: rgba(255, 255, 255, 0.1);
  --theme-custom-white: rgb(var(--theme-body-bg-rgb));
  --theme-custom-black: #fff;
  --theme-default-border: rgba(255, 255, 255, 0.1);
  --theme-default-text-color: rgba(255, 255, 255, 0.8);
  --theme-light-rgb:
    38,
    38,
    52;
  --theme-dark-rgb:
    240,
    245,
    248;
  --theme-bootstrap-card-border: rgba(255, 255, 255, 0.1);
  --theme-list-hover-focus-bg: rgba(255, 255, 255, 0.1);
  --theme-default-background: rgb(var(--theme-body-bg-rgb2));
  --theme-default-body-bg-color: rgb(var(--theme-body-bg-rgb2));
  --theme-text-muted: rgba(255, 255, 255, 0.5);
  --theme-input-border: rgba(255, 255, 255, 0.1);
  --theme-form-control-bg: rgb(var(--theme-body-bg-rgb));
  color-scheme: dark;
  --theme-gray-1: #121a28;
  --theme-gray-2: #1b2637;
  --theme-gray-3: #29364a;
  --theme-gray-4: #3b4b62;
  --theme-gray-5: #62738c;
  --theme-gray-6: #8797ae;
  --theme-gray-7: #acb9ca;
  --theme-gray-8: #d0d9e5;
  --theme-gray-9: #edf2f8;
  --theme-white-1: rgba(0, 0, 0, 0.1);
  --theme-white-2: rgba(0, 0, 0, 0.2);
  --theme-white-3: rgba(0, 0, 0, 0.3);
  --theme-white-4: rgba(0, 0, 0, 0.4);
  --theme-white-5: rgba(0, 0, 0, 0.5);
  --theme-white-6: rgba(0, 0, 0, 0.6);
  --theme-white-7: rgba(0, 0, 0, 0.7);
  --theme-white-8: rgba(0, 0, 0, 0.8);
  --theme-white-9: rgba(0, 0, 0, 0.9);
  --theme-black-1: rgba(255, 255, 255, 0.1);
  --theme-black-2: rgba(255, 255, 255, 0.2);
  --theme-black-3: rgba(255, 255, 255, 0.3);
  --theme-black-4: rgba(255, 255, 255, 0.4);
  --theme-black-5: rgba(255, 255, 255, 0.5);
  --theme-black-6: rgba(255, 255, 255, 0.6);
  --theme-black-7: rgba(255, 255, 255, 0.7);
  --theme-black-8: rgba(255, 255, 255, 0.8);
  --theme-black-9: rgba(255, 255, 255, 0.9);
}
.accordion-button {
  background-color: var(--theme-custom-white);
  color: var(--theme-default-text-color);
  padding: 0.75rem 1rem;
  font-size: 0.85rem;
  font-weight: 500;
}
.accordion-button:not(.collapsed) {
  color: var(--theme-default-text-color);
  background-color: var(--theme-default-background);
  box-shadow: none;
}
.accordion-button:focus {
  border-color: rgba(var(--theme-primary-rgb), 0.3);
  box-shadow: none;
}
.accordion-button:after,
.accordion-button:not(.collapsed)::after {
  background-image: none;
}
.accordion-button:after {
  content: "\ea78";
  font-family: remixicon !important;
  font-size: 1rem;
  line-height: 1;
  background-color: var(--theme-default-background);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3.125rem;
  color: var(--theme-default-text-color);
}
.accordion-body {
  padding: 0.75rem 1rem;
  font-size: 0.8125rem;
  color: var(--theme-text-muted);
}
.accordion-item {
  color: var(--theme-default-text-color);
  background-color: var(--theme-custom-white);
  border: 1px solid var(--theme-default-border);
}
.accordions-items-seperate .accordion-item:not(:first-of-type) {
  margin-block-start: 0.5rem;
}
.accordions-items-seperate .accordion-item {
  border-block-start: 1px solid var(--theme-default-border);
  border-radius: 0.35rem;
  overflow: hidden;
}
.accordion-item:last-of-type {
  border-bottom-right-radius: 0.35rem;
  border-bottom-left-radius: 0.35rem;
}
.accordion-item:first-of-type {
  border-top-left-radius: 0.35rem;
  border-top-right-radius: 0.35rem;
}
.accordion.accordion-primary .accordion-button {
  background-color: rgba(var(--theme-primary-rgb), 0.1);
  color: var(--theme-default-text-color);
}
.accordion.accordion-primary .accordion-button:after {
  background-color: var(--theme-primary-color);
  color: var(--theme-default-text-color);
}
.accordion.accordion-primary .accordion-button.collapsed {
  background-color: var(--theme-custom-white);
  color: var(--theme-default-text-color);
}
.accordion.accordion-primary .accordion-button.collapsed:after {
  background-color: var(--theme-default-background);
  color: var(--theme-default-text-color);
}
.accordion.accordion-secondary .accordion-button {
  background-color: rgba(var(--theme-secondary-rgb), 0.1);
  color: rgb(var(--theme-secondary-rgb));
}
.accordion.accordion-secondary .accordion-button:after {
  background-color: rgb(var(--theme-secondary-rgb));
  color: #fff;
}
.accordion.accordion-secondary .accordion-button.collapsed {
  background-color: var(--theme-custom-white);
  color: var(--theme-default-text-color);
}
.accordion.accordion-secondary .accordion-button.collapsed:after {
  background-color: var(--theme-default-background);
  color: var(--theme-default-text-color);
}
.accordion.accordion-success .accordion-button {
  background-color: rgba(var(--theme-success-rgb), 0.1);
  color: rgb(var(--theme-success-rgb));
}
.accordion.accordion-success .accordion-button:after {
  background-color: rgb(var(--theme-success-rgb));
  color: #fff;
}
.accordion.accordion-success .accordion-button.collapsed {
  background-color: var(--theme-custom-white);
  color: var(--theme-default-text-color);
}
.accordion.accordion-success .accordion-button.collapsed:after {
  background-color: var(--theme-default-background);
  color: var(--theme-default-text-color);
}
.accordion.accordion-danger .accordion-button {
  background-color: rgba(var(--theme-danger-rgb), 0.1);
  color: rgb(var(--theme-danger-rgb));
}
.accordion.accordion-danger .accordion-button:after {
  background-color: rgb(var(--theme-danger-rgb));
  color: #fff;
}
.accordion.accordion-danger .accordion-button.collapsed {
  background-color: var(--theme-custom-white);
  color: var(--theme-default-text-color);
}
.accordion.accordion-danger .accordion-button.collapsed:after {
  background-color: var(--theme-default-background);
  color: var(--theme-default-text-color);
}
.accordion.accordion-warning .accordion-button {
  background-color: rgba(var(--theme-warning-rgb), 0.1);
  color: rgb(var(--theme-warning-rgb));
}
.accordion.accordion-warning .accordion-button:after {
  background-color: rgb(var(--theme-warning-rgb));
  color: #fff;
}
.accordion.accordion-warning .accordion-button.collapsed {
  background-color: var(--theme-custom-white);
  color: var(--theme-default-text-color);
}
.accordion.accordion-warning .accordion-button.collapsed:after {
  background-color: var(--theme-default-background);
  color: var(--theme-default-text-color);
}
.accordion.accordion-info .accordion-button {
  background-color: rgba(var(--theme-info-rgb), 0.1);
  color: rgb(var(--theme-info-rgb));
}
.accordion.accordion-info .accordion-button:after {
  background-color: rgb(var(--theme-info-rgb));
  color: #fff;
}
.accordion.accordion-info .accordion-button.collapsed {
  background-color: var(--theme-custom-white);
  color: var(--theme-default-text-color);
}
.accordion.accordion-info .accordion-button.collapsed:after {
  background-color: var(--theme-default-background);
  color: var(--theme-default-text-color);
}
.accordion.accordion-solid-primary .accordion-button {
  background-color: var(--theme-primary-color);
  color: #fff;
}
.accordion.accordion-solid-primary .accordion-button:after {
  background-color: var(--theme-custom-white);
  color: var(--theme-primary-color);
}
.accordion.accordion-solid-primary .accordion-button.collapsed {
  background-color: var(--theme-custom-white);
  color: var(--theme-default-text-color);
}
.accordion.accordion-solid-primary .accordion-button.collapsed:after {
  background-color: var(--theme-default-background);
  color: var(--theme-default-text-color);
}
.accordion.accordion-solid-secondary .accordion-button {
  background-color: rgb(var(--theme-secondary-rgb));
  color: #fff;
}
.accordion.accordion-solid-secondary .accordion-button:after {
  background-color: var(--theme-custom-white);
  color: rgb(var(--theme-secondary-rgb));
}
.accordion.accordion-solid-secondary .accordion-button.collapsed {
  background-color: var(--theme-custom-white);
  color: var(--theme-default-text-color);
}
.accordion.accordion-solid-secondary .accordion-button.collapsed:after {
  background-color: var(--theme-default-background);
  color: var(--theme-default-text-color);
}
.accordion.accordion-solid-success .accordion-button {
  background-color: rgb(var(--theme-success-rgb));
  color: #fff;
}
.accordion.accordion-solid-success .accordion-button:after {
  background-color: var(--theme-custom-white);
  color: rgb(var(--theme-success-rgb));
}
.accordion.accordion-solid-success .accordion-button.collapsed {
  background-color: var(--theme-custom-white);
  color: var(--theme-default-text-color);
}
.accordion.accordion-solid-success .accordion-button.collapsed:after {
  background-color: var(--theme-default-background);
  color: var(--theme-default-text-color);
}
.accordion.accordion-solid-danger .accordion-button {
  background-color: rgb(var(--theme-danger-rgb));
  color: #fff;
}
.accordion.accordion-solid-danger .accordion-button:after {
  background-color: var(--theme-custom-white);
  color: rgb(var(--theme-danger-rgb));
}
.accordion.accordion-solid-danger .accordion-button.collapsed {
  background-color: var(--theme-custom-white);
  color: var(--theme-default-text-color);
}
.accordion.accordion-solid-danger .accordion-button.collapsed:after {
  background-color: var(--theme-default-background);
  color: var(--theme-default-text-color);
}
.accordion.accordion-solid-warning .accordion-button {
  background-color: rgb(var(--theme-warning-rgb));
  color: #fff;
}
.accordion.accordion-solid-warning .accordion-button:after {
  background-color: var(--theme-custom-white);
  color: rgb(var(--theme-warning-rgb));
}
.accordion.accordion-solid-warning .accordion-button.collapsed {
  background-color: var(--theme-custom-white);
  color: var(--theme-default-text-color);
}
.accordion.accordion-solid-warning .accordion-button.collapsed:after {
  background-color: var(--theme-default-background);
  color: var(--theme-default-text-color);
}
.accordion.accordion-solid-info .accordion-button {
  background-color: rgb(var(--theme-info-rgb));
  color: #fff;
}
.accordion.accordion-solid-info .accordion-button:after {
  background-color: var(--theme-custom-white);
  color: rgb(var(--theme-info-rgb));
}
.accordion.accordion-solid-info .accordion-button.collapsed {
  background-color: var(--theme-custom-white);
  color: var(--theme-default-text-color);
}
.accordion.accordion-solid-info .accordion-button.collapsed:after {
  background-color: var(--theme-default-background);
  color: var(--theme-default-text-color);
}
.accordion.accordion-border-primary .accordion-item {
  border: 1px solid var(--theme-primary-color);
}
.accordion.accordion-border-primary .accordion-button {
  background-color: var(--theme-custom-white);
  color: var(--theme-primary-color);
  border-block-end: 0px;
}
.accordion.accordion-border-primary .accordion-button:after {
  background-color: var(--theme-custom-white);
  color: var(--theme-primary-color);
  border: 1px solid var(--theme-primary-color);
}
.accordion.accordion-border-primary .accordion-button:not(.collapsed) {
  border-block-end: 1px solid var(--theme-primary-color);
}
.accordion.accordion-border-secondary .accordion-item {
  border: 1px solid rgb(var(--theme-secondary-rgb));
}
.accordion.accordion-border-secondary .accordion-button {
  background-color: var(--theme-custom-white);
  color: rgb(var(--theme-secondary-rgb));
  border-block-end: 0px;
}
.accordion.accordion-border-secondary .accordion-button:after {
  background-color: var(--theme-custom-white);
  color: rgb(var(--theme-secondary-rgb));
  border: 1px solid rgb(var(--theme-secondary-rgb));
}
.accordion.accordion-border-secondary .accordion-button:not(.collapsed) {
  border-block-end: 1px solid rgb(var(--theme-secondary-rgb));
}
.accordion.accordion-border-success .accordion-item {
  border: 1px solid rgb(var(--theme-success-rgb));
}
.accordion.accordion-border-success .accordion-button {
  background-color: var(--theme-custom-white);
  color: rgb(var(--theme-success-rgb));
  border-block-end: 0px;
}
.accordion.accordion-border-success .accordion-button:after {
  background-color: var(--theme-custom-white);
  color: rgb(var(--theme-success-rgb));
  border: 1px solid rgb(var(--theme-success-rgb));
}
.accordion.accordion-border-success .accordion-button:not(.collapsed) {
  border-block-end: 1px solid rgb(var(--theme-success-rgb));
}
.accordion.accordion-border-danger .accordion-item {
  border: 1px solid rgb(var(--theme-danger-rgb));
}
.accordion.accordion-border-danger .accordion-button {
  background-color: var(--theme-custom-white);
  color: rgb(var(--theme-danger-rgb));
  border-block-end: 0px;
}
.accordion.accordion-border-danger .accordion-button:after {
  background-color: var(--theme-custom-white);
  color: rgb(var(--theme-danger-rgb));
  border: 1px solid rgb(var(--theme-danger-rgb));
}
.accordion.accordion-border-danger .accordion-button:not(.collapsed) {
  border-block-end: 1px solid rgb(var(--theme-danger-rgb));
}
.accordion.accordion-border-warning .accordion-item {
  border: 1px solid rgb(var(--theme-warning-rgb));
}
.accordion.accordion-border-warning .accordion-button {
  background-color: var(--theme-custom-white);
  color: rgb(var(--theme-warning-rgb));
  border-block-end: 0px;
}
.accordion.accordion-border-warning .accordion-button:after {
  background-color: var(--theme-custom-white);
  color: rgb(var(--theme-warning-rgb));
  border: 1px solid rgb(var(--theme-warning-rgb));
}
.accordion.accordion-border-warning .accordion-button:not(.collapsed) {
  border-block-end: 1px solid rgb(var(--theme-warning-rgb));
}
.accordion.accordion-border-info .accordion-item {
  border: 1px solid rgb(var(--theme-info-rgb));
}
.accordion.accordion-border-info .accordion-button {
  background-color: var(--theme-custom-white);
  color: rgb(var(--theme-info-rgb));
  border-block-end: 0px;
}
.accordion.accordion-border-info .accordion-button:after {
  background-color: var(--theme-custom-white);
  color: rgb(var(--theme-info-rgb));
  border: 1px solid rgb(var(--theme-info-rgb));
}
.accordion.accordion-border-info .accordion-button:not(.collapsed) {
  border-block-end: 1px solid rgb(var(--theme-info-rgb));
}
.accordion.accordionicon-none .accordion-button:after {
  display: none;
}
.accordion.accordionicon-left .accordion-button {
  padding-inline-start: 2.5rem;
}
.accordion.accordionicon-left .accordion-button:after {
  position: absolute;
  inset-inline-start: 0.625rem;
}
.accordion.accordion-customicon1 .accordion-button:after {
  content: "\ea13";
  font-family: remixicon !important;
}
.accordion.accordion-customicon1 .accordion-button:not(.collapsed)::after {
  content: "\f1af";
  font-family: remixicon !important;
}
.customized-accordion .accordion-item.custom-accordion-primary .accordion-button {
  background-color: rgba(var(--theme-primary-rgb), 0.1);
  border-inline-start: 0.25rem solid rgba(var(--theme-primary-rgb), 0.6);
}
.customized-accordion .accordion-item.custom-accordion-primary .accordion-button:after {
  background-color: rgba(var(--theme-primary-rgb), 0.6);
  color: #fff;
}
.customized-accordion .accordion-item.custom-accordion-primary .accordion-body {
  background-color: rgba(var(--theme-primary-rgb), 0.1);
  padding-block-start: 0;
  border-inline-start: 0.25rem solid rgba(var(--theme-primary-rgb), 0.6);
}
.customized-accordion .accordion-item.custom-accordion-secondary .accordion-button {
  background-color: rgba(var(--theme-secondary-rgb), 0.1);
  border-inline-start: 0.25rem solid rgba(var(--theme-secondary-rgb), 0.6);
}
.customized-accordion .accordion-item.custom-accordion-secondary .accordion-button:after {
  background-color: rgba(var(--theme-secondary-rgb), 0.6);
  color: #fff;
}
.customized-accordion .accordion-item.custom-accordion-secondary .accordion-body {
  background-color: rgba(var(--theme-secondary-rgb), 0.1);
  padding-block-start: 0;
  border-inline-start: 0.25rem solid rgba(var(--theme-secondary-rgb), 0.6);
}
.customized-accordion .accordion-item.custom-accordion-warning .accordion-button {
  background-color: rgba(var(--theme-warning-rgb), 0.1);
  border-inline-start: 0.25rem solid rgba(var(--theme-warning-rgb), 0.6);
}
.customized-accordion .accordion-item.custom-accordion-warning .accordion-button:after {
  background-color: rgba(var(--theme-warning-rgb), 0.6);
  color: #fff;
}
.customized-accordion .accordion-item.custom-accordion-warning .accordion-body {
  background-color: rgba(var(--theme-warning-rgb), 0.1);
  padding-block-start: 0;
  border-inline-start: 0.25rem solid rgba(var(--theme-warning-rgb), 0.6);
}
.customized-accordion .accordion-item.custom-accordion-info .accordion-button {
  background-color: rgba(var(--theme-info-rgb), 0.1);
  border-inline-start: 0.25rem solid rgba(var(--theme-info-rgb), 0.6);
}
.customized-accordion .accordion-item.custom-accordion-info .accordion-button:after {
  background-color: rgba(var(--theme-info-rgb), 0.6);
  color: #fff;
}
.customized-accordion .accordion-item.custom-accordion-info .accordion-body {
  background-color: rgba(var(--theme-info-rgb), 0.1);
  padding-block-start: 0;
  border-inline-start: 0.25rem solid rgba(var(--theme-info-rgb), 0.6);
}
.customized-accordion .accordion-item.custom-accordion-success .accordion-button {
  background-color: rgba(var(--theme-success-rgb), 0.1);
  border-inline-start: 0.25rem solid rgba(var(--theme-success-rgb), 0.6);
}
.customized-accordion .accordion-item.custom-accordion-success .accordion-button:after {
  background-color: rgba(var(--theme-success-rgb), 0.6);
  color: #fff;
}
.customized-accordion .accordion-item.custom-accordion-success .accordion-body {
  background-color: rgba(var(--theme-success-rgb), 0.1);
  padding-block-start: 0;
  border-inline-start: 0.25rem solid rgba(var(--theme-success-rgb), 0.6);
}
.customized-accordion .accordion-item.custom-accordion-danger .accordion-button {
  background-color: rgba(var(--theme-danger-rgb), 0.1);
  border-inline-start: 0.25rem solid rgba(var(--theme-danger-rgb), 0.6);
}
.customized-accordion .accordion-item.custom-accordion-danger .accordion-button:after {
  background-color: rgba(var(--theme-danger-rgb), 0.6);
  color: #fff;
}
.customized-accordion .accordion-item.custom-accordion-danger .accordion-body {
  background-color: rgba(var(--theme-danger-rgb), 0.1);
  padding-block-start: 0;
  border-inline-start: 0.25rem solid rgba(var(--theme-danger-rgb), 0.6);
}
.alert {
  padding: 0.625rem 0.85rem;
  border-radius: 0.35rem;
  font-size: 0.8125rem;
}
.alert.alert-dismissible {
  padding: 0.625rem 3rem 0.625rem 0.85rem;
}
.alert .btn-close {
  background-image: none;
  padding: 0.95rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.alert .btn-close i {
  font-size: 1.5rem;
  line-height: 1.5rem;
}
.alert:last-child {
  margin-bottom: 0;
}
.alert .alert-link {
  font-weight: 400;
}
[dir=rtl] .alert.alert-dismissible {
  padding: 0.625rem 0.85rem 0.625rem 3rem;
}
.alert-warning {
  background-color: rgba(var(--theme-warning-rgb), 0.1);
  color: rgb(var(--theme-warning-rgb));
  border-color: rgba(var(--theme-warning-rgb), 0.1);
}
.alert-warning .alert-link {
  color: rgb(var(--theme-warning-rgb));
}
.alert-warning .btn-close {
  color: rgb(var(--theme-warning-rgb));
}
.alert-warning .btn-close.custom-close {
  background-color: rgb(var(--theme-warning-rgb));
  color: #fff;
  opacity: 1;
  border-radius: 50px;
  box-shadow: 0px 0.125rem 0.25rem rgba(0, 0, 0, 0.05);
  padding: 0.85rem;
}
.alert-primary {
  background-color: rgba(var(--theme-primary-rgb), 0.1);
  color: var(--theme-primary-color);
  border-color: rgba(var(--theme-primary-rgb), 0.1);
}
.alert-primary .alert-link {
  color: var(--theme-primary-color);
}
.alert-primary .btn-close {
  color: var(--theme-primary-color);
}
.alert-primary .btn-close.custom-close {
  background-color: var(--theme-primary-color);
  color: #fff;
  opacity: 1;
  border-radius: 50px;
  box-shadow: 0px 0.125rem 0.25rem rgba(0, 0, 0, 0.05);
  padding: 0.85rem;
}
.alert-secondary {
  background-color: rgba(var(--theme-secondary-rgb), 0.1);
  color: rgb(var(--theme-secondary-rgb));
  border-color: rgba(var(--theme-secondary-rgb), 0.1);
}
.alert-secondary .alert-link {
  color: rgb(var(--theme-secondary-rgb));
}
.alert-secondary .btn-close {
  color: rgb(var(--theme-secondary-rgb));
}
.alert-secondary .btn-close.custom-close {
  background-color: rgb(var(--theme-secondary-rgb));
  color: #fff;
  opacity: 1;
  border-radius: 50px;
  box-shadow: 0px 0.125rem 0.25rem rgba(0, 0, 0, 0.05);
  padding: 0.85rem;
}
.alert-success {
  background-color: rgba(var(--theme-success-rgb), 0.1);
  color: rgb(var(--theme-success-rgb));
  border-color: rgba(var(--theme-success-rgb), 0.1);
}
.alert-success .alert-link {
  color: rgb(var(--theme-success-rgb));
}
.alert-success .btn-close {
  color: rgb(var(--theme-success-rgb));
}
.alert-success .btn-close.custom-close {
  background-color: rgb(var(--theme-success-rgb));
  color: #fff;
  opacity: 1;
  border-radius: 50px;
  box-shadow: 0px 0.125rem 0.25rem rgba(0, 0, 0, 0.05);
  padding: 0.85rem;
}
.alert-info {
  background-color: rgba(var(--theme-info-rgb), 0.1);
  color: rgb(var(--theme-info-rgb));
  border-color: rgba(var(--theme-info-rgb), 0.1);
}
.alert-info .alert-link {
  color: rgb(var(--theme-info-rgb));
}
.alert-info .btn-close {
  color: rgb(var(--theme-info-rgb));
}
.alert-info .btn-close.custom-close {
  background-color: rgb(var(--theme-info-rgb));
  color: #fff;
  opacity: 1;
  border-radius: 50px;
  box-shadow: 0px 0.125rem 0.25rem rgba(0, 0, 0, 0.05);
  padding: 0.85rem;
}
.alert-danger {
  background-color: rgba(var(--theme-danger-rgb), 0.1);
  color: rgb(var(--theme-danger-rgb));
  border-color: rgba(var(--theme-danger-rgb), 0.1);
}
.alert-danger .alert-link {
  color: rgb(var(--theme-danger-rgb));
}
.alert-danger .btn-close {
  color: rgb(var(--theme-danger-rgb));
}
.alert-danger .btn-close.custom-close {
  background-color: rgb(var(--theme-danger-rgb));
  color: #fff;
  opacity: 1;
  border-radius: 50px;
  box-shadow: 0px 0.125rem 0.25rem rgba(0, 0, 0, 0.05);
  padding: 0.85rem;
}
.alert-light {
  background-color: rgb(var(--theme-light-rgb));
  color: var(--theme-default-text-color);
  border-color: rgb(var(--theme-light-rgb));
}
.alert-light .alert-link {
  color: var(--theme-default-text-color);
}
.alert-light .btn-close {
  color: var(--theme-default-text-color);
}
.alert-light .btn-close.custom-close {
  background-color: rgb(var(--theme-light-rgb));
  color: #fff;
  opacity: 1;
  border-radius: 50px;
  box-shadow: 0px 0.125rem 0.25rem rgba(0, 0, 0, 0.05);
  padding: 0.85rem;
}
.alert-dark {
  background-color: rgba(var(--theme-dark-rgb), 0.1);
  color: var(--theme-default-text-color);
  border-color: rgba(var(--theme-dark-rgb), 0.1);
}
.alert-dark .alert-link {
  color: var(--theme-default-text-color);
}
.alert-dark .btn-close {
  color: #fff;
}
.alert-dark .btn-close.custom-close {
  background-color: rgb(var(--theme-dark-rgb));
  color: #fff;
  opacity: 1;
  border-radius: 50px;
  box-shadow: 0px 0.125rem 0.25rem rgba(0, 0, 0, 0.05);
  padding: 0.85rem;
}
.alert-solid-primary {
  background-color: var(--theme-primary-color);
  color: #fff;
  border-color: var(--theme-primary-color);
}
.alert-solid-primary .btn-close {
  color: #fff;
}
.alert-solid-secondary {
  background-color: rgb(var(--theme-secondary-rgb));
  color: #fff;
  border-color: rgb(var(--theme-secondary-rgb));
}
.alert-solid-secondary .btn-close {
  color: #fff;
}
.alert-solid-warning {
  background-color: rgb(var(--theme-warning-rgb));
  color: #fff;
  border-color: rgb(var(--theme-warning-rgb));
}
.alert-solid-warning .btn-close {
  color: #fff;
}
.alert-solid-info {
  background-color: rgb(var(--theme-info-rgb));
  color: #fff;
  border-color: rgb(var(--theme-info-rgb));
}
.alert-solid-info .btn-close {
  color: #fff;
}
.alert-solid-success {
  background-color: rgb(var(--theme-success-rgb));
  color: #fff;
  border-color: rgb(var(--theme-success-rgb));
}
.alert-solid-success .btn-close {
  color: #fff;
}
.alert-solid-danger {
  background-color: rgb(var(--theme-danger-rgb));
  color: #fff;
  border-color: rgb(var(--theme-danger-rgb));
}
.alert-solid-danger .btn-close {
  color: #fff;
}
.alert-solid-light {
  background-color: rgb(var(--theme-light-rgb));
  color: var(--theme-default-text-color);
  border-color: var(--theme-default-border);
}
.alert-solid-dark {
  background-color: rgb(var(--theme-dark-rgb));
  color: #fff;
  border-color: rgb(var(--theme-dark-rgb));
}
.alert-solid-dark .btn-close {
  color: #fff;
}
.alert-outline-primary {
  background-color: var(--theme-custom-white);
  color: var(--theme-primary-color);
  border-color: var(--theme-primary-color);
}
.alert-outline-primary .btn-close {
  color: var(--theme-primary-color);
}
.alert-outline-secondary {
  background-color: var(--theme-custom-white);
  color: rgb(var(--theme-secondary-rgb));
  border-color: rgb(var(--theme-secondary-rgb));
}
.alert-outline-secondary .btn-close {
  color: rgb(var(--theme-secondary-rgb));
}
.alert-outline-info {
  background-color: var(--theme-custom-white);
  color: rgb(var(--theme-info-rgb));
  border-color: rgb(var(--theme-info-rgb));
}
.alert-outline-info .btn-close {
  color: rgb(var(--theme-info-rgb));
}
.alert-outline-warning {
  background-color: var(--theme-custom-white);
  color: rgb(var(--theme-warning-rgb));
  border-color: rgb(var(--theme-warning-rgb));
}
.alert-outline-warning .btn-close {
  color: rgb(var(--theme-warning-rgb));
}
.alert-outline-success {
  background-color: var(--theme-custom-white);
  color: rgb(var(--theme-success-rgb));
  border-color: rgb(var(--theme-success-rgb));
}
.alert-outline-success .btn-close {
  color: rgb(var(--theme-success-rgb));
}
.alert-outline-danger {
  background-color: var(--theme-custom-white);
  color: rgb(var(--theme-danger-rgb));
  border-color: rgb(var(--theme-danger-rgb));
}
.alert-outline-danger .btn-close {
  color: rgb(var(--theme-danger-rgb));
}
.alert-outline-light {
  background-color: var(--theme-custom-white);
  color: var(--theme-default-text-color);
  border-color: rgb(var(--theme-light-rgb));
}
.alert-outline-dark {
  background-color: var(--theme-custom-white);
  color: rgb(var(--theme-dark-rgb));
  border-color: rgb(var(--theme-dark-rgb));
}
.alert-outline-dark .btn-close {
  color: rgb(var(--theme-dark-rgb));
}
.alert-primary.custom-alert-icon {
  border-inline-start: 0.313rem solid var(--theme-primary-color) !important;
  color: var(--theme-text-muted);
  background-color: var(--theme-custom-white);
  border: 1px solid var(--theme-default-border);
  font-size: 0.813rem;
}
.alert-primary.custom-alert-icon .btn-close {
  color: var(--theme-default-text-color);
}
.alert-secondary.custom-alert-icon {
  border-inline-start: 0.313rem solid rgb(var(--theme-secondary-rgb)) !important;
  color: var(--theme-text-muted);
  background-color: var(--theme-custom-white);
  border: 1px solid var(--theme-default-border);
  font-size: 0.813rem;
}
.alert-secondary.custom-alert-icon .btn-close {
  color: var(--theme-default-text-color);
}
.alert-warning.custom-alert-icon {
  border-inline-start: 0.313rem solid rgb(var(--theme-warning-rgb)) !important;
  color: var(--theme-text-muted);
  background-color: var(--theme-custom-white);
  border: 1px solid var(--theme-default-border);
  font-size: 0.813rem;
}
.alert-warning.custom-alert-icon .btn-close {
  color: var(--theme-default-text-color);
}
.alert-danger.custom-alert-icon {
  border-inline-start: 0.313rem solid rgb(var(--theme-danger-rgb)) !important;
  color: var(--theme-text-muted);
  background-color: var(--theme-custom-white);
  border: 1px solid var(--theme-default-border);
  font-size: 0.813rem;
}
.alert-danger.custom-alert-icon .btn-close {
  color: var(--theme-default-text-color);
}
.alert-success.custom-alert-icon {
  border-inline-start: 0.313rem solid rgb(var(--theme-success-rgb)) !important;
  color: var(--theme-text-muted);
  background-color: var(--theme-custom-white);
  border: 1px solid var(--theme-default-border);
  font-size: 0.813rem;
}
.alert-success.custom-alert-icon .btn-close {
  color: var(--theme-default-text-color);
}
.alert-info.custom-alert-icon {
  border-inline-start: 0.313rem solid rgb(var(--theme-info-rgb)) !important;
  color: var(--theme-text-muted);
  background-color: var(--theme-custom-white);
  border: 1px solid var(--theme-default-border);
  font-size: 0.813rem;
}
.alert-info.custom-alert-icon .btn-close {
  color: var(--theme-default-text-color);
}
.alert-light.custom-alert-icon {
  border-inline-start: 0.313rem solid rgb(var(--theme-light-rgb)) !important;
  color: var(--theme-text-muted);
  background-color: var(--theme-custom-white);
  border: 1px solid var(--theme-default-border);
  font-size: 0.813rem;
}
.alert-light.custom-alert-icon .btn-close {
  color: var(--theme-default-text-color);
}
.alert-dark.custom-alert-icon {
  border-inline-start: 0.313rem solid rgb(var(--theme-dark-rgb)) !important;
  color: var(--theme-text-muted);
  background-color: var(--theme-custom-white);
  border: 1px solid var(--theme-default-border);
  font-size: 0.813rem;
}
.alert-dark.custom-alert-icon .btn-close {
  color: var(--theme-default-text-color);
}
.custom-alert1 {
  margin-block-end: 0;
  background-color: var(--theme-custom-white);
  border: 0;
  padding: 1.25rem;
  color: var(--theme-default-text-color);
}
.custom-alert1 p {
  margin-block-end: 2.5rem;
  color: var(--theme-text-muted);
  font-size: 0.8rem;
}
.custom-alert1 .custom-alert-icon {
  width: 3.125rem;
  height: 3.125rem;
  margin-bottom: 0.85rem;
}
.custom-alert1 .btn-close {
  padding: 0;
  margin-block-end: 1rem;
}
.custom-alert1.alert-primary {
  border-block-start: 0.313rem solid var(--theme-primary-color);
}
.custom-alert1.alert-secondary {
  border-block-start: 0.313rem solid rgb(var(--theme-secondary-rgb));
}
.custom-alert1.alert-warning {
  border-block-start: 0.313rem solid rgb(var(--theme-warning-rgb));
}
.custom-alert1.alert-danger {
  border-block-start: 0.313rem solid rgb(var(--theme-danger-rgb));
}
.alert-img {
  display: flex;
  align-items: center;
}
.alert-img .avatar {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 400px) {
  .btn-close.custom-close {
    margin: 9px 9px 9px 0;
  }
}
.sidenav-menu .badge {
  padding: 0.15rem 0.3rem;
  font-weight: 500;
  border-radius: 0.25rem;
}
.badge {
  padding: 0.25rem 0.45rem;
  font-weight: 600;
  border-radius: 0.25rem;
  color: #fff;
  font-size: 10px;
}
.badge-sm {
  font-weight: normal;
  font-size: 0.625rem;
}
.min-w-badge {
  min-width: 80px;
}
.btn.btn-outline-primary .badge {
  background-color: var(--theme-primary-color);
  color: #fff;
}
.btn.btn-outline-primary:hover .badge,
.btn.btn-outline-primary:focus .badge,
.btn.btn-outline-primary:active .badge {
  background-color: var(--theme-custom-white);
  color: var(--theme-default-text-color);
}
.btn.btn-outline-secondary .badge {
  background-color: rgb(var(--theme-secondary-rgb));
  color: #fff;
}
.btn.btn-outline-secondary:hover .badge,
.btn.btn-outline-secondary:focus .badge,
.btn.btn-outline-secondary:active .badge {
  background-color: var(--theme-custom-white);
  color: var(--theme-default-text-color);
}
.btn.btn-outline-warning .badge {
  background-color: rgb(var(--theme-warning-rgb));
  color: #fff;
}
.btn.btn-outline-warning:hover .badge,
.btn.btn-outline-warning:focus .badge,
.btn.btn-outline-warning:active .badge {
  background-color: var(--theme-custom-white);
  color: var(--theme-default-text-color);
}
.btn.btn-outline-info .badge {
  background-color: rgb(var(--theme-info-rgb));
  color: #fff;
}
.btn.btn-outline-info:hover .badge,
.btn.btn-outline-info:focus .badge,
.btn.btn-outline-info:active .badge {
  background-color: var(--theme-custom-white);
  color: var(--theme-default-text-color);
}
.btn.btn-outline-success .badge {
  background-color: rgb(var(--theme-success-rgb));
  color: #fff;
}
.btn.btn-outline-success:hover .badge,
.btn.btn-outline-success:focus .badge,
.btn.btn-outline-success:active .badge {
  background-color: var(--theme-custom-white);
  color: var(--theme-default-text-color);
}
.btn.btn-outline-danger .badge {
  background-color: rgb(var(--theme-danger-rgb));
  color: #fff;
}
.btn.btn-outline-danger:hover .badge,
.btn.btn-outline-danger:focus .badge,
.btn.btn-outline-danger:active .badge {
  background-color: var(--theme-custom-white);
  color: var(--theme-default-text-color);
}
.custom-badge {
  font-size: 0.7rem;
  font-weight: 400;
}
.icon-badge {
  position: relative;
}
.icon-badge .icon {
  width: 2rem;
  height: 2rem;
  fill: var(--theme-text-muted);
  font-size: 2rem;
}
.icon-badge .badge {
  position: absolute;
  inset-inline-end: -0.5rem;
}
.text-badge {
  position: relative;
}
.text-badge .badge {
  position: absolute;
  inset-inline-end: -1rem;
  inset-block-start: -1rem;
}
[data-theme-color=dark] .card.custom-card.card-bg-primary .bg-dark-transparent,
[data-theme-color=dark] .card.custom-card.card-bg-secondary .bg-dark-transparent,
[data-theme-color=dark] .card.custom-card.card-bg-warning .bg-dark-transparent,
[data-theme-color=dark] .card.custom-card.card-bg-info .bg-dark-transparent,
[data-theme-color=dark] .card.custom-card.card-bg-success .bg-dark-transparent,
[data-theme-color=dark] .card.custom-card.card-bg-purple .bg-dark-transparent,
[data-theme-color=dark] .card.custom-card.card-bg-danger .bg-dark-transparent,
[data-theme-color=dark] .card.custom-card.card-bg-pink .bg-dark-transparent,
[data-theme-color=dark] .card.custom-card.card-bg-orange .bg-dark-transparent {
  background-color: rgba(var(--theme-light-rgb), 0.15) !important;
  color: rgb(var(--theme-light-rgb)) !important;
}
.page-header-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  content: var(--bs-breadcrumb-divider, "\ea65");
  font-family: "tabler-icons" !important;
}
[dir=rtl] .page-header-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  content: var(--bs-breadcrumb-divider, "\ea64");
  font-family: "tabler-icons" !important;
}
.breadcrumb .breadcrumb-item a {
  color: var(--theme-default-text-color);
}
.breadcrumb .breadcrumb-item.active {
  color: var(--theme-default-text-color);
  font-weight: 500;
}
.page-header-breadcrumb .breadcrumb-icon svg {
  width: 1rem;
  height: 1rem;
}
.breadcrumb-item + .breadcrumb-item::before {
  color: var(--theme-text-muted);
}
.breadcrumb-example1 .breadcrumb-item + .breadcrumb-item::before {
  color: var(--theme-text-muted);
  content: var(--bs-breadcrumb-divider, "\ea65");
  font-family: "tabler-icons" !important;
}
.breadcrumb-style1 .breadcrumb-item + .breadcrumb-item::before {
  color: var(--theme-text-muted);
  content: var(--bs-breadcrumb-divider, "\ea1c");
  font-family: "tabler-icons" !important;
}
.breadcrumb-style2 .breadcrumb-item + .breadcrumb-item::before {
  color: var(--theme-text-muted);
  content: var(--bs-breadcrumb-divider, "\ea61");
  font-family: "tabler-icons" !important;
}
.embedded-breadcrumb:before {
  opacity: 0.7;
}
[data-theme-color=dark] .embedded-breadcrumb:before {
  filter: invert(1);
}
[dir=rtl] .breadcrumb-example1 .breadcrumb-item + .breadcrumb-item::before {
  content: var(--bs-breadcrumb-divider, "\ea64");
}
[dir=rtl] .breadcrumb-style1 .breadcrumb-item + .breadcrumb-item::before {
  content: var(--bs-breadcrumb-divider, "\ea1b");
}
[dir=rtl] .breadcrumb-style2 .breadcrumb-item + .breadcrumb-item::before {
  content: var(--bs-breadcrumb-divider, "\ea60");
}
[dir=rtl] .embedded-breadcrumb:before {
  transform: scaleX(-1);
  padding-inline-start: 0.5rem;
  padding-inline-end: 0rem !important;
}
.form-control.breadcrumb-input {
  box-shadow: 0 2px 2px rgba(155, 147, 187, 0.05);
  min-width: 14rem;
  border: 1px solid var(--theme-default-border);
  line-height: 1.508;
}
.form-control.breadcrumb-input:focus {
  box-shadow: 0 2px 2px rgba(155, 147, 187, 0.05);
  border: 1px solid var(--theme-default-border);
}
.btn {
  font-size: 0.8125rem;
  border-radius: 0.3rem;
  padding: 0.5rem 1.375rem;
  box-shadow: none;
  font-weight: 400;
}
.btn.btn-sm {
  padding: 0.26rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
}
.btn.btn-lg {
  padding: 0.65rem 1rem;
  border-radius: 0.35rem;
  font-size: 0.95rem;
}
.btn-group .btn {
  padding: 0.45rem 0.75rem;
}
.btn-group-lg .btn {
  padding: 0.65rem 1rem;
}
.btn-group-sm .btn {
  padding: 0.25rem 0.5rem;
}
.btn-check:active + .btn,
.btn-check:checked + .btn,
.btn.active,
.btn.show,
.btn:active {
  color: #fff;
}
.btn-check:focus + .btn,
.btn:focus {
  box-shadow: none;
}
.btn-primary {
  background-color: rgb(var(--theme-primary-rgb)) !important;
  border-color: rgb(var(--theme-primary-rgb)) !important;
  color: #000 !important;
}
.btn-primary:hover {
  background-color: rgba(var(--theme-primary-rgb), 0.9) !important;
  border-color: rgb(var(--theme-primary-rgb)) !important;
  color: #fff;
}
.btn-primary:focus {
  background-color: rgb(var(--theme-primary-rgb));
  border-color: rgb(var(--theme-primary-rgb));
  color: #fff;
}
.btn-check:focus + .btn-primary,
.btn-primary:focus {
  background-color: rgb(var(--theme-primary-rgb));
  border-color: rgb(var(--theme-primary-rgb));
  outline: 0;
  box-shadow: none;
}
.btn-check:active + .btn-primary:focus,
.btn-check:checked + .btn-primary:focus,
.btn-primary.active:focus,
.btn-primary.show:focus,
.btn-primary:active:focus {
  box-shadow: 0 0.25rem 1rem rgba(var(--theme-primary-rgb), 0.5);
}
.btn-check:active + .btn-primary,
.btn-check:checked + .btn-primary,
.btn-primary.active,
.btn-primary.show,
.btn-primary:active {
  background-color: var(--theme-primary-color) !important;
  border-color: var(--theme-primary-border) !important;
}
.btn-secondary {
  background-color: rgb(var(--theme-secondary-rgb)) !important;
  border-color: rgb(var(--theme-secondary-rgb)) !important;
}
.btn-secondary:hover {
  background-color: rgba(var(--theme-secondary-rgb), 0.9) !important;
  border-color: rgb(var(--theme-secondary-rgb)) !important;
  color: #fff;
}
.btn-secondary:focus {
  background-color: rgb(var(--theme-secondary-rgb));
  border-color: rgb(var(--theme-secondary-rgb));
  color: #fff;
}
.btn-check:focus + .btn-secondary,
.btn-secondary:focus {
  background-color: rgb(var(--theme-secondary-rgb));
  border-color: rgb(var(--theme-secondary-rgb));
  outline: 0;
  box-shadow: none;
}
.btn-check:active + .btn-secondary:focus,
.btn-check:checked + .btn-secondary:focus,
.btn-secondary.active:focus,
.btn-secondary.show:focus,
.btn-secondary:active:focus {
  box-shadow: 0 0.25rem 1rem rgba(var(--theme-secondary-rgb), 0.5);
}
.btn-check:active + .btn-secondary,
.btn-check:checked + .btn-secondary,
.btn-secondary.active,
.btn-secondary.show,
.btn-secondary:active {
  background-color: rgb(var(--theme-secondary-rgb)) !important;
  border-color: rgb(var(--theme-secondary-rgb)) !important;
}
.btn-warning {
  background-color: rgb(var(--theme-warning-rgb)) !important;
  border-color: rgb(var(--theme-warning-rgb)) !important;
  color: #fff !important;
}
.btn-warning:hover {
  background-color: rgba(var(--theme-warning-rgb), 0.9) !important;
  border-color: rgb(var(--theme-warning-rgb)) !important;
  color: #fff;
}
.btn-warning:focus {
  background-color: rgb(var(--theme-warning-rgb));
  border-color: rgb(var(--theme-warning-rgb));
  color: #fff;
}
.btn-check:focus + .btn-warning,
.btn-warning:focus {
  background-color: rgb(var(--theme-warning-rgb));
  border-color: rgb(var(--theme-warning-rgb));
  outline: 0;
  box-shadow: none;
}
.btn-check:active + .btn-warning:focus,
.btn-check:checked + .btn-warning:focus,
.btn-warning.active:focus,
.btn-warning.show:focus,
.btn-warning:active:focus {
  box-shadow: 0 0.25rem 1rem rgba(var(--theme-warning-rgb), 0.5);
}
.btn-check:active + .btn-warning,
.btn-check:checked + .btn-warning,
.btn-warning.active,
.btn-warning.show,
.btn-warning:active {
  background-color: rgb(var(--theme-warning-rgb)) !important;
  border-color: rgb(var(--theme-warning-rgb)) !important;
}
.btn-info {
  background-color: rgb(var(--theme-info-rgb)) !important;
  border-color: rgb(var(--theme-info-rgb)) !important;
  color: #fff !important;
}
.btn-info:hover {
  background-color: rgba(var(--theme-info-rgb), 0.9) !important;
  border-color: rgb(var(--theme-info-rgb)) !important;
  color: #fff;
}
.btn-info:focus {
  background-color: rgb(var(--theme-info-rgb));
  border-color: rgb(var(--theme-info-rgb));
  color: #fff;
}
.btn-check:focus + .btn-info,
.btn-info:focus {
  background-color: rgb(var(--theme-info-rgb));
  border-color: rgb(var(--theme-info-rgb));
  outline: 0;
  box-shadow: none;
}
.btn-check:active + .btn-info:focus,
.btn-check:checked + .btn-info:focus,
.btn-info.active:focus,
.btn-info.show:focus,
.btn-info:active:focus {
  box-shadow: 0 0.25rem 1rem rgba(var(--theme-info-rgb), 0.5);
}
.btn-check:active + .btn-info,
.btn-check:checked + .btn-info,
.btn-info.active,
.btn-info.show,
.btn-info:active {
  background-color: rgb(var(--theme-info-rgb)) !important;
  border-color: rgb(var(--theme-info-rgb)) !important;
}
.btn-danger {
  background-color: rgb(var(--theme-danger-rgb)) !important;
  border-color: rgb(var(--theme-danger-rgb)) !important;
}
.btn-danger:hover {
  background-color: rgba(var(--theme-danger-rgb), 0.9) !important;
  border-color: rgb(var(--theme-danger-rgb)) !important;
  color: #fff;
}
.btn-danger:focus {
  background-color: rgb(var(--theme-danger-rgb));
  border-color: rgb(var(--theme-danger-rgb));
  color: #fff;
}
.btn-check:focus + .btn-danger,
.btn-danger:focus {
  background-color: rgb(var(--theme-danger-rgb));
  border-color: rgb(var(--theme-danger-rgb));
  outline: 0;
  box-shadow: none;
}
.btn-check:active + .btn-danger:focus,
.btn-check:checked + .btn-danger:focus,
.btn-danger.active:focus,
.btn-danger.show:focus,
.btn-danger:active:focus {
  box-shadow: 0 0.25rem 1rem rgba(var(--theme-danger-rgb), 0.5);
}
.btn-check:active + .btn-danger,
.btn-check:checked + .btn-danger,
.btn-danger.active,
.btn-danger.show,
.btn-danger:active {
  background-color: rgb(var(--theme-danger-rgb)) !important;
  border-color: rgb(var(--theme-danger-rgb)) !important;
}
.btn-success {
  background-color: rgb(var(--theme-success-rgb)) !important;
  border-color: rgb(var(--theme-success-rgb)) !important;
}
.btn-success:hover {
  background-color: rgba(var(--theme-success-rgb), 0.9) !important;
  border-color: rgb(var(--theme-success-rgb)) !important;
  color: #fff;
}
.btn-success:focus {
  background-color: rgb(var(--theme-success-rgb));
  border-color: rgb(var(--theme-success-rgb));
  color: #fff;
}
.btn-check:focus + .btn-success,
.btn-success:focus {
  background-color: rgb(var(--theme-success-rgb));
  border-color: rgb(var(--theme-success-rgb));
  outline: 0;
  box-shadow: none;
}
.btn-check:active + .btn-success:focus,
.btn-check:checked + .btn-success:focus,
.btn-success.active:focus,
.btn-success.show:focus,
.btn-success:active:focus {
  box-shadow: 0 0.25rem 1rem rgba(var(--theme-success-rgb), 0.5);
}
.btn-check:active + .btn-success,
.btn-check:checked + .btn-success,
.btn-success.active,
.btn-success.show,
.btn-success:active {
  background-color: rgb(var(--theme-success-rgb)) !important;
  border-color: rgb(var(--theme-success-rgb)) !important;
}
.btn-pink {
  background-color: rgb(var(--theme-pink-rgb)) !important;
  border-color: rgb(var(--theme-pink-rgb)) !important;
}
.btn-pink:hover {
  background-color: rgba(var(--theme-pink-rgb), 0.9) !important;
  border-color: rgb(var(--theme-pink-rgb)) !important;
  color: #fff;
}
.btn-pink:focus {
  background-color: rgb(var(--theme-pink-rgb));
  border-color: rgb(var(--theme-pink-rgb));
  color: #fff;
}
.btn-check:focus + .btn-pink,
.btn-pink:focus {
  background-color: rgb(var(--theme-pink-rgb));
  border-color: rgb(var(--theme-pink-rgb));
  outline: 0;
  box-shadow: none;
}
.btn-check:active + .btn-pink:focus,
.btn-check:checked + .btn-pink:focus,
.btn-pink.active:focus,
.btn-pink.show:focus,
.btn-pink:active:focus {
  box-shadow: 0 0.25rem 1rem rgba(var(--theme-pink-rgb), 0.5);
}
.btn-check:active + .btn-pink,
.btn-check:checked + .btn-pink,
.btn-pink.active,
.btn-pink.show,
.btn-pink:active {
  background-color: rgb(var(--theme-pink-rgb)) !important;
  border-color: rgb(var(--theme-pink-rgb)) !important;
}
.btn-dark {
  background-color: rgb(var(--theme-dark-rgb));
  border-color: rgb(var(--theme-dark-rgb));
  color: var(--theme-custom-white);
}
.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active {
  background-color: rgb(var(--theme-dark-rgb));
  border-color: rgb(var(--theme-dark-rgb));
  color: var(--theme-custom-white) !important;
}
.btn-dark svg {
  fill: var(--theme-custom-black);
}
.btn-check:focus + .btn-dark,
.btn-dark:focus {
  background-color: rgb(var(--theme-dark-rgb));
  border-color: rgb(var(--theme-dark-rgb));
  outline: 0;
  box-shadow: none;
}
.btn-check:active + .btn-dark:focus,
.btn-check:checked + .btn-dark:focus,
.btn-dark.active:focus,
.btn-dark.show:focus,
.btn-dark:active:focus {
  box-shadow: 0 0.25rem 1rem rgba(var(--theme-dark-rgb), 0.5);
}
.btn-check:active + .btn-dark,
.btn-check:checked + .btn-dark,
.btn-dark.active,
.btn-dark.show,
.btn-dark:active {
  background-color: rgb(var(--theme-dark-rgb)) !important;
  border-color: rgb(var(--theme-dark-rgb)) !important;
  color: var(--theme-custom-white);
}
.btn-black {
  background-color: #000;
  border-color: #000;
  color: #fff;
}
.btn-black:hover,
.btn-black:focus,
.btn-black:active {
  background-color: #000;
  border-color: #000;
  color: #fff !important;
}
.btn-black svg {
  fill: var(--theme-custom-black);
}
.btn-check:focus + .btn-black,
.btn-black:focus {
  background-color: rgb(var(--theme-dark-rgb));
  border-color: rgb(var(--theme-dark-rgb));
  outline: 0;
  box-shadow: none;
}
.btn-check:active + .btn-black:focus,
.btn-check:checked + .btn-black:focus,
.btn-black.active:focus,
.btn-black.show:focus,
.btn-black:active:focus {
  box-shadow: 0 0.25rem 1rem rgba(var(--theme-dark-rgb), 0.5);
}
.btn-check:active + .btn-black,
.btn-check:checked + .btn-black,
.btn-black.active,
.btn-black.show,
.btn-black:active {
  background-color: #000 !important;
  border-color: #000 !important;
  color: #fff;
}
.btn-light {
  background-color: rgb(var(--theme-light-rgb));
  border-color: rgb(var(--theme-light-rgb));
  color: var(--theme-default-text-color);
}
.btn-light:hover {
  background-color: #e4ecf2;
  border-color: rgb(var(--theme-light-rgb));
  color: var(--theme-default-text-color);
}
.btn-light:focus {
  background-color: rgb(var(--theme-light-rgb));
  border-color: rgb(var(--theme-light-rgb));
  box-shadow: none;
  color: var(--theme-default-text-color);
}
[data-theme-color=dark] .btn-light:hover {
  background-color: rgba(var(--theme-light-rgb), 0.8);
}
.btn-check:focus + .btn-light,
.btn-light:focus {
  background-color: rgb(var(--theme-light-rgb));
  border-color: rgb(var(--theme-light-rgb));
  outline: 0;
  box-shadow: none;
}
.btn-check:active + .btn-light:focus,
.btn-check:checked + .btn-light:focus,
.btn-light.active:focus,
.btn-light.show:focus,
.btn-light:active:focus {
  box-shadow: 0 0.25rem 1rem rgba(var(--theme-light-rgb), 0.5);
}
.btn-check:active + .btn-light,
.btn-check:checked + .btn-light,
.btn-light.active,
.btn-light.show,
.btn-light:active {
  background-color: rgb(var(--theme-light-rgb)) !important;
  border-color: rgb(var(--theme-light-rgb)) !important;
  color: var(--theme-default-text-color) !important;
}
.btn-teal {
  background-color: rgb(var(--theme-teal-rgb)) !important;
  border-color: rgb(var(--theme-teal-rgb)) !important;
}
.btn-teal:hover {
  background-color: rgba(var(--theme-teal-rgb), 0.9) !important;
  border-color: rgb(var(--theme-teal-rgb)) !important;
  color: #fff;
}
.btn-teal:focus {
  background-color: rgb(var(--theme-teal-rgb));
  border-color: rgb(var(--theme-teal-rgb));
  color: #fff;
}
.btn-check:focus + .btn-teal,
.btn-teal:focus {
  background-color: rgb(var(--theme-teal-rgb));
  border-color: rgb(var(--theme-teal-rgb));
  outline: 0;
  box-shadow: none;
}
.btn-check:active + .btn-teal:focus,
.btn-check:checked + .btn-teal:focus,
.btn-teal.active:focus,
.btn-teal.show:focus,
.btn-teal:active:focus {
  box-shadow: 0 0.25rem 1rem rgba(var(--theme-teal-rgb), 0.5);
}
.btn-check:active + .btn-teal,
.btn-check:checked + .btn-teal,
.btn-teal.active,
.btn-teal.show,
.btn-teal:active {
  background-color: rgb(var(--theme-teal-rgb)) !important;
  border-color: rgb(var(--theme-teal-rgb)) !important;
}
.btn-purple {
  background-color: rgb(var(--theme-purple-rgb)) !important;
  border-color: rgb(var(--theme-purple-rgb)) !important;
}
.btn-purple:hover {
  background-color: rgba(var(--theme-purple-rgb), 0.9) !important;
  border-color: rgb(var(--theme-purple-rgb)) !important;
  color: #fff;
}
.btn-purple:focus {
  background-color: rgb(var(--theme-purple-rgb));
  border-color: rgb(var(--theme-purple-rgb));
  color: #fff;
}
.btn-check:focus + .btn-purple,
.btn-purple:focus {
  background-color: rgb(var(--theme-purple-rgb));
  border-color: rgb(var(--theme-purple-rgb));
  outline: 0;
  box-shadow: none;
}
.btn-check:active + .btn-purple:focus,
.btn-check:checked + .btn-purple:focus,
.btn-purple.active:focus,
.btn-purple.show:focus,
.btn-purple:active:focus {
  box-shadow: 0 0.25rem 1rem rgba(var(--theme-purple-rgb), 0.5);
}
.btn-check:active + .btn-purple,
.btn-check:checked + .btn-purple,
.btn-purple.active,
.btn-purple.show,
.btn-purple:active {
  background-color: rgb(var(--theme-purple-rgb)) !important;
  border-color: rgb(var(--theme-purple-rgb)) !important;
}
.btn-orange {
  background-color: rgb(var(--theme-orange-rgb)) !important;
  border-color: rgb(var(--theme-orange-rgb)) !important;
}
.btn-orange:hover {
  background-color: rgba(var(--theme-orange-rgb), 0.9) !important;
  border-color: rgb(var(--theme-orange-rgb)) !important;
  color: #fff;
}
.btn-orange:focus {
  background-color: rgb(var(--theme-orange-rgb));
  border-color: rgb(var(--theme-orange-rgb));
  color: #fff;
}
.btn-check:focus + .btn-orange,
.btn-orange:focus {
  background-color: rgb(var(--theme-orange-rgb));
  border-color: rgb(var(--theme-orange-rgb));
  outline: 0;
  box-shadow: none;
}
.btn-check:active + .btn-orange:focus,
.btn-check:checked + .btn-orange:focus,
.btn-orange.active:focus,
.btn-orange.show:focus,
.btn-orange:active:focus {
  box-shadow: 0 0.25rem 1rem rgba(var(--theme-orange-rgb), 0.5);
}
.btn-check:active + .btn-orange,
.btn-check:checked + .btn-orange,
.btn-orange.active,
.btn-orange.show,
.btn-orange:active {
  background-color: rgb(var(--theme-orange-rgb)) !important;
  border-color: rgb(var(--theme-orange-rgb)) !important;
}
.btn-outline-primary {
  color: rgb(var(--theme-primary-rgb));
  border-color: rgb(var(--theme-primary-rgb));
}
.btn-outline-primary:hover,
.btn-outline-primary:active {
  color: #fff;
  background-color: rgb(var(--theme-primary-rgb));
  border-color: rgb(var(--theme-primary-rgb));
}
.btn-outline-primary:focus {
  color: #fff;
  background-color: rgb(var(--theme-primary-rgb));
  border-color: rgb(var(--theme-primary-rgb));
  box-shadow: none;
}
.btn-outline-primary:focus:active {
  box-shadow: none;
}
.btn-outline-secondary {
  color: rgb(var(--theme-secondary-rgb));
  border-color: rgb(var(--theme-secondary-rgb));
}
.btn-outline-secondary:hover,
.btn-outline-secondary:active {
  color: #fff;
  background-color: rgb(var(--theme-secondary-rgb));
  border-color: rgb(var(--theme-secondary-rgb));
}
.btn-outline-secondary:focus {
  color: #fff;
  background-color: rgb(var(--theme-secondary-rgb));
  border-color: rgb(var(--theme-secondary-rgb));
  box-shadow: none;
}
.btn-outline-secondary:focus:active {
  box-shadow: none;
}
.btn-outline-warning {
  color: rgb(var(--theme-warning-rgb));
  border-color: rgb(var(--theme-warning-rgb));
}
.btn-outline-warning:hover,
.btn-outline-warning:active {
  color: #fff;
  background-color: rgb(var(--theme-warning-rgb));
  border-color: rgb(var(--theme-warning-rgb));
}
.btn-outline-warning:focus {
  color: #fff;
  background-color: rgb(var(--theme-warning-rgb));
  border-color: rgb(var(--theme-warning-rgb));
  box-shadow: none;
}
.btn-outline-warning:focus:active {
  box-shadow: none;
}
.btn-outline-danger {
  color: rgb(var(--theme-danger-rgb));
  border-color: rgb(var(--theme-danger-rgb));
}
.btn-outline-danger:hover,
.btn-outline-danger:active {
  color: #fff;
  background-color: rgb(var(--theme-danger-rgb));
  border-color: rgb(var(--theme-danger-rgb));
}
.btn-outline-danger:focus {
  color: #fff;
  background-color: rgb(var(--theme-danger-rgb));
  border-color: rgb(var(--theme-danger-rgb));
  box-shadow: none;
}
.btn-outline-danger:focus:active {
  box-shadow: none;
}
.btn-outline-success {
  color: rgb(var(--theme-success-rgb));
  border-color: rgb(var(--theme-success-rgb));
}
.btn-outline-success:hover,
.btn-outline-success:active {
  color: #fff;
  background-color: rgb(var(--theme-success-rgb));
  border-color: rgb(var(--theme-success-rgb));
}
.btn-outline-success:focus {
  color: #fff;
  background-color: rgb(var(--theme-success-rgb));
  border-color: rgb(var(--theme-success-rgb));
  box-shadow: none;
}
.btn-outline-success:focus:active {
  box-shadow: none;
}
.btn-outline-info {
  color: rgb(var(--theme-info-rgb));
  border-color: rgb(var(--theme-info-rgb));
}
.btn-outline-info:hover,
.btn-outline-info:active {
  color: #fff;
  background-color: rgb(var(--theme-info-rgb));
  border-color: rgb(var(--theme-info-rgb));
}
.btn-outline-info:focus {
  color: #fff;
  background-color: rgb(var(--theme-info-rgb));
  border-color: rgb(var(--theme-info-rgb));
  box-shadow: none;
}
.btn-outline-info:focus:active {
  box-shadow: none;
}
.btn-outline-light {
  color: var(--theme-default-text-color) !important;
  border-color: var(--theme-default-border);
}
.btn-outline-light:hover,
.btn-outline-light:active {
  color: var(--theme-default-text-color);
  background-color: rgb(var(--theme-light-rgb));
  border-color: var(--theme-default-border);
}
.btn-outline-light:focus {
  color: var(--theme-default-text-color);
  background-color: rgb(var(--theme-light-rgb));
  border-color: var(--theme-default-border);
  box-shadow: none;
}
.btn-outline-light:focus:active {
  box-shadow: none;
}
.btn-outline-dark {
  color: rgb(var(--theme-dark-rgb));
  border-color: rgb(var(--theme-dark-rgb));
}
.btn-outline-dark:hover,
.btn-outline-dark:active {
  color: var(--theme-custom-white);
  background-color: var(--theme-custom-black);
  border-color: var(--theme-custom-black);
}
.btn-outline-dark:focus {
  color: var(--theme-custom-white);
  background-color: rgb(var(--theme-dark-rgb));
  border-color: rgb(var(--theme-dark-rgb));
  box-shadow: none;
}
.btn-outline-dark:focus:active {
  box-shadow: none;
}
.btn-outline-teal {
  color: rgb(var(--theme-teal-rgb));
  border-color: rgb(var(--theme-teal-rgb));
}
.btn-outline-teal:hover,
.btn-outline-teal:active {
  color: #fff;
  background-color: rgb(var(--theme-teal-rgb));
  border-color: rgb(var(--theme-teal-rgb));
}
.btn-outline-teal:focus {
  color: #fff;
  background-color: rgb(var(--theme-teal-rgb));
  border-color: rgb(var(--theme-teal-rgb));
  box-shadow: none;
}
.btn-outline-teal:focus:active {
  box-shadow: none;
}
.btn-primary.disabled,
.btn-primary:disabled {
  color: #fff;
  background-color: var(--theme-primary-color);
  border-color: var(--theme-primary-color);
}
.btn-secondary.disabled,
.btn-secondary:disabled {
  color: #fff;
  background-color: rgb(var(--theme-secondary-rgb));
  border-color: rgb(var(--theme-secondary-rgb));
}
.btn-primary-transparent {
  background-color: rgba(var(--theme-primary-rgb), 0.1);
  border-color: rgba(var(--theme-primary-rgb), 0.1);
  color: rgb(var(--theme-primary-rgb));
}
.btn-primary-transparent:hover,
.btn-primary-transparent:focus:hover {
  background-color: rgb(var(--theme-primary-rgb));
  border-color: rgb(var(--theme-primary-rgb));
  color: #fff;
}
.btn-check:focus + .btn-primary-transparent,
.btn-primary-transparent:focus {
  background-color: rgba(var(--theme-primary-rgb), 0.1);
  border-color: rgba(var(--theme-primary-rgb), 0.1);
  outline: 0;
  box-shadow: 0 0.25rem 1rem rgba(var(--theme-primary-rgb), 0.3);
  color: rgb(var(--theme-primary-rgb));
}
.btn-check:active + .btn-primary-transparent:focus,
.btn-check:checked + .btn-primary-transparent:focus,
.btn-primary-transparent.active:focus,
.btn-primary-transparent.show:focus,
.btn-primary-transparent:active:focus {
  box-shadow: 0 0.25rem 1rem rgba(var(--theme-primary-rgb), 0.5);
}
.btn-check:active + .btn-primary-transparent,
.btn-check:checked + .btn-primary-transparent,
.btn-primary-transparent.active,
.btn-primary-transparent.show,
.btn-primary-transparent:active {
  background-color: var(--theme-primary-color);
  border-color: rgba(var(--theme-primary-rgb), 0.1);
  color: #fff;
}
.btn-secondary-transparent {
  background-color: rgba(var(--theme-secondary-rgb), 0.1);
  border-color: rgba(var(--theme-secondary-rgb), 0.1);
  color: rgb(var(--theme-secondary-rgb));
}
.btn-secondary-transparent:hover,
.btn-secondary-transparent:focus:hover {
  background-color: rgb(var(--theme-secondary-rgb));
  border-color: rgb(var(--theme-secondary-rgb));
  color: #fff;
}
.btn-check:focus + .btn-secondary-transparent,
.btn-secondary-transparent:focus {
  background-color: rgba(var(--theme-secondary-rgb), 0.1);
  border-color: rgba(var(--theme-secondary-rgb), 0.1);
  outline: 0;
  box-shadow: 0 0.25rem 1rem rgba(var(--theme-secondary-rgb), 0.3);
  color: rgb(var(--theme-secondary-rgb));
}
.btn-check:active + .btn-secondary-transparent:focus,
.btn-check:checked + .btn-secondary-transparent:focus,
.btn-secondary-transparent.active:focus,
.btn-secondary-transparent.show:focus,
.btn-secondary-transparent:active:focus {
  box-shadow: 0 0.25rem 1rem rgba(var(--theme-secondary-rgb), 0.5);
}
.btn-check:active + .btn-secondary-transparent,
.btn-check:checked + .btn-secondary-transparent,
.btn-secondary-transparent.active,
.btn-secondary-transparent.show,
.btn-secondary-transparent:active {
  background-color: rgb(var(--theme-secondary-rgb));
  border-color: rgba(var(--theme-secondary-rgb), 0.1);
  color: #fff;
}
.btn-warning-transparent {
  background-color: rgba(var(--theme-warning-rgb), 0.1);
  border-color: rgba(var(--theme-warning-rgb), 0.1);
  color: rgb(var(--theme-warning-rgb));
}
.btn-warning-transparent:hover,
.btn-warning-transparent:focus:hover {
  background-color: rgb(var(--theme-warning-rgb));
  border-color: rgb(var(--theme-warning-rgb));
  color: #fff;
}
.btn-check:focus + .btn-warning-transparent,
.btn-warning-transparent:focus {
  background-color: rgba(var(--theme-warning-rgb), 0.1);
  border-color: rgba(var(--theme-warning-rgb), 0.1);
  outline: 0;
  box-shadow: 0 0.25rem 1rem rgba(var(--theme-warning-rgb), 0.3);
  color: rgb(var(--theme-warning-rgb));
}
.btn-check:active + .btn-warning-transparent:focus,
.btn-check:checked + .btn-warning-transparent:focus,
.btn-warning-transparent.active:focus,
.btn-warning-transparent.show:focus,
.btn-warning-transparent:active:focus {
  box-shadow: 0 0.25rem 1rem rgba(var(--theme-warning-rgb), 0.5);
}
.btn-check:active + .btn-warning-transparent,
.btn-check:checked + .btn-warning-transparent,
.btn-warning-transparent.active,
.btn-warning-transparent.show,
.btn-warning-transparent:active {
  background-color: rgb(var(--theme-warning-rgb));
  border-color: rgba(var(--theme-warning-rgb), 0.1);
  color: #fff;
}
.btn-info-transparent {
  background-color: rgba(var(--theme-info-rgb), 0.1);
  border-color: rgba(var(--theme-info-rgb), 0.1);
  color: rgb(var(--theme-info-rgb));
}
.btn-info-transparent:hover,
.btn-info-transparent:focus:hover {
  background-color: rgb(var(--theme-info-rgb));
  border-color: rgb(var(--theme-info-rgb));
  color: #fff;
}
.btn-check:focus + .btn-info-transparent,
.btn-info-transparent:focus {
  background-color: rgba(var(--theme-info-rgb), 0.1);
  border-color: rgba(var(--theme-info-rgb), 0.1);
  outline: 0;
  box-shadow: 0 0.25rem 1rem rgba(var(--theme-info-rgb), 0.3);
  color: rgb(var(--theme-info-rgb));
}
.btn-check:active + .btn-info-transparent:focus,
.btn-check:checked + .btn-info-transparent:focus,
.btn-info-transparent.active:focus,
.btn-info-transparent.show:focus,
.btn-info-transparent:active:focus {
  box-shadow: 0 0.25rem 1rem rgba(var(--theme-info-rgb), 0.5);
}
.btn-check:active + .btn-info-transparent,
.btn-check:checked + .btn-info-transparent,
.btn-info-transparent.active,
.btn-info-transparent.show,
.btn-info-transparent:active {
  background-color: rgb(var(--theme-info-rgb));
  border-color: rgba(var(--theme-info-rgb), 0.1);
  color: #fff;
}
.btn-success-transparent {
  background-color: rgba(var(--theme-success-rgb), 0.1);
  border-color: rgba(var(--theme-success-rgb), 0.1);
  color: rgb(var(--theme-success-rgb));
}
.btn-success-transparent:hover,
.btn-success-transparent:focus:hover {
  background-color: rgb(var(--theme-success-rgb));
  border-color: rgb(var(--theme-success-rgb));
  color: #fff;
}
.btn-check:focus + .btn-success-transparent,
.btn-success-transparent:focus {
  background-color: rgba(var(--theme-success-rgb), 0.1);
  border-color: rgba(var(--theme-success-rgb), 0.1);
  outline: 0;
  box-shadow: 0 0.25rem 1rem rgba(var(--theme-success-rgb), 0.3);
  color: rgb(var(--theme-success-rgb));
}
.btn-check:active + .btn-success-transparent:focus,
.btn-check:checked + .btn-success-transparent:focus,
.btn-success-transparent.active:focus,
.btn-success-transparent.show:focus,
.btn-success-transparent:active:focus {
  box-shadow: 0 0.25rem 1rem rgba(var(--theme-success-rgb), 0.5);
}
.btn-check:active + .btn-success-transparent,
.btn-check:checked + .btn-success-transparent,
.btn-success-transparent.active,
.btn-success-transparent.show,
.btn-success-transparent:active {
  background-color: rgb(var(--theme-success-rgb));
  border-color: rgba(var(--theme-success-rgb), 0.1);
  color: #fff;
}
.btn-danger-transparent {
  background-color: rgba(var(--theme-danger-rgb), 0.1);
  border-color: rgba(var(--theme-danger-rgb), 0.1);
  color: rgb(var(--theme-danger-rgb));
}
.btn-danger-transparent:hover,
.btn-danger-transparent:focus:hover {
  background-color: rgb(var(--theme-danger-rgb));
  border-color: rgb(var(--theme-danger-rgb));
  color: #fff;
}
.btn-check:focus + .btn-danger-transparent,
.btn-danger-transparent:focus {
  background-color: rgba(var(--theme-danger-rgb), 0.1);
  border-color: rgba(var(--theme-danger-rgb), 0.1);
  outline: 0;
  box-shadow: 0 0.25rem 1rem rgba(var(--theme-danger-rgb), 0.3);
  color: rgb(var(--theme-danger-rgb));
}
.btn-check:active + .btn-danger-transparent:focus,
.btn-check:checked + .btn-danger-transparent:focus,
.btn-danger-transparent.active:focus,
.btn-danger-transparent.show:focus,
.btn-danger-transparent:active:focus {
  box-shadow: 0 0.25rem 1rem rgba(var(--theme-danger-rgb), 0.5);
}
.btn-check:active + .btn-danger-transparent,
.btn-check:checked + .btn-danger-transparent,
.btn-danger-transparent.active,
.btn-danger-transparent.show,
.btn-danger-transparent:active {
  background-color: rgb(var(--theme-danger-rgb));
  border-color: rgba(var(--theme-danger-rgb), 0.1);
  color: #fff;
}
.btn-teal-transparent {
  background-color: rgba(var(--theme-teal-rgb), 0.1);
  border-color: rgba(var(--theme-teal-rgb), 0.1);
  color: rgb(var(--theme-teal-rgb));
}
.btn-teal-transparent:hover,
.btn-teal-transparent:focus:hover {
  background-color: rgb(var(--theme-teal-rgb));
  border-color: rgb(var(--theme-teal-rgb));
  color: #fff;
}
.btn-check:focus + .btn-teal-transparent,
.btn-teal-transparent:focus {
  background-color: rgba(var(--theme-teal-rgb), 0.1);
  border-color: rgba(var(--theme-teal-rgb), 0.1);
  outline: 0;
  box-shadow: 0 0.25rem 1rem rgba(var(--theme-teal-rgb), 0.3);
  color: rgb(var(--theme-teal-rgb));
}
.btn-check:active + .btn-teal-transparent:focus,
.btn-check:checked + .btn-teal-transparent:focus,
.btn-teal-transparent.active:focus,
.btn-teal-transparent.show:focus,
.btn-teal-transparent:active:focus {
  box-shadow: 0 0.25rem 1rem rgba(var(--theme-teal-rgb), 0.5);
}
.btn-check:active + .btn-teal-transparent,
.btn-check:checked + .btn-teal-transparent,
.btn-teal-transparent.active,
.btn-teal-transparent.show,
.btn-teal-transparent:active {
  background-color: rgb(var(--theme-teal-rgb));
  border-color: rgba(var(--theme-teal-rgb), 0.1);
  color: #fff;
}
.btn-purple-transparent {
  background-color: rgba(var(--theme-purple-rgb), 0.1);
  border-color: rgba(var(--theme-purple-rgb), 0.1);
  color: rgb(var(--theme-purple-rgb));
}
.btn-purple-transparent:hover,
.btn-purple-transparent:focus:hover {
  background-color: rgb(var(--theme-purple-rgb));
  border-color: rgb(var(--theme-purple-rgb));
  color: #fff;
}
.btn-check:focus + .btn-purple-transparent,
.btn-purple-transparent:focus {
  background-color: rgba(var(--theme-purple-rgb), 0.1);
  border-color: rgba(var(--theme-purple-rgb), 0.1);
  outline: 0;
  box-shadow: 0 0.25rem 1rem rgba(var(--theme-purple-rgb), 0.3);
  color: rgb(var(--theme-purple-rgb));
}
.btn-check:active + .btn-purple-transparent:focus,
.btn-check:checked + .btn-purple-transparent:focus,
.btn-purple-transparent.active:focus,
.btn-purple-transparent.show:focus,
.btn-purple-transparent:active:focus {
  box-shadow: 0 0.25rem 1rem rgba(var(--theme-purple-rgb), 0.5);
}
.btn-check:active + .btn-purple-transparent,
.btn-check:checked + .btn-purple-transparent,
.btn-purple-transparent.active,
.btn-purple-transparent.show,
.btn-purple-transparent:active {
  background-color: rgb(var(--theme-purple-rgb));
  border-color: rgba(var(--theme-purple-rgb), 0.1);
  color: #fff;
}
.btn-group-sm > .btn,
.btn-sm {
  font-size: 0.8rem;
  padding: 0.25rem 0.8rem;
}
.btn-icon {
  width: 2.275rem;
  height: 2.275rem;
  font-size: 0.95rem;
  padding: 0.4rem;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.btn-icon i {
  padding: 0rem;
  margin: 0 -0.5rem;
}
.btn-icon.btn-sm {
  width: 1.75rem;
  height: 1.75rem;
  font-size: 0.8rem;
  padding: 0.1875rem;
}
.btn-icon.btn-lg {
  width: 2.75rem;
  height: 2.75rem;
  font-size: 1.2rem;
  padding: 0.5rem;
}
.btn-list button,
.btn-list div,
.btn-list a,
.btn-list input {
  margin: 0 0.375rem 0.375rem 0;
}
[dir=rtl] .btn-list button,
[dir=rtl] .btn-list div,
[dir=rtl] .btn-list a,
[dir=rtl] .btn-list input {
  margin: 0 0 0.375rem 0.375rem;
}
.btn-list {
  margin-block-end: -0.5rem;
}
.btn-bd-primary {
  --bs-btn-font-weight: 400;
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--theme-primary-color);
  --bs-btn-border-color: var(--theme-primary-color);
  --bs-btn-border-radius: .5rem;
  --bs-btn-hover-color: var(--theme-primary-color);
  --bs-btn-hover-bg: rgba(var(--theme-primary-color), 0.9);
  --bs-btn-hover-border-color: rgba(var(--theme-primary-color), 0.9);
  --bs-btn-active-color: var(--theme-primary-color);
  --bs-btn-active-bg: rgba(var(--theme-primary-color), 0.9);
  --bs-btn-active-border-color: rgba(var(--theme-primary-color), 0.9);
}
.btn-check:active + .btn-outline-primary,
.btn-check:checked + .btn-outline-primary,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show,
.btn-outline-primary:active,
.btn-check + .btn.btn-outline-primary:hover {
  color: #fff !important;
  background-color: rgb(var(--theme-primary-rgb)) !important;
  border-color: rgb(var(--theme-primary-rgb)) !important;
}
.btn-check:active + .btn-outline-secondary,
.btn-check:checked + .btn-outline-secondary,
.btn-outline-secondary.active,
.btn-outline-secondary.dropdown-toggle.show,
.btn-outline-secondary:active,
.btn-check + .btn.btn-outline-secondary:hover {
  color: #fff !important;
  background-color: rgb(var(--theme-secondary-rgb)) !important;
  border-color: rgb(var(--theme-secondary-rgb)) !important;
}
.btn-check:active + .btn-outline-info,
.btn-check:checked + .btn-outline-info,
.btn-outline-info.active,
.btn-outline-info.dropdown-toggle.show,
.btn-outline-info:active,
.btn-check + .btn.btn-outline-info:hover {
  color: #fff !important;
  background-color: rgb(var(--theme-info-rgb)) !important;
  border-color: rgb(var(--theme-info-rgb)) !important;
}
.btn-check:active + .btn-outline-warning,
.btn-check:checked + .btn-outline-warning,
.btn-outline-warning.active,
.btn-outline-warning.dropdown-toggle.show,
.btn-outline-warning:active,
.btn-check + .btn.btn-outline-warning:hover {
  color: #fff !important;
  background-color: rgb(var(--theme-warning-rgb)) !important;
  border-color: rgb(var(--theme-warning-rgb)) !important;
}
.btn-check:active + .btn-outline-danger,
.btn-check:checked + .btn-outline-danger,
.btn-outline-danger.active,
.btn-outline-danger.dropdown-toggle.show,
.btn-outline-danger:active,
.btn-check + .btn.btn-outline-danger:hover {
  color: #fff !important;
  background-color: rgb(var(--theme-danger-rgb)) !important;
  border-color: rgb(var(--theme-danger-rgb)) !important;
}
.btn-check:active + .btn-outline-success,
.btn-check:checked + .btn-outline-success,
.btn-outline-success.active,
.btn-outline-success.dropdown-toggle.show,
.btn-outline-success:active,
.btn-check + .btn.btn-outline-success:hover {
  color: #fff !important;
  background-color: rgb(var(--theme-success-rgb)) !important;
  border-color: rgb(var(--theme-success-rgb)) !important;
}
.btn-check:active + .btn-outline-light,
.btn-check:checked + .btn-outline-light,
.btn-outline-light.active,
.btn-outline-light.dropdown-toggle.show,
.btn-outline-light:active,
.btn-outline-light:hover,
.btn-check + .btn.btn-outline-light:hover {
  color: var(--theme-default-text-color) !important;
  border-color: rgb(var(--theme-light-rgb)) !important;
}
.btn-check:active + .btn-outline-dark,
.btn-check:checked + .btn-outline-dark,
.btn-outline-dark.active,
.btn-outline-dark.dropdown-toggle.show,
.btn-outline-dark:active,
.btn-check + .btn.btn-outline-dark:hover {
  color: var(--theme-custom-white) !important;
  background-color: var(--theme-custom-black) !important;
  border-color: var(--theme-custom-black) !important;
}
.btn-check:active + .btn-outline-teal,
.btn-check:checked + .btn-outline-teal,
.btn-outline-teal.active,
.btn-outline-teal.dropdown-toggle.show,
.btn-outline-teal:active,
.btn-check + .btn.btn-outline-teal:hover {
  color: #fff !important;
  background-color: rgb(var(--theme-teal-rgb)) !important;
  border-color: rgb(var(--theme-teal-rgb)) !important;
}
.btn-check:checked + .btn-outline-primary:focus {
  box-shadow: 0 0.25rem 1rem rgba(var(--theme-primary-color), 0.5);
}
.btn-check:checked + .btn-outline-secondary:focus {
  box-shadow: 0 0.25rem 1rem rgba(var(--theme-secondary-rgb), 0.5);
}
.btn-check:checked + .btn-outline-success:focus {
  box-shadow: 0 0.25rem 1rem rgba(var(--theme-success-rgb), 0.5);
}
.btn-check:checked + .btn-outline-warning:focus {
  box-shadow: 0 0.25rem 1rem rgba(var(--theme-warning-rgb), 0.5);
}
.btn-check:checked + .btn-outline-info:focus {
  box-shadow: 0 0.25rem 1rem rgba(var(--theme-info-rgb), 0.5);
}
.btn-check:checked + .btn-outline-danger:focus {
  box-shadow: 0 0.25rem 1rem rgba(var(--theme-danger-rgb), 0.5);
}
.btn-check:checked + .btn-outline-light:focus {
  box-shadow: 0 0.25rem 1rem rgba(var(--theme-light-rgb), 0.5);
}
.btn-check:checked + .btn-outline-dark:focus {
  box-shadow: 0 0.25rem 1rem rgba(var(--theme-dark-rgb), 0.5);
}
.btn-check:checked + .btn-outline-teal:focus {
  box-shadow: 0 0.25rem 1rem rgba(var(--theme-teal-rgb), 0.5);
}
.btn-check:focus + .btn.btn-outline-primary {
  color: rgb(var(--theme-dark-rgb));
  background-color: var(--theme-primary-color);
  box-shadow: none;
}
.btn-check:checked + .btn.btn-outline-secondary {
  color: #fff;
  background-color: rgb(var(--theme-secondary-rgb));
  border-color: rgb(var(--theme-secondary-rgb));
  box-shadow: 0 0.25rem 1rem rgba(var(--theme-secondary-rgb), 0.3);
}
.btn.show.btn-outline-secondary {
  background-color: rgb(var(--theme-secondary-rgb));
  color: #fff;
  border-color: rgb(var(--theme-secondary-rgb));
}
.btn.btn-primary-light {
  background-color: rgba(var(--theme-primary-rgb), 0.1);
  color: var(--theme-primary-color);
}
.btn.btn-primary-light:hover,
.btn.btn-primary-light:focus,
.btn.btn-primary-light:active {
  background-color: var(--theme-primary-color);
  color: #fff;
  border-color: var(--theme-primary-color);
}
.btn.btn-secondary-light {
  background-color: rgba(var(--theme-secondary-rgb), 0.1);
  color: rgb(var(--theme-secondary-rgb));
}
.btn.btn-secondary-light:hover,
.btn.btn-secondary-light:focus,
.btn.btn-secondary-light:active {
  background-color: rgb(var(--theme-secondary-rgb));
  color: #fff;
  border-color: rgb(var(--theme-secondary-rgb));
}
.btn.btn-warning-light {
  background-color: rgba(var(--theme-warning-rgb), 0.1);
  color: rgb(var(--theme-warning-rgb));
}
.btn.btn-warning-light:hover,
.btn.btn-warning-light:focus,
.btn.btn-warning-light:active {
  background-color: rgb(var(--theme-warning-rgb));
  color: #fff;
  border-color: rgb(var(--theme-warning-rgb));
}
.btn.btn-info-light {
  background-color: rgba(var(--theme-info-rgb), 0.1);
  color: rgb(var(--theme-info-rgb));
}
.btn.btn-info-light:hover,
.btn.btn-info-light:focus,
.btn.btn-info-light:active {
  background-color: rgb(var(--theme-info-rgb));
  color: #fff;
  border-color: rgb(var(--theme-info-rgb));
}
.btn.btn-success-light {
  background-color: rgba(var(--theme-success-rgb), 0.1);
  color: rgb(var(--theme-success-rgb));
}
.btn.btn-success-light:hover,
.btn.btn-success-light:focus,
.btn.btn-success-light:active {
  background-color: rgb(var(--theme-success-rgb));
  color: #fff;
  border-color: rgb(var(--theme-success-rgb));
}
.btn.btn-danger-light {
  background-color: rgba(var(--theme-danger-rgb), 0.1);
  color: rgb(var(--theme-danger-rgb));
}
.btn.btn-danger-light:hover,
.btn.btn-danger-light:focus,
.btn.btn-danger-light:active {
  background-color: rgb(var(--theme-danger-rgb));
  color: #fff;
  border-color: rgb(var(--theme-danger-rgb));
}
.btn.btn-purple-light {
  background-color: rgba(var(--theme-purple-rgb), 0.1);
  color: rgb(var(--theme-purple-rgb));
}
.btn.btn-purple-light:hover,
.btn.btn-purple-light:focus,
.btn.btn-purple-light:active {
  background-color: rgb(var(--theme-purple-rgb));
  color: #fff;
  border-color: rgb(var(--theme-purple-rgb));
}
.btn.btn-teal-light {
  background-color: rgba(var(--theme-teal-rgb), 0.1);
  color: rgb(var(--theme-teal-rgb));
}
.btn.btn-teal-light:hover,
.btn.btn-teal-light:focus,
.btn.btn-teal-light:active {
  background-color: rgb(var(--theme-teal-rgb));
  color: #fff;
  border-color: rgb(var(--theme-teal-rgb));
}
.btn.btn-orange-light {
  background-color: rgba(var(--theme-orange-rgb), 0.1);
  color: rgb(var(--theme-orange-rgb));
}
.btn.btn-orange-light:hover,
.btn.btn-orange-light:focus,
.btn.btn-orange-light:active {
  background-color: rgb(var(--theme-orange-rgb));
  color: #fff;
  border-color: rgb(var(--theme-orange-rgb));
}
.btn.btn-primary-ghost {
  background-color: transparent;
  color: var(--theme-primary-color);
  border: 1px solid var(--theme-primary-color);
}
.btn.btn-primary-ghost:active {
  color: var(--theme-primary-color);
  border: 1px solid var(--theme-primary-color);
}
.btn.btn-secondary-ghost {
  background-color: transparent;
  color: rgb(var(--theme-secondary-rgb));
  border: 1px solid rgb(var(--theme-secondary-rgb));
}
.btn.btn-secondary-ghost:active {
  color: rgb(var(--theme-secondary-rgb));
  border: 1px solid rgb(var(--theme-secondary-rgb));
}
.btn.btn-warning-ghost {
  background-color: transparent;
  color: rgb(var(--theme-warning-rgb));
  border: 1px solid rgb(var(--theme-warning-rgb));
}
.btn.btn-warning-ghost:active {
  color: rgb(var(--theme-warning-rgb));
  border: 1px solid rgb(var(--theme-warning-rgb));
}
.btn.btn-info-ghost {
  background-color: transparent;
  color: rgb(var(--theme-info-rgb));
  border: 1px solid rgb(var(--theme-info-rgb));
}
.btn.btn-info-ghost:active {
  color: rgb(var(--theme-info-rgb));
  border: 1px solid rgb(var(--theme-info-rgb));
}
.btn.btn-success-ghost {
  background-color: transparent;
  color: rgb(var(--theme-success-rgb));
  border: 1px solid rgb(var(--theme-success-rgb));
}
.btn.btn-success-ghost:active {
  color: rgb(var(--theme-success-rgb));
  border: 1px solid rgb(var(--theme-success-rgb));
}
.btn.btn-danger-ghost {
  background-color: transparent;
  color: rgb(var(--theme-danger-rgb));
  border: 1px solid rgb(var(--theme-danger-rgb));
}
.btn.btn-danger-ghost:active {
  color: rgb(var(--theme-danger-rgb));
  border: 1px solid rgb(var(--theme-danger-rgb));
}
.btn.btn-orange-ghost {
  background-color: transparent;
  color: rgb(var(--theme-orange-rgb));
  border: 1px solid rgb(var(--theme-orange-rgb));
}
.btn.btn-orange-ghost:active {
  color: rgb(var(--theme-orange-rgb));
  border: 1px solid rgb(var(--theme-orange-rgb));
}
.btn.btn-teal-ghost {
  background-color: transparent;
  color: rgb(var(--theme-teal-rgb));
  border: 1px solid rgb(var(--theme-teal-rgb));
}
.btn.btn-teal-ghost:active {
  color: rgb(var(--theme-teal-rgb));
  border: 1px solid rgb(var(--theme-teal-rgb));
}
.btn.btn-purple-ghost {
  background-color: transparent;
  color: rgb(var(--theme-purple-rgb));
  border: 1px solid rgb(var(--theme-purple-rgb));
}
.btn.btn-purple-ghost:active {
  color: rgb(var(--theme-purple-rgb));
  border: 1px solid rgb(var(--theme-purple-rgb));
}
.btn.btn-w-xs {
  min-width: 5.625rem;
}
.btn.btn-w-sm {
  min-width: 6.975rem;
}
.btn.btn-w-md {
  min-width: 8.125rem;
}
.btn.btn-w-lg {
  min-width: 9.375rem;
}
.btn-loader {
  pointer-events: none;
  position: relative;
  display: flex;
  align-items: center;
}
.btn-loader .loading {
  margin-inline-end: 0.75rem;
}
.btn-loader i {
  animation: loader 1000ms infinite linear;
  position: absolute !important;
  top: 0.25rem;
}
@keyframes loader {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.btn-raised-shadow:hover {
  box-shadow: 0 0.5rem 1rem 0.5rem var(--theme-black-1);
}
.label-btn {
  position: relative;
  padding-inline-start: 2.6rem;
}
.label-btn-icon {
  position: absolute;
  width: 2.25rem;
  font-size: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  inset-inline-start: -1px;
  inset-block-start: -1px;
  inset-block-end: -1px;
  background-color: var(--theme-black-2);
}
.label-btn.label-end {
  padding-inline-start: 1rem;
  padding-inline-end: 2.6rem;
}
.label-btn.label-end .label-btn-icon {
  inset-inline-end: -1px;
  inset-inline-start: auto;
}
.custom-button {
  position: relative;
  padding-inline-start: 2.75rem;
}
.custom-button .custom-btn-icons {
  box-shadow: 0px 0px 1px 0.25rem rgba(0, 0, 0, 0.1);
  position: absolute;
  inset-inline-start: -0.125rem;
  inset-block-start: 0px;
  background-color: var(--theme-custom-white);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 0.375rem;
  border-radius: 3.125rem;
  font-size: 1rem;
  width: 2rem;
  height: 2rem;
}
.custom-button .custom-btn-icons i {
  position: absolute;
}
[data-theme-color=dark] .custom-button .custom-btn-icons {
  box-shadow: 0px 0px 1px 0.25rem rgba(255, 255, 255, 0.05);
}
.btn-hover {
  position: relative;
}
.btn-hover.btn-hover-animate {
  transition: all 0.2s linear 0s;
}
.btn-hover.btn-hover-animate:before {
  content: "\f417";
  font-family: bootstrap-icons !important;
  font-size: 0.8125rem;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  inset-inline-end: 0;
  inset-block-start: 0;
  opacity: 0;
  height: 100%;
  width: 2rem;
  transition: all 0.2s linear 0s;
}
.btn-hover.btn-hover-animate:hover {
  padding-inline-end: 2rem;
}
.btn-hover.btn-hover-animate:hover:before {
  opacity: 1;
  text-indent: 0;
}
.btn-glare {
  border: 1px solid;
  overflow: hidden;
  position: relative;
}
.btn-glare span {
  z-index: 20;
}
.btn-glare:after {
  background: var(--theme-custom-white);
  content: "";
  height: 4.6875rem;
  inset-inline-start: -1.625rem;
  opacity: 0.15;
  position: absolute;
  inset-block-start: -3.125rem;
  transform: rotate(35deg);
  transition: all 600ms cubic-bezier(0.2, 1, 0.25, 1);
  width: 1.875rem;
  z-index: 30;
}
.btn-glare:hover:after {
  inset-inline-start: 100%;
  inset-block-start: 0;
  transition: all 600ms cubic-bezier(0.2, 1, 0.25, 1);
}
.btn-darken-hover {
  position: relative;
}
.btn-darken-hover:hover:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.25);
  inset-block-start: 0;
  inset-inline-start: 0;
}
.btn-custom-border {
  border: 0;
  box-shadow: inset 0 0 1.25rem rgba(var(--theme-warning-rgb), 0);
  outline: 1px solid;
  outline-color: rgba(var(--theme-warning-rgb), 0.5);
  outline-offset: 0;
  text-shadow: none;
  transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
}
.btn-custom-border:hover {
  border: 0 solid;
  box-shadow: inset 0 0 1.25rem rgba(var(--theme-warning-rgb), 0.5), 0 0 1.25rem rgba(var(--theme-warning-rgb), 0.2);
  outline-color: rgba(var(--theme-warning-rgb), 0);
  outline-offset: 0.938rem;
}
.btn-border-down.btn-primary-light {
  border-block-end: 0.1875rem solid var(--theme-primary-color);
}
.btn-border-down.btn-secondary-light {
  border-block-end: 0.1875rem solid rgb(var(--theme-secondary-rgb));
}
.btn-border-down.btn-info-light {
  border-block-end: 0.1875rem solid rgb(var(--theme-info-rgb));
}
.btn-border-down.btn-warning-light {
  border-block-end: 0.1875rem solid rgb(var(--theme-warning-rgb));
}
.btn-border-down.btn-success-light {
  border-block-end: 0.1875rem solid rgb(var(--theme-success-rgb));
}
.btn-border-down.btn-danger-light {
  border-block-end: 0.1875rem solid rgb(var(--theme-danger-rgb));
}
.btn-border-down.btn-dark-light {
  border-block-end: 0.1875rem solid var(--theme-primary-color);
}
.btn-border-down.btn-teal-light {
  border-block-end: 0.1875rem solid rgb(var(--theme-teal-rgb));
}
.btn-border-down.btn-purple-light {
  border-block-end: 0.1875rem solid rgb(var(--theme-purple-rgb));
}
.btn-border-start.btn-primary-light {
  border-inline-start: 0.1875rem solid var(--theme-primary-color);
}
.btn-border-start.btn-secondary-light {
  border-inline-start: 0.1875rem solid rgb(var(--theme-secondary-rgb));
}
.btn-border-start.btn-info-light {
  border-inline-start: 0.1875rem solid rgb(var(--theme-info-rgb));
}
.btn-border-start.btn-warning-light {
  border-inline-start: 0.1875rem solid rgb(var(--theme-warning-rgb));
}
.btn-border-start.btn-success-light {
  border-inline-start: 0.1875rem solid rgb(var(--theme-success-rgb));
}
.btn-border-start.btn-danger-light {
  border-inline-start: 0.1875rem solid rgb(var(--theme-danger-rgb));
}
.btn-border-start.btn-dark-light {
  border-inline-start: 0.1875rem solid var(--theme-primary-color);
}
.btn-border-start.btn-teal-light {
  border-inline-start: 0.1875rem solid rgb(var(--theme-teal-rgb));
}
.btn-border-start.btn-purple-light {
  border-inline-start: 0.1875rem solid rgb(var(--theme-purple-rgb));
}
.btn-border-end.btn-primary-light {
  border-inline-end: 0.1875rem solid var(--theme-primary-color);
}
.btn-border-end.btn-secondary-light {
  border-inline-end: 0.1875rem solid rgb(var(--theme-secondary-rgb));
}
.btn-border-end.btn-info-light {
  border-inline-end: 0.1875rem solid rgb(var(--theme-info-rgb));
}
.btn-border-end.btn-warning-light {
  border-inline-end: 0.1875rem solid rgb(var(--theme-warning-rgb));
}
.btn-border-end.btn-success-light {
  border-inline-end: 0.1875rem solid rgb(var(--theme-success-rgb));
}
.btn-border-end.btn-danger-light {
  border-inline-end: 0.1875rem solid rgb(var(--theme-danger-rgb));
}
.btn-border-end.btn-dark-light {
  border-inline-end: 0.1875rem solid var(--theme-primary-color);
}
.btn-border-end.btn-teal-light {
  border-inline-end: 0.1875rem solid rgb(var(--theme-teal-rgb));
}
.btn-border-end.btn-purple-light {
  border-inline-end: 0.1875rem solid rgb(var(--theme-purple-rgb));
}
.btn-border-top.btn-primary-light {
  border-block-start: 0.1875rem solid var(--theme-primary-color);
}
.btn-border-top.btn-secondary-light {
  border-block-start: 0.1875rem solid rgb(var(--theme-secondary-rgb));
}
.btn-border-top.btn-info-light {
  border-block-start: 0.1875rem solid rgb(var(--theme-info-rgb));
}
.btn-border-top.btn-warning-light {
  border-block-start: 0.1875rem solid rgb(var(--theme-warning-rgb));
}
.btn-border-top.btn-success-light {
  border-block-start: 0.1875rem solid rgb(var(--theme-success-rgb));
}
.btn-border-top.btn-danger-light {
  border-block-start: 0.1875rem solid rgb(var(--theme-danger-rgb));
}
.btn-border-top.btn-dark-light {
  border-block-start: 0.1875rem solid var(--theme-primary-color);
}
.btn-border-top.btn-teal-light {
  border-block-start: 0.1875rem solid rgb(var(--theme-teal-rgb));
}
.btn-border-top.btn-purple-light {
  border-block-start: 0.1875rem solid rgb(var(--theme-purple-rgb));
}
.btn-facebook {
  background-color: #316ff6;
  color: #fff;
  border: 1px solid #316ff6;
}
.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook:active {
  background-color: #316ff6 !important;
  color: #fff !important;
  border: 1px solid #316ff6 !important;
}
.btn-google {
  background-color: #CF4E43;
  color: #fff;
  border: 1px solid #CF4E43;
}
.btn-google:hover,
.btn-google:focus,
.btn-google:active {
  background-color: #CF4E43 !important;
  color: #fff !important;
  border: 1px solid #CF4E43 !important;
}
.btn-twitter {
  background-color: #14171A;
  color: #fff;
  border: 1px solid #14171A;
}
.btn-twitter:hover,
.btn-twitter:focus,
.btn-twitter:active {
  background-color: #14171A !important;
  color: #fff !important;
  border: 1px solid #14171A !important;
}
[data-theme-color=dark] .btn-twitter {
  background-color: rgba(255, 255, 255, 0.1);
}
.btn-github {
  background-color: #333;
  color: #fff;
  border: 1px solid #333;
}
.btn-github:hover,
.btn-github:focus,
.btn-github:active {
  background-color: #333 !important;
  color: #fff !important;
  border: 1px solid #333 !important;
}
.btn-youtube {
  background-color: #FF0000;
  color: #fff;
  border: 1px solid #FF0000;
}
.btn-youtube:hover,
.btn-youtube:focus,
.btn-youtube:active {
  background-color: #FF0000 !important;
  color: #fff !important;
  border: 1px solid #FF0000 !important;
}
.btn-instagram {
  background: #f09433;
  background:
    linear-gradient(
      45deg,
      #f09433 0%,
      #e6683c 25%,
      #dc2743 50%,
      #cc2366 75%,
      #bc1888 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f09433", endColorstr="#bc1888", GradientType=1);
  color: #fff;
  border: 1px solid transparent;
}
.btn-instagram:hover,
.btn-instagram:focus,
.btn-instagram:active {
  color: #fff;
  border: 1px solid transparent;
}
@media (max-width: 575.9808px) {
  .checkbox-button-group .btn-group label,
  .radio-button-group .btn-group label {
    font-size: 0.563rem;
  }
}
.btn-outline-secondary {
  --bs-btn-hover-color: rgb(var(--theme-secondary-rgb));
  --bs-btn-hover-bg: #fff;
  --bs-btn-hover-border-color: rgb(var(--theme-secondary-rgb));
  --bs-btn-active-color: rgb(var(--theme-secondary-rgb));
}
.btn-check:checked + .btn.btn-outline-light,
.btn.btn-outline-light.active,
.btn.btn-outline-light.show,
.btn.btn-outline-light:first-child:active,
:not(.btn-check) + .btn.btn-outline-light:active {
  background-color: rgb(var(--theme-light-rgb));
}
.btn-white-transparent {
  background-color: rgba(255, 255, 255, 0.2) !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
}
.btn-white-transparent:hover,
.btn-white-transparent:active,
.btn-white-transparent:focus {
  background-color: rgba(255, 255, 255, 0.3) !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
}
.btn-white,
.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white.active {
  background-color: var(--theme-custom-white) !important;
  color: var(--theme-default-text-color) !important;
  border: 1px solid var(--theme-default-border);
}
@media (max-width: 340px) {
  .btn-group-sm > .btn,
  .btn-sm {
    padding: 0.25rem 0.5rem;
  }
}
.card {
  margin-block-end: 1.5rem;
}
.card .card-header,
.card .card-footer {
  background-color: var(--theme-custom-white) !important;
  color: var(--theme-default-text-color);
}
[data-theme-color=dark] .card.custom-card {
  box-shadow: 0px 2px 1px -1px rgba(255, 255, 255, 0.05);
}
.card.custom-card {
  border-radius: 0.7rem;
  background-color: var(--theme-custom-white);
  box-shadow: none;
  border: 1px solid var(--theme-default-border);
  position: relative;
  margin-block-end: 1.5rem;
  width: 100%;
}
.card.custom-card .card-header {
  padding: 1.125rem 1.25rem;
  background-color: transparent !important;
  border-block-end: 1px solid var(--theme-default-border);
  display: flex;
  align-items: center;
  position: relative;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.card.custom-card .card-header:first-child {
  border-radius: 0.625rem 0.625rem 0 0;
}
.card.custom-card .card-header .card-title {
  position: relative;
  margin-block-end: 0;
  font-size: 1rem;
  font-weight: 600;
}
.card.custom-card .card-header .card-title .subtitle {
  margin-block-end: 0;
  text-transform: initial;
}
.card.custom-card .card-footer {
  background-color: transparent !important;
  border-block-start: 1px solid var(--theme-default-border);
  padding: 1.25rem;
  font-size: 0.875rem;
}
.card.custom-card .card-body {
  padding: 1.25rem;
  color: var(--theme-default-text-color);
}
.card.custom-card .card-link {
  font-size: 0.75rem;
}
.card.custom-card .card-text {
  font-size: 0.813rem;
}
.card.custom-card .footer-card-icon {
  width: 60px;
  height: 60px;
}
.card.custom-card.overlay-card {
  position: relative;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.9);
}
.card.custom-card.overlay-card .card-header {
  border-block-end: 1px solid rgba(255, 255, 255, 0.1);
}
.card.custom-card.overlay-card .card-footer {
  border-block-start: 1px solid rgba(255, 255, 255, 0.1);
}
.card.custom-card.overlay-card .over-content-bottom {
  top: auto;
}
.card.custom-card.overlay-card:before {
  content: "";
  inset-inline-start: 0;
  inset-inline-end: 0;
  inset-block-start: 0;
  inset-block-end: 0;
  background-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  border-radius: 0.35rem;
}
.card.custom-card.card-bg-primary {
  background-color: var(--theme-primary-color);
  color: #fff;
}
.card.custom-card.card-bg-primary .card-header {
  color: #fff;
  border-block-end: 1px dashed rgba(0, 0, 0, 0.1);
}
.card.custom-card.card-bg-primary .card-header:before {
  background-color: #fff;
}
.card.custom-card.card-bg-primary .card-body {
  color: #fff;
}
.card.custom-card.card-bg-primary .card-footer {
  color: #fff;
  border-block-start: 1px dashed rgba(0, 0, 0, 0.1);
}
.card.custom-card.card-bg-secondary {
  background-color: rgb(var(--theme-secondary-rgb));
  color: #fff;
}
.card.custom-card.card-bg-secondary .card-header {
  color: #fff;
  border-block-end: 1px dashed rgba(0, 0, 0, 0.1);
}
.card.custom-card.card-bg-secondary .card-header:before {
  background-color: #fff;
}
.card.custom-card.card-bg-secondary .card-body {
  color: #fff;
}
.card.custom-card.card-bg-secondary .card-footer {
  color: #fff;
  border-block-start: 1px dashed rgba(0, 0, 0, 0.1);
}
.card.custom-card.card-bg-warning {
  background-color: rgb(var(--theme-warning-rgb));
  color: #fff;
}
.card.custom-card.card-bg-warning .card-header {
  color: #fff;
  border-block-end: 1px dashed rgba(0, 0, 0, 0.1);
}
.card.custom-card.card-bg-warning .card-header:before {
  background-color: #fff;
}
.card.custom-card.card-bg-warning .card-body {
  color: #fff;
}
.card.custom-card.card-bg-warning .card-footer {
  color: #fff;
  border-block-start: 1px dashed rgba(0, 0, 0, 0.1);
}
.card.custom-card.card-bg-info {
  background-color: rgb(var(--theme-info-rgb));
  color: #fff;
}
.card.custom-card.card-bg-info .card-header {
  color: #fff;
  border-block-end: 1px dashed rgba(0, 0, 0, 0.1);
}
.card.custom-card.card-bg-info .card-header:before {
  background-color: #fff;
}
.card.custom-card.card-bg-info .card-body {
  color: #fff;
}
.card.custom-card.card-bg-info .card-footer {
  color: #fff;
  border-block-start: 1px dashed rgba(0, 0, 0, 0.1);
}
.card.custom-card.card-bg-success {
  background-color: rgb(var(--theme-success-rgb));
  color: #fff;
}
.card.custom-card.card-bg-success .card-header {
  color: #fff;
  border-block-end: 1px dashed rgba(0, 0, 0, 0.1);
}
.card.custom-card.card-bg-success .card-header:before {
  background-color: #fff;
}
.card.custom-card.card-bg-success .card-body {
  color: #fff;
}
.card.custom-card.card-bg-success .card-footer {
  color: #fff;
  border-block-start: 1px dashed rgba(0, 0, 0, 0.1);
}
.card.custom-card.card-bg-danger {
  background-color: rgb(var(--theme-danger-rgb));
  color: #fff;
}
.card.custom-card.card-bg-danger .card-header {
  color: #fff;
  border-block-end: 1px dashed rgba(0, 0, 0, 0.1);
}
.card.custom-card.card-bg-danger .card-header:before {
  background-color: #fff;
}
.card.custom-card.card-bg-danger .card-body {
  color: #fff;
}
.card.custom-card.card-bg-danger .card-footer {
  color: #fff;
  border-block-start: 1px dashed rgba(0, 0, 0, 0.1);
}
.card.custom-card.card-bg-purple {
  background-color: rgb(var(--theme-purple-rgb));
  color: #fff;
}
.card.custom-card.card-bg-purple .card-header {
  color: #fff;
  border-block-end: 1px dashed rgba(0, 0, 0, 0.1);
}
.card.custom-card.card-bg-purple .card-header:before {
  background-color: #fff;
}
.card.custom-card.card-bg-purple .card-body {
  color: #fff;
}
.card.custom-card.card-bg-purple .card-footer {
  color: #fff;
  border-block-start: 1px dashed rgba(0, 0, 0, 0.1);
}
.card.custom-card.card-bg-pink {
  background-color: rgb(var(--theme-pink-rgb));
  color: #fff;
}
.card.custom-card.card-bg-pink .card-header {
  color: #fff;
  border-block-end: 1px dashed rgba(0, 0, 0, 0.1);
}
.card.custom-card.card-bg-pink .card-header:before {
  background-color: #fff;
}
.card.custom-card.card-bg-pink .card-body {
  color: #fff;
}
.card.custom-card.card-bg-pink .card-footer {
  color: #fff;
  border-block-start: 1px dashed rgba(0, 0, 0, 0.1);
}
.card.custom-card.card-bg-orange {
  background-color: rgb(var(--theme-orange-rgb));
  color: #fff;
}
.card.custom-card.card-bg-orange .card-header {
  color: #fff;
  border-block-end: 1px dashed rgba(0, 0, 0, 0.1);
}
.card.custom-card.card-bg-orange .card-header:before {
  background-color: #fff;
}
.card.custom-card.card-bg-orange .card-body {
  color: #fff;
}
.card.custom-card.card-bg-orange .card-footer {
  color: #fff;
  border-block-start: 1px dashed rgba(0, 0, 0, 0.1);
}
.card.custom-card.card-bg-light {
  background-color: rgb(var(--theme-light-rgb));
  color: var(--theme-default-text-color);
}
.card.custom-card.card-bg-light .card-header {
  color: var(--theme-default-text-color);
  border-block-end: var(--theme-default-border);
}
.card.custom-card.card-bg-light .card-body {
  color: var(--theme-default-text-color);
}
.card.custom-card.card-bg-light .card-footer {
  color: var(--theme-default-text-color);
  border-block-start: var(--theme-default-border);
}
.card.custom-card.card-bg-dark {
  background-color: rgb(var(--theme-dark-rgb));
  color: var(--theme-custom-white);
}
.card.custom-card.card-bg-dark .card-header {
  color: #fff;
  border-block-end: 1px solid rgba(255, 255, 255, 0.2);
}
.card.custom-card.card-bg-dark .card-header:before {
  background-color: var(--theme-custom-white);
}
.card.custom-card.card-bg-dark .card-body {
  color: #fff;
}
.card.custom-card.card-bg-dark .card-footer {
  color: #fff;
  border-block-start: 1px solid rgba(255, 255, 255, 0.2);
}
.card.custom-card .card-anchor {
  position: absolute;
  top: 0;
  inset-inline-end: 0;
  bottom: 0;
  inset-inline-start: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
}
.card.custom-card .collapse-close {
  display: none;
}
.card.custom-card.card .collapsed .collapse-close {
  display: block;
}
.card.custom-card.card .collapsed .collapse-open {
  display: none;
}
.card.custom-card.card-fullscreen {
  position: fixed;
  top: 0;
  inset-inline-start: 0;
  inset-inline-start: 0;
  bottom: 0;
  z-index: 9999;
  margin: 0;
}
@media (max-width: 575px) {
  .overlay-card .card-text {
    font-size: 0.613rem !important;
  }
}
.card-img,
.card-img-top {
  border-top-left-radius: 0.35rem;
  border-top-right-radius: 0.35rem;
}
.widgets-page .widgets-page-intro {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1.25rem;
  margin-bottom: 1.25rem;
}
.widgets-page .widgets-page-kicker {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  color: rgb(var(--theme-primary-rgb));
  font-size: 0.75rem;
  font-weight: 600;
}
.widgets-page .widgets-page-intro h2 {
  margin: 0.45rem 0 0.3rem;
  color: var(--theme-default-text-color);
  font-size: clamp(1.25rem, 2vw, 1.6rem);
  font-weight: 650;
  letter-spacing: -0.03em;
}
.widgets-page .widgets-page-intro p {
  max-width: 44rem;
  margin: 0;
  color: var(--theme-text-muted);
  font-size: 0.875rem;
}
.widgets-page .widgets-section-nav {
  display: flex;
  max-width: 100%;
  flex: 0 1 auto;
  gap: 0.4rem;
  overflow-x: auto;
  padding: 0.25rem;
  scrollbar-width: thin;
}
.widgets-page .widgets-section-nav a {
  flex: 0 0 auto;
  padding: 0.45rem 0.7rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 999px;
  background: var(--theme-custom-white);
  color: var(--theme-default-text-color);
  font-size: 0.72rem;
  text-decoration: none;
  transition: border-color 140ms ease, color 140ms ease;
}
.widgets-page .widgets-section-nav a:hover,
.widgets-page .widgets-section-nav a:focus-visible {
  border-color: rgba(var(--theme-primary-rgb), 0.4);
  color: rgb(var(--theme-primary-rgb));
}
.widgets-page .widgets-page [id^=widgets-] {
  scroll-margin-top: 6rem;
}
.widgets-page .widgets-page > .container-fluid > .row {
  --bs-gutter-y: 1.25rem;
}
.widgets-page .widget-stat-card .card-body {
  display: flex;
  min-height: 9rem;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.1rem;
  padding: 1.1rem 1.25rem;
}
.widgets-page .widget-stat-heading {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 0.55rem;
}
.widgets-page .widget-stat-heading i {
  flex: 0 0 auto;
  color: var(--theme-default-text-color);
  font-size: 1.35rem;
}
.widgets-page .widget-stat-heading h2 {
  margin: 0;
  color: var(--theme-default-text-color);
  font-size: 0.9rem;
  font-weight: 650;
}
.widgets-page .widget-stat-value-row {
  display: flex;
  min-width: 0;
  align-items: flex-end;
  justify-content: space-between;
  gap: 0.5rem;
}
.widgets-page .widget-stat-value-row h3 {
  margin-bottom: 0.5rem;
  color: var(--theme-default-text-color);
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
}
.widgets-page .widget-stat-detail {
  display: inline-block;
  margin-top: 0.5rem;
  color: var(--theme-text-muted);
  font-size: 0.72rem;
}
.widgets-page .widget-stat-sparkline {
  width: 38%;
  max-width: 7rem;
  min-width: 3.75rem;
  height: auto;
  overflow: visible;
  flex: 0 1 auto;
}
.widgets-page .widget-stat-sparkline path {
  fill: none;
  stroke: var(--theme-default-text-color);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.widgets-page .widget-revenue-strip {
  display: grid;
  grid-template-columns: minmax(18rem, 1.7fr) repeat(3, minmax(0, 1fr));
  align-items: stretch;
  overflow: hidden;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.75rem;
  background: var(--theme-custom-white);
}
.widgets-page .widget-revenue-primary {
  min-width: 0;
  padding: 1.35rem 1.5rem;
}
.widgets-page .widget-revenue-primary-heading,
.widgets-page .widget-revenue-quota {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}
.widgets-page .widget-revenue-growth {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 0.2rem;
  padding: 0.35rem 0.55rem;
  border-radius: 0.4rem;
  background: rgba(var(--theme-success-rgb), 0.1);
  color: rgb(var(--theme-success-rgb));
  font-size: 0.72rem;
  font-weight: 650;
}
.widgets-page .widget-revenue-value-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 0.6rem;
  margin: 0.7rem 0 0.8rem;
}
.widgets-page .widget-revenue-value-row svg {
  width: 5.5rem;
  max-width: 32%;
  height: auto;
  flex: 0 1 auto;
  overflow: visible;
}
.widgets-page .widget-revenue-value-row rect {
  fill: rgb(var(--theme-success-rgb));
  opacity: 0.42;
}
.widgets-page .widget-revenue-value-row rect:nth-child(n+4) {
  opacity: 0.68;
}
.widgets-page .widget-revenue-value-row rect:nth-child(n+6) {
  opacity: 1;
}
.widgets-page .widget-revenue-progress {
  height: 0.45rem;
  overflow: hidden;
  border-radius: 999px;
  background: var(--theme-default-border);
}
.widgets-page .widget-revenue-progress span {
  display: block;
  width: 84%;
  height: 100%;
  border-radius: inherit;
  background: rgb(var(--theme-success-rgb));
}
.widgets-page .widget-revenue-quota {
  margin-top: 0.55rem;
  color: var(--theme-text-muted);
  font-size: 0.75rem;
}
.widgets-page .widget-revenue-quota strong {
  color: var(--theme-default-text-color);
  font-weight: 600;
}
.widgets-page .widget-revenue-metric {
  min-width: 0;
  padding: 1.25rem;
  border-inline-start: 1px solid var(--theme-default-border);
}
.widgets-page .widget-revenue-icon {
  display: grid;
  width: 2.5rem;
  height: 2.5rem;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 0.65rem;
  font-size: 1.3rem;
  margin-bottom: 0.75rem;
}
.widgets-page .widget-revenue-label,
.widgets-page .widget-revenue-metric strong,
.widgets-page .widget-revenue-metric small {
  display: block;
}
.widgets-page .widget-revenue-label {
  margin-bottom: 0.2rem;
  color: var(--theme-text-muted);
  font-size: 0.78rem;
}
.widgets-page .widget-revenue-metric strong {
  color: var(--theme-default-text-color);
  font-size: clamp(1.15rem, 1.7vw, 1.45rem);
  font-weight: 650;
  line-height: 1.25;
  white-space: nowrap;
}
.widgets-page .widget-revenue-metric small {
  margin-top: 0.35rem;
  color: rgb(var(--theme-success-rgb));
  font-size: 0.72rem;
  line-height: 1.4;
}
.widgets-page .widget-revenue-metric .widget-revenue-muted {
  color: var(--theme-text-muted);
}
.widgets-page .widgets-page .table-responsive,
.widgets-page .widgets-page .apexcharts-canvas,
.widgets-page .widgets-page [id^=widget-][id$=-chart] {
  max-width: 100%;
  min-width: 0;
}
@media (max-width: 991.98px) {
  .widgets-page .widgets-page-intro {
    align-items: flex-start;
    flex-direction: column;
  }
  .widgets-page .widgets-section-nav {
    width: 100%;
  }
  .widgets-page .widget-revenue-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .widgets-page .widget-revenue-primary {
    grid-column: 1/-1;
  }
  .widgets-page .widget-revenue-metric:nth-child(2n) {
    border-inline-start: 0;
  }
}
@media (max-width: 575.98px) {
  .widgets-page .widgets-page-intro {
    gap: 0.85rem;
  }
  .widgets-page .widgets-page-intro p {
    font-size: 0.8125rem;
  }
  .widgets-page .widget-revenue-strip {
    grid-template-columns: minmax(0, 1fr);
  }
  .widgets-page .widget-revenue-primary {
    grid-column: auto;
    padding: 1.1rem;
  }
  .widgets-page .widget-revenue-metric {
    padding: 1rem 1.1rem;
    border-inline-start: 0;
    border-top: 1px solid var(--theme-default-border);
  }
  .widgets-page > .container-fluid > .row {
    --bs-gutter-y: 0.9rem;
  }
}
.cards-showcase-page .cards-showcase-intro {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1.25rem;
  padding: clamp(1.25rem, 3vw, 2rem);
  border: 1px solid var(--theme-default-border);
  border-radius: 0.85rem;
  background:
    radial-gradient(
      circle at 90% 0%,
      rgba(var(--theme-primary-rgb), 0.09),
      transparent 34%),
    var(--theme-custom-white);
}
.cards-showcase-page .cards-showcase-kicker {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  color: rgb(var(--theme-primary-rgb));
  font-size: 0.75rem;
  font-weight: 600;
}
.cards-showcase-page .cards-showcase-intro h2 {
  margin: 0.5rem 0 0.35rem;
  color: var(--theme-default-text-color);
  font-size: clamp(1.25rem, 2.2vw, 1.65rem);
  font-weight: 650;
  letter-spacing: -0.03em;
}
.cards-showcase-page .cards-showcase-intro p {
  max-width: 42rem;
  margin: 0;
  color: var(--theme-text-muted);
  font-size: 0.875rem;
}
.cards-showcase-page .cards-showcase-highlights {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.5rem;
}
.cards-showcase-page .cards-showcase-highlights span {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.45rem 0.65rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 999px;
  background: var(--theme-custom-white);
  color: var(--theme-text-muted);
  font-size: 0.7rem;
  white-space: nowrap;
}
.cards-showcase-page .cards-showcase-highlights i {
  color: rgb(var(--theme-primary-rgb));
  font-size: 0.9rem;
}
.cards-showcase-page .cards-showcase .container-fluid > .row {
  --bs-gutter-y: 1.25rem;
}
.cards-showcase-page .cards-showcase .container-fluid > .row > [class*=col-] {
  min-width: 0;
}
@media (max-width: 767.98px) {
  .cards-showcase-page .cards-showcase-intro {
    align-items: flex-start;
    flex-direction: column;
  }
  .cards-showcase-page .cards-showcase-highlights {
    justify-content: flex-start;
  }
}
@media (max-width: 575.98px) {
  .cards-showcase-page .cards-showcase-intro {
    padding: 1rem;
    border-radius: 0.65rem;
  }
  .cards-showcase-page .cards-showcase-highlights span {
    font-size: 0.65rem;
  }
  .cards-showcase-page .cards-showcase .container-fluid > .row {
    --bs-gutter-y: 0.9rem;
  }
}
.topbar .dropdown-toggle {
  position: relative;
}
@keyframes slideIn {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
  100% {
    transform: translateY(0rem);
    opacity: 1;
  }
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
}
.dropdown-menu {
  border-color: var(--theme-default-border);
  box-shadow: 0px 0.125rem 0.25rem rgba(0, 0, 0, 0.05);
  font-size: 0.875rem;
  color: var(--theme-default-text-color);
  background-color: var(--theme-custom-white);
  padding: 0;
  z-index: 10;
  border-radius: 0.35rem;
  overflow: hidden;
  animation-duration: 0.2s;
  -webkit-animation-duration: 0.2s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-name: slideIn;
}
.dropdown-divider {
  border-color: var(--theme-default-border);
}
.dropdown-item-text {
  color: var(--theme-default-text-color);
}
.dropdown-header {
  color: var(--theme-default-text-color);
}
.dropdown-item {
  color: var(--theme-default-text-color);
  white-space: unset;
  padding: 0.5rem 0.9375rem;
  font-size: 0.85rem;
  font-weight: 400;
}
.dropdown-item:not(.active):hover,
.dropdown-item:not(.active):focus,
.dropdown-item:not(.active):active {
  color: rgb(var(--theme-dark-rgb));
  background-color: rgb(var(--theme-light-rgb));
}
.dropdown-item.active {
  background-color: rgb(var(--theme-light-rgb)) !important;
  color: rgb(var(--theme-dark-rgb)) !important;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-inline-start: 0.25rem;
  vertical-align: 0;
  content: "\f282";
  font-family: bootstrap-icons !important;
  border: 0;
  font-size: 0.6rem;
  font-weight: 400;
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-inline-start: 0.25rem;
  vertical-align: 0;
  content: "\f286";
  font-family: bootstrap-icons !important;
  border: 0;
  font-size: 0.6rem;
  font-weight: 400;
}
.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-inline-start: 0.25rem;
  vertical-align: 0;
  content: "\f285";
  font-family: bootstrap-icons !important;
  border: 0;
  font-size: 0.6rem;
  font-weight: 400;
}
.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-inline-start: 0.25rem;
  vertical-align: 0;
  content: "\f284";
  font-family: bootstrap-icons !important;
  border: 0;
  font-size: 0.6rem;
  font-weight: 400;
}
.btn.dropdown-toggle-split {
  opacity: 0.85;
}
.dropdown-menu-dark {
  background-color: rgb(var(--theme-dark-rgb));
  border-color: rgba(255, 255, 255, 0.1);
}
.dropdown-menu-dark li a {
  color: var(--theme-custom-white);
}
.btn-list a.dropdown-item {
  margin-block-end: 0;
}
.dropdown-menu.dropdown-menu-primary {
  background-color: var(--theme-primary-color);
}
.dropdown-menu.dropdown-menu-primary li a {
  color: rgba(255, 255, 255, 0.9);
}
.dropdown-menu.dropdown-menu-primary .dropdown-item:hover,
.dropdown-menu.dropdown-menu-primary .dropdown-item:focus,
.dropdown-menu.dropdown-menu-primary .dropdown-item:active,
.dropdown-menu.dropdown-menu-primary .dropdown-item.active {
  color: #fff;
}
.dropdown-menu.dropdown-menu-secondary {
  background-color: rgb(var(--theme-secondary-rgb));
}
.dropdown-menu.dropdown-menu-secondary li a {
  color: rgba(255, 255, 255, 0.9);
}
.dropdown-menu.dropdown-menu-secondary .dropdown-item:hover,
.dropdown-menu.dropdown-menu-secondary .dropdown-item:focus,
.dropdown-menu.dropdown-menu-secondary .dropdown-item:active,
.dropdown-menu.dropdown-menu-secondary .dropdown-item.active {
  color: #fff;
}
.dropdown-menu.dropdown-menu-warning {
  background-color: rgb(var(--theme-warning-rgb));
}
.dropdown-menu.dropdown-menu-warning li a {
  color: rgba(255, 255, 255, 0.9);
}
.dropdown-menu.dropdown-menu-warning .dropdown-item:hover,
.dropdown-menu.dropdown-menu-warning .dropdown-item:focus,
.dropdown-menu.dropdown-menu-warning .dropdown-item:active,
.dropdown-menu.dropdown-menu-warning .dropdown-item.active {
  color: #fff;
}
.dropdown-menu.dropdown-menu-info {
  background-color: rgb(var(--theme-info-rgb));
}
.dropdown-menu.dropdown-menu-info li a {
  color: rgba(255, 255, 255, 0.9);
}
.dropdown-menu.dropdown-menu-info .dropdown-item:hover,
.dropdown-menu.dropdown-menu-info .dropdown-item:focus,
.dropdown-menu.dropdown-menu-info .dropdown-item:active,
.dropdown-menu.dropdown-menu-info .dropdown-item.active {
  color: #fff;
}
.dropdown-menu.dropdown-menu-success {
  background-color: rgb(var(--theme-success-rgb));
}
.dropdown-menu.dropdown-menu-success li a {
  color: rgba(255, 255, 255, 0.9);
}
.dropdown-menu.dropdown-menu-success .dropdown-item:hover,
.dropdown-menu.dropdown-menu-success .dropdown-item:focus,
.dropdown-menu.dropdown-menu-success .dropdown-item:active,
.dropdown-menu.dropdown-menu-success .dropdown-item.active {
  color: #fff;
}
.dropdown-menu.dropdown-menu-danger {
  background-color: rgb(var(--theme-danger-rgb));
}
.dropdown-menu.dropdown-menu-danger li a {
  color: rgba(255, 255, 255, 0.9);
}
.dropdown-menu.dropdown-menu-danger .dropdown-item:hover,
.dropdown-menu.dropdown-menu-danger .dropdown-item:focus,
.dropdown-menu.dropdown-menu-danger .dropdown-item:active,
.dropdown-menu.dropdown-menu-danger .dropdown-item.active {
  color: #fff;
}
.dropdown-menu.dropmenu-item-primary .dropdown-item:hover,
.dropdown-menu.dropmenu-item-primary .dropdown-item:focus,
.dropdown-menu.dropmenu-item-primary .dropdown-item:active,
.dropdown-menu.dropmenu-item-primary .dropdown-item.active {
  background-color: rgba(var(--theme-primary-rgb), 0.1) !important;
  color: var(--theme-primary-color);
}
.dropdown-menu.dropmenu-item-secondary .dropdown-item:hover,
.dropdown-menu.dropmenu-item-secondary .dropdown-item:focus,
.dropdown-menu.dropmenu-item-secondary .dropdown-item:active,
.dropdown-menu.dropmenu-item-secondary .dropdown-item.active {
  background-color: rgba(var(--theme-secondary-rgb), 0.1) !important;
  color: rgb(var(--theme-secondary-rgb));
}
.dropdown-menu.dropmenu-item-warning .dropdown-item:hover,
.dropdown-menu.dropmenu-item-warning .dropdown-item:focus,
.dropdown-menu.dropmenu-item-warning .dropdown-item:active,
.dropdown-menu.dropmenu-item-warning .dropdown-item.active {
  background-color: rgba(var(--theme-warning-rgb), 0.1) !important;
  color: rgb(var(--theme-warning-rgb));
}
.dropdown-menu.dropmenu-item-info .dropdown-item:hover,
.dropdown-menu.dropmenu-item-info .dropdown-item:focus,
.dropdown-menu.dropmenu-item-info .dropdown-item:active,
.dropdown-menu.dropmenu-item-info .dropdown-item.active {
  background-color: rgba(var(--theme-info-rgb), 0.1) !important;
  color: rgb(var(--theme-info-rgb));
}
.dropdown-menu.dropmenu-item-success .dropdown-item:hover,
.dropdown-menu.dropmenu-item-success .dropdown-item:focus,
.dropdown-menu.dropmenu-item-success .dropdown-item:active,
.dropdown-menu.dropmenu-item-success .dropdown-item.active {
  background-color: rgba(var(--theme-success-rgb), 0.1) !important;
  color: rgb(var(--theme-success-rgb));
}
.dropdown-menu.dropmenu-item-danger .dropdown-item:hover,
.dropdown-menu.dropmenu-item-danger .dropdown-item:focus,
.dropdown-menu.dropmenu-item-danger .dropdown-item:active,
.dropdown-menu.dropmenu-item-danger .dropdown-item.active {
  background-color: rgba(var(--theme-danger-rgb), 0.1) !important;
  color: rgb(var(--theme-danger-rgb));
}
.dropdown-menu.dropmenu-light-primary {
  background-color: rgba(var(--theme-primary-rgb), 0.1);
  backdrop-filter: blur(2rem);
}
.dropdown-menu.dropmenu-light-primary .dropdown-item:hover,
.dropdown-menu.dropmenu-light-primary .dropdown-item:focus,
.dropdown-menu.dropmenu-light-primary .dropdown-item:active,
.dropdown-menu.dropmenu-light-primary .dropdown-item.active {
  color: #fff;
  background-color: var(--theme-primary-color) !important;
}
.dropdown-menu.dropmenu-light-secondary {
  background-color: rgba(var(--theme-secondary-rgb), 0.1);
  backdrop-filter: blur(2rem);
}
.dropdown-menu.dropmenu-light-secondary .dropdown-item:hover,
.dropdown-menu.dropmenu-light-secondary .dropdown-item:focus,
.dropdown-menu.dropmenu-light-secondary .dropdown-item:active,
.dropdown-menu.dropmenu-light-secondary .dropdown-item.active {
  color: #fff;
  background-color: rgb(var(--theme-secondary-rgb)) !important;
}
.dropdown-menu.dropmenu-light-info {
  background-color: rgba(var(--theme-info-rgb), 0.1);
  backdrop-filter: blur(2rem);
}
.dropdown-menu.dropmenu-light-info .dropdown-item:hover,
.dropdown-menu.dropmenu-light-info .dropdown-item:focus,
.dropdown-menu.dropmenu-light-info .dropdown-item:active,
.dropdown-menu.dropmenu-light-info .dropdown-item.active {
  color: #fff;
  background-color: rgb(var(--theme-info-rgb)) !important;
}
.dropdown-menu.dropmenu-light-warning {
  background-color: rgba(var(--theme-warning-rgb), 0.1);
  backdrop-filter: blur(2rem);
}
.dropdown-menu.dropmenu-light-warning .dropdown-item:hover,
.dropdown-menu.dropmenu-light-warning .dropdown-item:focus,
.dropdown-menu.dropmenu-light-warning .dropdown-item:active,
.dropdown-menu.dropmenu-light-warning .dropdown-item.active {
  color: #fff;
  background-color: rgb(var(--theme-warning-rgb)) !important;
}
.dropdown-menu.dropmenu-light-success {
  background-color: rgba(var(--theme-success-rgb), 0.1);
  backdrop-filter: blur(2rem);
}
.dropdown-menu.dropmenu-light-success .dropdown-item:hover,
.dropdown-menu.dropmenu-light-success .dropdown-item:focus,
.dropdown-menu.dropmenu-light-success .dropdown-item:active,
.dropdown-menu.dropmenu-light-success .dropdown-item.active {
  color: #fff;
  background-color: rgb(var(--theme-success-rgb)) !important;
}
.dropdown-menu.dropmenu-light-danger {
  background-color: rgba(var(--theme-danger-rgb), 0.1);
  backdrop-filter: blur(2rem);
}
.dropdown-menu.dropmenu-light-danger .dropdown-item:hover,
.dropdown-menu.dropmenu-light-danger .dropdown-item:focus,
.dropdown-menu.dropmenu-light-danger .dropdown-item:active,
.dropdown-menu.dropmenu-light-danger .dropdown-item.active {
  color: #fff;
  background-color: rgb(var(--theme-danger-rgb)) !important;
}
.dropdown-divider {
  margin: 0;
}
.dropdown-item.disabled,
.dropdown-item:disabled {
  color: var(--theme-default-text-color);
  opacity: 0.5;
}
.form-control {
  border-color: var(--theme-input-border);
  color: var(--theme-default-text-color);
  background-color: var(--theme-form-control-bg);
  font-size: 0.875rem;
  font-weight: var(--theme-default-font-weight);
  line-height: 1.5;
  border-radius: 0.3rem;
  padding: 0.5rem 0.75rem;
}
.form-control:focus {
  border-color: rgba(var(--theme-dark-rgb), 0.1);
  background-color: var(--theme-custom-white);
  box-shadow: 0 2px 6px 0px rgba(var(--theme-dark-rgb), 0.05);
  color: var(--theme-default-text-color);
}
.form-control.border-dotted {
  border-style: dotted;
}
.form-control.border-dashed {
  border-style: dashed;
}
.form-label {
  font-size: 0.8rem;
  font-weight: 500;
  color: var(--theme-default-text-color);
}
.form-text {
  color: var(--theme-text-muted);
}
.form-control-light {
  background-color: rgb(var(--theme-light-rgb));
  border: 0;
}
.form-control-light:focus {
  background-color: rgb(var(--theme-light-rgb));
}
.form-control-primary {
  background-color: rgba(var(--theme-primary-rgb), 0.1);
  border: 0;
  color: var(--theme-primary-color);
}
.form-control-primary:focus {
  background-color: rgba(var(--theme-primary-rgb), 0.1);
  color: var(--theme-primary-color);
}
.form-input-color {
  height: 2.25rem;
  width: 2.25rem !important;
  border-radius: 0.35rem;
  overflow: hidden;
  padding: 0;
}
.form-select {
  background-color: var(--theme-form-control-bg);
  border: 1px solid var(--theme-input-border);
  color: var(--theme-default-text-color);
  font-size: 0.875rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  background-size: 1.25rem;
}
.form-select option {
  background-color: transparent;
  padding: 0.35rem 0.75rem;
  border-radius: 0.25rem;
}
.form-select option:checked {
  background-color: rgb(var(--theme-light-rgb));
  color: var(--theme-default-text-color);
}
.form-check-input {
  width: 1.1em;
  height: 1.1em;
  background-color: var(--theme-custom-white);
  border: 1px solid var(--theme-input-border);
}
.form-check-input:checked {
  background-color: var(--theme-primary-color);
  border-color: var(--theme-primary-color);
}
.form-check-input.form-checked-outline:checked {
  background-color: transparent;
  border-color: var(--theme-primary-color);
}
.form-check-input.form-checked-gray:checked {
  background-color: var(--theme-gray-3);
  border-color: var(--theme-gray-3);
}
.form-check-input.form-checked-secondary:checked {
  background-color: rgb(var(--theme-secondary-rgb));
  border-color: rgb(var(--theme-secondary-rgb));
}
.form-check-input.form-checked-warning:checked {
  background-color: rgb(var(--theme-warning-rgb));
  border-color: rgb(var(--theme-warning-rgb));
}
.form-check-input.form-checked-info:checked {
  background-color: rgb(var(--theme-info-rgb));
  border-color: rgb(var(--theme-info-rgb));
}
.form-check-input.form-checked-success:checked {
  background-color: rgb(var(--theme-success-rgb));
  border-color: rgb(var(--theme-success-rgb));
}
.form-check-input.form-checked-danger:checked {
  background-color: rgb(var(--theme-danger-rgb));
  border-color: rgb(var(--theme-danger-rgb));
}
.form-check-input.form-checked-light:checked {
  background-color: rgb(var(--theme-light-rgb));
  border-color: rgb(var(--theme-light-rgb));
}
.form-check-input.form-checked-dark:checked {
  background-color: rgb(var(--theme-dark-rgb));
  border-color: rgb(var(--theme-dark-rgb));
}
.form-check-input:focus {
  box-shadow: none;
}
.form-checked-outline:checked[type=checkbox] {
  background-image: none;
  position: relative;
  background-color: transparent;
}
.form-checked-outline:checked[type=checkbox]:before {
  content: "\f633";
  font-family: bootstrap-icons !important;
  position: absolute;
  color: var(--theme-primary-color);
  width: 0.625rem;
  height: 0.625rem;
  inset-block-start: -1px;
  inset-inline-start: 0px;
  font-size: 0.688rem;
}
.form-checked-outline:checked[type=checkbox].form-checked-secondary:before {
  color: rgb(var(--theme-secondary-rgb));
}
.form-checked-outline:checked[type=checkbox].form-checked-warning:before {
  color: rgb(var(--theme-warning-rgb));
}
.form-checked-outline:checked[type=checkbox].form-checked-info:before {
  color: rgb(var(--theme-info-rgb));
}
.form-checked-outline:checked[type=checkbox].form-checked-success:before {
  color: rgb(var(--theme-success-rgb));
}
.form-checked-outline:checked[type=checkbox].form-checked-danger:before {
  color: rgb(var(--theme-danger-rgb));
}
.form-checked-outline:checked[type=checkbox].form-checked-light:before {
  color: rgb(var(--theme-light-rgb));
}
.form-checked-outline:checked[type=checkbox].form-checked-dark:before {
  color: rgb(var(--theme-dark-rgb));
}
.form-checked-outline:checked[type=radio] {
  background-image: none;
  position: relative;
  background-color: transparent;
}
.form-checked-outline:checked[type=radio]:before {
  content: "\f309";
  font-family: bootstrap-icons !important;
  position: absolute;
  color: var(--theme-primary-color);
  width: 0.625rem;
  height: 0.625rem;
  inset-block-start: -1.08rem;
  inset-inline-start: -0.59rem;
  font-size: 2rem;
}
.form-checked-outline:checked[type=radio].form-checked-secondary:before {
  color: rgb(var(--theme-secondary-rgb));
}
.form-checked-outline:checked[type=radio].form-checked-warning:before {
  color: rgb(var(--theme-warning-rgb));
}
.form-checked-outline:checked[type=radio].form-checked-info:before {
  color: rgb(var(--theme-info-rgb));
}
.form-checked-outline:checked[type=radio].form-checked-success:before {
  color: rgb(var(--theme-success-rgb));
}
.form-checked-outline:checked[type=radio].form-checked-danger:before {
  color: rgb(var(--theme-danger-rgb));
}
.form-checked-outline:checked[type=radio].form-checked-light:before {
  color: rgb(var(--theme-light-rgb));
}
.form-checked-outline:checked[type=radio].form-checked-dark:before {
  color: rgb(var(--theme-dark-rgb));
}
fieldset:disabled .btn {
  color: #fff;
  background-color: var(--theme-primary-color);
  border-color: var(--theme-primary-color);
}
.form-select:focus {
  border-color: rgba(var(--theme-primary-rgb), 0.5);
  outline: 0;
  box-shadow: none;
}
.btn-check:focus + .btn,
.btn:focus {
  background-color: none;
  border-color: none;
  outline: 0;
}
.btn-check:active + .btn:focus,
.btn-check:checked + .btn:focus,
.btn.active:focus,
.btn.show:focus,
.btn:active:focus {
  box-shadow: none;
}
.form-control:disabled,
.form-select:disabled {
  background-color: rgb(var(--theme-light-rgb));
  color: var(--theme-default-text-color);
}
.form-control-plaintext {
  color: var(--theme-default-text-color);
}
.form-control::-webkit-file-upload-button {
  color: var(--theme-default-text-color);
  background-color: var(--theme-default-background);
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: var(--theme-default-background);
}
.form-control::-webkit-input-placeholder {
  font-size: 0.8rem;
  font-weight: 400;
  opacity: 0.6;
  color: var(--theme-default-text-color);
  padding-inline-start: 0px;
  -webkit-transition: padding-inline-start 0.1s ease-in;
  transition: padding-inline-start 0.1s ease-in;
}
.form-control:-moz-placeholder {
  font-size: 0.8rem;
  font-weight: 400;
  opacity: 0.6;
  color: var(--theme-default-text-color);
}
.form-control::-moz-placeholder {
  font-size: 0.8rem;
  font-weight: 400;
  opacity: 0.6;
  color: var(--theme-default-text-color);
}
.form-control:-ms-input-placeholder {
  font-size: 0.8rem;
  font-weight: 400;
  opacity: 0.6;
  color: var(--theme-default-text-color);
}
.form-control-sm {
  font-size: 0.8rem;
  padding: 0.25rem 0.8rem;
  line-height: inherit;
  border-radius: 0.25rem;
}
.form-control-lg {
  font-size: 1rem;
  padding: 0.5rem 1rem;
}
.form-check-md .form-check-input {
  width: 1.15rem;
  height: 1.15rem;
}
.form-check-md.form-switch .form-check-input {
  width: 2.25rem;
}
.form-check-md label {
  margin-inline-start: 0.5rem;
  font-size: 0.95rem;
  margin-block-start: 2px;
}
.form-check-lg .form-check-input {
  width: 1.35rem;
  height: 1.35rem;
}
.form-check-lg.form-switch .form-check-input {
  width: 2.5rem;
}
.form-check-lg label {
  margin-inline-start: 0.5rem;
  font-size: 1rem;
  margin-block-start: 3px;
}
.toggle {
  width: 3.75rem;
  height: 1.563rem;
  background-color: rgb(var(--theme-light-rgb));
  margin-inline-start: 0.625rem;
  margin-block-end: 0.313rem;
  padding: 0.125rem;
  border-radius: 0.188rem;
  position: relative;
  overflow: hidden;
  transition: all 0.2s ease;
}
.toggle span {
  position: absolute;
  inset-block-start: 0.188rem;
  inset-block-end: 0.25rem;
  inset-inline-start: 0.2rem;
  display: block;
  width: 1.25rem;
  border-radius: 0.125rem;
  background-color: var(--theme-custom-white);
  box-shadow: 0 0.125rem 0.125rem 0 rgba(0, 0, 0, 0.25);
  cursor: pointer;
  transition: all 0.2s ease;
}
.toggle span::before {
  content: "on";
  inset-inline-start: -1.563rem;
}
.toggle span::after {
  content: "off";
  inset-inline-end: -1.813rem;
  color: var(--theme-text-muted);
}
.toggle span::before,
.toggle span::after {
  position: absolute;
  font-size: 0.625rem;
  font-weight: 500;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  inset-block-start: 0.188rem;
  line-height: 1.38;
  transition: all 0.2s ease;
}
.toggle.on {
  background-color: rgba(var(--theme-primary-rgb), 0.3);
}
.toggle.on span {
  background-color: var(--theme-primary-color);
}
.toggle.on span::before {
  color: var(--theme-primary-color);
}
.toggle.on.toggle-secondary {
  background-color: rgba(var(--theme-secondary-rgb), 0.3);
}
.toggle.on.toggle-secondary span {
  background-color: rgb(var(--theme-secondary-rgb));
}
.toggle.on.toggle-secondary span::before {
  color: rgb(var(--theme-secondary-rgb));
}
.toggle.on.toggle-warning {
  background-color: rgba(var(--theme-warning-rgb), 0.3);
}
.toggle.on.toggle-warning span {
  background-color: rgb(var(--theme-warning-rgb));
}
.toggle.on.toggle-warning span::before {
  color: rgb(var(--theme-warning-rgb));
}
.toggle.on.toggle-info {
  background-color: rgba(var(--theme-info-rgb), 0.3);
}
.toggle.on.toggle-info span {
  background-color: rgb(var(--theme-info-rgb));
}
.toggle.on.toggle-info span::before {
  color: rgb(var(--theme-info-rgb));
}
.toggle.on.toggle-success {
  background-color: rgba(var(--theme-success-rgb), 0.3);
}
.toggle.on.toggle-success span {
  background-color: rgb(var(--theme-success-rgb));
}
.toggle.on.toggle-success span::before {
  color: rgb(var(--theme-success-rgb));
}
.toggle.on.toggle-danger {
  background-color: rgba(var(--theme-danger-rgb), 0.3);
}
.toggle.on.toggle-danger span {
  background-color: rgb(var(--theme-danger-rgb));
}
.toggle.on.toggle-danger span::before {
  color: rgb(var(--theme-danger-rgb));
}
.toggle.on.toggle-light {
  background-color: rgba(var(--theme-light-rgb), 0.3);
}
.toggle.on.toggle-light span {
  background-color: rgb(var(--theme-light-rgb));
}
.toggle.on.toggle-light span::before,
.toggle.on.toggle-light span::after {
  color: var(--theme-text-muted);
}
.toggle.on.toggle-dark {
  background-color: rgba(var(--theme-dark-rgb), 0.3);
}
.toggle.on.toggle-dark span {
  background-color: rgb(var(--theme-dark-rgb));
}
.toggle.on.toggle-dark span::before {
  color: var(--theme-custom-white);
}
.toggle.on span {
  inset-inline-start: 2.313rem;
}
.toggle.on.toggle-sm span {
  inset-inline-start: 2.313rem;
}
.toggle.on.toggle-sm span::before {
  inset-block-start: -1px;
  inset-inline-start: -1.563rem;
}
.toggle.on.toggle-lg span {
  inset-inline-start: 2.563rem;
}
.toggle.on.toggle-lg span::before {
  inset-block-start: 0.5rem;
  inset-inline-start: -1.75rem;
}
.toggle.toggle-sm {
  height: 1.063rem;
  width: 3.125rem;
}
.toggle.toggle-sm span {
  width: 0.625rem;
  height: 0.625rem;
}
.toggle.toggle-sm span::after {
  inset-inline-end: -1.875rem;
  inset-block-start: -1px;
}
.toggle.toggle-lg {
  height: 2.125rem;
  width: 4.5rem;
}
.toggle.toggle-lg span {
  width: 1.75rem;
}
.toggle.toggle-lg span::after {
  inset-block-start: 0.5rem;
  inset-inline-end: -1.938rem;
}
.custom-toggle-switch > input[type=checkbox] {
  display: none;
}
.custom-toggle-switch > label {
  cursor: pointer;
  height: 0;
  position: relative;
  width: 2.5rem;
}
.label-primary {
  background: var(--theme-primary-color);
  color: #fff;
}
.label-secondary {
  background: rgb(var(--theme-secondary-rgb));
  color: #fff;
}
.label-warning {
  background: rgb(var(--theme-warning-rgb));
  color: #fff;
}
.label-info {
  background: rgb(var(--theme-info-rgb));
  color: #fff;
}
.label-success {
  background: rgb(var(--theme-success-rgb));
  color: #fff;
}
.label-danger {
  background: rgb(var(--theme-danger-rgb));
  color: #fff;
}
.label-light {
  background: rgb(var(--theme-light-rgb));
  color: #fff;
}
.label-dark {
  background: rgb(var(--theme-dark-rgb));
  color: #fff;
}
.custom-toggle-switch > input[type=checkbox]:checked + label::before {
  background: inherit;
  opacity: 0.5;
}
.custom-toggle-switch > label::before {
  background: var(--theme-text-muted);
  box-shadow: inset 0px 0px 0.625rem var(--theme-white-5);
  border-radius: 0.5rem;
  content: "";
  height: 1rem;
  margin-block-start: -0.5rem;
  position: absolute;
  opacity: 0.3;
  transition: all 0.4s ease-in-out;
  width: 2.5rem;
}
.custom-toggle-switch > label::after {
  background: var(--theme-custom-white);
  border-radius: 1rem;
  box-shadow: 0 0 0.313rem rgba(228, 229, 237, 0.8);
  content: "";
  height: 1.5rem;
  inset-inline-start: -0.25rem;
  margin-block-start: -0.5rem;
  position: absolute;
  inset-block-start: -0.25rem;
  transition: all 0.3s ease-in-out;
  width: 1.5rem;
}
.custom-toggle-switch > input[type=checkbox]:checked + label::after {
  background: inherit;
  inset-inline-start: 50%;
}
.custom-toggle-switch.toggle-sm > label::before {
  height: 10px;
  width: 27px;
  border-radius: 10px;
}
.custom-toggle-switch.toggle-sm input[type=checkbox]:checked + label::after {
  inset-inline-start: 13px;
}
.custom-toggle-switch.toggle-sm > label::after {
  height: 17px;
  width: 17px;
  border-radius: 50%;
}
.custom-toggle-switch.toggle-lg > label::before {
  height: 27px;
  width: 55px;
  border-radius: 20px;
}
.custom-toggle-switch.toggle-lg input[type=checkbox]:checked + label::after {
  inset-inline-start: 77%;
}
.custom-toggle-switch.toggle-lg > label::after {
  height: 35px;
  width: 35px;
  margin-block-start: -8px;
  border-radius: 50%;
}
.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
  border-color: rgb(var(--theme-success-rgb));
  box-shadow: none;
}
.form-control.is-valid,
.was-validated .form-control:valid {
  border-color: rgb(var(--theme-success-rgb));
}
.form-control-color {
  width: 1.75rem;
  height: 1.75rem;
  overflow: hidden;
  padding: 0;
}
.example-picker .pcr-button {
  border-radius: 0.35rem !important;
  overflow: hidden;
}
[dir=rtl] [type=email],
[dir=rtl] [type=number],
[dir=rtl] [type=tel],
[dir=rtl] [type=url] {
  direction: rtl;
}
.form-select.is-invalid:not([multiple]):not([size]) {
  padding-right: 1.125rem;
  background-size: 16px 28px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.invoice-quantity-container .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: 0;
}
.input-group.input-btn-outline .form-control:focus {
  z-index: 2;
}
input[type=range]::-webkit-slider-runnable-track {
  background-color: rgb(var(--theme-light-rgb));
}
[dir=rtl] .form-checked-outline:checked[type=checkbox]:before {
  inset-inline-start: 1px;
}
.form-check {
  min-height: inherit !important;
}
.col-form-label-lg,
.col-form-label-sm,
.col-form-label {
  font-weight: 400;
}
#exampleColorInput::-webkit-color-swatch-wrapper {
  direction: rtl;
}
[dir=rtl] input[type=week],
[dir=rtl] input[type=month],
[dir=rtl] input[type=date],
[dir=rtl] input[type=datetime-local],
[dir=rtl] input[type=time] {
  text-align: end;
}
.wizard-tab {
  transition: all 0.3s ease-in;
  display: none;
}
.wizard-tab .wizard-nav {
  display: flex;
  flex-wrap: wrap;
  transition: all 0.3s ease-in;
  margin-block-start: 60px;
  padding-inline: 1.5rem;
}
.wizard-tab .wizard-nav .wizard-step {
  cursor: pointer;
}
.wizard-tab .wizard-nav .wizard-step.nav-buttons {
  cursor: default;
}
.wizard-tab .wizard-nav .wizard-step.nav-buttons span {
  cursor: default;
}
.wizard-tab .wizard-nav.tabs .wizard-step {
  position: relative;
  font-size: 14px;
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  text-align: center;
  border-bottom: 1px solid var(--theme-gray-3);
  padding: 0.5rem 1rem;
}
.wizard-tab .wizard-nav.tabs .wizard-step.active {
  border: 1px solid var(--theme-gray-3);
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  border-bottom: 0px;
}
.wizard-tab .wizard-nav.progress {
  height: auto;
  overflow: auto;
  line-height: 1.5;
  font-size: 1rem;
  border-radius: 0.25rem;
}
.wizard-tab .wizard-nav.progress .wizard-step {
  position: relative;
  font-size: 14px;
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  text-align: center;
  border: 1px solid var(--theme-gray-3);
  background-color: rgb(var(--theme-success-rgb));
  color: #fff;
  padding: 0.5rem 1rem;
  transition: all 0.3s ease-in;
}
.wizard-tab .wizard-nav.progress .wizard-step.active ~ .wizard-step {
  background-color: var(--theme-custom-white);
  color: #000;
}
.wizard-tab .wizard-nav.dots .wizard-step {
  position: relative;
  font-size: 14px;
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  text-align: center;
  transition: all 0.3s ease-in;
}
.wizard-tab .wizard-nav.dots .wizard-step:last-child:before {
  display: none;
}
.wizard-tab .wizard-nav.dots .wizard-step:last-child:after {
  display: none;
}
.wizard-tab .wizard-nav.dots .wizard-step span {
  cursor: pointer;
  font-weight: 500;
}
.wizard-tab .wizard-nav.dots .wizard-step:nth-of-type(1).dot {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in;
  transition-delay: 0.1s;
}
.wizard-tab .wizard-nav.dots .wizard-step:nth-of-type(2).dot {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in;
  transition-delay: 0.2s;
}
.wizard-tab .wizard-nav.dots .wizard-step:nth-of-type(3).dot {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in;
  transition-delay: 0.3s;
}
.wizard-tab .wizard-nav.dots .wizard-step:nth-of-type(4).dot {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in;
  transition-delay: 0.4s;
}
.wizard-tab .wizard-nav.dots .wizard-step:nth-of-type(5).dot {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in;
  transition-delay: 0.5s;
}
.wizard-tab .wizard-nav.dots .wizard-step:nth-of-type(6).dot {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in;
  transition-delay: 0.6s;
}
.wizard-tab .wizard-nav.dots .wizard-step:nth-of-type(7).dot {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in;
  transition-delay: 0.7s;
}
.wizard-tab .wizard-nav.dots .wizard-step:nth-of-type(8).dot {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in;
  transition-delay: 0.8s;
}
.wizard-tab .wizard-nav.dots .wizard-step:nth-of-type(9).dot {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in;
  transition-delay: 0.9s;
}
.wizard-tab .wizard-nav.dots .wizard-step .dot {
  content: "";
  position: absolute;
  top: -20px;
  inset-inline-start: 50%;
  z-index: 3;
  height: 10px;
  width: 10px;
  background: rgb(var(--theme-success-rgb));
  border-radius: 50%;
  box-shadow: 0 0 0 2px var(--theme-custom-white);
  transition: all 0.5s ease-in-out;
}
.wizard-tab .wizard-nav.dots .wizard-step:nth-of-type(1):before {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in;
  transition-delay: 0.1s;
}
.wizard-tab .wizard-nav.dots .wizard-step:nth-of-type(2):before {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in;
  transition-delay: 0.2s;
}
.wizard-tab .wizard-nav.dots .wizard-step:nth-of-type(3):before {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in;
  transition-delay: 0.3s;
}
.wizard-tab .wizard-nav.dots .wizard-step:nth-of-type(4):before {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in;
  transition-delay: 0.4s;
}
.wizard-tab .wizard-nav.dots .wizard-step:nth-of-type(5):before {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in;
  transition-delay: 0.5s;
}
.wizard-tab .wizard-nav.dots .wizard-step:nth-of-type(6):before {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in;
  transition-delay: 0.6s;
}
.wizard-tab .wizard-nav.dots .wizard-step:nth-of-type(7):before {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in;
  transition-delay: 0.7s;
}
.wizard-tab .wizard-nav.dots .wizard-step:nth-of-type(8):before {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in;
  transition-delay: 0.8s;
}
.wizard-tab .wizard-nav.dots .wizard-step:nth-of-type(9):before {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in;
  transition-delay: 0.9s;
}
.wizard-tab .wizard-nav.dots .wizard-step:before {
  content: "";
  position: absolute;
  top: -16px;
  inset-inline-start: 50%;
  width: 100%;
  height: 2px;
  z-index: 2;
  background: rgb(var(--theme-secondary-rgb));
}
.wizard-tab .wizard-nav.dots .wizard-step:after {
  content: "";
  position: absolute;
  top: -16px;
  inset-inline-start: 50%;
  width: 100%;
  height: 2px;
  background: var(--theme-gray-3);
  z-index: 1;
}
.wizard-tab .wizard-nav.dots .wizard-step.active ~ .wizard-step .dot {
  background: var(--theme-gray-3);
}
.wizard-tab .wizard-nav.dots .wizard-step.active ~ .wizard-step:before {
  background: var(--theme-gray-3);
  width: 0%;
}
.wizard-tab .wizard-nav.dots .wizard-step.active ~ .wizard-step:after {
  background: var(--theme-gray-3);
}
.wizard-tab .wizard-nav.dots .wizard-step.active .dot {
  background-color: rgb(var(--theme-success-rgb));
  box-shadow: 0 0 0 3px rgba(var(--theme-success-rgb), 0.1);
}
.wizard-tab .wizard-nav.dots .wizard-step.active:before {
  background: var(--theme-gray-3);
}
.wizard-tab .wizard-nav.dots .wizard-step.active:after {
  background: var(--theme-gray-3);
}
.wizard-tab .wizard-content {
  transition: all 0.3s ease-in;
  padding: 3rem;
}
.wizard-tab .wizard-content .wizard-step {
  transition: all 0.3s ease-in;
  display: none;
}
.wizard-tab .wizard-content .wizard-step.active {
  display: block;
}
.wizard-tab .wizard-buttons {
  transition: all 0.3s ease-in;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.wizard-tab .wizard-buttons .wizard-btn {
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  border-radius: 0.15rem;
  transition: all 0.3s ease-in;
  margin: 0 10px;
  background-color: rgb(var(--theme-dark-rgb));
  color: #fff;
}
.wizard-tab .wizard-buttons .wizard-btn:hover {
  background-color: rgba(25, 143, 209, 0.8);
}
.wizard-tab .wizard-buttons .wizard-btn:disabled {
  cursor: not-allowed !important;
  pointer-events: none;
  opacity: 0.65;
}
@media (max-width: 350px) {
  .wizard-tab .wizard-content {
    padding: 1rem !important;
  }
}
.wizard.vertical {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  transition: all 0.3s ease-in;
}
.wizard.vertical .wizard-nav {
  flex-direction: column;
  flex: 1;
  padding: 0 3rem;
  transition: all 0.3s linear;
}
.wizard.vertical .wizard-nav .wizard-step:before {
  top: 7px;
  inset-inline-start: -12px;
  width: 2px;
  height: 100%;
}
.wizard.vertical .wizard-nav .wizard-step:after {
  top: 7px;
  inset-inline-start: -12px;
  width: 2px;
  height: 100%;
}
.wizard.vertical .wizard-nav .wizard-step .dot {
  top: 7px;
  inset-inline-start: -15px;
}
.wizard.vertical .wizard-nav .wizard-step.active ~ .wizard-step:before {
  height: 0%;
}
.wizard.vertical .wizard-content {
  width: 75%;
  transition: all 0.3s ease-in;
  padding: 0 0 3rem 0;
}
.wizard.vertical .wizard-buttons {
  flex-basis: 100%;
  transition: all 0.3s ease-in;
}
.highlight-error {
  outline: 1px solid rgb(var(--theme-danger-rgb));
}
@media screen and (min-width: 1024px) {
  .wizard.vertical .wizard-nav {
    max-width: 250px;
  }
}
@media screen and (max-width: 767px) {
  .wizard.vertical .wizard-nav .wizard-step {
    text-align: left;
    padding-inline-start: 1rem;
  }
  .wizard.vertical .wizard-content {
    padding: 2rem 0;
  }
}
.wizard.wizard-tab .wizard-nav.dots .wizard-step.active ~ .wizard-step:before {
  width: 35%;
  padding: 25px;
  background: transparent;
}
.wizard.wizard-tab .wizard-nav.dots .wizard-step:before {
  content: "";
  position: absolute;
  top: -16px;
}
.wizard.wizard-tab .wizard-nav.dots .wizard-step .dot {
  top: -25px;
  inset-inline-start: 46%;
  height: 20px;
  width: 20px;
}
.wizard.wizard-tab .wizard-nav.dots .wizard-step.active ~ .wizard-step .dot {
  background: var(--theme-custom-white);
  border: 2px solid var(--theme-gray-3);
}
.wizard-btn.btn.finish {
  display: none !important;
}
.wizard.wizard-tab .wizard-buttons {
  border-top: 1px solid var(--theme-default-border);
  justify-content: space-between;
  padding: 1rem;
}
.wizard.wizard-tab .wizard-buttons .wizard-btn {
  margin: 0px;
  padding: 0.5rem 0.85rem;
  min-width: 100px;
  border-radius: 0.35rem;
}
.wizard.wizard-tab .wizard-buttons .wizard-btn:hover {
  background-color: rgb(var(--theme-dark-rgb));
}
.wizard.wizard-tab .wizard-buttons .wizard-btn:disabled {
  opacity: 0;
}
.wizard-tab .wizard-buttons .wizard-btn.prev {
  background-color: rgb(var(--theme-light-rgb));
  color: var(--theme-default-text-color);
}
.wizard-tab .wizard-buttons .wizard-btn.prev:hover {
  background-color: rgb(var(--theme-light-rgb));
}
.payment-card-container {
  position: relative;
  padding: 0.625rem;
  border: 1px solid var(--theme-input-border);
  border-radius: 0.3rem;
}
.payment-card-container .form-check-input {
  position: absolute;
  inset-inline-end: 0.75rem;
  inset-block-start: 1.2rem;
}
@media (max-width: 575.98px) {
  .wizard-tab .wizard-nav {
    flex-direction: column;
    gap: 1.5rem;
  }
  .wizard.wizard-tab .wizard-nav.dots .wizard-step:before {
    top: 1.5rem !important;
    width: 2px !important;
    height: 100%;
    inset-inline-start: 2.55rem;
  }
  .wizard.wizard-tab .wizard-nav.dots .wizard-step:after {
    top: 1.5rem !important;
    width: 2px !important;
    height: 100%;
    inset-inline-start: 2.55rem;
  }
  .wizard.wizard-tab .wizard-nav.dots .wizard-step .dot {
    top: 6px !important;
    inset-inline-start: 2.25rem !important;
    width: 12px !important;
    height: 12px !important;
  }
  .wizard-tab .wizard-nav.dots .wizard-step {
    text-align: start !important;
    padding-inline-start: 4rem !important;
  }
}
.input-group-text {
  border-color: var(--theme-input-border);
  font-size: 0.875rem;
  border-radius: 0.25rem;
  background-color: rgb(var(--theme-light-rgb));
  color: var(--theme-default-text-color);
  letter-spacing: 0;
}
.input-group-text .form-control {
  border: 0;
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}
.list-group-item {
  color: var(--theme-default-text-color);
  background-color: var(--theme-custom-white);
  border: 1px solid var(--theme-default-border);
  padding: 1rem 1.25rem;
}
.list-group-item.active {
  color: #fff !important;
  background-color: var(--theme-primary-color) !important;
  border-color: var(--theme-primary-color);
}
.list-group-item.disabled,
.list-group-item:disabled {
  color: var(--theme-default-text-color);
  background-color: rgb(var(--theme-light-rgb));
  opacity: 0.5;
}
.list-group-item-action:focus,
.list-group-item-action:hover {
  color: var(--theme-default-text-color);
  background-color: rgb(var(--theme-light-rgb));
}
.list-group-item-primary {
  color: var(--theme-primary-color);
  background-color: rgba(var(--theme-primary-rgb), 0.1);
}
.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
  color: var(--theme-primary-color);
  background-color: rgba(var(--theme-primary-rgb), 0.2);
}
.list-group-item-secondary {
  color: rgb(var(--theme-secondary-rgb));
  background-color: rgba(var(--theme-secondary-rgb), 0.1);
}
.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
  color: rgb(var(--theme-secondary-rgb));
  background-color: rgba(var(--theme-secondary-rgb), 0.2);
}
.list-group-item-info {
  color: rgb(var(--theme-info-rgb));
  background-color: rgba(var(--theme-info-rgb), 0.1);
}
.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
  color: rgb(var(--theme-info-rgb));
  background-color: rgba(var(--theme-info-rgb), 0.2);
}
.list-group-item-warning {
  color: rgb(var(--theme-warning-rgb));
  background-color: rgba(var(--theme-warning-rgb), 0.1);
}
.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
  color: rgb(var(--theme-warning-rgb));
  background-color: rgba(var(--theme-warning-rgb), 0.2);
}
.list-group-item-danger {
  color: rgb(var(--theme-danger-rgb));
  background-color: rgba(var(--theme-danger-rgb), 0.1);
}
.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
  color: rgb(var(--theme-danger-rgb));
  background-color: rgba(var(--theme-danger-rgb), 0.2);
}
.list-group-item-success {
  color: rgb(var(--theme-success-rgb));
  background-color: rgba(var(--theme-success-rgb), 0.1);
}
.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
  color: rgb(var(--theme-success-rgb));
  background-color: rgba(var(--theme-success-rgb), 0.2);
}
.list-group-item-dark {
  color: rgb(var(--theme-dark-rgb));
  background-color: rgba(var(--theme-dark-rgb), 0.1);
}
.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
  color: rgb(var(--theme-dark-rgb));
  background-color: rgba(var(--theme-dark-rgb), 0.2);
}
.list-group-item-light {
  color: var(--theme-default-text-color);
  background-color: rgba(var(--theme-light-rgb), 0.1);
}
.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
  color: var(--theme-default-text-color);
  background-color: rgba(var(--theme-light-rgb), 0.2);
}
.list-item-solid-primary {
  background-color: var(--theme-primary-color);
  color: #fff;
  border-color: var(--theme-primary-color);
}
.list-item-solid-secondary {
  background-color: rgb(var(--theme-secondary-rgb));
  color: #fff;
  border-color: rgb(var(--theme-secondary-rgb));
}
.list-item-solid-success {
  background-color: rgb(var(--theme-success-rgb));
  color: #fff;
  border-color: rgb(var(--theme-success-rgb));
}
.list-item-solid-info {
  background-color: rgb(var(--theme-info-rgb));
  color: #fff;
  border-color: rgb(var(--theme-info-rgb));
}
.list-item-solid-warning {
  background-color: rgb(var(--theme-warning-rgb));
  color: #fff;
  border-color: rgb(var(--theme-warning-rgb));
}
.list-item-solid-danger {
  background-color: rgb(var(--theme-danger-rgb));
  color: #fff;
  border-color: rgb(var(--theme-danger-rgb));
}
.list-item-solid-light {
  background-color: rgb(var(--theme-light-rgb));
  color: var(--theme-default-text-color);
  border-color: rgb(var(--theme-light-rgb));
}
.list-item-solid-dark {
  background-color: rgb(var(--theme-dark-rgb));
  color: #fff;
  border-color: rgb(var(--theme-dark-rgb));
}
.modal {
  z-index: 105;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.modal-backdrop {
  z-index: 104;
}
.modal-content {
  color: var(--theme-default-text-color);
  background-color: var(--theme-custom-white);
  border: 1px solid var(--theme-default-border);
  border-radius: 0.35rem;
}
.modal-header {
  padding: 1rem 1.25rem;
  border-block-end: 1px solid var(--theme-default-border);
  border-top-left-radius: 0.35rem;
  border-top-right-radius: 0.35rem;
}
.modal-header .modal-title {
  font-weight: 500;
  line-height: 1;
}
.modal-header .btn-close {
  font-size: 0.625rem;
}
.modal-footer {
  padding: 1rem 1.25rem;
  border-block-start: 1px solid var(--theme-default-border);
}
.modal.animated .modal-dialog {
  transform: translate(0, 0);
}
.modal.effect-scale .modal-dialog {
  transform: scale(0.7);
  opacity: 0;
  transition: all 0.3s;
}
.modal.effect-scale.show .modal-dialog {
  transform: scale(1);
  opacity: 1;
}
.modal.effect-slide-in-right .modal-dialog {
  transform: translateX(20%);
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.modal.effect-slide-in-right.show .modal-dialog {
  transform: translateX(0);
  opacity: 1;
}
.modal.effect-slide-in-bottom .modal-dialog {
  transform: translateY(20%);
  opacity: 0;
  transition: all 0.3s;
}
.modal.effect-slide-in-bottom.show .modal-dialog {
  transform: translateY(0);
  opacity: 1;
}
.modal.effect-newspaper .modal-dialog {
  transform: scale(0) rotate(720deg);
  opacity: 0;
}
.modal.effect-newspaper.show ~ .modal-backdrop,
.modal.effect-newspaper .modal-dialog {
  transition: all 0.5s;
}
.modal.effect-newspaper.show .modal-dialog {
  transform: scale(1) rotate(0deg);
  opacity: 1;
}
.modal.effect-fall {
  perspective: 1300px;
}
.modal.effect-fall .modal-dialog {
  transform-style: preserve-3d;
  transform: translateZ(600px) rotateX(20deg);
  opacity: 0;
}
.modal.effect-fall.show .modal-dialog {
  transition: all 0.3s ease-in;
  transform: translateZ(0px) rotateX(0deg);
  opacity: 1;
}
.modal.effect-flip-horizontal {
  perspective: 1300px;
}
.modal.effect-flip-horizontal .modal-dialog {
  transform-style: preserve-3d;
  transform: rotateY(-70deg);
  transition: all 0.3s;
  opacity: 0;
}
.modal.effect-flip-horizontal.show .modal-dialog {
  transform: rotateY(0deg);
  opacity: 1;
}
.modal.effect-flip-vertical {
  perspective: 1300px;
}
.modal.effect-flip-vertical .modal-dialog {
  transform-style: preserve-3d;
  transform: rotateX(-70deg);
  transition: all 0.3s;
  opacity: 0;
}
.modal.effect-flip-vertical.show .modal-dialog {
  transform: rotateX(0deg);
  opacity: 1;
}
.modal.effect-super-scaled .modal-dialog {
  transform: scale(2);
  opacity: 0;
  transition: all 0.3s;
}
.modal.effect-super-scaled.show .modal-dialog {
  transform: scale(1);
  opacity: 1;
}
.modal.effect-sign {
  perspective: 1300px;
}
.modal.effect-sign .modal-dialog {
  transform-style: preserve-3d;
  transform: rotateX(-60deg);
  transform-origin: 50% 0;
  opacity: 0;
  transition: all 0.3s;
}
.modal.effect-sign.show .modal-dialog {
  transform: rotateX(0deg);
  opacity: 1;
}
.modal.effect-rotate-bottom {
  perspective: 1300px;
}
.modal.effect-rotate-bottom .modal-dialog {
  transform-style: preserve-3d;
  transform: translateY(100%) rotateX(90deg);
  transform-origin: 0 100%;
  opacity: 0;
  transition: all 0.3s ease-out;
}
.modal.effect-rotate-bottom.show .modal-dialog {
  transform: translateY(0%) rotateX(0deg);
  opacity: 1;
}
.modal.effect-rotate-left {
  perspective: 1300px;
}
.modal.effect-rotate-left .modal-dialog {
  transform-style: preserve-3d;
  transform: translateZ(100px) translateX(-30%) rotateY(90deg);
  transform-origin: 0 100%;
  opacity: 0;
  transition: all 0.3s;
}
.modal.effect-rotate-left.show .modal-dialog {
  transform: translateZ(0px) translateX(0%) rotateY(0deg);
  opacity: 1;
}
.navbar {
  border-radius: 0.35rem;
}
.navbar .navbar-nav .nav-link {
  line-height: 1;
  padding: 0.4rem 1rem;
  font-weight: 500;
}
.navbar .navbar-toggler {
  padding: 0.4rem;
  font-size: 1rem;
  line-height: 1;
  color: var(--theme-custom-black);
  border: 1px solid var(--theme-default-border);
  border-radius: 0.35rem;
}
.navbar .navbar-toggler .navbar-toggler-icon {
  width: 1rem;
  height: 1rem;
  position: relative;
  background-image: none;
}
.navbar .navbar-toggler .navbar-toggler-icon:before {
  content: "\f479";
  font-family: bootstrap-icons !important;
  position: absolute;
  font-size: 1rem;
  color: var(--theme-default-text-color);
  inset-inline-start: 0;
}
.navbar .navbar-toggler:focus {
  box-shadow: none;
}
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
  color: var(--theme-custom-black);
}
.navbar-brand {
  margin-inline-end: 1.5rem;
}
.navbar-brand img {
  height: 1.5rem;
  line-height: 1.5rem;
}
.navbar-brand:focus,
.navbar-brand:hover {
  color: var(--theme-default-text-color);
}
.navbar-primary-transparent {
  background-color: rgba(var(--theme-primary-rgb), 0.1);
  color: var(--theme-default-text-color);
}
.navbar-primary-transparent .nav-link.active {
  background-color: var(--theme-primary-color);
  color: #fff !important;
}
.navbar-primary-transparent .nav-link:hover {
  color: var(--theme-default-text-color);
}
.navbar-primary-transparent .form-control:focus {
  border-color: var(--theme-primary-color);
}
.navbar-secondary-transparent {
  background-color: rgba(var(--theme-secondary-rgb), 0.1);
  color: var(--theme-default-text-color);
}
.navbar-secondary-transparent .nav-link.active {
  background-color: rgb(var(--theme-secondary-rgb));
  color: #fff !important;
}
.navbar-secondary-transparent .nav-link:hover {
  color: var(--theme-default-text-color);
}
.navbar-secondary-transparent .form-control:focus {
  border-color: rgb(var(--theme-secondary-rgb));
}
.navbar-warning-transparent {
  background-color: rgba(var(--theme-warning-rgb), 0.1);
  color: var(--theme-default-text-color);
}
.navbar-warning-transparent .nav-link.active {
  background-color: rgb(var(--theme-warning-rgb));
  color: #fff !important;
}
.navbar-warning-transparent .nav-link:hover {
  color: var(--theme-default-text-color);
}
.navbar-warning-transparent .form-control:focus {
  border-color: rgb(var(--theme-warning-rgb));
}
.navbar-info-transparent {
  background-color: rgba(var(--theme-info-rgb), 0.1);
  color: var(--theme-default-text-color);
}
.navbar-info-transparent .nav-link.active {
  background-color: rgb(var(--theme-info-rgb));
  color: #fff !important;
}
.navbar-info-transparent .nav-link:hover {
  color: var(--theme-default-text-color);
}
.navbar-info-transparent .form-control:focus {
  border-color: rgb(var(--theme-info-rgb));
}
.navbar-success-transparent {
  background-color: rgba(var(--theme-success-rgb), 0.1);
  color: var(--theme-default-text-color);
}
.navbar-success-transparent .nav-link.active {
  background-color: rgb(var(--theme-success-rgb));
  color: #fff !important;
}
.navbar-success-transparent .nav-link:hover {
  color: var(--theme-default-text-color);
}
.navbar-success-transparent .form-control:focus {
  border-color: rgb(var(--theme-success-rgb));
}
.navbar-danger-transparent {
  background-color: rgba(var(--theme-danger-rgb), 0.1);
  color: var(--theme-default-text-color);
}
.navbar-danger-transparent .nav-link.active {
  background-color: rgb(var(--theme-danger-rgb));
  color: #fff !important;
}
.navbar-danger-transparent .nav-link:hover {
  color: var(--theme-default-text-color);
}
.navbar-danger-transparent .form-control:focus {
  border-color: rgb(var(--theme-danger-rgb));
}
.navbar-dark-transparent {
  background-color: rgba(var(--theme-dark-rgb), 0.1);
  color: var(--theme-default-text-color);
}
.navbar-dark-transparent .nav-link.active {
  background-color: var(--theme-custom-black);
  color: var(--theme-custom-white) !important;
}
.navbar-dark-transparent .nav-link:hover {
  color: var(--theme-default-text-color);
}
.navbar-dark-transparent .form-control:focus {
  border-color: rgb(var(--theme-dark-rgb));
}
.navbar-primary {
  background-color: var(--theme-primary-color);
  color: #fff;
}
.navbar-primary .nav-link {
  color: #fff !important;
}
.navbar-primary .nav-link.active {
  background-color: var(--theme-white-2);
  color: #fff !important;
}
.navbar-primary .nav-link:hover {
  color: #fff !important;
}
.navbar-primary .form-control:focus {
  border-color: var(--theme-white-2);
}
.navbar-primary .navbar-toggler {
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.navbar-primary .navbar-toggler .navbar-toggler-icon:before {
  color: #fff;
}
.navbar-secondary {
  background-color: rgb(var(--theme-secondary-rgb));
  color: #fff;
}
.navbar-secondary .nav-link {
  color: #fff !important;
}
.navbar-secondary .nav-link.active {
  background-color: var(--theme-white-2);
  color: #fff !important;
}
.navbar-secondary .nav-link:hover {
  color: #fff !important;
}
.navbar-secondary .form-control:focus {
  border-color: var(--theme-white-2);
}
.navbar-secondary .navbar-toggler {
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.navbar-secondary .navbar-toggler .navbar-toggler-icon:before {
  color: #fff;
}
.navbar-warning {
  background-color: rgb(var(--theme-warning-rgb));
  color: #fff;
}
.navbar-warning .nav-link {
  color: #fff !important;
}
.navbar-warning .nav-link.active {
  background-color: var(--theme-white-2);
  color: #fff !important;
}
.navbar-warning .nav-link:hover {
  color: #fff !important;
}
.navbar-warning .form-control:focus {
  border-color: var(--theme-white-2);
}
.navbar-warning .navbar-toggler {
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.navbar-warning .navbar-toggler .navbar-toggler-icon:before {
  color: #fff;
}
.navbar-info {
  background-color: rgb(var(--theme-info-rgb));
  color: #fff;
}
.navbar-info .nav-link {
  color: #fff !important;
}
.navbar-info .nav-link.active {
  background-color: var(--theme-white-2);
  color: #fff !important;
}
.navbar-info .nav-link:hover {
  color: #fff !important;
}
.navbar-info .form-control:focus {
  border-color: var(--theme-white-2);
}
.navbar-info .navbar-toggler {
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.navbar-info .navbar-toggler .navbar-toggler-icon:before {
  color: #fff;
}
.navbar-success {
  background-color: rgb(var(--theme-success-rgb));
  color: #fff;
}
.navbar-success .nav-link {
  color: #fff !important;
}
.navbar-success .nav-link.active {
  background-color: var(--theme-white-2);
  color: #fff !important;
}
.navbar-success .nav-link:hover {
  color: #fff !important;
}
.navbar-success .form-control:focus {
  border-color: var(--theme-white-2);
}
.navbar-success .navbar-toggler {
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.navbar-success .navbar-toggler .navbar-toggler-icon:before {
  color: #fff;
}
.navbar-danger {
  background-color: rgb(var(--theme-danger-rgb));
  color: #fff;
}
.navbar-danger .nav-link {
  color: #fff !important;
}
.navbar-danger .nav-link.active {
  background-color: var(--theme-white-2);
  color: #fff !important;
}
.navbar-danger .nav-link:hover {
  color: #fff !important;
}
.navbar-danger .form-control:focus {
  border-color: var(--theme-white-2);
}
.navbar-danger .navbar-toggler {
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.navbar-danger .navbar-toggler .navbar-toggler-icon:before {
  color: #fff;
}
.navbar-dark {
  background-color: rgb(var(--theme-dark-rgb));
  color: var(--theme-custom-white);
}
.navbar-dark .nav-link {
  color: var(--theme-custom-white) !important;
}
.navbar-dark .nav-link.active {
  background-color: var(--theme-white-2);
  color: var(--theme-custom-white) !important;
}
.navbar-dark .nav-link:hover {
  color: var(--theme-custom-white) !important;
}
.navbar-dark .form-control:focus {
  border-color: var(--theme-white-2);
}
.navbar-dark .navbar-toggler {
  border: 1px solid var(--theme-white-1);
}
.navbar-dark .navbar-toggler .navbar-toggler-icon:before {
  color: var(--theme-custom-white);
}
.nav-item {
  margin-inline-end: 0.5rem;
}
.nav-item:last-child {
  margin-inline-end: 0;
}
.nav-link {
  color: var(--theme-default-text-color);
  border-radius: 0.375rem;
  font-weight: 500;
}
.nav-link.active {
  background-color: rgba(var(--theme-primary-rgb), 0.1);
  color: var(--theme-primary-color);
}
.navbar-brand {
  color: var(--theme-default-text-color);
}
.navbar-nav .nav-link.active,
.navbar-nav .show > .nav-link {
  color: var(--theme-default-text-color);
}
.nav-link.disabled {
  color: var(--theme-default-text-color);
  opacity: 0.3;
}
.nav-tabs .nav-link.disabled,
.nav-tabs .nav-link:disabled {
  color: rgba(var(--theme-dark-rgb), 0.5);
}
.navbar-text {
  color: var(--theme-default-text-color);
}
.navbar-dark.bg-dark .nav-link,
.navbar-dark.bg-dark .navbar-brand {
  color: #fff;
}
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .show > .nav-link {
  color: #fff;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: rgb(var(--theme-secondary-rgb));
}
.nav.nav-style-1 {
  border: 0;
}
.nav.nav-style-1 .nav-item {
  margin-inline-end: 0.25rem;
}
.nav.nav-style-1 .nav-item:last-child {
  margin-inline-end: 0;
}
.nav.nav-style-1 .nav-link.active {
  background-color: var(--theme-primary-color);
  color: #fff;
}
.nav.nav-style-2 .nav-item .nav-link {
  border-block-start: 3px solid transparent;
}
.nav.nav-style-2 .nav-item .nav-link.active {
  background-color: rgba(var(--theme-primary-rgb), 0.1);
  border-block-start: 3px solid var(--theme-primary-color);
  color: var(--theme-primary-color);
}
.nav.nav-style-3 .nav-link {
  border-radius: 0;
}
.nav.nav-style-3 .nav-link {
  border-block-end: 3px solid transparent;
}
.nav.nav-style-3 .nav-link.active {
  background-color: transparent;
  border-block-end: 3px solid var(--theme-primary-color);
  color: var(--theme-primary-color);
}
.nav.nav-style-4 {
  border: 0;
}
.nav.nav-style-4 .nav-link {
  color: var(--theme-text-muted);
  border: 0;
}
.nav.nav-style-4 .nav-link.active {
  background-color: rgb(var(--theme-light-rgb));
  color: var(--theme-default-text-color);
  border: 0;
}
.nav.nav-style-4 .nav-link:hover,
.nav.nav-style-4 .nav-link:focus {
  border: 0;
}
.nav-tabs.nav-style-5 {
  border: 0;
}
.nav-tabs.nav-style-5 .nav-link {
  color: var(--theme-text-muted);
  border: 0;
}
.nav-tabs.nav-style-5 .nav-link.active {
  background-color: var(--theme-primary-color);
  color: #fff;
  border: 0;
}
.nav-tabs.nav-style-5 .nav-link:hover,
.nav-tabs.nav-style-5 .nav-link:focus {
  border: 0;
}
.nav-style-6 {
  border: 0;
}
.nav-style-6.nav-pills .nav-link.active {
  border: 1px solid var(--theme-primary-color);
  border-block-end: 2px solid var(--theme-primary-color);
  background-color: transparent;
  color: var(--theme-primary-color);
}
.nav-tabs-header {
  border: 0;
}
.nav-tabs-header .nav-item {
  margin-inline-end: 0.5rem;
}
.nav-tabs-header .nav-item:last-child {
  margin-inline-end: 0;
}
.nav-tabs-header .nav-item .nav-link {
  border: 1px solid transparent;
  padding: 0.5rem;
  font-weight: 500;
}
.nav-tabs-header .nav-item .nav-link.active {
  background: rgba(var(--theme-primary-rgb), 0.1);
  color: var(--theme-primary-color);
  border: 1px solid transparent;
}
.nav-tabs-header .nav-item .nav-link:hover,
.nav-tabs-header .nav-item .nav-link:focus {
  border: 1px solid transparent;
}
.nav-tabs-footer {
  border: 0;
}
.nav-tabs-footer .nav-item {
  margin-inline-end: 0.5rem;
}
.nav-tabs-footer .nav-item:last-child {
  margin-inline-end: 0;
}
.nav-tabs-footer .nav-item .nav-link {
  background-color: transparent;
  color: var(--theme-primary-color);
  border: 1px solid var(--theme-primary-color);
  font-size: 0.8rem;
}
.nav-tabs-footer .nav-item .nav-link.active {
  background: var(--theme-primary-color);
  color: #fff;
  border: 1px solid var(--theme-primary-color);
}
.nav-tabs-footer .nav-item .nav-link:hover,
.nav-tabs-footer .nav-item .nav-link:focus {
  border: 1px solid var(--theme-primary-color);
}
.vertical-tabs-2 {
  border: 0;
  margin-block-end: 1rem;
}
.vertical-tabs-2 .nav-item {
  margin-inline-end: 0.5rem;
}
.vertical-tabs-2 .nav-item:last-child {
  margin-inline-end: 0;
}
.vertical-tabs-2 .nav-item .nav-link {
  text-align: center;
  border: 1px solid var(--theme-default-border);
  margin-bottom: 0.5rem;
  color: var(--theme-text-muted);
  background-color: rgb(var(--theme-light-rgb));
}
.vertical-tabs-2 .nav-item .nav-link i {
  font-size: 1rem;
}
.vertical-tabs-2 .nav-item .nav-link.active {
  background-color: var(--theme-primary-color);
  color: #fff;
  position: relative;
}
.vertical-tabs-2 .nav-item .nav-link.active:before {
  content: "";
  position: absolute;
  inset-inline-end: -0.5rem;
  inset-block-start: 38%;
  transform: rotate(45deg);
  width: 1rem;
  height: 1rem;
  background-color: var(--theme-primary-color);
}
@media (min-width: 768px) {
  .vertical-tabs-2 {
    margin-block-end: 0;
  }
  .vertical-tabs-2 .nav-item .nav-link {
    min-width: 7.5rem;
    max-width: 7.5rem;
  }
}
.vertical-tabs-3 {
  border: 0;
}
.vertical-tabs-3 .nav-item {
  border: 0;
  margin-inline-end: 0.5rem;
}
.vertical-tabs-3 .nav-item:last-child {
  margin-inline-end: 0;
}
.vertical-tabs-3 .nav-item .nav-link {
  min-width: 160px;
  max-width: 160px;
  border: 1px solid var(--theme-primary-color);
  padding: 1.3rem;
  margin-block-end: 0.5rem;
}
.vertical-tabs-3 .nav-item .nav-link i {
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  text-align: center;
  font-size: 1rem;
  background: var(--theme-primary-color);
  color: #fff;
  border-radius: 3.125rem;
  font-weight: 500;
}
.vertical-tabs-3 .nav-item .nav-link.active {
  background: var(--theme-primary-color);
  border: 1px solid var(--theme-primary-color);
  color: #fff;
}
.vertical-tabs-3 .nav-item .nav-link.active i {
  background: #fff;
  color: var(--theme-primary-color);
}
.vertical-tabs-3 .nav-item .nav-link:hover,
.vertical-tabs-3 .nav-item .nav-link:focus {
  border: 1px solid var(--theme-primary-color);
}
@media screen and (max-width: 767px) {
  .vertical-tabs-3 .nav-item {
    margin-inline-end: 0rem;
  }
  .vertical-tabs-3 .nav-item .nav-link {
    min-width: auto;
    max-width: inherit;
    width: 100%;
  }
}
.nav-link:focus,
.nav-link:hover {
  color: var(--theme-text-muted);
}
.nav-tabs {
  border-color: var(--theme-default-border);
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: var(--theme-default-text-color);
  background-color: rgb(var(--theme-light-rgb));
  border-color: var(--theme-default-border);
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  border-color: var(--theme-default-border);
  color: var(--theme-text-muted);
}
.nav.tab-style-1 {
  border-block-end: 0;
  padding: 0.65rem;
  background-color: rgb(var(--theme-light-rgb));
  border-radius: 0.35rem;
  margin-block-end: 1rem;
}
.nav.tab-style-1 .nav-item {
  margin-inline-end: 0.5rem;
}
.nav.tab-style-1 .nav-item:last-child {
  margin-inline-end: 0;
}
.nav.tab-style-1 .nav-link {
  border-radius: 0.35rem;
  padding: 0.35rem 1rem;
}
.nav.tab-style-1 .nav-link:hover {
  border: 1px solid transparent;
}
.nav.tab-style-1 .nav-link.active {
  background-color: var(--theme-custom-white);
  color: var(--theme-default-text-color);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
  transition: color 0.15s ease-in;
  border: 1px solid transparent;
}
.tab-content .tab-pane {
  padding: 1rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.35rem;
  color: var(--theme-default-text-color);
}
.tab-style-2 {
  border-block-end: 0;
}
.tab-style-2 .nav-item {
  margin-inline-end: 0.5rem;
}
.tab-style-2 .nav-item:last-child {
  margin-inline-end: 0;
}
.tab-style-2 .nav-item .nav-link {
  border: 0;
}
.tab-style-2 .nav-item .nav-link i {
  width: 1.875rem;
  height: 1.875rem;
  padding: 0.35rem;
  border-radius: 50px;
  background-color: rgb(var(--theme-light-rgb));
  color: var(--theme-default-text-color);
  display: inline-block;
}
.tab-style-2 .nav-item .nav-link:hover {
  border: 0;
}
.tab-style-2 .nav-item .nav-link.active {
  background-color: transparent;
  position: relative;
  border: 0;
  color: var(--theme-primary-color);
}
.tab-style-2 .nav-item .nav-link.active i {
  background-color: rgba(var(--theme-primary-rgb), 0.1);
  color: var(--theme-primary-color);
}
.tab-style-2 .nav-item .nav-link.active:before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  inset-inline-end: 0;
  inset-block-end: 0;
  width: 100%;
  height: 0.175rem;
  background-color: var(--theme-primary-color);
  border-radius: 50px;
}
.tab-style-3 {
  border-block-end: 0;
}
.tab-style-3 .nav-item {
  position: relative;
  margin-inline-end: 0.5rem;
}
.tab-style-3 .nav-item:last-child {
  margin-inline-end: 0;
}
.tab-style-3 .nav-item .nav-link {
  position: relative;
  border: 0;
  font-size: 0.75rem;
}
.tab-style-3 .nav-item .nav-link:before {
  position: absolute;
  content: "";
  inset-block-end: -1.063rem;
  inset-inline-end: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 0.1rem;
  background-color: rgb(var(--theme-light-rgb));
  border-radius: 50%;
}
.tab-style-3 .nav-item .nav-link:after {
  position: absolute;
  content: "";
  inset-block-end: -2rem;
  inset-inline-start: 1.75rem;
  inset-inline-end: 0;
  inset-inline-start: 30%;
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--theme-custom-white);
  border-radius: 50%;
  border: 2px solid var(--theme-default-border);
}
.tab-style-3 .nav-item .nav-link.home:after {
  content: "1";
}
.tab-style-3 .nav-item .nav-link.about:after {
  content: "2";
}
.tab-style-3 .nav-item .nav-link.services:after {
  content: "3";
}
.tab-style-3 .nav-item .nav-link:hover {
  border: 0;
}
.tab-style-3 .nav-item .nav-link.active {
  background-color: transparent;
  border: 0;
  color: var(--theme-primary-color);
}
.tab-style-3 .nav-item .nav-link.active:before {
  background-color: var(--theme-primary-color);
}
.tab-style-3 .nav-item .nav-link.active:after {
  border-color: var(--theme-primary-color);
  color: var(--theme-primary-color);
}
.tab-style-4.nav-tabs {
  border: 0;
}
.tab-style-4.nav-tabs .nav-item {
  margin-inline-end: 0.5rem;
}
.tab-style-4.nav-tabs .nav-item:last-child {
  margin-inline-end: 0;
}
.tab-style-4.nav-tabs .nav-link {
  border: 0;
}
.tab-style-4.nav-tabs .nav-link:hover {
  border: 0;
}
.tab-style-4.nav-tabs .nav-link.active {
  background-color: transparent;
  border: 0;
  color: var(--theme-primary-color);
  position: relative;
  overflow: hidden;
}
.tab-style-4.nav-tabs .nav-link.active::before {
  position: absolute;
  content: "";
  width: 0.75rem;
  inset-block-start: 31px;
  transform: rotate(45deg);
  inset-inline-start: 47%;
  overflow: hidden;
  z-index: 1;
  height: 0.75rem;
  background-color: var(--theme-primary-color);
  border: 1px solid var(--theme-primary-color);
}
.tab-style-4.nav-tabs .nav-link.active:after {
  position: absolute;
  content: "";
  width: 40%;
  height: 1px;
  inset-inline-start: 30%;
  inset-block-end: 0;
  background-color: var(--theme-primary-color);
}
#tab-style-4 .tab-pane.active {
  border: 1px solid var(--theme-primary-color);
  background-color: var(--theme-primary-color);
  color: #fff;
}
.tab-style-5 .nav-item {
  margin-inline-end: 0.5rem;
}
.tab-style-5 .nav-item:last-child {
  margin-inline-end: 0;
}
.tab-style-5 .nav-item .nav-link.active {
  background: var(--theme-primary-color);
}
.tab-style-6 {
  border: 0;
  background-color: var(--theme-custom-white);
  border-radius: 0.35rem;
  color: var(--theme-primary-color);
  padding: 0.5rem;
}
.tab-style-6 .nav-item {
  border: 0;
  margin-inline-end: 0.5rem;
}
.tab-style-6 .nav-item:last-child {
  margin-inline-end: 0;
}
.tab-style-6 .nav-item .nav-link {
  color: var(--theme-primary-color);
  padding: 0.5rem 1rem;
  font-size: 0.813rem;
  border: 0;
  font-weight: 500;
}
.tab-style-6 .nav-item .nav-link.active {
  border: 0;
  background-color: var(--theme-primary-color);
  color: #fff;
  border: 0;
  box-shadow: 0px 3px 10px 0px rgba(var(--theme-dark-rgb), 0.05);
}
.tab-style-6 .nav-item .nav-link:hover,
.tab-style-6 .nav-item .nav-link:focus {
  border: 0;
}
.tab-style-7 .nav-link {
  margin-block-end: 0.5rem;
  font-size: 0.813rem;
  color: var(--theme-text-muted);
  text-align: left;
}
.tab-style-7 .nav-link:active,
.tab-style-7 .nav-link.active {
  background-color: rgba(var(--theme-primary-rgb), 0.1);
  color: var(--theme-primary-color);
}
.tab-style-8.nav-tabs {
  border-bottom: none;
  padding: 0px !important;
}
.tab-style-8.nav-tabs > .nav-item > .nav-link {
  border-bottom: 3px solid transparent;
  color: var(--theme-default-text-color);
}
.tab-style-8.nav-tabs > .nav-item > .nav-link:not(.active):hover,
.tab-style-8.nav-tabs > .nav-item > .nav-link:not(.active):focus {
  color: var(--theme-primary-color);
  background: none;
  border-color: transparent;
  border-bottom-color: transparent;
}
.tab-style-8.nav-tabs > .nav-item > .nav-link.active {
  color: var(--theme-primary-color);
  background-color: transparent;
  border-color: transparent transparent var(--theme-primary-color) transparent;
}
.tab-style-8.nav-tabs.scaleX.nav-tabs > .nav-item > .nav-link {
  position: relative;
  border-bottom: none;
  padding: 0.75rem 0.5rem;
}
.tab-style-8.nav-tabs.scaleX.nav-tabs > .nav-item > .nav-link:focus::before,
.tab-style-8.nav-tabs.scaleX.nav-tabs > .nav-item > .nav-link.active::before {
  transform: scaleX(1);
}
.tab-style-8.nav-tabs.scaleX.nav-tabs > .nav-item > .nav-link::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0%;
  height: 2px;
  width: 100%;
  transform: scaleX(0);
  transform-origin: center;
  background-color: var(--theme-primary-color);
  transition: transform ease 300ms;
}
.navs-tabs-demo-page .card-body > .row {
  min-width: 0;
}
.navs-tabs-demo-page .nav[role=tablist] {
  gap: 0.25rem;
}
.navs-tabs-demo-page .nav[role=tablist] .nav-item {
  margin-inline-end: 0;
}
.navs-tabs-demo-page .nav[aria-orientation=vertical] .nav-link {
  width: 100%;
  text-align: start;
}
.navs-tabs-demo-page .nav-underline .nav-link {
  border-radius: 0;
  background: transparent;
}
.navs-tabs-demo-page .nav-underline .nav-link.active {
  color: rgb(var(--theme-dark-rgb));
  border-bottom-color: rgb(var(--theme-dark-rgb));
}
.navs-tabs-demo-page .nav-link {
  white-space: nowrap;
}
.nav-pills.nav-icon-pills .nav-link.active,
.nav-pills.nav-icon-pills .nav-pills .show > .nav-link {
  color: #fff;
  background-color: rgb(var(--theme-success-rgb));
}
#list-spy-nav .list-group-item.active {
  background-color: rgb(var(--theme-light-rgb)) !important;
  color: var(--theme-default-text-color) !important;
  border: 1px solid var(--theme-default-border);
}
.pagination {
  gap: 0.25rem !important;
  flex-wrap: wrap;
}
.pagination .page-item {
  margin: 0;
}
.pagination .page-link {
  display: inline-flex;
  min-width: 2.25rem;
  min-height: 2.25rem;
  align-items: center;
  justify-content: center;
  padding: 0.375rem 0.625rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.35rem;
  background-color: var(--theme-custom-white);
  color: var(--theme-default-text-color);
  line-height: 1.25;
  text-align: center;
  transition:
    background-color 0.15s ease,
    border-color 0.15s ease,
    color 0.15s ease;
}
.pagination .page-link:hover {
  border-color: var(--theme-default-border);
  background-color: rgb(var(--theme-light-rgb));
  color: var(--theme-default-text-color);
}
.pagination .page-link:focus {
  background-color: rgb(var(--theme-light-rgb));
  box-shadow: 0 0 0 0.15rem rgba(var(--theme-primary-rgb), 0.12);
  color: var(--theme-default-text-color);
}
.pagination .page-item.active .page-link,
.pagination .page-link.active {
  border-color: var(--theme-default-border);
  background-color: rgb(var(--theme-light-rgb));
  color: var(--theme-default-text-color);
  font-weight: 600;
}
.pagination .page-item.disabled .page-link,
.pagination .page-link.disabled {
  border-color: var(--theme-default-border);
  background-color: var(--theme-custom-white);
  color: var(--theme-text-muted);
  opacity: 0.65;
}
[dir=rtl] .pagination .page-link .bx-chevron-left::before {
  content: "\ea50";
}
[dir=rtl] .pagination .page-link .bx-chevron-right::before {
  content: "\ea4d";
}
[dir=rtl] .pagination .page-link .ri-arrow-right-s-line:before {
  content: "\ea64";
}
[dir=rtl] .pagination .page-link .ri-arrow-left-s-line:before {
  content: "\ea6e";
}
.custom-popover {
  --bs-popover-max-width: 12.5rem;
  --bs-popover-border-color: var(--theme-primary-color);
  --bs-popover-header-bg: var(--theme-primary-color);
  --bs-popover-header-color: #fff;
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: 0.5rem;
}
.popover {
  background-color: var(--theme-custom-white);
  border: 1px solid var(--theme-default-border);
  box-shadow: 0px 0.125rem 0.25rem rgba(0, 0, 0, 0.05);
  font-size: 0.8rem;
  border-radius: 0.35rem;
  z-index: 999;
}
.popover .popover-header {
  background-color: var(--theme-custom-white);
  border-block-end: 1px solid var(--theme-default-border);
}
.popover .popover-body {
  color: var(--theme-default-text-color);
}
.popover.only-body {
  border-radius: 0.3rem;
}
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after,
.bs-popover-top > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before,
.bs-popover-top > .popover-arrow::before {
  border-top-color: rgb(var(--theme-light-rgb));
}
.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after,
.bs-popover-end > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before,
.bs-popover-end > .popover-arrow::before {
  border-right-color: rgb(var(--theme-light-rgb));
}
.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after,
.bs-popover-start > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before,
.bs-popover-start > .popover-arrow::before {
  border-left-color: rgb(var(--theme-light-rgb));
}
.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after,
.bs-popover-bottom > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before,
.bs-popover-bottom > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,
.bs-popover-bottom .popover-header::before {
  border-bottom-color: rgb(var(--theme-light-rgb));
}
.header-primary .popover-header {
  background-color: var(--theme-primary-color);
  color: #fff;
}
.header-primary.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after,
.header-primary.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
  border-bottom-color: var(--theme-primary-color);
}
.header-secondary .popover-header {
  background-color: rgb(var(--theme-secondary-rgb));
  color: #fff;
}
.header-secondary.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after,
.header-secondary.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
  border-bottom-color: rgb(var(--theme-secondary-rgb));
}
.header-warning .popover-header {
  background-color: rgb(var(--theme-warning-rgb));
  color: #fff;
}
.header-warning.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after,
.header-warning.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
  border-bottom-color: rgb(var(--theme-warning-rgb));
}
.header-info .popover-header {
  background-color: rgb(var(--theme-info-rgb));
  color: #fff;
}
.header-info.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after,
.header-info.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
  border-bottom-color: rgb(var(--theme-info-rgb));
}
.header-success .popover-header {
  background-color: rgb(var(--theme-success-rgb));
  color: #fff;
}
.header-success.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after,
.header-success.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
  border-bottom-color: rgb(var(--theme-success-rgb));
}
.header-danger .popover-header {
  background-color: rgb(var(--theme-danger-rgb));
  color: #fff;
}
.header-danger.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after,
.header-danger.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
  border-bottom-color: rgb(var(--theme-danger-rgb));
}
.popover-primary.popover {
  border: 1px solid var(--theme-primary-color);
}
.popover-primary.popover .popover-header {
  background-color: var(--theme-primary-color);
  border-block-end: 1px solid rgba(255, 255, 255, 0.1);
  color: #fff;
  border-radius: 0.3rem 0.3rem 0 0;
}
.popover-primary.popover .popover-body {
  background-color: var(--theme-primary-color);
  color: #fff;
  border-radius: 0 0 0.3rem 0.3rem;
}
.popover-primary.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after,
.popover-primary.bs-popover-top > .popover-arrow::after,
.popover-primary.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before,
.popover-primary.bs-popover-top > .popover-arrow::before {
  border-top-color: var(--theme-primary-color);
}
.popover-primary.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after,
.popover-primary.bs-popover-end > .popover-arrow::after,
.popover-primary.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before,
.popover-primary.bs-popover-end > .popover-arrow::before {
  border-right-color: var(--theme-primary-color);
}
.popover-primary.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after,
.popover-primary.bs-popover-start > .popover-arrow::after,
.popover-primary.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before,
.popover-primary.bs-popover-start > .popover-arrow::before {
  border-left-color: var(--theme-primary-color);
}
.popover-primary.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after,
.popover-primary.bs-popover-bottom > .popover-arrow::after,
.popover-primary.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before,
.popover-primary.bs-popover-bottom > .popover-arrow::before,
.popover-primary.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,
.popover-primary.bs-popover-bottom .popover-header::before {
  border-bottom-color: var(--theme-primary-color);
}
.popover-secondary.popover {
  border: 1px solid rgb(var(--theme-secondary-rgb));
}
.popover-secondary.popover .popover-header {
  background-color: rgb(var(--theme-secondary-rgb));
  border-block-end: 1px solid rgba(255, 255, 255, 0.1);
  color: #fff;
  border-radius: 0.3rem 0.3rem 0 0;
}
.popover-secondary.popover .popover-body {
  background-color: rgb(var(--theme-secondary-rgb));
  color: #fff;
  border-radius: 0 0 0.3rem 0.3rem;
}
.popover-secondary.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after,
.popover-secondary.bs-popover-top > .popover-arrow::after,
.popover-secondary.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before,
.popover-secondary.bs-popover-top > .popover-arrow::before {
  border-top-color: rgb(var(--theme-secondary-rgb));
}
.popover-secondary.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after,
.popover-secondary.bs-popover-end > .popover-arrow::after,
.popover-secondary.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before,
.popover-secondary.bs-popover-end > .popover-arrow::before {
  border-right-color: rgb(var(--theme-secondary-rgb));
}
.popover-secondary.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after,
.popover-secondary.bs-popover-start > .popover-arrow::after,
.popover-secondary.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before,
.popover-secondary.bs-popover-start > .popover-arrow::before {
  border-left-color: rgb(var(--theme-secondary-rgb));
}
.popover-secondary.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after,
.popover-secondary.bs-popover-bottom > .popover-arrow::after,
.popover-secondary.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before,
.popover-secondary.bs-popover-bottom > .popover-arrow::before,
.popover-secondary.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,
.popover-secondary.bs-popover-bottom .popover-header::before {
  border-bottom-color: rgb(var(--theme-secondary-rgb));
}
.popover-warning.popover {
  border: 1px solid rgb(var(--theme-warning-rgb));
}
.popover-warning.popover .popover-header {
  background-color: rgb(var(--theme-warning-rgb));
  border-block-end: 1px solid rgba(255, 255, 255, 0.1);
  color: #fff;
  border-radius: 0.3rem 0.3rem 0 0;
}
.popover-warning.popover .popover-body {
  background-color: rgb(var(--theme-warning-rgb));
  color: #fff;
  border-radius: 0 0 0.3rem 0.3rem;
}
.popover-warning.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after,
.popover-warning.bs-popover-top > .popover-arrow::after,
.popover-warning.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before,
.popover-warning.bs-popover-top > .popover-arrow::before {
  border-top-color: rgb(var(--theme-warning-rgb));
}
.popover-warning.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after,
.popover-warning.bs-popover-end > .popover-arrow::after,
.popover-warning.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before,
.popover-warning.bs-popover-end > .popover-arrow::before {
  border-right-color: rgb(var(--theme-warning-rgb));
}
.popover-warning.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after,
.popover-warning.bs-popover-start > .popover-arrow::after,
.popover-warning.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before,
.popover-warning.bs-popover-start > .popover-arrow::before {
  border-left-color: rgb(var(--theme-warning-rgb));
}
.popover-warning.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after,
.popover-warning.bs-popover-bottom > .popover-arrow::after,
.popover-warning.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before,
.popover-warning.bs-popover-bottom > .popover-arrow::before,
.popover-warning.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,
.popover-warning.bs-popover-bottom .popover-header::before {
  border-bottom-color: rgb(var(--theme-warning-rgb));
}
.popover-info.popover {
  border: 1px solid rgb(var(--theme-info-rgb));
}
.popover-info.popover .popover-header {
  background-color: rgb(var(--theme-info-rgb));
  border-block-end: 1px solid rgba(255, 255, 255, 0.1);
  color: #fff;
  border-radius: 0.3rem 0.3rem 0 0;
}
.popover-info.popover .popover-body {
  background-color: rgb(var(--theme-info-rgb));
  color: #fff;
  border-radius: 0 0 0.3rem 0.3rem;
}
.popover-info.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after,
.popover-info.bs-popover-top > .popover-arrow::after,
.popover-info.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before,
.popover-info.bs-popover-top > .popover-arrow::before {
  border-top-color: rgb(var(--theme-info-rgb));
}
.popover-info.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after,
.popover-info.bs-popover-end > .popover-arrow::after,
.popover-info.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before,
.popover-info.bs-popover-end > .popover-arrow::before {
  border-right-color: rgb(var(--theme-info-rgb));
}
.popover-info.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after,
.popover-info.bs-popover-start > .popover-arrow::after,
.popover-info.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before,
.popover-info.bs-popover-start > .popover-arrow::before {
  border-left-color: rgb(var(--theme-info-rgb));
}
.popover-info.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after,
.popover-info.bs-popover-bottom > .popover-arrow::after,
.popover-info.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before,
.popover-info.bs-popover-bottom > .popover-arrow::before,
.popover-info.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,
.popover-info.bs-popover-bottom .popover-header::before {
  border-bottom-color: rgb(var(--theme-info-rgb));
}
.popover-success.popover {
  border: 1px solid rgb(var(--theme-success-rgb));
}
.popover-success.popover .popover-header {
  background-color: rgb(var(--theme-success-rgb));
  border-block-end: 1px solid rgba(255, 255, 255, 0.1);
  color: #fff;
  border-radius: 0.3rem 0.3rem 0 0;
}
.popover-success.popover .popover-body {
  background-color: rgb(var(--theme-success-rgb));
  color: #fff;
  border-radius: 0 0 0.3rem 0.3rem;
}
.popover-success.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after,
.popover-success.bs-popover-top > .popover-arrow::after,
.popover-success.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before,
.popover-success.bs-popover-top > .popover-arrow::before {
  border-top-color: rgb(var(--theme-success-rgb));
}
.popover-success.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after,
.popover-success.bs-popover-end > .popover-arrow::after,
.popover-success.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before,
.popover-success.bs-popover-end > .popover-arrow::before {
  border-right-color: rgb(var(--theme-success-rgb));
}
.popover-success.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after,
.popover-success.bs-popover-start > .popover-arrow::after,
.popover-success.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before,
.popover-success.bs-popover-start > .popover-arrow::before {
  border-left-color: rgb(var(--theme-success-rgb));
}
.popover-success.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after,
.popover-success.bs-popover-bottom > .popover-arrow::after,
.popover-success.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before,
.popover-success.bs-popover-bottom > .popover-arrow::before,
.popover-success.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,
.popover-success.bs-popover-bottom .popover-header::before {
  border-bottom-color: rgb(var(--theme-success-rgb));
}
.popover-danger.popover {
  border: 1px solid rgb(var(--theme-danger-rgb));
}
.popover-danger.popover .popover-header {
  background-color: rgb(var(--theme-danger-rgb));
  border-block-end: 1px solid rgba(255, 255, 255, 0.1);
  color: #fff;
  border-radius: 0.3rem 0.3rem 0 0;
}
.popover-danger.popover .popover-body {
  background-color: rgb(var(--theme-danger-rgb));
  color: #fff;
  border-radius: 0 0 0.3rem 0.3rem;
}
.popover-danger.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after,
.popover-danger.bs-popover-top > .popover-arrow::after,
.popover-danger.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before,
.popover-danger.bs-popover-top > .popover-arrow::before {
  border-top-color: rgb(var(--theme-danger-rgb));
}
.popover-danger.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after,
.popover-danger.bs-popover-end > .popover-arrow::after,
.popover-danger.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before,
.popover-danger.bs-popover-end > .popover-arrow::before {
  border-right-color: rgb(var(--theme-danger-rgb));
}
.popover-danger.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after,
.popover-danger.bs-popover-start > .popover-arrow::after,
.popover-danger.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before,
.popover-danger.bs-popover-start > .popover-arrow::before {
  border-left-color: rgb(var(--theme-danger-rgb));
}
.popover-danger.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after,
.popover-danger.bs-popover-bottom > .popover-arrow::after,
.popover-danger.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before,
.popover-danger.bs-popover-bottom > .popover-arrow::before,
.popover-danger.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,
.popover-danger.bs-popover-bottom .popover-header::before {
  border-bottom-color: rgb(var(--theme-danger-rgb));
}
.popover-purple.popover {
  border: 1px solid rgb(var(--theme-purple-rgb));
}
.popover-purple.popover .popover-header {
  background-color: rgb(var(--theme-purple-rgb));
  border-block-end: 1px solid rgba(255, 255, 255, 0.1);
  color: #fff;
  border-radius: 0.3rem 0.3rem 0 0;
}
.popover-purple.popover .popover-body {
  background-color: rgb(var(--theme-purple-rgb));
  color: #fff;
  border-radius: 0 0 0.3rem 0.3rem;
}
.popover-purple.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after,
.popover-purple.bs-popover-top > .popover-arrow::after,
.popover-purple.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before,
.popover-purple.bs-popover-top > .popover-arrow::before {
  border-top-color: rgb(var(--theme-purple-rgb));
}
.popover-purple.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after,
.popover-purple.bs-popover-end > .popover-arrow::after,
.popover-purple.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before,
.popover-purple.bs-popover-end > .popover-arrow::before {
  border-right-color: rgb(var(--theme-purple-rgb));
}
.popover-purple.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after,
.popover-purple.bs-popover-start > .popover-arrow::after,
.popover-purple.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before,
.popover-purple.bs-popover-start > .popover-arrow::before {
  border-left-color: rgb(var(--theme-purple-rgb));
}
.popover-purple.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after,
.popover-purple.bs-popover-bottom > .popover-arrow::after,
.popover-purple.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before,
.popover-purple.bs-popover-bottom > .popover-arrow::before,
.popover-purple.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,
.popover-purple.bs-popover-bottom .popover-header::before {
  border-bottom-color: rgb(var(--theme-purple-rgb));
}
.popover-teal.popover {
  border: 1px solid rgb(var(--theme-teal-rgb));
}
.popover-teal.popover .popover-header {
  background-color: rgb(var(--theme-teal-rgb));
  border-block-end: 1px solid rgba(255, 255, 255, 0.1);
  color: #fff;
  border-radius: 0.3rem 0.3rem 0 0;
}
.popover-teal.popover .popover-body {
  background-color: rgb(var(--theme-teal-rgb));
  color: #fff;
  border-radius: 0 0 0.3rem 0.3rem;
}
.popover-teal.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after,
.popover-teal.bs-popover-top > .popover-arrow::after,
.popover-teal.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before,
.popover-teal.bs-popover-top > .popover-arrow::before {
  border-top-color: rgb(var(--theme-teal-rgb));
}
.popover-teal.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after,
.popover-teal.bs-popover-end > .popover-arrow::after,
.popover-teal.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before,
.popover-teal.bs-popover-end > .popover-arrow::before {
  border-right-color: rgb(var(--theme-teal-rgb));
}
.popover-teal.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after,
.popover-teal.bs-popover-start > .popover-arrow::after,
.popover-teal.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before,
.popover-teal.bs-popover-start > .popover-arrow::before {
  border-left-color: rgb(var(--theme-teal-rgb));
}
.popover-teal.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after,
.popover-teal.bs-popover-bottom > .popover-arrow::after,
.popover-teal.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before,
.popover-teal.bs-popover-bottom > .popover-arrow::before,
.popover-teal.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,
.popover-teal.bs-popover-bottom .popover-header::before {
  border-bottom-color: rgb(var(--theme-teal-rgb));
}
.popover-primary-light.popover {
  border: 1px solid rgba(var(--theme-primary-rgb), 0.1);
}
.popover-primary-light.popover .popover-header {
  background-color: rgba(var(--theme-primary-rgb), 0.1);
  border-block-end: 1px solid rgba(var(--theme-primary-rgb), 0.1);
  color: var(--theme-primary-color);
  border-radius: 0;
}
.popover-primary-light.popover .popover-body {
  background-color: rgba(var(--theme-primary-rgb), 0.1);
  color: var(--theme-primary-color);
}
.popover-primary-light.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after,
.popover-primary-light.bs-popover-top > .popover-arrow::after,
.popover-primary-light.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before,
.popover-primary-light.bs-popover-top > .popover-arrow::before {
  border-top-color: rgba(var(--theme-primary-rgb), 0.1);
}
.popover-primary-light.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after,
.popover-primary-light.bs-popover-end > .popover-arrow::after,
.popover-primary-light.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before,
.popover-primary-light.bs-popover-end > .popover-arrow::before {
  border-right-color: rgba(var(--theme-primary-rgb), 0.1);
}
.popover-primary-light.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after,
.popover-primary-light.bs-popover-start > .popover-arrow::after,
.popover-primary-light.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before,
.popover-primary-light.bs-popover-start > .popover-arrow::before {
  border-left-color: rgba(var(--theme-primary-rgb), 0.1);
}
.popover-primary-light.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after,
.popover-primary-light.bs-popover-bottom > .popover-arrow::after,
.popover-primary-light.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before,
.popover-primary-light.bs-popover-bottom > .popover-arrow::before,
.popover-primary-light.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,
.popover-primary-light.bs-popover-bottom .popover-header::before {
  border-bottom-color: rgba(var(--theme-primary-rgb), 0.1);
}
.popover-secondary-light.popover {
  border: 1px solid rgba(var(--theme-secondary-rgb), 0.1);
}
.popover-secondary-light.popover .popover-header {
  background-color: rgba(var(--theme-secondary-rgb), 0.1);
  border-block-end: 1px solid rgba(var(--theme-secondary-rgb), 0.1);
  color: rgb(var(--theme-secondary-rgb));
  border-radius: 0;
}
.popover-secondary-light.popover .popover-body {
  background-color: rgba(var(--theme-secondary-rgb), 0.1);
  color: rgb(var(--theme-secondary-rgb));
}
.popover-secondary-light.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after,
.popover-secondary-light.bs-popover-top > .popover-arrow::after,
.popover-secondary-light.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before,
.popover-secondary-light.bs-popover-top > .popover-arrow::before {
  border-top-color: rgba(var(--theme-secondary-rgb), 0.1);
}
.popover-secondary-light.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after,
.popover-secondary-light.bs-popover-end > .popover-arrow::after,
.popover-secondary-light.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before,
.popover-secondary-light.bs-popover-end > .popover-arrow::before {
  border-right-color: rgba(var(--theme-secondary-rgb), 0.1);
}
.popover-secondary-light.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after,
.popover-secondary-light.bs-popover-start > .popover-arrow::after,
.popover-secondary-light.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before,
.popover-secondary-light.bs-popover-start > .popover-arrow::before {
  border-left-color: rgba(var(--theme-secondary-rgb), 0.1);
}
.popover-secondary-light.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after,
.popover-secondary-light.bs-popover-bottom > .popover-arrow::after,
.popover-secondary-light.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before,
.popover-secondary-light.bs-popover-bottom > .popover-arrow::before,
.popover-secondary-light.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,
.popover-secondary-light.bs-popover-bottom .popover-header::before {
  border-bottom-color: rgba(var(--theme-secondary-rgb), 0.1);
}
.popover-warning-light.popover {
  border: 1px solid rgba(var(--theme-warning-rgb), 0.1);
}
.popover-warning-light.popover .popover-header {
  background-color: rgba(var(--theme-warning-rgb), 0.1);
  border-block-end: 1px solid rgba(var(--theme-warning-rgb), 0.1);
  color: rgb(var(--theme-warning-rgb));
  border-radius: 0;
}
.popover-warning-light.popover .popover-body {
  background-color: rgba(var(--theme-warning-rgb), 0.1);
  color: rgb(var(--theme-warning-rgb));
}
.popover-warning-light.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after,
.popover-warning-light.bs-popover-top > .popover-arrow::after,
.popover-warning-light.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before,
.popover-warning-light.bs-popover-top > .popover-arrow::before {
  border-top-color: rgba(var(--theme-warning-rgb), 0.1);
}
.popover-warning-light.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after,
.popover-warning-light.bs-popover-end > .popover-arrow::after,
.popover-warning-light.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before,
.popover-warning-light.bs-popover-end > .popover-arrow::before {
  border-right-color: rgba(var(--theme-warning-rgb), 0.1);
}
.popover-warning-light.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after,
.popover-warning-light.bs-popover-start > .popover-arrow::after,
.popover-warning-light.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before,
.popover-warning-light.bs-popover-start > .popover-arrow::before {
  border-left-color: rgba(var(--theme-warning-rgb), 0.1);
}
.popover-warning-light.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after,
.popover-warning-light.bs-popover-bottom > .popover-arrow::after,
.popover-warning-light.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before,
.popover-warning-light.bs-popover-bottom > .popover-arrow::before,
.popover-warning-light.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,
.popover-warning-light.bs-popover-bottom .popover-header::before {
  border-bottom-color: rgba(var(--theme-warning-rgb), 0.1);
}
.popover-info-light.popover {
  border: 1px solid rgba(var(--theme-info-rgb), 0.1);
}
.popover-info-light.popover .popover-header {
  background-color: rgba(var(--theme-info-rgb), 0.1);
  border-block-end: 1px solid rgba(var(--theme-info-rgb), 0.1);
  color: rgb(var(--theme-info-rgb));
  border-radius: 0;
}
.popover-info-light.popover .popover-body {
  background-color: rgba(var(--theme-info-rgb), 0.1);
  color: rgb(var(--theme-info-rgb));
}
.popover-info-light.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after,
.popover-info-light.bs-popover-top > .popover-arrow::after,
.popover-info-light.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before,
.popover-info-light.bs-popover-top > .popover-arrow::before {
  border-top-color: rgba(var(--theme-info-rgb), 0.1);
}
.popover-info-light.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after,
.popover-info-light.bs-popover-end > .popover-arrow::after,
.popover-info-light.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before,
.popover-info-light.bs-popover-end > .popover-arrow::before {
  border-right-color: rgba(var(--theme-info-rgb), 0.1);
}
.popover-info-light.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after,
.popover-info-light.bs-popover-start > .popover-arrow::after,
.popover-info-light.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before,
.popover-info-light.bs-popover-start > .popover-arrow::before {
  border-left-color: rgba(var(--theme-info-rgb), 0.1);
}
.popover-info-light.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after,
.popover-info-light.bs-popover-bottom > .popover-arrow::after,
.popover-info-light.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before,
.popover-info-light.bs-popover-bottom > .popover-arrow::before,
.popover-info-light.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,
.popover-info-light.bs-popover-bottom .popover-header::before {
  border-bottom-color: rgba(var(--theme-info-rgb), 0.1);
}
.popover-success-light.popover {
  border: 1px solid rgba(var(--theme-success-rgb), 0.1);
}
.popover-success-light.popover .popover-header {
  background-color: rgba(var(--theme-success-rgb), 0.1);
  border-block-end: 1px solid rgba(var(--theme-success-rgb), 0.1);
  color: rgb(var(--theme-success-rgb));
  border-radius: 0;
}
.popover-success-light.popover .popover-body {
  background-color: rgba(var(--theme-success-rgb), 0.1);
  color: rgb(var(--theme-success-rgb));
}
.popover-success-light.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after,
.popover-success-light.bs-popover-top > .popover-arrow::after,
.popover-success-light.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before,
.popover-success-light.bs-popover-top > .popover-arrow::before {
  border-top-color: rgba(var(--theme-success-rgb), 0.1);
}
.popover-success-light.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after,
.popover-success-light.bs-popover-end > .popover-arrow::after,
.popover-success-light.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before,
.popover-success-light.bs-popover-end > .popover-arrow::before {
  border-right-color: rgba(var(--theme-success-rgb), 0.1);
}
.popover-success-light.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after,
.popover-success-light.bs-popover-start > .popover-arrow::after,
.popover-success-light.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before,
.popover-success-light.bs-popover-start > .popover-arrow::before {
  border-left-color: rgba(var(--theme-success-rgb), 0.1);
}
.popover-success-light.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after,
.popover-success-light.bs-popover-bottom > .popover-arrow::after,
.popover-success-light.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before,
.popover-success-light.bs-popover-bottom > .popover-arrow::before,
.popover-success-light.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,
.popover-success-light.bs-popover-bottom .popover-header::before {
  border-bottom-color: rgba(var(--theme-success-rgb), 0.1);
}
.popover-danger-light.popover {
  border: 1px solid rgba(var(--theme-danger-rgb), 0.1);
}
.popover-danger-light.popover .popover-header {
  background-color: rgba(var(--theme-danger-rgb), 0.1);
  border-block-end: 1px solid rgba(var(--theme-danger-rgb), 0.1);
  color: rgb(var(--theme-danger-rgb));
  border-radius: 0;
}
.popover-danger-light.popover .popover-body {
  background-color: rgba(var(--theme-danger-rgb), 0.1);
  color: rgb(var(--theme-danger-rgb));
}
.popover-danger-light.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after,
.popover-danger-light.bs-popover-top > .popover-arrow::after,
.popover-danger-light.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before,
.popover-danger-light.bs-popover-top > .popover-arrow::before {
  border-top-color: rgba(var(--theme-danger-rgb), 0.1);
}
.popover-danger-light.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after,
.popover-danger-light.bs-popover-end > .popover-arrow::after,
.popover-danger-light.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before,
.popover-danger-light.bs-popover-end > .popover-arrow::before {
  border-right-color: rgba(var(--theme-danger-rgb), 0.1);
}
.popover-danger-light.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after,
.popover-danger-light.bs-popover-start > .popover-arrow::after,
.popover-danger-light.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before,
.popover-danger-light.bs-popover-start > .popover-arrow::before {
  border-left-color: rgba(var(--theme-danger-rgb), 0.1);
}
.popover-danger-light.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after,
.popover-danger-light.bs-popover-bottom > .popover-arrow::after,
.popover-danger-light.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before,
.popover-danger-light.bs-popover-bottom > .popover-arrow::before,
.popover-danger-light.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,
.popover-danger-light.bs-popover-bottom .popover-header::before {
  border-bottom-color: rgba(var(--theme-danger-rgb), 0.1);
}
.popover-purple-light.popover {
  border: 1px solid rgba(var(--theme-purple-rgb), 0.1);
}
.popover-purple-light.popover .popover-header {
  background-color: rgba(var(--theme-purple-rgb), 0.1);
  border-block-end: 1px solid rgba(var(--theme-purple-rgb), 0.1);
  color: rgb(var(--theme-purple-rgb));
  border-radius: 0;
}
.popover-purple-light.popover .popover-body {
  background-color: rgba(var(--theme-purple-rgb), 0.1);
  color: rgb(var(--theme-purple-rgb));
}
.popover-purple-light.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after,
.popover-purple-light.bs-popover-top > .popover-arrow::after,
.popover-purple-light.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before,
.popover-purple-light.bs-popover-top > .popover-arrow::before {
  border-top-color: rgba(var(--theme-purple-rgb), 0.1);
}
.popover-purple-light.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after,
.popover-purple-light.bs-popover-end > .popover-arrow::after,
.popover-purple-light.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before,
.popover-purple-light.bs-popover-end > .popover-arrow::before {
  border-right-color: rgba(var(--theme-purple-rgb), 0.1);
}
.popover-purple-light.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after,
.popover-purple-light.bs-popover-start > .popover-arrow::after,
.popover-purple-light.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before,
.popover-purple-light.bs-popover-start > .popover-arrow::before {
  border-left-color: rgba(var(--theme-purple-rgb), 0.1);
}
.popover-purple-light.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after,
.popover-purple-light.bs-popover-bottom > .popover-arrow::after,
.popover-purple-light.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before,
.popover-purple-light.bs-popover-bottom > .popover-arrow::before,
.popover-purple-light.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,
.popover-purple-light.bs-popover-bottom .popover-header::before {
  border-bottom-color: rgba(var(--theme-purple-rgb), 0.1);
}
.popover-teal-light.popover {
  border: 1px solid rgba(var(--theme-teal-rgb), 0.1);
}
.popover-teal-light.popover .popover-header {
  background-color: rgba(var(--theme-teal-rgb), 0.1);
  border-block-end: 1px solid rgba(var(--theme-teal-rgb), 0.1);
  color: rgb(var(--theme-teal-rgb));
  border-radius: 0;
}
.popover-teal-light.popover .popover-body {
  background-color: rgba(var(--theme-teal-rgb), 0.1);
  color: rgb(var(--theme-teal-rgb));
}
.popover-teal-light.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after,
.popover-teal-light.bs-popover-top > .popover-arrow::after,
.popover-teal-light.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before,
.popover-teal-light.bs-popover-top > .popover-arrow::before {
  border-top-color: rgba(var(--theme-teal-rgb), 0.1);
}
.popover-teal-light.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after,
.popover-teal-light.bs-popover-end > .popover-arrow::after,
.popover-teal-light.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before,
.popover-teal-light.bs-popover-end > .popover-arrow::before {
  border-right-color: rgba(var(--theme-teal-rgb), 0.1);
}
.popover-teal-light.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after,
.popover-teal-light.bs-popover-start > .popover-arrow::after,
.popover-teal-light.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before,
.popover-teal-light.bs-popover-start > .popover-arrow::before {
  border-left-color: rgba(var(--theme-teal-rgb), 0.1);
}
.popover-teal-light.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after,
.popover-teal-light.bs-popover-bottom > .popover-arrow::after,
.popover-teal-light.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before,
.popover-teal-light.bs-popover-bottom > .popover-arrow::before,
.popover-teal-light.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,
.popover-teal-light.bs-popover-bottom .popover-header::before {
  border-bottom-color: rgba(var(--theme-teal-rgb), 0.1);
}
.progress {
  background-color: rgb(var(--theme-light-rgb));
  height: 0.75rem;
  border-radius: 0.25rem;
}
.progress-stacked {
  background-color: rgb(var(--theme-light-rgb));
}
.progress-bar {
  color: #fff;
  background-color: var(--theme-primary-color);
}
@keyframes progress-animate {
  0% {
    width: 0;
  }
}
.progress-animate {
  position: relative;
  border-radius: 0.625rem;
}
.progress-animate .progress-bar {
  position: relative;
  border-radius: 0.625rem;
  animation: 2s progress-animate;
}
.progress.progress-xs,
.progress-stacked.progress-xs {
  height: 5px;
}
.progress.progress-sm,
.progress-stacked.progress-sm {
  height: 0.5rem;
}
.progress.progress-lg,
.progress-stacked.progress-lg {
  height: 1rem;
}
.progress.progress-xl,
.progress-stacked.progress-xl {
  height: 1.25rem;
}
.progress-custom {
  overflow: visible;
  position: relative;
}
.progress-custom .progress-bar {
  position: relative;
  overflow: visible;
}
.progress-custom .progress-bar:after {
  content: "";
  width: 1.15rem;
  height: 1.15rem;
  border-radius: 50%;
  box-shadow: 0 0.313rem 0.313rem rgba(var(--theme-primary-rgb), 0.2);
  background: #fff;
  position: absolute;
  inset-inline-end: -0.375rem;
  inset-block-start: -0.375rem;
  border: 0.25rem solid var(--theme-primary-color);
}
.progress-custom .progress-bar.bg-secondary:after {
  border: 0.25rem solid rgb(var(--theme-secondary-rgb));
  box-shadow: 0 0.313rem 0.313rem rgba(var(--theme-secondary-rgb), 0.2);
}
.progress-custom .progress-bar.bg-warning:after {
  border: 0.25rem solid rgb(var(--theme-warning-rgb));
  box-shadow: 0 0.313rem 0.313rem rgba(var(--theme-warning-rgb), 0.2);
}
.progress-custom .progress-bar.bg-info:after {
  border: 0.25rem solid rgb(var(--theme-info-rgb));
  box-shadow: 0 0.313rem 0.313rem rgba(var(--theme-info-rgb), 0.2);
}
.progress-custom .progress-bar.bg-success:after {
  border: 0.25rem solid rgb(var(--theme-success-rgb));
  box-shadow: 0 0.313rem 0.313rem rgba(var(--theme-success-rgb), 0.2);
}
.progress-custom .progress-bar.bg-danger:after {
  border: 0.25rem solid rgb(var(--theme-danger-rgb));
  box-shadow: 0 0.313rem 0.313rem rgba(var(--theme-danger-rgb), 0.2);
}
.progress-custom .progress-bar-title {
  padding: 0.313rem 0.625rem;
  margin: 0;
  background: var(--theme-primary-color);
  border-radius: 0.313rem 0 0 0.313rem;
  font-size: 0.625rem;
  font-weight: 400;
  color: #fff;
  text-transform: uppercase;
  position: absolute;
  inset-block-start: -0.438rem;
  inset-inline-start: 0;
  z-index: 1;
}
.progress-custom .progress-bar-title:after {
  content: "";
  border-inline-start: 1.063rem solid var(--theme-primary-color);
  border-block-start: 0.688rem solid transparent;
  border-block-end: 0.688rem solid transparent;
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: -1.063rem;
}
.progress-custom .progress-bar-title.bg-secondary {
  background-color: rgb(var(--theme-secondary-rgb));
}
.progress-custom .progress-bar-title.bg-secondary:after {
  border-inline-start: 1.063rem solid rgb(var(--theme-secondary-rgb));
}
.progress-custom .progress-bar-title.bg-success {
  background-color: rgb(var(--theme-success-rgb));
}
.progress-custom .progress-bar-title.bg-success:after {
  border-inline-start: 1.063rem solid rgb(var(--theme-success-rgb));
}
.progress-custom .progress-bar-title.bg-warning {
  background-color: rgb(var(--theme-warning-rgb));
}
.progress-custom .progress-bar-title.bg-warning:after {
  border-inline-start: 1.063rem solid rgb(var(--theme-warning-rgb));
}
.progress-custom .progress-bar-title.bg-danger {
  background-color: rgb(var(--theme-danger-rgb));
}
.progress-custom .progress-bar-title.bg-danger:after {
  border-inline-start: 1.063rem solid rgb(var(--theme-danger-rgb));
}
.progress-custom .progress-bar-title.bg-info {
  background-color: rgb(var(--theme-info-rgb));
}
.progress-custom .progress-bar-title.bg-info:after {
  border-inline-start: 1.063rem solid rgb(var(--theme-info-rgb));
}
.progress-custom .progress-bar-value {
  width: 1.875rem;
  height: 1.25rem;
  line-height: 1.25rem;
  border-radius: 0.188rem;
  background: var(--theme-primary-color);
  box-shadow: 0 0.313rem 0.313rem rgba(0, 0, 0, 0.4);
  font-size: 0.625rem;
  font-weight: 400;
  color: #fff;
  text-align: center;
  position: absolute;
  inset-block-end: 1.5rem;
  inset-inline-end: -0.688rem;
}
.progress-custom .progress-bar-value:after {
  content: "";
  border-block-start: 0.438rem solid var(--theme-primary-color);
  border-inline-start: 0.438rem solid transparent;
  border-inline-end: 0.438rem solid transparent;
  position: absolute;
  inset-block-end: -0.375rem;
  inset-inline-start: 28%;
}
.progress-custom .progress-bar-value.bg-secondary {
  background-color: rgb(var(--theme-secondary-rgb));
}
.progress-custom .progress-bar-value.bg-secondary:after {
  border-block-start: 0.438rem solid rgb(var(--theme-secondary-rgb));
}
.progress-custom .progress-bar-value.bg-success {
  background-color: rgb(var(--theme-success-rgb));
}
.progress-custom .progress-bar-value.bg-success:after {
  border-block-start: 0.438rem solid rgb(var(--theme-success-rgb));
}
.progress-custom .progress-bar-value.bg-warning {
  background-color: rgb(var(--theme-warning-rgb));
}
.progress-custom .progress-bar-value.bg-warning:after {
  border-block-start: 0.438rem solid rgb(var(--theme-warning-rgb));
}
.progress-custom .progress-bar-value.bg-danger {
  background-color: rgb(var(--theme-danger-rgb));
}
.progress-custom .progress-bar-value.bg-danger:after {
  border-block-start: 0.438rem solid rgb(var(--theme-danger-rgb));
}
.progress-custom .progress-bar-value.bg-info {
  background-color: rgb(var(--theme-info-rgb));
}
.progress-custom .progress-bar-value.bg-info:after {
  border-block-start: 0.438rem solid rgb(var(--theme-info-rgb));
}
[dir=rtl] .progress-bar-title {
  border-radius: 0 0.313rem 0.313rem 0;
}
.progress-item-1,
.progress-item-2,
.progress-item-3 {
  position: absolute;
  margin-block-start: -0.25rem;
  z-index: 1;
  height: 0.938rem;
  width: 0.938rem;
  border-radius: 1.563rem;
  background-color: rgb(var(--theme-light-rgb));
}
.progress-item-1 {
  inset-inline-start: 25%;
}
.progress-item-2 {
  inset-inline-start: 50%;
}
.progress-item-3 {
  inset-inline-start: 75%;
}
.custom-progress-3 {
  overflow: visible;
  border-radius: 0.625rem;
}
.custom-progress-3 .progress-bar {
  position: relative;
  overflow: visible;
  margin: 0.313rem;
  border-radius: 0.25rem;
}
.custom-progress-3 .progress-bar:before {
  content: "";
  position: absolute;
  width: 0.25rem;
  height: 0.25rem;
  inset-inline-start: 0.125rem;
  background-color: var(--theme-custom-white);
  border-radius: 50%;
}
.custom-progress-3 .progress-bar .progress-bar-value {
  border: 0.125rem solid var(--theme-primary-color);
  width: 2.5rem;
  height: 1.563rem;
  line-height: 1.313rem;
  border-radius: 3.125rem;
  background: var(--theme-custom-white);
  font-size: 0.625rem;
  font-weight: 400;
  color: var(--theme-primary-color);
  text-align: center;
  position: absolute;
  inset-inline-end: -0.625rem;
}
.custom-progress-3 .progress-bar .progress-bar-value.secondary {
  border: 0.125rem solid rgb(var(--theme-secondary-rgb));
  color: rgb(var(--theme-secondary-rgb));
}
.custom-progress-3 .progress-bar .progress-bar-value.warning {
  border: 0.125rem solid rgb(var(--theme-warning-rgb));
  color: rgb(var(--theme-warning-rgb));
}
.custom-progress-3 .progress-bar .progress-bar-value.info {
  border: 0.125rem solid rgb(var(--theme-info-rgb));
  color: rgb(var(--theme-info-rgb));
}
.custom-progress-3 .progress-bar .progress-bar-value.success {
  border: 0.125rem solid rgb(var(--theme-success-rgb));
  color: rgb(var(--theme-success-rgb));
}
.custom-progress-3 .progress-bar .progress-bar-value.danger {
  border: 0.125rem solid rgb(var(--theme-danger-rgb));
  color: rgb(var(--theme-danger-rgb));
}
.custom-progress-4.progress {
  background-color: rgba(var(--theme-primary-rgb), 0.1);
  border-radius: 0.25rem;
}
.custom-progress-4.progress.secondary {
  background-color: rgba(var(--theme-secondary-rgb), 0.1);
}
.custom-progress-4.progress.secondary .progress-bar-label {
  color: rgb(var(--theme-secondary-rgb));
}
.custom-progress-4.progress.warning {
  background-color: rgba(var(--theme-warning-rgb), 0.1);
}
.custom-progress-4.progress.warning .progress-bar-label {
  color: rgb(var(--theme-warning-rgb));
}
.custom-progress-4.progress.info {
  background-color: rgba(var(--theme-info-rgb), 0.1);
}
.custom-progress-4.progress.info .progress-bar-label {
  color: rgb(var(--theme-info-rgb));
}
.custom-progress-4.progress.success {
  background-color: rgba(var(--theme-success-rgb), 0.1);
}
.custom-progress-4.progress.success .progress-bar-label {
  color: rgb(var(--theme-success-rgb));
}
.custom-progress-4.progress.danger {
  background-color: rgba(var(--theme-danger-rgb), 0.1);
}
.custom-progress-4.progress.danger .progress-bar-label {
  color: rgb(var(--theme-danger-rgb));
}
.custom-progress-4.progress .progress-bar {
  border-radius: 0.25rem;
}
.custom-progress-4.progress .progress-bar-label {
  position: absolute;
  inset-inline-end: 0.313rem;
  font-weight: 400;
  font-size: 0.813rem;
  color: var(--theme-primary-color);
}
.progress-stepper {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 1rem 0;
  min-width: 0;
  width: 100%;
}
.progress-stepper li {
  flex: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  color: var(--theme-text-muted);
  font-size: 14px;
}
.progress-stepper li::before {
  content: "";
  position: absolute;
  inset-inline-start: -50%;
  width: 100%;
  top: 0.375rem;
  height: 2px;
  background: var(--theme-default-border);
}
.progress-stepper li:first-child::before {
  display: none;
}
.progress-stepper .step-marker {
  z-index: 1;
  width: 1.5rem;
  height: 1.5rem;
  border: 2px solid var(--theme-default-border);
  border-radius: 50%;
  background: var(--theme-custom-white);
}
.progress-stepper .is-complete,
.progress-stepper .is-current {
  color: rgba(var(--theme-success-rgb), 1);
}
.progress-stepper .is-complete::before,
.progress-stepper .is-current::before {
  background: rgba(var(--theme-success-rgb), 1);
}
.progress-stepper .is-complete .step-marker,
.progress-stepper .is-current .step-marker {
  background: rgba(var(--theme-success-rgb), 1);
  border-color: rgba(var(--theme-success-rgb), 1);
}
.progress-stepper .is-current .step-label {
  font-weight: 600;
}
.progress-stepper-dots li,
.progress-stepper-diamonds li,
.progress-stepper-track li,
.progress-stepper-segments li {
  flex-direction: column-reverse;
}
.progress-stepper-dots li::before,
.progress-stepper-diamonds li::before,
.progress-stepper-track li::before,
.progress-stepper-segments li::before {
  top: auto;
  bottom: 11px;
}
.progress-stepper-diamonds .step-marker {
  border-radius: 0;
  width: 1.5rem;
  height: 1.5rem;
}
.progress-stepper-diamonds .is-complete,
.progress-stepper-diamonds .is-current {
  color: rgba(var(--theme-secondary-rgb), 1);
}
.progress-stepper-diamonds .is-complete::before,
.progress-stepper-diamonds .is-current::before {
  background: rgba(var(--theme-secondary-rgb), 1);
}
.progress-stepper-diamonds .is-complete .step-marker,
.progress-stepper-diamonds .is-current .step-marker {
  background: rgba(var(--theme-secondary-rgb), 1);
  border-color: rgba(var(--theme-secondary-rgb), 1);
}
.progress-stepper-diamonds .is-current .step-marker {
  transform: rotate(45deg);
}
.progress-stepper-diamonds li::before {
  bottom: 11px;
}
.progress-stepper-chevrons {
  gap: 0;
}
.progress-stepper-chevrons li {
  padding: 0.65rem 0.5rem 0.65rem 1rem;
  background: rgb(var(--theme-light-rgb));
  clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 0 100%, 12px 50%);
}
.progress-stepper-chevrons li:first-child {
  clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 0 100%);
}
.progress-stepper-chevrons li::before,
.progress-stepper-chevrons .step-marker {
  display: none;
}
.progress-stepper-chevrons .is-complete {
  background: var(--theme-primary-color);
  color: #000;
}
.progress-stepper-chevrons .is-current {
  background: rgba(var(--theme-dark-rgb));
  color: #fff;
}
.progress-stepper-track li::before {
  height: 0.5rem;
  bottom: 0.125rem;
}
.progress-stepper-track .step-marker {
  width: 0.75rem;
  height: 0.75rem;
  border-color: var(--light);
}
.progress-stepper-track .is-complete .step-marker,
.progress-stepper-track .is-current .step-marker {
  background: var(--theme-custom-white);
  border-color: var(--theme-primary-color);
}
.progress-stepper-segments {
  gap: 0.5rem;
}
.progress-stepper-segments li {
  padding-bottom: 0.75rem;
  border-bottom: 10px solid var(--theme-default-border);
}
.progress-stepper-segments li::before,
.progress-stepper-segments .step-marker {
  display: none;
}
.progress-stepper-segments .step-label {
  color: var(--theme-text-muted);
}
.progress-stepper-segments .is-complete .step-label,
.progress-stepper-segments .is-current .step-label {
  color: rgb(var(--theme-dark-rgb));
}
.progress-stepper-segments .is-complete {
  border-color: rgba(var(--theme-warning-rgb), 0.4);
}
.progress-stepper-segments .is-current {
  border-color: rgba(var(--theme-warning-rgb));
}
.progress-stepper-icons .step-marker {
  display: grid;
  place-items: center;
  width: 2.25rem;
  height: 2.25rem;
  border: 0;
  background: rgb(var(--theme-light-rgb));
  font-size: 1rem;
}
.progress-stepper-icons li::before {
  top: 1.125rem;
}
.progress-stepper-icons .is-complete .step-marker {
  background: rgba(var(--theme-success-rgb));
  color: #fff;
}
.progress-stepper-icons .is-current .step-marker {
  color: #fff;
}
.progress-stepper {
  max-width: 100%;
}
.card-body:has(> nav > .progress-stepper) {
  overflow-x: auto;
}
@media (max-width: 575.98px) {
  .progress-stepper li {
    min-width: 0;
    font-size: 10px;
  }
  .progress-stepper .step-label {
    max-width: 100%;
    overflow-wrap: anywhere;
    text-align: center;
  }
}
caption {
  color: var(--theme-text-muted);
  font-weight: 700;
}
.table {
  --bs-table-bg: var(--theme-custom-white);
  color: var(--theme-default-text-color);
  border-color: var(--theme-default-border);
  margin-block-end: 0;
}
.table tbody tr th {
  font-weight: 500;
}
.table th,
.table td {
  padding: 1rem 1.25rem;
  vertical-align: middle;
  line-height: 1.462;
  font-size: 0.875rem;
  font-weight: 400;
}
.table thead tr th {
  font-weight: 500;
  font-size: 0.85rem;
}
.table.table-sm > :not(caption) > * > * {
  padding: 0.3rem;
}
.table.table-dark {
  color: var(--theme-white-7);
  border-color: rgba(255, 255, 255, 0.1);
}
.table.table-primary {
  background-color: #fff;
  color: #fff;
  border-color: var(--bs-table-border-color);
  --bs-table-bg: rgba(var(--theme-primary-rgb), 0.1);
  --bs-table-border-color: rgba(var(--theme-primary-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--theme-primary-rgb), 0.2);
  --bs-table-active-bg: rgba(var(--theme-primary-rgb), 0.2);
  --bs-table-hover-bg: rgba(var(--theme-primary-rgb), 0.2);
}
.table.table-primary > :not(caption) > * > * {
  --bs-table-bg: rgba(var(--theme-primary-rgb), 0.1);
  color: #111318;
}
.table.table-primary.table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--theme-primary-rgb), 0.2);
  color: var(--theme-default-text-color);
}
.table.table-primary.table.table-hover > tbody > tr:hover > * {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--theme-primary-rgb), 0.4);
  color: #fff;
}
.table.table-primary .table-active {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgb(var(--theme-primary-rgb));
  color: #fff;
}
.table.table-secondary {
  background-color: #fff;
  color: #fff;
  border-color: var(--bs-table-border-color);
  --bs-table-bg: rgba(var(--theme-secondary-rgb), 0.1);
  --bs-table-border-color: rgba(var(--theme-secondary-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--theme-secondary-rgb), 0.2);
  --bs-table-active-bg: rgba(var(--theme-secondary-rgb), 0.2);
  --bs-table-hover-bg: rgba(var(--theme-secondary-rgb), 0.2);
}
.table.table-secondary > :not(caption) > * > * {
  --bs-table-bg: rgba(var(--theme-secondary-rgb), 0.1);
  color: #111318;
}
.table.table-secondary.table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--theme-secondary-rgb), 0.2);
  color: var(--theme-default-text-color);
}
.table.table-secondary.table.table-hover > tbody > tr:hover > * {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--theme-secondary-rgb), 0.4);
  color: #fff;
}
.table.table-secondary .table-active {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgb(var(--theme-secondary-rgb));
  color: #fff;
}
.table.table-warning {
  background-color: #fff;
  color: #fff;
  border-color: var(--bs-table-border-color);
  --bs-table-bg: rgba(var(--theme-warning-rgb), 0.1);
  --bs-table-border-color: rgba(var(--theme-warning-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--theme-warning-rgb), 0.2);
  --bs-table-active-bg: rgba(var(--theme-warning-rgb), 0.2);
  --bs-table-hover-bg: rgba(var(--theme-warning-rgb), 0.2);
}
.table.table-warning > :not(caption) > * > * {
  --bs-table-bg: rgba(var(--theme-warning-rgb), 0.1);
  color: #111318;
}
.table.table-warning.table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--theme-warning-rgb), 0.2);
  color: var(--theme-default-text-color);
}
.table.table-warning.table.table-hover > tbody > tr:hover > * {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--theme-warning-rgb), 0.4);
  color: #fff;
}
.table.table-warning .table-active {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgb(var(--theme-warning-rgb));
  color: #fff;
}
.table.table-success {
  background-color: #fff;
  color: #fff;
  border-color: var(--bs-table-border-color);
  --bs-table-bg: rgba(var(--theme-success-rgb), 0.1);
  --bs-table-border-color: rgba(var(--theme-success-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--theme-success-rgb), 0.2);
  --bs-table-active-bg: rgba(var(--theme-success-rgb), 0.2);
  --bs-table-hover-bg: rgba(var(--theme-success-rgb), 0.2);
}
.table.table-success > :not(caption) > * > * {
  --bs-table-bg: rgba(var(--theme-success-rgb), 0.1);
  color: #111318;
}
.table.table-success.table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--theme-success-rgb), 0.2);
  color: var(--theme-default-text-color);
}
.table.table-success.table.table-hover > tbody > tr:hover > * {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--theme-success-rgb), 0.4);
  color: #fff;
}
.table.table-success .table-active {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgb(var(--theme-success-rgb));
  color: #fff;
}
.table.table-danger {
  background-color: #fff;
  color: #fff;
  border-color: var(--bs-table-border-color);
  --bs-table-bg: rgba(var(--theme-danger-rgb), 0.1);
  --bs-table-border-color: rgba(var(--theme-danger-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--theme-danger-rgb), 0.2);
  --bs-table-active-bg: rgba(var(--theme-danger-rgb), 0.2);
  --bs-table-hover-bg: rgba(var(--theme-danger-rgb), 0.2);
}
.table.table-danger > :not(caption) > * > * {
  --bs-table-bg: rgba(var(--theme-danger-rgb), 0.1);
  color: #111318;
}
.table.table-danger.table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--theme-danger-rgb), 0.2);
  color: var(--theme-default-text-color);
}
.table.table-danger.table.table-hover > tbody > tr:hover > * {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--theme-danger-rgb), 0.4);
  color: #fff;
}
.table.table-danger .table-active {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgb(var(--theme-danger-rgb));
  color: #fff;
}
.table.table-info {
  background-color: #fff;
  color: #fff;
  border-color: var(--bs-table-border-color);
  --bs-table-bg: rgba(var(--theme-info-rgb), 0.1);
  --bs-table-border-color: rgba(var(--theme-info-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--theme-info-rgb), 0.2);
  --bs-table-active-bg: rgba(var(--theme-info-rgb), 0.2);
  --bs-table-hover-bg: rgba(var(--theme-info-rgb), 0.2);
}
.table.table-info > :not(caption) > * > * {
  --bs-table-bg: rgba(var(--theme-info-rgb), 0.1);
  color: #111318;
}
.table.table-info.table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--theme-info-rgb), 0.2);
  color: var(--theme-default-text-color);
}
.table.table-info.table.table-hover > tbody > tr:hover > * {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--theme-info-rgb), 0.4);
  color: #fff;
}
.table.table-info .table-active {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgb(var(--theme-info-rgb));
  color: #fff;
}
.table.table-light {
  background-color: #fff;
  color: #fff;
  border-color: var(--bs-table-border-color);
  --bs-table-bg: rgba(var(--theme-light-rgb), 0.1);
  --bs-table-border-color: rgba(var(--theme-light-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--theme-light-rgb), 0.2);
  --bs-table-active-bg: rgba(var(--theme-light-rgb), 0.2);
  --bs-table-hover-bg: rgba(var(--theme-light-rgb), 0.2);
}
.table.table-light > :not(caption) > * > * {
  --bs-table-bg: rgba(var(--theme-light-rgb), 0.1);
  color: #111318;
}
.table.table-light.table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--theme-light-rgb), 0.2);
  color: var(--theme-default-text-color);
}
.table.table-light.table.table-hover > tbody > tr:hover > * {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--theme-light-rgb), 0.4);
  color: #fff;
}
.table.table-light .table-active {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgb(var(--theme-light-rgb));
  color: #fff;
}
.table.table-dark {
  background-color: #fff;
  color: #fff;
  border-color: var(--bs-table-border-color);
  --bs-table-bg: rgba(var(--theme-dark-rgb), 0.1);
  --bs-table-border-color: rgba(var(--theme-dark-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--theme-dark-rgb), 0.2);
  --bs-table-active-bg: rgba(var(--theme-dark-rgb), 0.2);
  --bs-table-hover-bg: rgba(var(--theme-dark-rgb), 0.2);
}
.table.table-dark > :not(caption) > * > * {
  --bs-table-bg: rgba(var(--theme-dark-rgb), 0.1);
  color: #111318;
}
.table.table-dark.table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--theme-dark-rgb), 0.2);
  color: var(--theme-default-text-color);
}
.table.table-dark.table.table-hover > tbody > tr:hover > * {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--theme-dark-rgb), 0.4);
  color: #fff;
}
.table.table-dark .table-active {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgb(var(--theme-dark-rgb));
  color: #fff;
}
.table.table-bordered.border-primary tbody,
.table.table-bordered.border-primary td,
.table.table-bordered.border-primary tfoot,
.table.table-bordered.border-primary th,
.table.table-bordered.border-primary thead,
.table.table-bordered.border-primary tr {
  border-color: rgba(var(--theme-primary-rgb), 0.1);
}
.table.table-bordered.border-info tbody,
.table.table-bordered.border-info td,
.table.table-bordered.border-info tfoot,
.table.table-bordered.border-info th,
.table.table-bordered.border-info thead,
.table.table-bordered.border-info tr {
  border-color: rgba(var(--theme-info-rgb), 0.1);
}
.table.table-bordered.border-secondary tbody,
.table.table-bordered.border-secondary td,
.table.table-bordered.border-secondary tfoot,
.table.table-bordered.border-secondary th,
.table.table-bordered.border-secondary thead,
.table.table-bordered.border-secondary tr {
  border-color: rgba(var(--theme-secondary-rgb), 0.1);
}
.table.table-bordered.border-warning tbody,
.table.table-bordered.border-warning td,
.table.table-bordered.border-warning tfoot,
.table.table-bordered.border-warning th,
.table.table-bordered.border-warning thead,
.table.table-bordered.border-warning tr {
  border-color: rgba(var(--theme-warning-rgb), 0.1);
}
.table.table-bordered.border-success tbody,
.table.table-bordered.border-success td,
.table.table-bordered.border-success tfoot,
.table.table-bordered.border-success th,
.table.table-bordered.border-success thead,
.table.table-bordered.border-success tr {
  border-color: rgba(var(--theme-success-rgb), 0.1);
}
.table.table-bordered.border-danger tbody,
.table.table-bordered.border-danger td,
.table.table-bordered.border-danger tfoot,
.table.table-bordered.border-danger th,
.table.table-bordered.border-danger thead,
.table.table-bordered.border-danger tr {
  border-color: rgba(var(--theme-danger-rgb), 0.1);
}
.table.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: rgba(var(--theme-light-rgb), 0.5);
  color: var(--theme-default-text-color);
  --bs-table-bg-type: rgba(var(--theme-light-rgb), 0.5);
}
.table.table-striped-columns > :not(caption) > tr > :nth-child(2n) {
  --bs-table-accent-bg: rgba(var(--theme-dark-rgb), 0.025);
  color: var(--theme-default-text-color);
}
.table tbody.table-group-divider {
  border-top: 1px solid var(--theme-default-border);
}
.table.table-hover > tbody > tr:hover > * {
  --bs-table-accent-bg: var(--theme-default-background);
  --bs-table-bg-state: var(--theme-default-background);
  color: var(--theme-default-text-color);
}
.table .table-active {
  --bs-table-accent-bg: rgb(var(--theme-light-rgb));
  color: var(--theme-default-text-color);
  --bs-table-bg-state: rgb(var(--theme-light-rgb));
}
.table thead.table-primary {
  background-color: #fff;
  color: var(--bs-table-color);
  --bs-table-color: #111318 !important;
  --bs-table-bg: rgba(var(--theme-primary-rgb), 0.1) !important;
  --bs-table-border-color: rgba(var(--theme-primary-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--theme-primary-rgb), 0.5);
  --bs-table-striped-color: #111318;
  --bs-table-active-bg: rgba(var(--theme-primary-rgb), 0.5);
  --bs-table-hover-bg: rgba(var(--theme-primary-rgb), 0.5);
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table thead.table-secondary {
  background-color: #fff;
  color: var(--bs-table-color);
  --bs-table-color: #111318 !important;
  --bs-table-bg: rgba(var(--theme-secondary-rgb), 0.1) !important;
  --bs-table-border-color: rgba(var(--theme-secondary-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--theme-secondary-rgb), 0.5);
  --bs-table-striped-color: #111318;
  --bs-table-active-bg: rgba(var(--theme-secondary-rgb), 0.5);
  --bs-table-hover-bg: rgba(var(--theme-secondary-rgb), 0.5);
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table thead.table-warning {
  background-color: #fff;
  color: var(--bs-table-color);
  --bs-table-color: #111318 !important;
  --bs-table-bg: rgba(var(--theme-warning-rgb), 0.1) !important;
  --bs-table-border-color: rgba(var(--theme-warning-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--theme-warning-rgb), 0.5);
  --bs-table-striped-color: #111318;
  --bs-table-active-bg: rgba(var(--theme-warning-rgb), 0.5);
  --bs-table-hover-bg: rgba(var(--theme-warning-rgb), 0.5);
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table thead.table-success {
  background-color: #fff;
  color: var(--bs-table-color);
  --bs-table-color: #111318 !important;
  --bs-table-bg: rgba(var(--theme-success-rgb), 0.1) !important;
  --bs-table-border-color: rgba(var(--theme-success-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--theme-success-rgb), 0.5);
  --bs-table-striped-color: #111318;
  --bs-table-active-bg: rgba(var(--theme-success-rgb), 0.5);
  --bs-table-hover-bg: rgba(var(--theme-success-rgb), 0.5);
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table thead.table-danger {
  background-color: #fff;
  color: var(--bs-table-color);
  --bs-table-color: #111318 !important;
  --bs-table-bg: rgba(var(--theme-danger-rgb), 0.1) !important;
  --bs-table-border-color: rgba(var(--theme-danger-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--theme-danger-rgb), 0.5);
  --bs-table-striped-color: #111318;
  --bs-table-active-bg: rgba(var(--theme-danger-rgb), 0.5);
  --bs-table-hover-bg: rgba(var(--theme-danger-rgb), 0.5);
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table thead.table-info {
  background-color: #fff;
  color: var(--bs-table-color);
  --bs-table-color: #111318 !important;
  --bs-table-bg: rgba(var(--theme-info-rgb), 0.1) !important;
  --bs-table-border-color: rgba(var(--theme-info-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--theme-info-rgb), 0.5);
  --bs-table-striped-color: #111318;
  --bs-table-active-bg: rgba(var(--theme-info-rgb), 0.5);
  --bs-table-hover-bg: rgba(var(--theme-info-rgb), 0.5);
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table thead.table-light {
  background-color: #fff;
  color: var(--bs-table-color);
  --bs-table-color: #111318 !important;
  --bs-table-bg: rgba(var(--theme-light-rgb), 1) !important;
  --bs-table-border-color: rgba(var(--theme-light-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--theme-light-rgb), 0.5);
  --bs-table-striped-color: #111318;
  --bs-table-active-bg: rgba(var(--theme-light-rgb), 0.5);
  --bs-table-hover-bg: rgba(var(--theme-light-rgb), 0.5);
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table thead.table-dark {
  background-color: #fff;
  color: var(--bs-table-color);
  --bs-table-color: #111318 !important;
  --bs-table-bg: rgba(var(--theme-dark-rgb), 0.1) !important;
  --bs-table-border-color: rgba(var(--theme-dark-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--theme-dark-rgb), 0.5);
  --bs-table-striped-color: #111318;
  --bs-table-active-bg: rgba(var(--theme-dark-rgb), 0.5);
  --bs-table-hover-bg: rgba(var(--theme-dark-rgb), 0.5);
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-primary {
  --bs-table-color: #111318;
  --bs-table-bg: rgba(var(--theme-primary-rgb), 0.1);
  --bs-table-border-color: rgba(var(--theme-primary-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--theme-primary-rgb), 0.3);
  --bs-table-striped-color: #111318;
  --bs-table-active-bg: rgba(var(--theme-primary-rgb), 0.3);
  --bs-table-active-color: #111318;
  --bs-table-hover-bg: rgba(var(--theme-primary-rgb), 0.3);
  --bs-table-hover-color: #111318;
  color: #111318;
  border-color: rgba(var(--theme-primary-rgb), 0.1);
  background-color: #fff;
}
.table-secondary {
  --bs-table-color: #111318;
  --bs-table-bg: rgba(var(--theme-secondary-rgb), 0.1);
  --bs-table-border-color: rgba(var(--theme-secondary-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--theme-secondary-rgb), 0.3);
  --bs-table-striped-color: #111318;
  --bs-table-active-bg: rgba(var(--theme-secondary-rgb), 0.3);
  --bs-table-active-color: #111318;
  --bs-table-hover-bg: rgba(var(--theme-secondary-rgb), 0.3);
  --bs-table-hover-color: #111318;
  color: #111318;
  border-color: rgba(var(--theme-secondary-rgb), 0.1);
  background-color: #fff;
}
.table-warning {
  --bs-table-color: #111318;
  --bs-table-bg: rgba(var(--theme-warning-rgb), 0.1);
  --bs-table-border-color: rgba(var(--theme-warning-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--theme-warning-rgb), 0.3);
  --bs-table-striped-color: #111318;
  --bs-table-active-bg: rgba(var(--theme-warning-rgb), 0.3);
  --bs-table-active-color: #111318;
  --bs-table-hover-bg: rgba(var(--theme-warning-rgb), 0.3);
  --bs-table-hover-color: #111318;
  color: #111318;
  border-color: rgba(var(--theme-warning-rgb), 0.1);
  background-color: #fff;
}
.table-success {
  --bs-table-color: #111318;
  --bs-table-bg: rgba(var(--theme-success-rgb), 0.1);
  --bs-table-border-color: rgba(var(--theme-success-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--theme-success-rgb), 0.3);
  --bs-table-striped-color: #111318;
  --bs-table-active-bg: rgba(var(--theme-success-rgb), 0.3);
  --bs-table-active-color: #111318;
  --bs-table-hover-bg: rgba(var(--theme-success-rgb), 0.3);
  --bs-table-hover-color: #111318;
  color: #111318;
  border-color: rgba(var(--theme-success-rgb), 0.1);
  background-color: #fff;
}
.table-info {
  --bs-table-color: #111318;
  --bs-table-bg: rgba(var(--theme-info-rgb), 0.1);
  --bs-table-border-color: rgba(var(--theme-info-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--theme-info-rgb), 0.3);
  --bs-table-striped-color: #111318;
  --bs-table-active-bg: rgba(var(--theme-info-rgb), 0.3);
  --bs-table-active-color: #111318;
  --bs-table-hover-bg: rgba(var(--theme-info-rgb), 0.3);
  --bs-table-hover-color: #111318;
  color: #111318;
  border-color: rgba(var(--theme-info-rgb), 0.1);
  background-color: #fff;
}
.table-danger {
  --bs-table-color: #111318;
  --bs-table-bg: rgba(var(--theme-danger-rgb), 0.1);
  --bs-table-border-color: rgba(var(--theme-danger-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--theme-danger-rgb), 0.3);
  --bs-table-striped-color: #111318;
  --bs-table-active-bg: rgba(var(--theme-danger-rgb), 0.3);
  --bs-table-active-color: #111318;
  --bs-table-hover-bg: rgba(var(--theme-danger-rgb), 0.3);
  --bs-table-hover-color: #111318;
  color: #111318;
  border-color: rgba(var(--theme-danger-rgb), 0.1);
  background-color: #fff;
}
.table-dark {
  --bs-table-color: #111318;
  --bs-table-bg: rgba(var(--theme-dark-rgb), 0.1);
  --bs-table-border-color: rgba(var(--theme-dark-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--theme-dark-rgb), 0.3);
  --bs-table-striped-color: #111318;
  --bs-table-active-bg: rgba(var(--theme-dark-rgb), 0.3);
  --bs-table-active-color: #111318;
  --bs-table-hover-bg: rgba(var(--theme-dark-rgb), 0.3);
  --bs-table-hover-color: #111318;
  color: #111318;
  border-color: rgba(var(--theme-dark-rgb), 0.1);
  background-color: #fff;
}
.table-light {
  --bs-table-color: #111318;
  --bs-table-bg: rgba(var(--theme-light-rgb), 0.1);
  --bs-table-border-color: rgba(var(--theme-light-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--theme-light-rgb), 0.3);
  --bs-table-striped-color: #111318;
  --bs-table-active-bg: rgba(var(--theme-light-rgb), 0.3);
  --bs-table-active-color: #111318;
  --bs-table-hover-bg: rgba(var(--theme-light-rgb), 0.3);
  --bs-table-hover-color: #111318;
  color: #111318;
  border-color: rgba(var(--theme-light-rgb), 0.1);
  background-color: #fff;
}
[data-theme-color=dark] .table-dark {
  border-color: rgba(0, 0, 0, 0.025);
}
[data-theme-color=dark] div.dtr-modal div.dtr-modal-display {
  background-color: var(--theme-custom-white);
}
.table > :not(caption) > * > * {
  --bs-body-bg: var(--theme-custom-white);
  color: inherit;
}
.table-striped-columns > :not(caption) > tr > :nth-child(2n) {
  --bs-table-bg-type: rgba(var(--theme-light-rgb), 0.5);
}
.table-light tr th {
  color: var(--theme-default-text-color) !important;
}
.toast {
  background-color: var(--theme-custom-white);
  border: 1px solid var(--theme-default-border);
  box-shadow: 0px 0.125rem 0.25rem rgba(0, 0, 0, 0.05);
  border-radius: 0.35rem;
}
.toast .toast-header {
  background-color: rgb(var(--theme-light-rgb));
  padding: 0.375rem 0.75rem;
}
.toast .toast-header img {
  width: 1.25rem;
  height: 1.25rem;
}
.toast .toast-header {
  border-bottom: 1px solid var(--theme-default-border);
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.toast .toast-header .btn-close {
  margin-inline-end: 0.125rem;
}
.toast .toast-body {
  font-size: 0.8rem;
}
.toast .btn-close {
  font-size: 0.563rem;
}
.toast.colored-toast {
  border: 0 !important;
  backdrop-filter: blur(20px);
}
.toast.colored-toast .btn-close {
  filter: invert(1);
}
.toast.colored-toast .toast-header {
  border-block-end: 1px solid rgba(255, 255, 255, 0.1);
}
.bd-example-toasts {
  min-height: 15rem;
}
.tooltip.tooltip-primary .tooltip-inner {
  background-color: var(--theme-primary-color);
  color: #fff;
}
.tooltip.tooltip-primary.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.tooltip.tooltip-primary.bs-tooltip-top .tooltip-arrow::before {
  border-top-color: var(--theme-primary-color);
}
.tooltip.tooltip-primary.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
.tooltip.tooltip-primary.bs-tooltip-end .tooltip-arrow::before {
  border-right-color: var(--theme-primary-color);
}
.tooltip.tooltip-primary.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
.tooltip.tooltip-primary.bs-tooltip-start .tooltip-arrow::before {
  border-left-color: var(--theme-primary-color);
}
.tooltip.tooltip-primary.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
.tooltip.tooltip-primary.bs-tooltip-end .tooltip-arrow::before {
  border-bottom-color: var(--theme-primary-color);
}
.tooltip.tooltip-secondary .tooltip-inner {
  background-color: rgb(var(--theme-secondary-rgb));
  color: #fff;
}
.tooltip.tooltip-secondary.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.tooltip.tooltip-secondary.bs-tooltip-top .tooltip-arrow::before {
  border-top-color: rgb(var(--theme-secondary-rgb));
}
.tooltip.tooltip-secondary.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
.tooltip.tooltip-secondary.bs-tooltip-end .tooltip-arrow::before {
  border-right-color: rgb(var(--theme-secondary-rgb));
}
.tooltip.tooltip-secondary.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
.tooltip.tooltip-secondary.bs-tooltip-start .tooltip-arrow::before {
  border-left-color: rgb(var(--theme-secondary-rgb));
}
.tooltip.tooltip-secondary.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
.tooltip.tooltip-secondary.bs-tooltip-end .tooltip-arrow::before {
  border-bottom-color: rgb(var(--theme-secondary-rgb));
}
.tooltip.tooltip-warning .tooltip-inner {
  background-color: rgb(var(--theme-warning-rgb));
  color: #fff;
}
.tooltip.tooltip-warning.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.tooltip.tooltip-warning.bs-tooltip-top .tooltip-arrow::before {
  border-top-color: rgb(var(--theme-warning-rgb));
}
.tooltip.tooltip-warning.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
.tooltip.tooltip-warning.bs-tooltip-end .tooltip-arrow::before {
  border-right-color: rgb(var(--theme-warning-rgb));
}
.tooltip.tooltip-warning.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
.tooltip.tooltip-warning.bs-tooltip-start .tooltip-arrow::before {
  border-left-color: rgb(var(--theme-warning-rgb));
}
.tooltip.tooltip-warning.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
.tooltip.tooltip-warning.bs-tooltip-end .tooltip-arrow::before {
  border-bottom-color: rgb(var(--theme-warning-rgb));
}
.tooltip.tooltip-info .tooltip-inner {
  background-color: rgb(var(--theme-info-rgb));
  color: #fff;
}
.tooltip.tooltip-info.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.tooltip.tooltip-info.bs-tooltip-top .tooltip-arrow::before {
  border-top-color: rgb(var(--theme-info-rgb));
}
.tooltip.tooltip-info.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
.tooltip.tooltip-info.bs-tooltip-end .tooltip-arrow::before {
  border-right-color: rgb(var(--theme-info-rgb));
}
.tooltip.tooltip-info.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
.tooltip.tooltip-info.bs-tooltip-start .tooltip-arrow::before {
  border-left-color: rgb(var(--theme-info-rgb));
}
.tooltip.tooltip-info.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
.tooltip.tooltip-info.bs-tooltip-end .tooltip-arrow::before {
  border-bottom-color: rgb(var(--theme-info-rgb));
}
.tooltip.tooltip-success .tooltip-inner {
  background-color: rgb(var(--theme-success-rgb));
  color: #fff;
}
.tooltip.tooltip-success.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.tooltip.tooltip-success.bs-tooltip-top .tooltip-arrow::before {
  border-top-color: rgb(var(--theme-success-rgb));
}
.tooltip.tooltip-success.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
.tooltip.tooltip-success.bs-tooltip-end .tooltip-arrow::before {
  border-right-color: rgb(var(--theme-success-rgb));
}
.tooltip.tooltip-success.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
.tooltip.tooltip-success.bs-tooltip-start .tooltip-arrow::before {
  border-left-color: rgb(var(--theme-success-rgb));
}
.tooltip.tooltip-success.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
.tooltip.tooltip-success.bs-tooltip-end .tooltip-arrow::before {
  border-bottom-color: rgb(var(--theme-success-rgb));
}
.tooltip.tooltip-danger .tooltip-inner {
  background-color: rgb(var(--theme-danger-rgb));
  color: #fff;
}
.tooltip.tooltip-danger.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.tooltip.tooltip-danger.bs-tooltip-top .tooltip-arrow::before {
  border-top-color: rgb(var(--theme-danger-rgb));
}
.tooltip.tooltip-danger.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
.tooltip.tooltip-danger.bs-tooltip-end .tooltip-arrow::before {
  border-right-color: rgb(var(--theme-danger-rgb));
}
.tooltip.tooltip-danger.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
.tooltip.tooltip-danger.bs-tooltip-start .tooltip-arrow::before {
  border-left-color: rgb(var(--theme-danger-rgb));
}
.tooltip.tooltip-danger.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
.tooltip.tooltip-danger.bs-tooltip-end .tooltip-arrow::before {
  border-bottom-color: rgb(var(--theme-danger-rgb));
}
.tooltip.tooltip-dark .tooltip-inner {
  background-color: rgb(var(--theme-dark-rgb));
  color: #fff;
}
.tooltip.tooltip-dark.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.tooltip.tooltip-dark.bs-tooltip-top .tooltip-arrow::before {
  border-top-color: rgb(var(--theme-dark-rgb));
}
.tooltip.tooltip-dark.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
.tooltip.tooltip-dark.bs-tooltip-end .tooltip-arrow::before {
  border-right-color: rgb(var(--theme-dark-rgb));
}
.tooltip.tooltip-dark.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
.tooltip.tooltip-dark.bs-tooltip-start .tooltip-arrow::before {
  border-left-color: rgb(var(--theme-dark-rgb));
}
.tooltip.tooltip-dark.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
.tooltip.tooltip-dark.bs-tooltip-end .tooltip-arrow::before {
  border-bottom-color: rgb(var(--theme-dark-rgb));
}
.tooltip.tooltip-dark .tooltip-inner {
  color: var(--theme-custom-white);
}
.tooltip.tooltip-light .tooltip-inner {
  background-color: rgb(var(--theme-light-rgb));
  color: #fff;
}
.tooltip.tooltip-light.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.tooltip.tooltip-light.bs-tooltip-top .tooltip-arrow::before {
  border-top-color: rgb(var(--theme-light-rgb));
}
.tooltip.tooltip-light.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
.tooltip.tooltip-light.bs-tooltip-end .tooltip-arrow::before {
  border-right-color: rgb(var(--theme-light-rgb));
}
.tooltip.tooltip-light.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
.tooltip.tooltip-light.bs-tooltip-start .tooltip-arrow::before {
  border-left-color: rgb(var(--theme-light-rgb));
}
.tooltip.tooltip-light.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
.tooltip.tooltip-light.bs-tooltip-end .tooltip-arrow::before {
  border-bottom-color: rgb(var(--theme-light-rgb));
}
.tooltip.tooltip-light .tooltip-inner {
  color: var(--theme-default-text-color);
}
#loader {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
  background: var(--theme-default-body-bg-color);
  opacity: 1;
}
html[loader=enable] #loader {
  display: flex;
}
#loader .app-loader-content {
  display: flex;
  width: min(100%, 18rem);
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding: 1.75rem 1.5rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 1rem;
  background: var(--theme-default-background);
  box-shadow: 0 1rem 3rem rgba(var(--theme-dark-rgb), 0.08);
}
#loader .app-loader-logo {
  display: grid;
  min-height: 2.5rem;
  place-items: center;
}
#loader .app-loader-logo img {
  display: block;
  width: auto;
  max-width: 10rem;
  height: 2.25rem;
  -o-object-fit: contain;
  object-fit: contain;
}
#loader .app-loader-logo-dark {
  display: none !important;
}
html[data-theme-color=dark] #loader .app-loader-logo-light {
  display: none !important;
}
html[data-theme-color=dark] #loader .app-loader-logo-dark {
  display: block !important;
}
#loader .app-loader-label {
  color: var(--theme-default-text-color);
  font-size: 0.875rem;
  font-weight: 500;
}
#loader .app-loader-progress {
  position: relative;
  width: 100%;
  height: 0.3rem;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(var(--theme-primary-rgb), 0.14);
}
#loader .app-loader-progress span {
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  width: 42%;
  border-radius: inherit;
  background: var(--theme-primary-color);
  transform: translateX(-110%);
  animation: app-loader-progress 1.25s ease-in-out infinite;
}
@keyframes app-loader-progress {
  0% {
    transform: translateX(-110%);
  }
  100% {
    transform: translateX(250%);
  }
}
@media (prefers-reduced-motion: reduce) {
  #loader .app-loader-progress span {
    width: 100%;
    transform: none;
    animation: none;
  }
}
body {
  font-size: 0.875rem;
  font-family: var(--theme-default-font-family);
  font-weight: var(--theme-default-font-weight);
  background-color: var(--theme-default-body-bg-color);
  color: var(--theme-default-text-color);
  line-height: 1.5;
  text-align: start;
  overflow-x: clip;
  min-height: 100vh;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
body ::-webkit-scrollbar {
  width: 0.25rem;
  height: 0.25rem;
  -webkit-transition: all ease 0.05s;
  transition: all ease 0.05s;
  background: rgb(var(--theme-light-rgb));
  border-radius: 10px;
}
body :hover::-webkit-scrollbar-thumb {
  background: var(--theme-input-border);
}
a,
button {
  outline: 0 !important;
}
.page {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100vh;
}
.app-content .container-fluid {
  padding-inline: 1.25rem;
}
@media (min-width: 992px) {
  .app-content {
    min-height: calc(100vh - 8rem);
    margin-block-end: 0;
    margin-block-start: 4.3rem;
    margin-inline-start: 260px;
    transition: all 0.05s ease;
  }
}
@media (max-width: 991.98px) {
  .main-content {
    padding-block-start: 3.75rem;
  }
}
.bd-example > .dropdown-menu {
  position: static;
  display: block;
}
.min-w-fit-content {
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.scrollspy-example {
  height: 12.5rem;
  margin-block-start: 0.5rem;
  overflow: auto;
}
.scrollspy-example-3 {
  height: 13.75rem;
  overflow: auto;
}
.simple-list-example-scrollspy .active {
  background-color: var(--theme-primary-color);
  color: #fff;
}
.scrollspy-example-4 {
  height: 12.5rem;
  margin-block-start: 0.5rem;
  overflow: auto;
}
.carousel-inner {
  border-radius: 0.35rem;
}
.carousel-caption {
  color: #fff;
}
.fixed-top {
  position: static;
  margin: -1rem -1rem 0rem -1rem;
}
.fixed-bottom {
  position: static;
  margin: 1rem 0rem -1rem -1rem;
}
.sticky-top {
  position: static;
  margin: -1rem -1rem 0rem -1rem;
}
.grid {
  display: grid;
  grid-template-rows: repeat(var(--bs-rows, 1), 1fr);
  grid-template-columns: repeat(var(--bs-columns, 12), 1fr);
  gap: var(--bs-gap, 1.5rem);
}
.grid .g-start-2 {
  grid-column-start: 2 !important;
}
.grid .g-col-2 {
  grid-column: auto/span 2;
}
.grid .g-start-3 {
  grid-column-start: 3;
}
.grid .g-col-3 {
  grid-column: auto/span 3;
}
.grid .g-col-4,
.grid .g-col-md-4 {
  grid-column: auto/span 4;
}
.grid .g-col-6 {
  grid-column: auto/span 6;
}
.grid .g-start-6 {
  grid-column-start: 6;
}
@media (min-width: 992px) {
  [data-sidebar-layout=vertical] .footer {
    padding-inline-start: 260px;
  }
}
.footer {
  border-top: 0px solid var(--theme-default-border);
}
.offcanvas {
  background-color: var(--theme-custom-white);
  color: var(--theme-default-text-color);
  border-color: var(--theme-default-border) !important;
}
.offcanvas-body {
  flex-grow: 1;
  padding: 1rem 1rem;
  overflow-y: auto;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
#switcher-main-tab {
  border-block-end: 0;
}
#customizer-offcanvas {
  width: 27.5rem;
}
#customizer-offcanvas .offcanvas-body {
  padding: 0 0 7rem 0;
}
#customizer-offcanvas .canvas-footer {
  padding: 0.75rem 1.563rem;
  position: absolute;
  inset-block-end: 0;
  width: 100%;
  background-color: var(--theme-custom-white);
  border-block-start: 1px dashed var(--theme-default-border);
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.5);
}
.switcher-style {
  padding: 0.875rem 1.563rem;
}
.switcher-style h6 {
  margin-block-end: 0.625rem;
}
#switcher-home,
#switcher-profile {
  padding: 0;
}
.theme-container-primary button,
.theme-container-background button {
  display: none;
}
.pickr-container-primary .pickr .pcr-button,
.pickr-container-background .pickr .pcr-button {
  width: 2rem;
  height: 2rem;
  overflow: hidden;
  border-radius: 50%;
  border: 1px solid var(--theme-input-border);
}
.pickr-container-primary .pickr .pcr-button:focus,
.pickr-container-background .pickr .pcr-button:focus {
  box-shadow: none;
}
.pickr-container-primary .pickr .pcr-button::after,
.pickr-container-background .pickr .pcr-button::after {
  content: "\efc5";
  font-family: remixicon !important;
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.5;
  font-size: 1.25rem;
}
@media (max-width: 991.98px) {
  .navigation-menu-styles {
    display: none;
  }
}
@media (max-width: 575.98px) {
  .topbar-cart,
  .timelines-dropdown,
  .topbar-notifications,
  .header-shortcuts-dropdown,
  .topbar-fullscreen,
  #mainHeaderProfile {
    display: none !important;
  }
}
.btn-close:focus {
  box-shadow: none !important;
}
.bd-placeholder-img {
  margin: 0.125rem;
}
.placeholder {
  background-color: var(--theme-gray-7);
}
.scrollToTop {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: var(--theme-custom-white);
  border: 1px solid var(--theme-default-border);
  position: fixed;
  bottom: 1.25rem;
  inset-inline-end: 1.25rem;
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 10000;
  height: 2.75rem;
  width: 2.75rem;
  border-radius: 50%;
  box-shadow: 0 0.25rem 1rem rgba(16, 24, 40, 0.16);
  cursor: pointer;
  transition:
    color 0.2s ease,
    background-color 0.2s ease,
    border-color 0.2s ease,
    transform 0.2s ease,
    box-shadow 0.2s ease;
}
.scrollToTop .ti {
  font-size: 1.25rem;
  line-height: 1;
}
.scrollToTop:hover {
  background-color: rgb(var(--theme-light-rgb));
  border: 1px solid rgba(var(--theme-dark-rgb), 0.5);
  transform: translateY(-3px);
  box-shadow: 0 0.5rem 1.25rem rgba(var(--theme-dark-rgb), 0.1);
}
.scrollToTop:focus-visible {
  outline: 3px solid rgba(var(--theme-dark-rgb), 0.5);
  outline-offset: 3px;
}
.project-timeline {
  margin-block-end: 0;
}
.project-timeline li {
  padding-inline-start: 3rem;
  position: relative;
  margin-block-end: 1.85rem;
}
.project-timeline li .project-timeline-avatar {
  position: absolute;
  inset-inline-start: 0.125rem;
  inset-block-start: 0;
}
.project-timeline li:last-child {
  margin-block-end: 0;
}
.project-timeline li:last-child::before {
  display: none;
}
.project-timeline li::before {
  content: "";
  background-color: transparent;
  border: 1px dashed rgba(var(--theme-dark-rgb), 0.1);
  height: 100%;
  position: absolute;
  inset-inline-start: 0.813rem;
  inset-block-start: 1.813rem;
}
.project-timeline .project-activity-media img {
  height: 4rem;
}
.todo-task-title {
  max-width: 200px;
  text-overflow: ellipsis;
  overflow: hidden;
}
[data-theme-color=dark] .bg-dark .h1,
[data-theme-color=dark] .bg-dark .h2,
[data-theme-color=dark] .bg-dark .h3,
[data-theme-color=dark] .bg-dark .h4,
[data-theme-color=dark] .bg-dark .h5,
[data-theme-color=dark] .bg-dark .h6,
[data-theme-color=dark] .bg-dark h1,
[data-theme-color=dark] .bg-dark h2,
[data-theme-color=dark] .bg-dark h3,
[data-theme-color=dark] .bg-dark h4,
[data-theme-color=dark] .bg-dark h5,
[data-theme-color=dark] .bg-dark h6,
[data-theme-color=dark] .card-bg-dark .h1,
[data-theme-color=dark] .card-bg-dark .h2,
[data-theme-color=dark] .card-bg-dark .h3,
[data-theme-color=dark] .card-bg-dark .h4,
[data-theme-color=dark] .card-bg-dark .h5,
[data-theme-color=dark] .card-bg-dark .h6,
[data-theme-color=dark] .card-bg-dark h1,
[data-theme-color=dark] .card-bg-dark h2,
[data-theme-color=dark] .card-bg-dark h3,
[data-theme-color=dark] .card-bg-dark h4,
[data-theme-color=dark] .card-bg-dark h5,
[data-theme-color=dark] .card-bg-dark h6 {
  color: var(--theme-custom-white) !important;
}
.d-inline-table {
  display: inline-table;
}
.h1 .h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--theme-default-text-color);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: auto;
}
.topbar {
  max-width: 100%;
  height: 4.25rem;
  z-index: 100;
  position: fixed;
  inset-block-start: 0;
  inset-inline: 0;
  background: var(--theme-header-bg);
  border-block-end: 1px solid var(--theme-header-border-color);
  transition: all 0.1s ease;
}
.topbar #mainHeaderProfile {
  color: var(--theme-header-prime-color);
}
.topbar-element.topbar-search .header-search-icon {
  width: 1.9rem;
  height: 1.9rem;
  color: var(--theme-header-prime-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  inset-block-start: 5px;
  inset-inline-end: 3px;
}
@media (min-width: 1165px) {
  .topbar-element.topbar-search input {
    width: 350px;
  }
}
@media (min-width: 992px) {
  .topbar {
    padding-inline-start: 16rem;
  }
  [data-sidebar-layout=horizontal] .topbar {
    padding-inline-start: 0;
  }
  [data-sidebar-layout=horizontal] .topbar-brand-element {
    display: block !important;
    flex: 0 0 auto;
    margin-inline-end: 0.5rem;
  }
  [data-sidebar-layout=horizontal] .topbar-brand-element .header-logo img {
    width: auto;
    max-width: 9rem;
    height: 1.75rem;
  }
}
.topbar-icon-badge {
  position: absolute;
  padding: 0.15rem 0.25rem;
  inset-block-start: 0.15rem;
  inset-inline-end: 0.75rem;
  font-size: 0.625rem;
}
.topbar-icon-pulse {
  position: absolute;
  width: 5px;
  height: 5px;
  inset-block-start: 1.35rem;
  inset-inline-end: 18px;
}
.related-app {
  text-align: center;
  border-radius: 0.35rem;
  border: 1px solid var(--theme-default-border);
}
.related-app:hover {
  background-color: rgb(var(--theme-light-rgb));
}
.topbar-profile-dropdown {
  min-width: 12rem;
}
.topbar-container {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  height: 100%;
}
.topbar-container .topbar-left,
.topbar-container .topbar-right {
  display: flex;
  align-items: stretch;
  margin-block: auto;
}
.topbar-container .topbar-right {
  padding-inline-start: 0 !important;
}
.topbar-container .topbar-element {
  display: flex;
  align-items: stretch;
}
.topbar-container .topbar-link {
  display: flex;
  align-items: center;
  padding: 1rem 0.5rem;
}
.topbar-container .topbar-link:hover .topbar-icon,
.topbar-container .topbar-link.show .topbar-icon {
  color: var(--theme-default-text-color);
}
.topbar-container .topbar-icon {
  width: 2rem;
  height: 2rem;
  font-size: 1.15rem;
  color: var(--theme-header-icon-color);
  transition: all ease 0.05s;
  position: relative;
  padding: 6px;
  border-radius: 50%;
  background-color: var(--theme-custom-white);
}
.topbar-container .dropdown-toggle {
  text-decoration: none;
}
.topbar-container .dropdown-toggle::after {
  content: none;
}
.topbar-container .main-profile-user .dropdown-menu {
  width: 13rem;
}
.topbar-container .main-profile-user .dropdown-item {
  font-weight: 400;
  font-size: 0.813rem;
  color: var(--theme-default-text-color);
  padding: 1.25rem 1rem;
  height: 2.375rem;
  display: flex;
  align-items: center;
}
.topbar-container .main-profile-user .dropdown-item:hover {
  color: var(--theme-primary-color);
}
.topbar-container .main-profile-user .dropdown-item:hover i {
  color: var(--theme-primary-color);
  opacity: 1;
}
.topbar-container .topbar-dropdown {
  box-shadow: 0px 4px 16px var(--theme-black-1);
  inset-block-start: 0 !important;
  border: 0;
}
.topbar-container .topbar-dropdown li {
  border-bottom: 1px solid var(--theme-default-border);
}
.topbar-container .topbar-dropdown li:last-child {
  border-bottom: 0;
}
.topbar-container .topbar-dropdown li ul.sub-list li {
  border-bottom: 0;
}
.topbar-container .topbar-dropdown .dropdown-item {
  padding: 0.6rem 1rem;
}
.topbar-container .topbar-dropdown .dropdown-item:last-child {
  border-block-end: 0;
}
.topbar-container .topbar-cart .topbar-dropdown {
  width: 21rem;
}
.topbar-container .topbar-notifications .topbar-dropdown {
  width: 21rem;
}
@keyframes slideIn {
  0% {
    opacity: 0;
    transform: translateY(6rem);
  }
  100% {
    opacity: 1;
  }
  0% {
    opacity: 0;
    transform: translateY(6rem);
  }
}
[dir=rtl] .topbar-menu-toggle .open-toggle {
  transform: rotate(180deg);
}
[dir=rtl] .topbar .dropdown-menu-end {
  --bs-position: end;
}
.header-product-item {
  padding-inline-start: 0;
  display: flex;
}
.header-product-item li {
  position: relative;
  list-style-type: none;
  font-size: 0.75rem;
  font-weight: 400;
  color: var(--theme-text-muted);
  padding-inline-end: 0.938rem;
}
.header-product-item li:nth-child(2):before,
.header-product-item li:nth-child(3):before,
.header-product-item li:nth-child(4):before {
  position: absolute;
  content: "";
  inset-inline-start: -0.438rem;
  width: 1px;
  inset-block-start: 0.25rem;
  height: 0.625rem;
  background-color: var(--theme-text-muted);
  opacity: 0.1;
}
.topbar-cart-remove i {
  color: var(--theme-default-text-color);
  opacity: 0.5;
  font-weight: 600;
}
.topbar-cart-remove:hover i {
  color: rgb(var(--theme-danger-rgb));
  opacity: 1;
}
.dropdown-item-close1 i {
  color: var(--theme-default-text-color);
  opacity: 0.2;
}
.dropdown-item-close1:hover i {
  opacity: 1;
}
@media (max-width: 575.98px) {
  .topbar-element.dropdown {
    position: initial;
  }
}
#searchModal .form-control {
  position: relative;
}
#searchModal .input-group {
  border: 2px solid var(--theme-primary-color);
  border-radius: 0.25rem;
}
#searchModal .input-group i {
  color: var(--theme-text-muted);
}
.topbar-search {
  position: relative;
  margin-block: auto;
}
.autoComplete_wrapper > .header-search-bar {
  position: relative;
  min-width: 20rem !important;
  border-radius: 0.5rem;
  padding: 0.375rem 2rem 0.375rem 0.75rem !important;
  border: 1px solid var(--theme-default-border) !important;
  background-color: transparent;
}
.autoComplete_wrapper > .header-search-bar:focus {
  border: 1px solid var(--theme-default-border) !important;
  background-color: transparent;
}
.header-search-bar {
  padding-inline-end: 2rem !important;
}
.header-search-icon {
  position: absolute;
  top: 0.5625rem;
  inset-inline-end: 0.75rem;
  color: var(--theme-text-muted);
}
.header-profile-img {
  width: 2rem;
  height: 2rem;
}
#header-notification-scroll,
#header-cart-items-scroll {
  max-height: 20rem;
}
.pulse {
  display: block;
  cursor: pointer;
  animation: pulse-secondary 2s infinite;
}
.pulse.pulse-secondary {
  box-shadow: 0 0 0 rgba(var(--theme-secondary-rgb), 0.4);
}
@keyframes pulse-secondary {
  0% {
    box-shadow: 0 0 0 0 rgba(var(--theme-secondary-rgb), 0.4);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(var(--theme-secondary-rgb), 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(var(--theme-secondary-rgb), 0);
  }
}
[data-theme-color=light] .topbar-theme-toggle .dark-layout {
  display: none;
}
[data-theme-color=light] .topbar-theme-toggle .light-layout {
  display: block;
}
.topbar-theme-toggle .dark-layout {
  display: none;
}
.topbar-theme-toggle .light-layout {
  display: block;
}
[data-theme-color=dark] .topbar-theme-toggle .light-layout {
  display: none;
}
[data-theme-color=dark] .topbar-theme-toggle .dark-layout {
  display: block;
}
@media (max-width: 767.98px) {
  .topbar-element.topbar-fullscreen {
    display: none;
  }
}
@media (max-width: 575.98px) {
  .topbar .dropdown-menu {
    width: 100%;
  }
}
[dir=rtl] .topbar-element.topbar-search .autoComplete_wrapper > .header-search-bar {
  padding: 0.375rem 0.75rem 0.375rem 2rem !important;
}
.animated-arrow.hor-toggle {
  height: 2.15rem;
  width: 2.15rem;
  padding: 8px !important;
  border: 1px solid var(--theme-header-border-color);
  border-radius: 0.25rem;
  text-align: center;
  font-size: 1.2rem;
  position: relative;
  margin: 0.3125rem 0;
  margin-inline-start: 8px;
  color: var(--theme-header-prime-color);
}
.animated-arrow {
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
  z-index: 102;
  transition: all 0.05s ease-in-out;
  cursor: pointer;
  padding: 1rem !important;
  margin-block-start: 0.375rem;
  margin-block-end: 0;
  margin-inline-end: 0;
}
.animated-arrow.hor-toggle span {
  vertical-align: middle;
}
.animated-arrow span {
  cursor: pointer;
  height: 0.075rem;
  width: 0.75rem;
  background: var(--theme-text-muted);
  position: absolute;
  display: block;
  content: "";
  transition: all 0.05s ease-in-out;
}
.animated-arrow span:before,
.animated-arrow span:after {
  transition: all 0.05s ease-in-out;
}
.animated-arrow span:before {
  inset-block-start: -0.375rem;
  width: 1.4375rem;
}
.animated-arrow span:after {
  bottom: -0.375rem;
  width: 15px;
}
.animated-arrow span:before,
.animated-arrow span:after {
  cursor: pointer;
  height: 0.075rem;
  width: 1rem;
  background: var(--theme-text-muted);
  position: absolute;
  display: block;
  content: "";
}
.header-notification-text {
  max-width: 14.5rem;
}
.btn.header-dashboards-button {
  min-width: 14rem;
  border: 0px;
  padding: 0.5rem 0.85rem;
  border-radius: 0.5rem;
  color: var(--theme-header-prime-color) !important;
  font-weight: 300;
  min-height: 2.3994rem;
  font-size: 13px;
}
.dashboard-dropdown {
  min-width: 14rem;
  inset-block-start: 11px !important;
}
.dashboard-dropdown li {
  border-bottom: 1px solid var(--theme-default-border);
}
.dashboard-dropdown li:last-child {
  border-bottom: 0;
}
.dashboard-dropdown .dashboards-dropdown-item {
  padding: 0.75rem 1rem;
}
@media (max-width: 1199.98px) {
  .btn.header-dashboards-button,
  .dashboard-dropdown {
    min-width: 12rem;
  }
  .header-search-bar {
    width: 11rem;
  }
}
@media (max-width: 575.98px) {
  .topbar-container .topbar-dropdown {
    inset-block-start: -0.0625rem !important;
    border-radius: 0 0 0.35rem 0.35rem;
  }
}
@media (max-width: 575.98px) {
  .topbar-container .topbar-element .topbar-link {
    padding: 0.5rem 0.3rem;
  }
}
.text-cart-headset {
  color: #19719e;
}
.text-cart-handbag {
  color: #de8cb2;
}
.text-cart-alaramclock {
  color: #06a7ef;
}
.text-cart-sweatshirt {
  color: #decac1;
}
.text-cart-smartwatch {
  color: #fb6c67;
}
.animate-bell {
  -webkit-animation: ring 4s 0.7s ease-in-out infinite;
  -webkit-transform-origin: 50% 4px;
  -moz-animation: ring 4s 0.7s ease-in-out infinite;
  -moz-transform-origin: 50% 4px;
  animation: ring 4s 0.7s ease-in-out infinite;
  transform-origin: 50% 4px;
}
@keyframes ring {
  0% {
    transform: rotate(0);
  }
  1% {
    transform: rotate(30deg);
  }
  3% {
    transform: rotate(-28deg);
  }
  5% {
    transform: rotate(34deg);
  }
  7% {
    transform: rotate(-32deg);
  }
  9% {
    transform: rotate(30deg);
  }
  11% {
    transform: rotate(-28deg);
  }
  13% {
    transform: rotate(26deg);
  }
  15% {
    transform: rotate(-24deg);
  }
  17% {
    transform: rotate(22deg);
  }
  19% {
    transform: rotate(-20deg);
  }
  21% {
    transform: rotate(18deg);
  }
  23% {
    transform: rotate(-16deg);
  }
  25% {
    transform: rotate(14deg);
  }
  27% {
    transform: rotate(-12deg);
  }
  29% {
    transform: rotate(10deg);
  }
  31% {
    transform: rotate(-8deg);
  }
  33% {
    transform: rotate(6deg);
  }
  35% {
    transform: rotate(-4deg);
  }
  37% {
    transform: rotate(2deg);
  }
  39% {
    transform: rotate(-1deg);
  }
  41% {
    transform: rotate(1deg);
  }
  43% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(0);
  }
}
.topbar-cart-input {
  width: 1rem !important;
  padding: 0px !important;
  font-size: 13px !important;
  background-color: transparent !important;
}
#header-responsive-search .modal-dialog {
  max-width: 680px;
}
#header-responsive-search .search-panel {
  border: 1px solid var(--theme-default-border);
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.2);
}
#header-responsive-search .search-panel-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.5rem 1.5rem 1rem;
}
#header-responsive-search .search-eyebrow {
  color: rgb(var(--theme-secondary-rgb));
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.12em;
}
#header-responsive-search .search-input-wrap {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin: 0 1.5rem 1rem;
  padding: 0.875rem 1rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.625rem;
  background: var(--theme-default-body-bg-color);
}
#header-responsive-search .search-input-wrap:focus-within {
  border-color: rgb(var(--theme-secondary-rgb));
  box-shadow: 0 0 0 3px rgba(var(--theme-secondary-rgb), 0.12);
}
#header-responsive-search .search-input-wrap > i {
  font-size: 1.25rem;
  color: rgb(var(--theme-secondary-rgb));
}
#header-responsive-search #global-search-input {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: 0;
  color: var(--theme-default-text-color);
  background: transparent;
  font-size: 0.9375rem;
}
#header-responsive-search .search-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0 1.5rem 1rem;
  border-bottom: 1px solid var(--theme-default-border);
}
#header-responsive-search .search-toolbar select {
  width: auto;
  max-width: 45%;
}
#header-responsive-search .search-filter {
  border: 1px solid transparent;
  border-radius: 0.375rem;
  padding: 0.375rem 0.75rem;
  background: transparent;
  color: var(--theme-text-muted);
  font-size: 0.8125rem;
  white-space: nowrap;
}
#header-responsive-search .search-filter.active {
  background: rgba(var(--theme-dark-rgb), 0.1);
  border-color: rgba(var(--theme-dark-rgb), 0.2);
}
#header-responsive-search .search-results-heading {
  display: flex;
  justify-content: space-between;
  padding: 0.875rem 1.5rem 0.5rem;
  font-size: 0.75rem;
  color: var(--theme-text-muted);
}
#header-responsive-search .search-results-scroll {
  min-height: 180px;
  max-height: min(380px, 45vh);
  overflow-y: auto;
  padding: 0 0.75rem 0.75rem;
}
#header-responsive-search .search-result {
  display: flex;
  align-items: center;
  gap: 0.875rem;
  padding: 0.75rem;
  border: 1px solid transparent;
  border-radius: 0.5rem;
  color: var(--theme-default-text-color);
}
#header-responsive-search .search-result:hover,
#header-responsive-search .search-result:focus-visible {
  background: rgba(var(--theme-light-rgb), 0.5);
  border-color: rgba(var(--theme-dark-rgb), 0.1);
  outline: none;
  color: var(--theme-default-text-color);
}
#header-responsive-search .search-result:hover .search-result-icon,
#header-responsive-search .search-result:focus-visible .search-result-icon {
  background: rgb(var(--theme-dark-rgb));
  color: #fff;
}
#header-responsive-search .search-result-icon {
  width: 2.25rem;
  height: 2.25rem;
  flex-shrink: 0;
  display: grid;
  place-items: center;
  border-radius: 0.5rem;
  background: rgb(var(--theme-light-rgb));
  font-weight: 600;
}
#header-responsive-search .search-result-label {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: 0.125rem;
}
#header-responsive-search .search-result-label strong {
  font-size: 0.8125rem;
  font-weight: 500;
}
#header-responsive-search .search-result-label small,
#header-responsive-search .search-result-hint {
  font-size: 0.6875rem;
  color: var(--theme-text-muted);
}
#header-responsive-search .search-result-hint {
  margin-inline-start: auto;
  white-space: nowrap;
}
#header-responsive-search .search-result-hint i {
  margin-inline-start: 0.2rem;
  vertical-align: -1px;
}
#header-responsive-search .search-empty {
  text-align: center;
  padding: 2rem 1rem;
}
#header-responsive-search .search-empty > i {
  font-size: 2rem;
  color: var(--theme-text-muted);
}
#header-responsive-search .search-panel-footer {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  flex-wrap: wrap;
  padding: 0.875rem 1.5rem;
  border-top: 1px solid var(--theme-default-border);
  color: var(--theme-text-muted);
  font-size: 0.6875rem;
}
#header-responsive-search kbd {
  background: var(--theme-default-body-bg-color);
  color: var(--theme-text-muted);
  border: 1px solid var(--theme-default-border);
  border-radius: 0.25rem;
  padding: 0.125rem 0.3rem;
  font-size: 0.625rem;
}
@media (max-width: 575.98px) {
  #header-responsive-search .modal-dialog {
    margin: 0.75rem;
  }
  #header-responsive-search .search-panel-heading {
    padding: 1rem;
  }
  #header-responsive-search .search-input-wrap {
    margin-inline: 1rem;
  }
  #header-responsive-search .search-toolbar {
    padding-inline: 1rem;
    flex-wrap: wrap;
  }
  #header-responsive-search .search-toolbar select {
    max-width: 100%;
    flex-grow: 1;
  }
  #header-responsive-search .search-panel-footer {
    padding: 0.75rem 1rem;
  }
  #header-responsive-search .search-result-hint {
    display: none;
  }
}
.topbar button.topbar-link {
  border: 0;
  background: transparent;
}
.topbar .topbar-panel-title {
  padding: 1.125rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  background: rgba(var(--theme-secondary-rgb), 0.1);
  border-bottom: 1px solid var(--theme-default-border);
  margin-bottom: 0.75rem;
}
.topbar .topbar-panel-title > .d-flex {
  width: 100%;
}
.topbar .topbar-panel-title h6 {
  margin: 0 0 0.25rem;
  font-weight: 600;
}
.topbar .topbar-panel-title p {
  margin: 0;
  color: var(--theme-text-muted);
  font-size: 0.75rem;
}
.topbar .topbar-panel-title > i {
  font-size: 1.5rem;
}
.topbar .topbar-panel-foot {
  border-top: 1px solid var(--theme-default-border);
  padding: 0.75rem 1rem;
}
.topbar .topbar-country-panel {
  width: 20rem;
}
.topbar .topbar-country-options {
  max-height: 290px;
  overflow-y: auto;
  padding: 0.25rem 0.5rem 0.5rem;
}
.topbar .topbar-country-option {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-radius: 0.5rem;
  padding: 0.625rem 0.75rem;
  margin-bottom: 0.125rem;
}
.topbar .topbar-country-option[hidden] {
  display: none;
}
.topbar .topbar-country-option img {
  width: 1.75rem;
  height: 1.125rem;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 0.2rem;
}
.topbar .topbar-country-option span {
  flex: 1;
  font-size: 0.8125rem;
}
.topbar .topbar-country-option small {
  font-size: 0.6875rem;
  color: var(--theme-text-muted);
}
.topbar .topbar-country-option.active {
  background: rgb(var(--theme-light-rgb));
}
.topbar .topbar-country-option.active .topbar-country-check {
  visibility: visible;
}
.topbar .topbar-country-check {
  visibility: hidden;
}
.topbar #header-cart-items-scroll,
.topbar #header-notification-scroll {
  max-height: 340px;
  overflow-y: auto;
}
.topbar .topbar-remove-item {
  background: transparent;
  border: 0;
  color: var(--theme-text-muted);
  padding: 0.25rem;
}
.topbar .topbar-remove-item:hover {
  color: var(--bs-danger);
}
.topbar .topbar-quantity-minus,
.topbar .topbar-quantity-plus {
  background: var(--theme-default-body-bg-color) !important;
  width: 1.5rem;
  height: 1.5rem;
}
.topbar .topbar-quantity-minus:disabled,
.topbar .topbar-quantity-plus:disabled {
  opacity: 0.4;
}
.topbar .order-qnt input {
  min-width: 2.25rem;
  padding: 0;
}
.topbar .notification-unread {
  background: rgba(var(--theme-dark-rgb), 0.03);
}
.topbar #header-notification-scroll .dropdown-item {
  white-space: normal;
  padding: 1rem;
}
.topbar .topbar-profile-dropdown.header-panel {
  width: 21rem;
}
.topbar .topbar-profile-dropdown.header-panel .topbar-profile-identity {
  display: flex;
  align-items: center;
  gap: 0.875rem;
  padding: 1.5rem 1.25rem;
  background:
    linear-gradient(
      to bottom,
      rgba(var(--theme-secondary-rgb), 0.12),
      transparent);
}
.topbar .topbar-profile-dropdown.header-panel .topbar-profile-identity > img {
  width: 3.5rem;
  height: 3.5rem;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 1rem;
  border: 3px solid var(--theme-custom-white);
}
.topbar .topbar-profile-dropdown.header-panel .topbar-profile-identity h6 {
  margin-block: 0.25rem;
}
.topbar .topbar-profile-dropdown.header-panel .topbar-profile-shortcuts {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
  padding: 0 1rem 1rem;
}
.topbar .topbar-profile-dropdown.header-panel .topbar-profile-shortcuts a {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.375rem;
  padding: 0.75rem 0.25rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.625rem;
  color: var(--theme-default-text-color);
  font-size: 0.6875rem;
}
.topbar .topbar-profile-dropdown.header-panel .topbar-profile-shortcuts a i {
  color: rgb(var(--theme-secondary-rgb));
  font-size: 1.125rem;
}
.topbar .topbar-profile-dropdown.header-panel .topbar-profile-shortcuts a:hover,
.topbar .topbar-profile-dropdown.header-panel .topbar-profile-shortcuts a:focus-visible {
  background: rgba(var(--theme-dark-rgb), 0.04);
  border-color: rgba(var(--theme-dark-rgb), 0.2);
}
.topbar .topbar-profile-dropdown.header-panel .topbar-profile-shortcuts a:hover i,
.topbar .topbar-profile-dropdown.header-panel .topbar-profile-shortcuts a:focus-visible i {
  color: rgb(var(--theme-dark-rgb));
}
.topbar .topbar-profile-dropdown.header-panel .topbar-profile-section-label {
  padding: 0.5rem 1.25rem;
  color: var(--theme-text-muted);
  font-size: 0.625rem;
  letter-spacing: 0.08em;
}
.topbar .topbar-profile-dropdown.header-panel .topbar-profile-links {
  padding: 0 0.5rem 0.75rem;
}
.topbar .topbar-profile-dropdown.header-panel .topbar-profile-links li {
  border: 0;
}
.topbar .topbar-profile-dropdown.header-panel .topbar-profile-links .dropdown-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
}
.topbar .topbar-profile-dropdown.header-panel .topbar-profile-links .dropdown-item > i {
  font-size: 1.125rem;
  color: var(--theme-text-muted);
}
.topbar .topbar-profile-dropdown.header-panel .topbar-profile-links .dropdown-item > i:last-child {
  margin-inline-start: auto;
}
.topbar .topbar-profile-dropdown.header-panel .topbar-profile-links .dropdown-item span {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.topbar .topbar-profile-dropdown.header-panel .topbar-profile-links .dropdown-item strong {
  font-weight: 500;
}
.topbar .topbar-profile-dropdown.header-panel .topbar-profile-links .dropdown-item small {
  font-size: 0.6875rem;
  color: var(--theme-text-muted);
}
.topbar .topbar-profile-dropdown.header-panel .topbar-profile-signout {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  color: var(--bs-danger);
  font-size: 0.8125rem;
  padding: 0.25rem;
  border: 0;
}
.topbar .topbar-profile-dropdown .dropdown-item {
  border-radius: 0.375rem;
  font-size: 0.8125rem;
}
@media (max-width: 575.98px) {
  .topbar .header-panel.dropdown-menu {
    position: fixed !important;
    inset: 4.5rem 0.5rem auto !important;
    transform: none !important;
    width: auto !important;
    max-width: calc(100vw - 1rem);
    max-height: calc(100dvh - 5rem);
    overflow-y: auto;
  }
  .topbar .topbar-link {
    padding-inline: 0.45rem;
  }
}
.topbar .header-panel .topbar-panel-eyebrow {
  color: var(--theme-text-muted);
  font-size: 0.625rem;
  font-weight: 600;
  letter-spacing: 0.1em;
}
.topbar .header-panel [hidden] {
  display: none !important;
}
.topbar .header-panel.dropdown-menu {
  border: 1px solid var(--theme-default-border);
  border-radius: 0.875rem;
  padding: 0;
  overflow: hidden;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.14);
  color: var(--theme-default-text-color);
}
.topbar .header-panel .dropdown-item:focus-visible {
  outline: 2px solid var(--theme-primary-color);
  outline-offset: -2px;
}
.topbar .header-panel .dropdown-divider {
  display: none;
}
.topbar .header-panel .topbar-cart-item .avatar {
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 0.625rem;
}
.topbar .topbar-cart .header-panel {
  width: 27rem;
}
.topbar .topbar-cart .topbar-cart-item {
  padding-block: 0.375rem;
}
.topbar .topbar-cart .topbar-cart-item .avatar {
  background: var(--theme-default-body-bg-color);
  border: 1px solid var(--theme-default-border);
}
.topbar .topbar-cart .topbar-cart-item .avatar img {
  -o-object-fit: contain;
  object-fit: contain;
  padding: 0.25rem;
}
.topbar .topbar-cart .topbar-cart-actions {
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap: 0.625rem;
}
.topbar .topbar-cart .topbar-cart-undo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
  background: rgba(var(--theme-primary-rgb), 0.08);
  font-size: 0.75rem;
}
.topbar .topbar-notifications .header-panel {
  width: 27rem;
}
.topbar .topbar-notifications .topbar-notification-read-toggle {
  position: absolute;
  inset-inline-end: 0.75rem;
  inset-block-end: 0.625rem;
  z-index: 3;
  display: grid;
  place-items: center;
  width: 1.75rem;
  height: 1.75rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 50%;
  color: var(--theme-text-muted);
  background: var(--theme-custom-white);
}
.topbar .topbar-notifications .topbar-notification-read-toggle:hover,
.topbar .topbar-notifications .topbar-notification-read-toggle:focus-visible {
  color: var(--theme-primary-color);
  border-color: currentColor;
}
.topbar .topbar-notifications .topbar-notification-read-toggle[aria-pressed=true] {
  color: rgb(var(--theme-success-rgb));
  background: rgba(var(--theme-success-rgb), 0.1);
}
.topbar .topbar-notifications #header-notification-scroll .dropdown-item {
  padding-block-end: 2.75rem;
  border-inline-start: 3px solid transparent;
}
.topbar .topbar-notifications #header-notification-scroll .dropdown-item.notification-unread {
  border-inline-start-color: rgb(var(--theme-dark-rgb));
}
@media (max-width: 991.98px) {
  .topbar {
    width: 100vw;
  }
}
@media (max-width: 379.98px) {
  .topbar-container {
    padding-inline: 0.5rem;
  }
  .topbar-container .topbar-left .topbar-element.mx-2 {
    margin-inline: 0.25rem !important;
  }
  .topbar-container .topbar-left .topbar-menu-toggle {
    padding-inline: 0.25rem;
  }
  .topbar-container .topbar-right .topbar-link {
    padding-inline: 0.2rem;
  }
}
.topbar .topbar-container {
  gap: 1rem;
}
.topbar .topbar-left {
  min-width: 0;
  flex: 1 1 auto;
  align-items: center;
  gap: clamp(0.75rem, 2vw, 2rem);
}
.topbar .topbar-left > .topbar-element {
  flex: 0 0 auto;
}
.topbar .topbar-quick-search {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex: 0 1 22rem;
  width: min(22rem, 30vw);
  min-width: 13rem;
  height: 3.25rem;
  padding: 0 1rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 999px;
  background: var(--theme-custom-white);
  color: var(--theme-text-muted);
  text-align: left;
}
.topbar .topbar-quick-search i {
  color: var(--theme-text-muted);
  font-size: 1.2rem;
}
.topbar .topbar-quick-search span {
  flex: 1;
  color: var(--theme-text-muted);
  white-space: nowrap;
}
.topbar .topbar-quick-search kbd {
  padding: 0.1rem 0.35rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.3rem;
  background: var(--theme-custom-white);
  color: var(--theme-text-muted);
  font-size: 0.65rem;
}
.topbar .topbar-quick-search:hover,
.topbar .topbar-quick-search:focus-visible {
  border-color: var(--theme-primary-color);
  outline: 0;
}
.topbar .topbar-primary-nav {
  display: flex;
  align-items: center;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  flex: 0 0 auto;
}
.topbar .topbar-nav-link {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.5rem 0;
  border: 0;
  background: transparent;
  color: var(--theme-header-prime-color);
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
}
.topbar .topbar-nav-link::after {
  display: none;
}
.topbar .topbar-nav-link:hover,
.topbar .topbar-nav-link[aria-expanded=true] {
  color: var(--theme-default-text-color);
}
.topbar .topbar-nav-menu {
  min-width: 12rem;
  padding: 0.45rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.75rem;
  box-shadow: 0 0.75rem 2rem rgba(15, 23, 42, 0.12);
}
.topbar .topbar-nav-menu .dropdown-item {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  padding: 0.65rem 0.75rem;
  border-radius: 0.45rem;
}
.topbar .topbar-right {
  flex: 0 0 auto;
  align-items: center;
  gap: 0.2rem;
}
.topbar .topbar-right .topbar-link {
  min-height: 3rem;
  padding: 0.5rem 0.55rem;
}
.topbar .topbar-right .topbar-icon {
  width: 1.75rem;
  height: 1.75rem;
  padding: 0.2rem;
  background: transparent;
}
.topbar .topbar-country-selector {
  order: 1;
}
.topbar .topbar-country-selector .topbar-link {
  gap: 0.45rem;
}
.topbar .topbar-country-selector #selected-country-flag {
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}
.topbar .header-language-code {
  color: var(--theme-header-prime-color);
  font-size: 0.95rem;
  font-weight: 500;
}
.topbar .topbar-theme-mode {
  order: 1;
}
.topbar .topbar-cart {
  order: 2;
}
.topbar .topbar-notifications {
  order: 3;
}
.topbar .topbar-fullscreen {
  order: 4;
}
.topbar .topbar-right > li.dropdown:not(.topbar-country-selector):not(.topbar-cart):not(.topbar-notifications) {
  order: 7;
}
.topbar .topbar-right > .topbar-element:last-child {
  order: 6;
}
.topbar .topbar-profile-avatar {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  margin-inline-end: 0.5rem;
  background:
    linear-gradient(
      145deg,
      var(--theme-custom-white),
      rgba(var(--theme-secondary-rgb), 0.3) 82%);
  padding: 2px;
}
.topbar .topbar-profile-copy {
  display: flex;
  flex-direction: column;
  margin-inline-start: 0.35rem;
  line-height: 1.25;
  white-space: nowrap;
}
.topbar .topbar-profile-copy strong {
  color: var(--theme-header-prime-color);
  font-size: 0.813rem;
  font-weight: 600;
}
.topbar .topbar-profile-copy small {
  margin-top: 0.1rem;
  color: var(--theme-text-muted);
  font-size: 11px;
  opacity: 0.8;
}
.topbar .topbar-profile-caret {
  margin-inline-start: 0.25rem;
  color: var(--theme-text-muted);
  font-size: 1.1rem;
}
@media (max-width: 1199.98px) {
  .topbar .topbar-profile-caret {
    display: none;
  }
}
.topbar .header-notification-count {
  position: absolute;
  inset-block-start: 0.45rem;
  inset-inline-end: 0.25rem;
  display: grid;
  width: 1.15rem;
  height: 1.15rem;
  place-items: center;
  border-radius: 50%;
  background: #f04468;
  color: #fff;
  font-size: 0.65rem;
  font-weight: 600;
}
@media (max-width: 1199.98px) {
  .topbar .topbar-left {
    gap: 0.75rem;
  }
  .topbar .topbar-quick-search {
    width: 16rem;
    flex-basis: 16rem;
  }
  .topbar .topbar-primary-nav {
    gap: 0.85rem;
  }
  .topbar .topbar-profile-copy {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .topbar .topbar-primary-nav,
  .topbar .topbar-quick-search kbd,
  .topbar .topbar-fullscreen {
    display: none;
  }
  .topbar .topbar-quick-search {
    min-width: 0;
    width: auto;
    flex: 1 1 auto;
    height: 2.75rem;
    padding-inline: 0.75rem;
  }
  .topbar .topbar-left {
    flex: 1 1 auto;
    gap: 0.5rem;
  }
  .topbar .topbar-right {
    gap: 0;
  }
  .topbar .topbar-right .topbar-link {
    padding-inline: 0.3rem;
  }
  .topbar .topbar-country-selector {
    margin: 0;
    padding: 0;
    border: 0;
  }
}
html.header-fullscreen-fallback {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  width: 100%;
  height: 100%;
  overflow: auto;
  background: var(--theme-custom-white);
}
.topbar .topbar-left {
  flex: 1 1 auto;
  gap: clamp(0.5rem, 1.4vw, 1.5rem);
}
.topbar .topbar-quick-search {
  display: none;
}
.topbar .topbar-right {
  gap: 0.15rem;
}
.topbar .topbar-right .topbar-link {
  min-width: 2.75rem;
  min-height: 2.75rem;
  justify-content: center;
  padding: 0.45rem;
}
.topbar .topbar-right .topbar-icon {
  flex: 0 0 auto;
}
.topbar .topbar-icon-pulse {
  position: absolute;
  inset-block-start: 0.78rem;
  inset-inline-end: 0.88rem;
  width: 0.55rem;
  height: 0.55rem;
  border: 2px solid var(--theme-header-bg);
  border-radius: 50%;
  background: rgb(var(--theme-secondary-rgb)) !important;
  box-shadow: 0 0 0 3px rgba(var(--theme-secondary-rgb), 0.12);
  animation: header-notification-pulse 1.8s ease-out infinite;
}
.topbar .topbar-profile-copy {
  margin-inline-start: 0.2rem;
}
@keyframes header-notification-pulse {
  0%, 100% {
    box-shadow: 0 0 0 2px rgba(var(--theme-secondary-rgb), 0.12);
  }
  50% {
    box-shadow: 0 0 0 5px rgba(var(--theme-secondary-rgb), 0.04);
  }
}
@media (max-width: 1199.98px) {
  .topbar .topbar-quick-search {
    display: none;
  }
}
.topbar .topbar-notifications .topbar-link {
  position: relative;
}
.topbar .switcher-icon .topbar-icon {
  display: block;
  transform-origin: center;
}
.topbar .topbar-nav-dropdown:has(.topbar-mega-menu) {
  position: static;
}
.topbar .topbar-mega-menu {
  position: fixed !important;
  inset-block-start: 4.25rem !important;
  inset-inline: 0 !important;
  display: none;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: 100vw;
  max-width: 100vw;
  margin: 0;
  padding: 1.6rem 1.75rem;
  transform: none !important;
  overflow: hidden;
  border: 1px solid var(--theme-default-border);
  border-radius: 0 0 0.9rem 0.9rem;
  background: var(--theme-custom-white);
  box-shadow: 0 0.75rem 1.75rem rgba(15, 23, 42, 0.12);
}
.topbar .topbar-mega-menu.show {
  display: grid;
}
.topbar .topbar-mega-column {
  min-width: 0;
  padding: 0.1rem 1.4rem 0.15rem;
  padding-block: 1.5rem;
}
.topbar .topbar-mega-column:last-child {
  background-color: rgba(var(--theme-light-rgb), 0.5);
}
.topbar .topbar-mega-column .topbar-mega-column + .topbar-mega-column {
  border-inline-start: 1px solid var(--theme-default-border);
}
.topbar .topbar-mega-column h2 {
  margin: 0 0 0.75rem;
  font-size: 14px;
  font-weight: 600;
}
.topbar .topbar-mega-column a {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  min-height: 2rem;
  color: var(--theme-text-muted);
  font-size: 14px;
  text-decoration: none;
  transition: color 0.15s ease, transform 0.15s ease;
}
.topbar .topbar-mega-column a i {
  color: var(--theme-text-muted);
  font-size: 1.1rem;
}
.topbar .topbar-mega-column a:hover,
.topbar .topbar-mega-column a:focus-visible {
  color: var(--theme-default-text-color);
  transform: translateX(0.15rem);
}
.topbar .topbar-mega-column a:hover i,
.topbar .topbar-mega-column a:focus-visible i {
  color: var(--theme-default-text-color);
}
@media (max-width: 767.98px) {
  .topbar .topbar-mega-menu {
    grid-template-columns: 1fr;
    max-height: calc(100vh - 4.25rem);
    padding: 1rem;
    overflow-y: auto;
  }
  .topbar .topbar-mega-menu .topbar-mega-column {
    padding: 0.5rem 0.25rem;
  }
  .topbar .topbar-mega-menu .topbar-mega-column .topbar-mega-column + .topbar-mega-column {
    border-inline-start: 0;
    border-block-start: 1px solid var(--theme-default-border);
  }
}
.topbar .topbar-mega-menu.show {
  position: fixed !important;
  inset: 4.25rem 0 auto 0 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: 100vw;
  max-width: 100vw;
  max-height: calc(100vh - 4.25rem);
  margin: 0 !important;
  padding: 0rem;
  transform: none !important;
  overflow: auto;
  border: 1px solid var(--theme-default-border);
  border-radius: 0 0 0.85rem 0.85rem;
  background: var(--theme-custom-white);
  box-shadow: 0 0.75rem 1.75rem rgba(15, 23, 42, 0.14);
  z-index: 120;
}
.topbar .topbar-mega-column + .topbar-mega-column {
  border-inline-start: 1px solid var(--theme-default-border);
}
.topbar .topbar-mega-menu .topbar-mega-column + .topbar-mega-column {
  border-inline-start: 1px solid var(--theme-default-border);
}
.topbar .topbar-nav-dropdown {
  position: relative;
}
.topbar .topbar-nav-menu:not(.topbar-mega-menu) {
  top: calc(100% + 0.55rem) !important;
  left: 0 !important;
  right: auto !important;
  min-width: 14rem;
  margin: 0 !important;
  padding: 0.5rem;
  transform: none !important;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.5rem;
  background: var(--theme-custom-white);
  box-shadow: 0 0.75rem 1.75rem rgba(15, 23, 42, 0.14);
  z-index: 121;
}
.topbar .topbar-apps-menu {
  display: none;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 22rem;
}
.topbar .topbar-apps-menu.show {
  display: grid;
}
.topbar .topbar-apps-menu > a {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  min-width: 0;
  padding: 0.7rem 0.55rem;
  border-radius: 0.55rem;
  color: var(--theme-default-text-color);
  text-decoration: none;
}
.topbar .topbar-apps-menu > a:hover,
.topbar .topbar-apps-menu > a:focus-visible {
  background: rgba(var(--theme-light-rgb), 0.6);
}
.topbar .topbar-apps-menu > a > span:last-child {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.topbar .topbar-apps-menu > a strong {
  font-size: 0.82rem;
  font-weight: 600;
}
.topbar .topbar-apps-menu > a small {
  margin-top: 0.1rem;
  color: var(--theme-text-muted);
  font-size: 0.7rem;
}
.topbar .topbar-menu-icon {
  display: grid;
  width: 2.25rem;
  height: 2.25rem;
  flex: 0 0 2.25rem;
  place-items: center;
  border-radius: 0.6rem;
  border: 1px solid var(--theme-default-border);
  font-size: 1.1rem;
}
.topbar .topbar-support-menu {
  width: 19rem;
}
.topbar .topbar-support-menu .topbar-support-heading {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  padding: 0.65rem 0.55rem 0.9rem;
  margin-bottom: 0.35rem;
  border-bottom: 1px solid var(--theme-default-border);
}
.topbar .topbar-support-menu .topbar-support-heading > span:last-child {
  display: flex;
  flex-direction: column;
}
.topbar .topbar-support-menu .topbar-support-heading strong {
  font-size: 0.85rem;
}
.topbar .topbar-support-menu .topbar-support-heading small {
  margin-top: 0.1rem;
  color: var(--theme-text-muted);
  font-size: 0.72rem;
}
.topbar .topbar-support-menu > a {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.65rem 0.6rem;
  border-radius: 0.5rem;
  color: var(--theme-default-text-color);
  font-size: 0.82rem;
  text-decoration: none;
}
.topbar .topbar-support-menu > a > i:first-child {
  color: var(--theme-text-muted);
  font-size: 1rem;
}
.topbar .topbar-support-menu > a > i:last-child {
  margin-inline-start: auto;
  color: var(--theme-text-muted);
}
.topbar .topbar-support-menu > a:hover,
.topbar .topbar-support-menu > a:focus-visible {
  background: rgba(var(--theme-light-rgb));
}
@media (max-width: 767.98px) {
  .topbar .topbar-mega-menu.show {
    grid-template-columns: 1fr;
    padding: 0.9rem;
  }
  .topbar .topbar-mega-menu .topbar-mega-column + .topbar-mega-column {
    border-inline-start: 0;
    border-block-start: 1px solid var(--theme-default-border);
    padding-top: 0.9rem;
  }
  .topbar .topbar-apps-menu {
    width: min(22rem, 100vw - 1rem);
  }
  .topbar .topbar-support-menu {
    width: min(19rem, 100vw - 1rem);
  }
}
@media (min-width: 992px) {
  .topbar .topbar-mega-menu.show {
    inset-inline-start: 20rem !important;
    inset-inline-end: 0 !important;
    width: calc(100vw - 26rem);
    max-width: calc(100vw - 26rem);
  }
}
@media (max-width: 991.98px) {
  .topbar .topbar-mega-menu.show {
    inset-inline-start: 0 !important;
    inset-inline-end: 0 !important;
    width: 100vw;
    max-width: 100vw;
  }
}
a {
  text-decoration: none;
}
.choices__inner {
  padding: 0.5rem 0.75rem !important;
  background-color: var(--theme-form-control-bg) !important;
  border-radius: 0.35rem !important;
  font-size: 0.875rem !important;
  border: 1px solid var(--theme-input-border) !important;
  min-height: auto !important;
  line-height: 1.5;
}
.choices__input {
  padding: 0 !important;
}
.choices__list--single {
  padding-block: 0 !important;
  padding-inline-start: 0;
  padding-inline-end: 1rem !important;
}
.choices[data-type*=select-one]::after {
  inset-inline-end: 0.7188rem !important;
}
.choices[data-type*=select-one]::after {
  color: var(--theme-text-muted) !important;
}
.choices[data-type*=select-one] .choices__input {
  padding: 0.625rem !important;
}
.choices__list--dropdown {
  display: none;
}
.choices__list--dropdown.is-active {
  display: block;
}
.choices__list--dropdown,
.choices__list[aria-expanded] {
  background-color: var(--theme-custom-white) !important;
  border: 1px solid var(--theme-default-border) !important;
  z-index: 1 !important;
  border-radius: 0 0 0.35rem 0.35rem !important;
}
.choices[data-type*=select-one] .choices__input {
  border-block-end: 1px solid var(--theme-default-border) !important;
  background-color: var(--theme-custom-white) !important;
  color: var(--theme-default-text-color);
}
.choices__list--dropdown .choices__item--selectable.is-highlighted {
  background-color: rgb(var(--theme-light-rgb)) !important;
  color: var(--theme-default-text-color) !important;
}
.choices__list--dropdown .choices__item--selectable.is-highlighted {
  background-color: rgb(var(--theme-light-rgb)) !important;
  color: var(--theme-default-text-color) !important;
}
.choices {
  margin-bottom: 0px !important;
}
.choices__list--dropdown .choices__item--selectable.is-selected {
  color: var(--theme-default-text-color) !important;
}
.choices__list--dropdown .choices__item--selectable.is-selected.is-highlighted {
  color: var(--theme-default-text-color) !important;
}
.choices__list--dropdown .choices__list {
  max-height: 240px !important;
}
.choices[data-type*=select-one]::after {
  border-color: var(--theme-text-muted) transparent transparent !important;
}
.choices__input {
  background-color: transparent !important;
  color: var(--theme-custom-black);
}
.choices__list--multiple .choices__item {
  background-color: rgb(var(--theme-success-rgb)) !important;
  border: 1px solid rgb(var(--theme-success-rgb)) !important;
}
.choices[data-type*=select-multiple] .choices__button,
.choices[data-type*=text] .choices__button {
  border-inline-start: 1px solid rgba(255, 255, 255, 0.5) !important;
}
.choices__list--multiple .choices__item {
  margin-block-end: 3px !important;
}
.choices__list--single .choices__item {
  color: var(--theme-default-text-color) !important;
}
.choices__input {
  margin-block-end: 0 !important;
}
.choices__list--multiple .choices__item {
  border-radius: 0.25rem !important;
  padding: 0.025rem 0.625rem !important;
}
.form-control-select-sm .choices__inner {
  padding: 0.275rem !important;
}
.choices[data-type*=select-one].is-open::after {
  margin-top: -0.156rem !important;
}
.input-group .choices__inner {
  border-radius: 0 0.35rem 0.35rem 0 !important;
}
.choices__heading {
  border-bottom: 1px solid var(--theme-default-border) !important;
  color: var(--theme-text-muted) !important;
}
[dir=rtl] .input-group .choices__inner {
  border-radius: 0.35rem 0 0 0.35rem !important;
}
[dir=rtl] .choices[data-type*=select-one]::after {
  left: 0.7188rem;
  right: inherit;
}
[dir=rtl] .choices[data-type*=select-one] .choices__button {
  left: 0;
  right: inherit;
  margin-left: 1.5625rem;
  margin-right: inherit;
}
[dir=rtl][data-theme-color=dark] .choices[data-type*=select-one] .choices__button {
  filter: invert(1);
}
[dir=rtl] .choices[data-type*=select-multiple] .choices__button,
[dir=rtl] .choices[data-type*=text] .choices__button {
  margin: 0 8px 0 -4px;
  padding-right: 1rem;
  padding-left: inherit;
  border-right: 0px solid #008fa1;
  border-left: 0;
}
.choices__list--dropdown,
.choices__list[aria-expanded] {
  box-shadow: rgba(149, 157, 165, 0.2) 0 0.5rem 1.5rem !important;
}
[data-theme-color=dark] .choices[data-type*=select-one] .choices__button {
  filter: invert(1);
}
#donut-pattern .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-label,
#donut-pattern .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-value {
  fill: var(--theme-default-text-color) !important;
}
#radialbar-multiple .apexcharts-radialbar .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-label {
  fill: var(--theme-default-text-color);
}
.apexcharts-menu-item {
  font-size: 11px !important;
}
.apexcharts-xaxistooltip,
.apexcharts-yaxistooltip {
  color: var(--theme-default-text-color) !important;
  border-radius: 0.25rem !important;
  background: var(--theme-custom-white) !important;
  border: 1px solid var(--theme-default-border) !important;
  box-shadow: 0px 0.125rem 0.25rem rgba(0, 0, 0, 0.05) !important;
}
.apexcharts-xaxistooltip-bottom:before {
  border-bottom-color: var(--theme-default-border) !important;
}
.apexcharts-yaxistooltip-left:before {
  border-left-color: var(--theme-default-border) !important;
}
#marketCap .apexcharts-canvas line {
  stroke: var(--theme-default-border);
}
.apexcharts-legend {
  padding: 0 1.25rem !important;
}
.apexcharts-tooltip {
  box-shadow: none !important;
}
.apexcharts-tooltip-marker {
  margin-inline-end: 0.625rem;
}
.apexcharts-tooltip.apexcharts-theme-light {
  border: 1px solid var(--theme-default-border) !important;
  background: var(--theme-custom-white) !important;
}
.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
  background: var(--theme-custom-white) !important;
  border-block-end: 1px solid var(--theme-default-border) !important;
}
.apexcharts-xaxis line,
.apexcharts-grid-borders line {
  stroke: var(--theme-default-border);
}
.apexcharts-radialbar-track.apexcharts-track path {
  stroke: rgb(var(--theme-light-rgb));
}
.apexcharts-selection-rect {
  fill: var(--theme-custom-black);
}
.apexcharts-menu {
  background: var(--theme-custom-white) !important;
  border: 1px solid var(--theme-default-border) !important;
  border-radius: 0.35rem !important;
}
.apexcharts-menu-item {
  padding: 6px !important;
}
.apexcharts-theme-light .apexcharts-menu-item:hover {
  background: rgb(var(--theme-light-rgb)) !important;
}
.apexcharts-inner.apexcharts-graphical line.apexcharts-xaxis-tick {
  stroke: transparent !important;
}
#column-rotated-labels .apexcharts-xaxis-texts-g {
  transform: translateY(2.5rem);
}
#chart-year,
#chart-quarter {
  background: var(--theme-custom-white) !important;
  border: 1px solid var(--theme-default-border) !important;
}
.apexcharts-bar-series.apexcharts-plot-series .apexcharts-series .apexcharts-bar-area {
  stroke: transparent !important;
}
.apexcharts-treemap .apexcharts-series.apexcharts-treemap-series rect {
  stroke: var(--theme-custom-white) !important;
}
.apexcharts-series.apexcharts-pie-series .apexcharts-pie-area {
  stroke: var(--theme-custom-white) !important;
}
.apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-value {
  fill: var(--theme-default-text-color);
}
.apexcharts-radialbar-hollow {
  fill: var(--theme-custom-white);
}
.apexcharts-radar-series.apexcharts-plot-series polygon,
.apexcharts-radar-series.apexcharts-plot-series line {
  stroke: var(--theme-default-border);
}
.apexcharts-pie line,
.apexcharts-pie circle {
  stroke: var(--theme-default-border);
}
.apexcharts-canvas .apexcharts-toolbar {
  z-index: 1;
}
.apexcharts-subtitle-text {
  fill: var(--theme-text-muted);
}
#polararea-basic .apexcharts-pie text {
  fill: var(--theme-custom-black) !important;
}
.apexcharts-pie .apexcharts-datalabels rect {
  fill: transparent;
}
[dir=rtl] .apexcharts-canvas {
  direction: ltr;
}
.apexcharts-boxPlot-area {
  stroke: var(--theme-default-text-color) !important;
}
.apexcharts-gridline {
  stroke: var(--theme-default-border);
}
.apexcharts-legend-text {
  font-family: var(--theme-default-font-family) !important;
  font-weight: 500 !important;
}
#modalEventName {
  position: relative;
  padding-inline-start: 1.75rem;
}
#modalEventName::before {
  content: "\ea52";
  position: absolute;
  font-family: "tabler-icons" !important;
  inset-inline-start: 0;
  inset-block-start: 0;
  color: var(--theme-text-muted);
  font-weight: 500;
}
.fc-list-day th {
  z-index: 9;
}
.fc-v-event .fc-event-main {
  color: var(--theme-default-text-color);
}
.fc-event-selected,
.fc-event:focus {
  box-shadow: none !important;
}
.fc-daygrid-event {
  padding: 0.25rem;
}
.fc-daygrid-event .fc-event-title {
  font-size: 13px;
  font-weight: 300;
}
.fc-h-event.bg-primary-transparent .fc-event-title,
.fc-h-event.bg-primary-transparent .fc-event-time {
  color: var(--theme-primary-color);
}
.fc-h-event.bg-secondary-transparent .fc-event-title,
.fc-h-event.bg-secondary-transparent .fc-event-time {
  color: rgb(var(--theme-secondary-rgb));
}
.fc-h-event.bg-warning-transparent .fc-event-title,
.fc-h-event.bg-warning-transparent .fc-event-time {
  color: rgb(var(--theme-warning-rgb));
}
.fc-h-event.bg-info-transparent .fc-event-title,
.fc-h-event.bg-info-transparent .fc-event-time {
  color: rgb(var(--theme-info-rgb));
}
.fc-h-event.bg-success-transparent .fc-event-title,
.fc-h-event.bg-success-transparent .fc-event-time {
  color: rgb(var(--theme-success-rgb));
}
.fc-h-event.bg-danger-transparent .fc-event-title,
.fc-h-event.bg-danger-transparent .fc-event-time {
  color: rgb(var(--theme-danger-rgb));
}
.fc-h-event {
  background-color: var(--theme-primary-color) !important;
}
.fc-h-event .fc-event-title {
  color: #fff;
}
.fc-theme-standard .fc-scrollgrid.fc-scrollgrid-liquid {
  border: 0px !important;
  border-top: 1px solid var(--theme-default-border) !important;
}
.fc .fc-scrollgrid-section-footer > *,
.fc .fc-scrollgrid-section-header > * {
  border-bottom-width: 0 !important;
}
.fc-daygrid-block-event .fc-event-time,
.fc-daygrid-block-event .fc-event-title {
  padding: 0 0.25rem !important;
}
.fc .fc-button-primary {
  background-color: var(--theme-primary-color) !important;
  border-color: var(--theme-primary-color) !important;
}
.fc .fc-non-business {
  background: var(--theme-custom-white) !important;
}
.fc .fc-button-primary:not(:disabled):active,
.fc .fc-button-primary:not(:disabled).fc-button-active {
  color: #fff;
  background-color: var(--theme-primary-color);
  border-color: var(--theme-primary-color);
  opacity: 0.9;
}
.fc .fc-button-primary:focus,
.fc .fc-button-primary:not(:disabled).fc-button-active:focus,
.fc .fc-button-primary:not(:disabled):active:focus {
  box-shadow: none !important;
}
.fc-theme-standard td,
.fc-theme-standard th {
  border: 1px solid var(--theme-default-border) !important;
  border-top: 0px !important;
}
.fc-list-table td,
.fc-list-table th {
  border-left: 0 !important;
  border-right: 0 !important;
}
.fc .fc-daygrid-day.fc-day-today {
  background-color: rgba(var(--theme-primary-rgb), 0.1) !important;
}
.fc-theme-standard .fc-list {
  border: 1px solid var(--theme-default-border) !important;
}
.fc .fc-list-event:hover td {
  background-color: rgb(var(--theme-light-rgb)) !important;
}
.fc-timegrid-event-harness-inset .fc-timegrid-event,
.fc-timegrid-event.fc-event-mirror,
.fc-timegrid-more-link {
  box-shadow: none !important;
}
.fc-theme-standard .fc-list-day-cushion {
  background-color: rgb(var(--theme-light-rgb)) !important;
}
.fc-theme-standard .fc-scrollgrid {
  border: 1px solid var(--theme-default-border) !important;
}
.fc-theme-bootstrap5 .fc-list,
.fc-theme-bootstrap5 .fc-scrollgrid,
.fc-theme-bootstrap5 td,
.fc-theme-bootstrap5 th {
  border: 1px solid var(--theme-default-border) !important;
}
@media (max-width: 420px) {
  .fc-scroller.fc-scroller-liquid {
    overflow: scroll !important;
  }
}
@media (max-width: 380px) {
  .fc .fc-daygrid-day-bottom {
    font-size: 0.75em !important;
    padding: 0px 3px 0 !important;
  }
  .fc .fc-daygrid-more-link {
    z-index: 99 !important;
  }
}
@media (max-width: 767.98px) {
  .fc .fc-toolbar {
    display: block !important;
  }
  .fc-toolbar-chunk {
    margin-block-start: 0.5rem;
  }
}
.fc-daygrid-block-event {
  color: #fff !important;
  border: 0 !important;
}
.fc-daygrid-block-event .fc-list-event-dot {
  border-color: #fff !important;
}
.fc-daygrid-block-event:hover {
  color: #000 !important;
}
.fc-daygrid-block-event:hover .fc-list-event-dot {
  border-color: #000 !important;
}
.flatpickr-time .flatpickr-am-pm {
  width: 36% !important;
}
[dir=rtl] .flatpickr-input {
  text-align: start;
}
.flatpickr-calendar {
  background-color: var(--theme-custom-white) !important;
  box-shadow: 0px 0.125rem 0.25rem rgba(0, 0, 0, 0.05) !important;
  border: 1px solid var(--theme-default-border) !important;
  font-size: 0.875rem !important;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  color: var(--theme-black-9) !important;
  fill: var(--theme-black-9) !important;
}
.rangeMode .flatpickr-day {
  margin-top: 4px !important;
}
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px !important;
}
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0 !important;
}
.flatpickr-monthDropdown-months,
.numInput {
  color: var(--theme-custom-black) !important;
}
.flatpickr-day.today.inRange {
  color: var(--theme-primary-color) !important;
}
.dayContainer {
  padding: 0.25rem !important;
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: var(--theme-custom-white) !important;
  font-size: 0.813rem;
}
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 1.25rem !important;
  height: 1.25rem !important;
  padding: 0.25rem;
}
.flatpickr-day.inRange {
  box-shadow: none !important;
}
.flatpickr-calendar.open {
  z-index: 105 !important;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
  border-radius: 0.25rem !important;
  border: 1px dashed var(--theme-default-border) !important;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: transparent !important;
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after,
.flatpickr-calendar.arrowBottom:before {
  border-top-color: var(--theme-text-muted) !important;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: var(--theme-text-muted) !important;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  box-shadow: none !important;
}
.flatpickr-day {
  color: var(--theme-default-text-color) !important;
  font-weight: 500 !important;
}
.flatpickr-day.nextMonthDay,
.flatpickr-day.prevMonthDay {
  opacity: 0.5 !important;
}
.flatpickr-day.today {
  border-color: var(--theme-default-border) !important;
  background-color: rgb(var(--theme-light-rgb)) !important;
  color: var(--theme-default-text-color) !important;
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: rgb(var(--theme-light-rgb)) !important;
  color: var(--theme-default-text-color) !important;
  border-color: rgb(var(--theme-light-rgb)) !important;
}
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  background: var(--theme-default-background) !important;
  border-color: var(--theme-default-border) !important;
}
.flatpickr-day.today:hover {
  background-color: var(--theme-primary-color) !important;
  border-color: var(--theme-primary-color) !important;
  color: #fff !important;
}
.flatpickr-calendar.hasTime .flatpickr-time {
  border-top: 1px solid var(--theme-default-border) !important;
}
.flatpickr-calendar.arrowTop:after,
.flatpickr-calendar.arrowTop:before {
  border-bottom-color: var(--theme-default-border) !important;
}
.flatpickr-calendar.arrowBottom:after,
.flatpickr-calendar.arrowBottom:before {
  border-top-color: var(--theme-default-border) !important;
}
.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: var(--theme-default-background) !important;
}
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  color: var(--theme-text-muted) !important;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
  inset-inline-start: 0 !important;
}
.flatpickr-months,
.flatpickr-weekdays {
  background-color: rgb(var(--theme-light-rgb)) !important;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  inset-block-start: 0 !important;
  padding-block-start: 0.313rem !important;
  padding-inline: 0.313rem !important;
  padding-block-end: 0 !important;
}
@media (min-width: 420px) {
  .flatpickr-time .flatpickr-am-pm {
    padding: 0 1.875rem 0 0.5rem;
  }
}
.flatpickr-weekdays {
  border-block-end: 1px solid var(--theme-default-border) !important;
}
.numInputWrapper span.arrowUp {
  top: -0.125rem !important;
}
.flatpickr-current-month .numInputWrapper {
  width: 3.5rem !important;
}
.flatpickr-calendar.hasTime {
  width: auto;
}
[dir=rtl] .flatpickr-months .numInputWrapper span {
  left: 0 !important;
  right: inherit !important;
}
@media (max-width: 575.98) {
  .flatpickr-calendar {
    width: 250px !important;
  }
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
  margin: -1px 2.25rem 0 0 !important;
}
.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month input.cur-year {
  padding-block: 0 !important;
  padding-inline-start: 0 !important;
  padding-inline-end: 0.5ch !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
}
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  stroke: var(--theme-primary-color);
}
.flatpickr-day {
  border-radius: 0.35rem !important;
}
.numInputWrapper:hover {
  background: transparent !important;
}
.numInputWrapper span {
  border: 0px !important;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-block-end-color: var(--theme-primary-color) !important;
}
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #fff !important;
}
.numInputWrapper span:hover {
  background: transparent !important;
}
.numInputWrapper span.arrowUp:after {
  border-inline-start: 0.25rem solid transparent !important;
  border-inline-end: 0.25rem solid transparent !important;
  border-block-end: 0.25rem solid rgba(var(--theme-primary-rgb), 0.5) !important;
  inset-block-start: 75% !important;
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-block-start-color: var(--theme-primary-color) !important;
}
.numInputWrapper span.arrowDown:after {
  border-inline-start: 0.25rem solid transparent !important;
  border-inline-end: 0.25rem solid transparent !important;
  border-block-start: 0.25rem solid rgba(var(--theme-primary-rgb), 0.5) !important;
  inset-block-start: 15% !important;
}
span.flatpickr-weekday {
  font-weight: 700 !important;
}
.pcr-app {
  background: var(--theme-custom-white) !important;
}
.pcr-app .pcr-interaction .pcr-result {
  color: var(--theme-default-text-color) !important;
  background: var(--theme-default-background) !important;
}
.theme-container button,
.theme-container1 button,
.theme-container2 button {
  display: none;
}
.pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview {
  margin-inline-end: 0.75em !important;
}
.pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser,
.pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity {
  margin-inline-start: 0.75em !important;
}
.flatpickr-weekwrapper .flatpickr-weeks {
  box-shadow: 1px 0 0 var(--theme-default-border) !important;
}
[dir=rtl] #result {
  margin: 4.25rem 4rem 4.25rem 0;
}
.noUi-horizontal .noUi-handle {
  width: 1rem !important;
  height: 1rem !important;
  inset-inline-end: -0.063rem !important;
  top: -0.375rem !important;
}
.noUi-handle:after,
.noUi-handle:before {
  height: 0.35rem !important;
  width: 1px !important;
  inset-inline-start: 0.3rem !important;
  top: 0.25rem !important;
}
.noUi-handle:after {
  inset-inline-start: 0.45rem !important;
}
.noUi-horizontal {
  height: 0.35rem !important;
}
.noUi-vertical {
  width: 0.35rem !important;
}
.noUi-vertical .noUi-handle {
  width: 1rem !important;
  height: 1rem !important;
}
.noUi-target {
  background: var(--theme-default-background) !important;
  border: 1px solid var(--theme-default-border) !important;
  box-shadow: 0px 0.125rem 0.25rem rgba(0, 0, 0, 0.05) !important;
}
.noUi-handle {
  border: 1px solid var(--theme-default-border) !important;
  background: var(--theme-custom-white) !important;
  box-shadow: 0px 0.125rem 0.25rem rgba(0, 0, 0, 0.05) !important;
}
#result {
  border: 1px solid var(--theme-default-border) !important;
}
.noUi-handle:after,
.noUi-handle:before {
  background: var(--theme-black-3) !important;
}
.noUi-marker {
  position: absolute;
  background: var(--theme-default-border) !important;
}
.noUi-tooltip {
  border: 1px solid var(--theme-default-border) !important;
  border-radius: 0.35rem !important;
  background: var(--theme-custom-white) !important;
  color: var(--theme-default-text-color) !important;
  padding: 0.25rem 0.75rem !important;
  font-size: 0.875rem !important;
  line-height: 1 !important;
}
#slider-fit {
  padding: 0 1rem;
}
.noUi-connect {
  background: var(--theme-primary-color) !important;
}
.noUi-vertical .noUi-handle {
  bottom: -0.275rem !important;
  inset-inline-end: -0.375rem;
}
#secondary-colored-slider .noUi-connect {
  background-color: rgb(var(--theme-secondary-rgb)) !important;
}
#warning-colored-slider .noUi-connect {
  background-color: rgb(var(--theme-warning-rgb)) !important;
}
#info-colored-slider .noUi-connect {
  background-color: rgb(var(--theme-info-rgb)) !important;
}
#success-colored-slider .noUi-connect {
  background-color: rgb(var(--theme-success-rgb)) !important;
}
#danger-colored-slider .noUi-connect {
  background-color: rgb(var(--theme-danger-rgb)) !important;
}
#slider-round {
  height: 0.625rem !important;
}
#slider-round .noUi-handle {
  height: 1.125rem !important;
  width: 1.125rem !important;
  inset-block-start: -0.313rem !important;
  inset-inline-end: -0.563rem;
  border-radius: 50px !important;
  background-color: var(--theme-primary-color) !important;
  border: 1px solid var(--theme-custom-white) !important;
}
#slider-round .noUi-handle:before,
#slider-round .noUi-handle:after {
  display: none !important;
}
#slider-square {
  border-radius: 0 !important;
}
#slider-square .noUi-handle {
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  background: var(--theme-primary-color) !important;
  height: 1.125rem !important;
  width: 1.125rem !important;
  inset-block-start: -0.45rem !important;
  inset-inline-end: -0.563rem !important;
}
#slider-square .noUi-handle:before,
#slider-square .noUi-handle:after {
  display: none !important;
}
#color1,
#color2,
#color3 {
  margin: 0.625rem !important;
  display: inline-block !important;
  height: 12.5rem !important;
}
#colorpicker {
  height: 15rem !important;
  width: 19.375rem !important;
  margin: 0 auto !important;
  padding: 0.625rem !important;
  border: 1px solid var(--theme-default-border) !important;
}
#result {
  margin: 4.25rem 0 4.25rem 4rem;
  height: 6.25rem !important;
  width: 6.25rem !important;
  display: inline-block;
  vertical-align: top;
  color: var(--theme-gray-5);
  background: var(--theme-gray-5);
  border: 1px solid #fff;
  box-shadow: 0 0 0.625rem;
}
#color1 .noUi-connect {
  background: rgb(var(--theme-danger-rgb)) !important;
}
#color2 .noUi-connect {
  background: rgb(var(--theme-secondary-rgb)) !important;
}
#color3 .noUi-connect {
  background: var(--theme-primary-color) !important;
}
#slider-hide .noUi-tooltip {
  display: none;
}
#slider-hide .noUi-active .noUi-tooltip {
  display: block;
}
.c-1-color {
  background: rgb(var(--theme-secondary-rgb)) !important;
}
.c-2-color {
  background: rgb(var(--theme-warning-rgb)) !important;
}
.c-3-color {
  background: rgb(var(--theme-info-rgb)) !important;
}
.c-4-color {
  background: rgb(var(--theme-danger-rgb)) !important;
}
.c-5-color {
  background: #4d5ddb !important;
}
#slider-toggle {
  height: 3.125rem;
}
#slider-toggle.off .noUi-handle {
  border-color: rgb(var(--theme-success-rgb)) !important;
}
.glightbox {
  overflow: hidden;
}
@media (min-width: 769px) {
  .gslide-image img {
    border-radius: 0.35rem;
  }
  .glightbox-clean .gclose,
  .glightbox-clean .gnext,
  .glightbox-clean .gprev {
    background-color: rgba(255, 255, 255, 0.05) !important;
    width: 2.5rem !important;
    height: 2.5rem !important;
    padding: 0.875rem;
  }
}
.glightbox-clean .gdesc-inner {
  background-color: var(--theme-custom-white);
}
.glightbox-clean .gdesc-inner .gslide-title {
  color: var(--theme-default-text-color) !important;
  margin-bottom: 0.25rem !important;
}
.glightbox-clean .gdesc-inner .gslide-desc {
  color: var(--theme-text-muted) !important;
  font-size: 0.85rem;
}
.glightbox-clean .gdesc-inner .gslide-desc a {
  color: var(--theme-primary-color);
}
.inline-inner {
  padding: 40px;
}
.gslide-media.gslide-inline {
  border-radius: 0.35rem;
}
#map,
#map1,
#map-popup,
#map-custom-icon,
#interactive-map {
  height: 18.75rem;
  z-index: 10;
}
.jvm-zoom-btn {
  background-color: rgb(var(--theme-light-rgb)) !important;
  color: var(--theme-default-text-color) !important;
  border: 1px solid var(--theme-default-border) !important;
  font-size: 20px;
}
#vector-map,
#marker-map,
#marker-image-map,
#lines-map,
#us-map,
#canada-map,
#spain-map,
#russia-map {
  height: 21.875rem;
}
.jvm-tooltip {
  background-color: #1a1c1e !important;
}
#vector-map #jvm-regions-group path,
#marker-map #jvm-regions-group path,
#marker-image-map #jvm-regions-group path,
#lines-map #jvm-regions-group path,
#users-map #jvm-regions-group path {
  fill: rgba(var(--theme-primary-rgb), 0.1) !important;
}
.jvm-zoom-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px !important;
  height: 20px !important;
  line-height: 20px !important;
}
.jvm-zoom-btn.jvm-zoomin {
  inset-block-start: 5px !important;
}
#jvm-markers-labels-group text {
  fill: var(--theme-text-muted);
}
#google-map,
#map-layers,
#map-markers,
#streetview-map,
#map-geofencing {
  height: 18.75rem;
}
.content-wrapper {
  width: 100%;
}
.apexcharts-svg,
.apexcharts-canvas {
  width: 100% !important;
}
#pie-basic .apexcharts-canvas,
#donut-update .apexcharts-canvas,
#pie-monochrome .apexcharts-canvas,
#donut-gradient .apexcharts-canvas,
#donut-pattern .apexcharts-canvas,
#pie-image .apexcharts-canvas,
#polararea-basic .apexcharts-canvas,
#polararea-monochrome .apexcharts-canvas {
  margin: 0 auto;
}
.apexcharts-legend-text {
  color: var(--theme-default-text-color) !important;
  padding-inline-start: 0.9375rem !important;
  margin-inline-start: -0.625rem !important;
}
.apexcharts-text.apexcharts-yaxis-label tspan,
.apexcharts-text.apexcharts-xaxis-label tspan {
  fill: var(--theme-text-muted);
}
.apexcharts-canvas .apexcharts-series.apexcharts-heatmap-series rect {
  stroke: var(--theme-custom-white);
}
.apexcharts-canvas .apexcharts-series-markers.apexcharts-series-bubble circle {
  stroke: var(--theme-custom-white);
}
.apexcharts-yaxis .apexcharts-text {
  fill: var(--theme-text-muted);
}
.chartjs-chart {
  max-height: 18.75rem;
}
#chart-year,
#chart-quarter {
  width: 96%;
  max-width: 48%;
  box-shadow: none;
  padding-inline-start: 0;
  padding-block-start: 1.25rem;
  background: #fff;
  border: 1px solid #ddd;
}
#chart-year {
  float: left;
  position: relative;
  transition: 1s ease transform;
  z-index: 3;
}
#chart-year.chart-quarter-activated {
  transform: translateX(0);
  transition: 1s ease transform;
}
#chart-quarter {
  float: left;
  position: relative;
  z-index: -2;
  transition: 1s ease transform;
}
#chart-quarter.active {
  transition: 1.1s ease-in-out transform;
  transform: translateX(0);
  z-index: 1;
}
@media screen and (min-width: 480px) {
  #chart-year {
    transform: translate(50%, 80px);
  }
  #chart-quarter {
    transform: translateX(-50%);
  }
}
.echart-charts {
  height: 20rem;
}
.card.custom-card .card-body.p-0 .simplebar-track {
  right: 0;
}
.card.custom-card .simplebar-track {
  right: -18px;
}
.simplebar-scrollbar:before {
  background: var(--theme-gray-4) !important;
  border-radius: 0.3rem !important;
  inset-inline-end: 0 !important;
  width: 0.375rem;
}
.simplebar-track.simplebar-horizontal {
  display: none;
}
.simplebar-track.simplebar-vertical {
  width: 8px !important;
}
.dropzone {
  border: 0.125rem dashed var(--theme-default-border) !important;
  background-color: transparent !important;
}
.dropzone .dz-message .dz-button {
  font-size: 1.25rem !important;
  color: var(--theme-default-text-color) !important;
}
.dropzone .dz-preview {
  border-radius: 1.25rem;
}
.dropzone .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark,
.dropzone .dz-preview .dz-progress {
  z-index: 10 !important;
}
.filepond--drop-label {
  color: var(--theme-default-text-color) !important;
  border-radius: 0.3rem !important;
}
.filepond--credits {
  display: none;
}
.filepond--panel-root {
  background-color: var(--theme-custom-white) !important;
  border: 0.125rem dashed var(--theme-default-border) !important;
}
.filepond--drop-label.filepond--drop-label label {
  padding: 1.5em !important;
  font-size: 0.875rem;
}
.filepond--root {
  margin-block-end: 0 !important;
}
.filepond--file {
  background-color: var(--theme-primary-color) !important;
}
.single-fileupload {
  width: 8rem !important;
  height: 8rem !important;
  margin: 0 auto !important;
}
.ql-container.ql-bubble .ql-editor {
  overflow-y: auto !important;
}
.ql-bubble .ql-editor blockquote {
  border-inline-start: 4px solid var(--theme-default-background) !important;
}
.ql-toolbar.ql-snow,
.ql-container.ql-snow {
  border: 1px solid var(--theme-default-border) !important;
}
.ql-snow .ql-picker {
  color: var(--theme-default-text-color) !important;
}
.ql-snow .ql-stroke,
.ql-snow .ql-stroke.ql-fill {
  stroke: var(--theme-default-text-color) !important;
}
.ql-snow .ql-fill {
  fill: var(--theme-default-text-color) !important;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px !important;
}
.ql-snow .ql-picker-options .ql-picker-item {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.ql-editor {
  min-height: 15.62rem !important;
  overflow: visible !important;
}
.ql-snow .ql-formats {
  border: 1px solid var(--theme-default-border);
  border-radius: 0.5rem;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: var(--theme-default-border) !important;
  border-radius: 0.5rem !important;
}
.ql-snow .ql-picker-options {
  background-color: var(--theme-custom-white) !important;
}
.ql-snow .ql-tooltip {
  background-color: var(--theme-custom-white) !important;
  border: 1px solid var(--theme-default-border) !important;
  box-shadow: 0px 0.125rem 0.25rem rgba(0, 0, 0, 0.05) !important;
  color: var(--theme-default-text-color) !important;
}
.ql-snow .ql-tooltip input[type=text] {
  border: 1px solid var(--theme-default-border) !important;
  background-color: var(--theme-default-background) !important;
  color: var(--theme-default-text-color) !important;
  outline: 0;
}
.ql-snow .ql-tooltip {
  transform: translatex(12.5rem) !important;
  z-index: 100 !important;
}
.ql-toolbar.ql-snow {
  border-radius: 0.3rem 0.3rem 0 0 !important;
}
.ql-snow .ql-picker-label {
  padding-inline-start: 0.5rem !important;
  padding-inline-end: 0.125rem !important;
}
.ql-snow .ql-formats .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  inset-inline-end: 0 !important;
  inset-inline-start: auto !important;
}
.ql-container {
  border-radius: 0 0 0.3rem 0.3rem !important;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: var(--theme-default-text-color) !important;
}
.ql-editor {
  text-align: start !important;
}
.ql-editor .ql-align-right {
  text-align: end !important;
}
.ql-container {
  font-family: var(--theme-default-font-family) !important;
}
.ql-snow .ql-editor {
  padding: 1.25rem;
}
.ql-bubble {
  border: 1px solid var(--theme-default-border) !important;
  border-radius: 0.35rem !important;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-inline-start: -1.5em !important;
  margin-inline-end: 0.3em !important;
  text-align: start !important;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-inline-start: 1.5em !important;
}
.ql-toolbar.ql-snow .ql-formats {
  margin: 0.25rem;
}
.quill-workspace .quill-editor-card,
.quill-workspace .quill-bubble-card {
  overflow: visible;
}
.quill-workspace .quill-snow-editor {
  border-radius: 0 0 0.5rem 0.5rem;
}
.quill-workspace .quill-snow-editor .ql-editor {
  min-height: 21rem !important;
  line-height: 1.7;
}
.quill-workspace .quill-bubble-editor {
  min-height: 14rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.5rem;
  background: var(--theme-custom-white);
}
.quill-workspace .quill-bubble-editor .ql-editor {
  min-height: 14rem !important;
  line-height: 1.7;
}
.quill-workspace .quill-document-meta {
  border-bottom: 1px solid var(--theme-default-border);
  padding-bottom: 1rem;
}
[dir=rtl] .ql-tooltip.ql-editing {
  left: 0 !important;
  top: 0 !important;
}
[dir=rtl] .ql-bubble .ql-toolbar .ql-formats:first-child {
  margin-right: 12px;
}
[dir=rtl] .ql-bubble .ql-toolbar .ql-formats {
  margin: 8px 0px 8px 12px;
}
.gridjs-table {
  width: 100%;
}
table.gridjs-table {
  text-align: start !important;
  font-size: 0.813rem !important;
  font-weight: 500 !important;
}
.gridjs-wrapper {
  box-shadow: none !important;
  border-radius: 0 !important;
}
.gridjs-wrapper:nth-last-of-type(2) {
  border-radius: 0 !important;
}
.grid-workspace .gridjs-wrapper {
  border: 0px !important;
}
.gridjs-container {
  color: var(--theme-default-text-color) !important;
}
th.gridjs-th {
  background-color: var(--theme-custom-white) !important;
  border: 1px solid var(--theme-default-border) !important;
  color: var(--theme-default-text-color) !important;
  padding: 0.75rem !important;
}
td.gridjs-td {
  border: 1px solid var(--theme-default-border) !important;
  padding: 0.75rem !important;
}
.gridjs-tbody,
td.gridjs-td {
  background-color: var(--theme-custom-white) !important;
}
.gridjs-footer {
  background-color: var(--theme-custom-white) !important;
  border-bottom-width: 0 !important;
  border-color: transparent !important;
  border-radius: 0 !important;
  border-top: 0 !important;
  box-shadow: none !important;
  padding: 0.75rem 0 0 0 !important;
}
.gridjs-pagination {
  color: var(--theme-default-text-color) !important;
}
.gridjs-pagination .gridjs-pages button:first-child {
  border-radius: 0.35rem !important;
}
.gridjs-pagination .gridjs-pages button:last-child {
  border-radius: 0.35rem !important;
}
@media (max-width: 575.98px) {
  .gridjs-search-input {
    width: 12.5rem !important;
  }
}
[dir=rtl] .gridjs-pagination .gridjs-pages button:first-child {
  border-radius: 0.35rem !important;
}
[dir=rtl] .gridjs-pagination .gridjs-pages button:last-child {
  border-radius: 0.35rem !important;
}
.gridjs-pagination .gridjs-pages button:disabled,
.gridjs-pagination .gridjs-pages button:hover:disabled,
.gridjs-pagination .gridjs-pages button[disabled] {
  background-color: var(--theme-custom-white) !important;
  color: var(--theme-default-text-color) !important;
}
.gridjs-pagination .gridjs-pages button {
  background-color: var(--theme-custom-white) !important;
  border: 1px solid var(--theme-default-border) !important;
  border-radius: 0.35rem !important;
  padding: 0.375rem 0.625rem !important;
  color: var(--theme-default-text-color) !important;
}
.gridjs-pagination .gridjs-pages button:focus {
  box-shadow: none !important;
  margin-inline-end: 0 !important;
}
.gridjs-pagination .gridjs-pages button.gridjs-currentPage {
  font-weight: 600 !important;
  background-color: rgb(var(--theme-light-rgb)) !important;
  color: var(--theme-default-text-color) !important;
}
.gridjs-pagination .gridjs-pages {
  display: flex !important;
  float: inline-end !important;
  gap: 0.25rem !important;
}
input.gridjs-input {
  background-color: var(--theme-custom-white) !important;
  border: 1px solid var(--theme-default-border) !important;
  border-radius: 0.35rem !important;
  font-size: 0.875rem !important;
  padding: 0.375rem 0.75rem !important;
  line-height: 1.6 !important;
  color: var(--theme-default-text-color) !important;
}
input.gridjs-input:focus {
  box-shadow: none !important;
  border: 1px solid var(--theme-primary-color) !important;
}
button.gridjs-sort {
  float: end !important;
  height: 1.25rem !important;
  width: 0.625rem !important;
}
button.gridjs-sort-desc {
  background-position-y: 54% !important;
  background-size: 0.5rem !important;
}
button.gridjs-sort-asc {
  background-position-y: 44% !important;
  background-size: 0.5rem !important;
}
th.gridjs-th-fixed {
  background-color: rgb(var(--theme-light-rgb)) !important;
}
#grid-header-fixed .gridjs-container .gridjs-wrapper .gridjs-thead .gridjs-tr th {
  top: 0px !important;
  border: 0 !important;
}
.dataTables_wrapper .dataTables_paginate {
  margin: 0;
  text-align: end;
}
.dataTables_wrapper .dataTables_paginate .pagination {
  margin-block-end: 0;
  justify-content: end;
}
div.dataTables_scrollBody > table#datatable-basic {
  margin-block-end: 0.375rem !important;
}
.dataTables_filter {
  text-align: end !important;
}
.dataTables_info {
  padding-block-start: 0.625rem;
}
table.dataTable > thead .sorting:before,
table.dataTable > thead .sorting_asc:before,
table.dataTable > thead .sorting_asc_disabled:before,
table.dataTable > thead .sorting_desc:before,
table.dataTable > thead .sorting_desc_disabled:before {
  content: "\f235" !important;
  font-family: bootstrap-icons !important;
  position: absolute;
  inset-inline-end: 0.8rem !important;
  top: 0.813rem !important;
  font-size: 0.5rem !important;
}
table.dataTable > thead .sorting:after,
table.dataTable > thead .sorting_asc:after,
table.dataTable > thead .sorting_asc_disabled:after,
table.dataTable > thead .sorting_desc:after,
table.dataTable > thead .sorting_desc_disabled:after {
  content: "\f229" !important;
  font-family: bootstrap-icons !important;
  position: absolute;
  inset-inline-end: 0.8rem !important;
  top: 1.25rem !important;
  font-size: 0.5rem !important;
}
table.dataTable > thead .sorting,
table.dataTable > thead .sorting_asc,
table.dataTable > thead .sorting_desc,
table.dataTable > thead .sorting_asc_disabled,
table.dataTable > thead .sorting_desc_disabled {
  cursor: pointer;
  position: relative;
}
table.dataTable > thead .sorting:before,
table.dataTable > thead .sorting:after,
table.dataTable > thead .sorting_asc:before,
table.dataTable > thead .sorting_asc:after,
table.dataTable > thead .sorting_desc:before,
table.dataTable > thead .sorting_desc:after,
table.dataTable > thead .sorting_asc_disabled:before,
table.dataTable > thead .sorting_asc_disabled:after,
table.dataTable > thead .sorting_desc_disabled:before,
table.dataTable > thead .sorting_desc_disabled:after {
  position: absolute;
  display: block;
  opacity: 0.2;
}
table.dataTable > thead .sorting_asc:before,
table.dataTable > thead .sorting_desc:after {
  opacity: 0.8;
}
div.dataTables_wrapper div.dataTables_length select {
  width: auto;
  display: inline-block;
  margin: 0 0.25rem;
}
.dataTables_wrapper .dataTables_scrollHead table.dataTable {
  margin-block-end: 0;
}
.dataTables_wrapper .dataTables_scrollBody #datatable-basic {
  margin-block-start: -3px;
  border-block-start-color: transparent !important;
}
.dataTables_wrapper .dataTables_scrollBody table.dataTable > thead .sorting:before,
.dataTables_wrapper .dataTables_scrollBody table.dataTable > thead .sorting:after,
.dataTables_wrapper .dataTables_scrollBody table.dataTable > thead .sorting_asc:before,
.dataTables_wrapper .dataTables_scrollBody table.dataTable > thead .sorting_asc:after,
.dataTables_wrapper .dataTables_scrollBody table.dataTable > thead .sorting_desc:before,
.dataTables_wrapper .dataTables_scrollBody table.dataTable > thead .sorting_desc:after,
.dataTables_wrapper .dataTables_scrollBody table.dataTable > thead .sorting_asc_disabled:before,
.dataTables_wrapper .dataTables_scrollBody table.dataTable > thead .sorting_asc_disabled:after,
.dataTables_wrapper .dataTables_scrollBody table.dataTable > thead .sorting_desc_disabled:before,
.dataTables_wrapper .dataTables_scrollBody table.dataTable > thead .sorting_desc_disabled:after {
  display: none;
}
div.dt-button-info {
  background-color: var(--theme-custom-white) !important;
  border: 1px solid var(--theme-default-border) !important;
}
div.dt-button-info h2 {
  background-color: var(--theme-custom-white) !important;
  border-bottom: 1px solid var(--theme-default-border) !important;
}
@media (max-width: 767.98px) {
  .data-table-btn {
    margin: 0.5625rem 0 0.5rem 0 !important;
  }
  .dataTables_length,
  .dataTables_filter,
  .dataTables_info {
    text-align: center;
  }
  .dataTables_filter {
    margin-block-start: 0.5rem;
  }
  .dataTables_paginate .pagination {
    justify-content: center !important;
  }
  .dataTables_info {
    padding-block-start: 0;
    padding-block-end: 0.5rem;
  }
  div.dtr-modal div.dtr-modal-display {
    width: 95% !important;
    height: 95% !important;
    background-color: var(--theme-custom-white) !important;
    border: 1px solid var(--theme-default-border) !important;
    box-shadow: 0px 0.125rem 0.25rem rgba(0, 0, 0, 0.05) !important;
  }
  div.dataTables_wrapper div.dataTables_length,
  div.dataTables_wrapper div.dataTables_filter,
  div.dataTables_wrapper div.dataTables_info,
  div.dataTables_wrapper div.dataTables_paginate {
    text-align: center !important;
  }
}
@media (max-width: 575.98px) {
  .dataTables_paginate .pagination .paginate_button .page-link {
    font-size: 0.625rem;
    padding: 0.25rem 0.5rem;
  }
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control {
  padding-inline-start: 1.875rem !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {
  color: #fff !important;
  border: 0.15em solid #fff !important;
  box-shadow: 0 0 0.2em var(--theme-primary-color) !important;
  background-color: var(--theme-primary-color) !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control:before {
  content: "-";
  background-color: rgb(var(--theme-success-rgb)) !important;
}
table.dataTable > tbody > tr.child ul.dtr-details > li:first-child {
  padding-block-start: 0 !important;
}
table.dataTable > tbody > tr.child ul.dtr-details > li {
  border-block-end: 1px solid var(--theme-default-border) !important;
}
table.dataTable > tbody > tr.child span.dtr-title {
  min-width: 4.688rem !important;
}
div.dtr-modal div.dtr-modal-close {
  top: 0px !important;
  border: 0px solid var(--theme-default-border) !important;
  font-size: 1.5rem !important;
  background-color: transparent !important;
}
div.dtr-modal div.dtr-modal-background {
  background: rgba(0, 0, 0, 0.3) !important;
}
.dtr-modal-content h2 {
  font-size: 0.875rem !important;
  font-weight: 600 !important;
}
.dt-button {
  font-size: 0.8125rem !important;
  border-radius: 0.3rem !important;
  box-shadow: none !important;
  font-weight: 500 !important;
  padding: 0.375rem 0.75rem !important;
  background-color: var(--theme-primary-color);
  color: #fff;
  border: 0;
}
.dt-buttons {
  float: left !important;
}
table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > th.sorting_asc,
table.dataTable thead > tr > th.sorting_desc,
table.dataTable thead > tr > th.sorting_asc_disabled,
table.dataTable thead > tr > th.sorting_desc_disabled,
table.dataTable thead > tr > td.sorting,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc,
table.dataTable thead > tr > td.sorting_asc_disabled,
table.dataTable thead > tr > td.sorting_desc_disabled {
  padding-inline-end: 1.625rem;
}
table.dataTable thead th,
table.dataTable thead td,
table.dataTable tfoot th,
table.dataTable tfoot td {
  text-align: start !important;
}
table.table-bordered.dataTable th:first-child,
table.table-bordered.dataTable th:first-child,
table.table-bordered.dataTable td:first-child,
table.table-bordered.dataTable td:first-child {
  border-inline-start-width: 1px !important;
}
table.table-bordered.dataTable th:last-child,
table.table-bordered.dataTable th:last-child,
table.table-bordered.dataTable td:last-child,
table.table-bordered.dataTable td:last-child {
  border-inline-end-width: 1px !important;
}
div.dataTables_wrapper div.dataTables_filter#scroll-vertical_filter input {
  margin-right: 0.2em;
}
[dir=rtl] div.dtr-modal div.dtr-modal-close {
  left: 6px;
  right: auto;
}
[dir=rtl] div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:last-child {
  padding-left: 0;
  padding-right: initial;
}
[dir=rtl] div.dataTables_wrapper div.dataTables_filter#scroll-vertical_filter input {
  margin-right: 0.5rem;
  margin-left: 0.2em;
}
[dir=rtl] div.dataTables_wrapper div.dataTables_filter input {
  margin-right: 0.5rem;
  margin-left: 0;
}
[dir=rtl] table.table-bordered.dataTable th:first-child,
[dir=rtl] table.table-bordered.dataTable th:first-child,
[dir=rtl] table.table-bordered.dataTable td:first-child,
[dir=rtl] table.table-bordered.dataTable td:first-child {
  border-right-width: 1px;
  border-left-width: 0;
}
[dir=rtl] table.table-bordered.dataTable th:last-child,
[dir=rtl] table.table-bordered.dataTable th:last-child,
[dir=rtl] table.table-bordered.dataTable td:last-child,
[dir=rtl] table.table-bordered.dataTable td:last-child {
  border-inline-start-width: 1px;
}
[dir=rtl] div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:first-child {
  padding-inline-end: 0;
}
[dir=rtl] div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:last-child {
  padding-inline-start: 0;
}
[dir=rtl] .dt-buttons {
  float: right !important;
}
table.dataTable > tbody > tr.selected > * {
  background-color: rgba(var(--theme-primary-rgb), 0.1);
  color: var(--theme-default-text-color) !important;
  box-shadow: none !important;
}
@media (min-width: 768px) {
  .data-table-btn {
    position: absolute;
    inset-inline-start: 12.5rem;
    z-index: 1;
    inset-block-start: 19px;
  }
}
#file-export_wrapper .dt-buttons button {
  margin: 0.25rem;
}
.data-table-btn {
  margin: -0.4375rem 0 0 0;
}
div:where(.swal2-container) input:where(.swal2-input),
div:where(.swal2-container) input:where(.swal2-file),
div:where(.swal2-container) textarea:where(.swal2-textarea) {
  border: 1px solid var(--theme-default-border) !important;
}
.swal2-container .swal2-title {
  font-size: 1.15rem;
  padding: 2rem 2rem 0.5rem;
}
.swal2-container .swal2-footer {
  padding: 1.5rem 1.5rem 0;
}
.swal2-container .swal2-popup {
  background: var(--theme-custom-white);
  color: var(--theme-default-text-color);
  padding: 0 0 2rem;
}
.swal2-container .swal2-center > .swal2-popup {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.swal2-container .swal2-actions {
  margin: 1rem auto 0;
}
.swal2-container .swal2-styled.swal2-confirm {
  margin: 0;
  padding: 0.375em 0.75rem;
  box-shadow: none;
  font-size: 0.8125rem;
  border-radius: 0.3rem;
}
.swal2-container .swal2-styled.swal2-confirm:focus,
.swal2-container .swal2-styled.swal2-cancel:focus,
.swal2-container .swal2-styled.swal2-deny:focus {
  box-shadow: none;
}
.swal2-container .swal2-styled.swal2-confirm {
  background-color: rgb(var(--theme-success-rgb)) !important;
  color: #fff;
}
.swal2-container .swal2-footer {
  border-top: 1px solid var(--theme-default-border);
}
.swal2-container .swal2-icon {
  width: 4rem;
  height: 4rem;
  margin: 2rem auto 0rem;
}
.swal2-container .swal2-icon.swal2-question {
  border-color: rgb(var(--theme-success-rgb));
  color: rgb(var(--theme-success-rgb));
}
.swal2-container .swal2-icon.swal2-error {
  border-color: rgb(var(--theme-danger-rgb));
  color: rgb(var(--theme-danger-rgb));
}
.swal2-container .swal2-icon.swal2-info {
  border-color: rgb(var(--theme-info-rgb));
  color: rgb(var(--theme-info-rgb));
}
.swal2-container .swal2-icon.swal2-warning {
  border-color: rgb(var(--theme-warning-rgb));
  color: rgb(var(--theme-warning-rgb));
}
.swal2-container .swal2-icon .swal2-icon-content {
  font-size: 3rem;
}
.swal2-container .swal2-image {
  border-radius: 0.35rem;
}
.swal2-container .swal2-html-container {
  margin: 0rem 1.6rem 0.3rem;
  font-size: 0.8rem;
  color: var(--theme-text-muted);
}
.swal2-container .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
  inset-inline-start: 1em;
}
.swal2-container .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
  top: 1.9em;
  width: 2em;
  height: 0.3em;
  background-color: rgb(var(--theme-danger-rgb));
}
.swal2-container .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
  inset-inline-end: 1em;
  inset-block-start: 1.875rem;
}
.swal2-container .swal2-close:focus {
  box-shadow: none;
}
.swal2-container .swal2-deny,
.swal2-container .swal2-cancel {
  margin-inline-start: 0.625rem;
}
.swal2-container .swal2-close {
  font-size: 2rem;
  color: var(--theme-text-muted);
  opacity: 0.5;
}
.swal2-container .swal2-close:hover {
  color: var(--theme-primary-color);
}
.swal2-container .swal2-styled.swal2-deny {
  background-color: rgb(var(--theme-danger-rgb));
  padding: 0.375em 0.75rem;
  box-shadow: none;
  font-size: 0.8125rem;
  border-radius: 0.3rem;
}
.swal2-container .swal2-styled.swal2-cancel {
  background-color: rgb(var(--theme-light-rgb)) !important;
  color: var(--theme-default-text-color);
  padding: 0.375em 0.75rem;
  box-shadow: none;
  font-size: 0.8125rem;
  border-radius: 0.3rem;
}
.swal2-container .swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
  top: 2.05em;
  inset-inline-end: 0.45em;
  width: 2em;
}
.swal2-container .swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
  top: 2.375em;
  inset-inline-start: 0.9125em;
  width: 1.2625em;
}
.swal2-container .swal2-file:focus,
.swal2-container .swal2-input:focus,
.swal2-container .swal2-textarea:focus {
  border: 1px solid var(--theme-default-border);
  box-shadow: none;
}
[dir=rtl] .swal2-container .swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
  inset-inline-start: 1.9125em;
}
.swiper {
  border-radius: 0.35rem;
}
.swiper-bullet-position {
  position: absolute;
  bottom: 1rem;
  z-index: 1;
  margin-inline: auto;
  width: 100%;
}
[dir=rtl] .swiper {
  direction: ltr;
}
[dir=rtl] .swiper-backface-hidden .swiper-slide {
  direction: rtl;
}
.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.swiper-button-next,
.swiper-button-prev {
  width: 1.563rem !important;
  height: 1.563rem !important;
  color: #fff !important;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 0.35rem;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 0.75rem !important;
  font-weight: 800 !important;
}
.swiper-horizontal1 .swiper-slide {
  height: auto;
}
.swiper-pagination-bullet {
  width: 1.25rem !important;
  height: 0.25rem !important;
  border-radius: 0.35rem !important;
  background: #fff !important;
}
.swiper-pagination-bullet-active {
  background: #fff !important;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: rgb(var(--theme-success-rgb)) !important;
}
.swiper-pagination {
  color: #fff;
}
.custom-pagination .swiper-pagination-bullet {
  width: 1.5rem !important;
  height: 1.5rem !important;
  padding: 0.188rem;
  background-color: rgba(255, 255, 255, 0.3) !important;
  color: #fff !important;
  opacity: 1 !important;
}
.custom-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #fff !important;
  color: #111318 !important;
}
.swiper-scrollbar {
  background-color: rgba(255, 255, 255, 0.3) !important;
}
.swiper-scrollbar-drag {
  background-color: #fff !important;
}
.swiper.vertical {
  height: 21.875rem;
}
.swiper-preview {
  height: 80%;
  width: 100%;
}
.swiper-view {
  height: 20%;
  box-sizing: border-box;
  padding: 10px 0;
}
.swiper-view .swiper-slide {
  width: 25%;
  height: 100%;
  opacity: 0.4;
}
.swiper-view .swiper-slide-thumb-active {
  opacity: 1;
}
.swiper-preview .swiper-wrapper {
  margin-block-end: 0.65rem;
}
.swiper-thumbs .swiper-slide img {
  border-radius: 0.35rem;
}
pre[class*=language-]:after,
pre[class*=language-]:before {
  display: none !important;
}
pre[class*=language-] > code {
  border-inline-start: 1px solid var(--theme-default-border) !important;
  box-shadow: none !important;
  background-color: rgb(var(--theme-light-rgb)) !important;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.35rem;
  background-image: none !important;
  white-space: pre-wrap;
}
:not(pre) > code[class*=language-],
pre[class*=language-] {
  background-color: var(--theme-custom-white) !important;
  margin-bottom: 0 !important;
  max-height: 400px;
  overflow-y: hidden !important;
  border-radius: 0.35rem;
}
code[class*=language-],
pre[class*=language-] {
  color: var(--theme-default-text-color) !important;
  font-size: 0.82rem !important;
}
pre[class*=language-] {
  margin: 0 !important;
}
code[class*=language-] {
  padding: 1rem !important;
}
.prism-toggle {
  margin: 0.25rem;
}
[dir=rtl] pre[class*=language-] > code {
  border-left: 0;
  text-align: right;
}
#draggable-left .card,
#draggable-right .card {
  touch-action: none;
}
.star-rating {
  touch-action: none;
}
.star-rating .star-value {
  touch-action: none;
}
.fg-emoji-picker {
  top: auto !important;
  bottom: 136px !important;
}
.fg-emoji-picker-search input {
  padding: 10px !important;
  background-color: var(--theme-custom-white) !important;
  color: var(--theme-default-text-color) !important;
  border-bottom: 1px solid var(--theme-default-border) !important;
}
.fg-emoji-picker-grid > li {
  flex: 0 0 14.2857142857% !important;
  height: 38px !important;
}
.fg-emoji-picker-grid > li:hover {
  background-color: rgb(var(--theme-light-rgb)) !important;
  border-radius: 0.35rem !important;
}
.fg-emoji-picker .fg-emoji-picker-all-categories {
  height: 288px !important;
}
.fg-emoji-picker * {
  color: var(--theme-default-text-color) !important;
  font-family: var(--theme-default-font-family) !important;
  fill: var(--theme-default-text-color) !important;
}
.fg-emoji-picker-categories li.active {
  background-color: rgba(var(--theme-primary-rgb), 0.1) !important;
}
.fg-emoji-picker-categories {
  background: var(--theme-custom-white) !important;
}
.fg-emoji-picker-categories ul {
  border-bottom: 1px solid var(--theme-default-border) !important;
}
a.fg-emoji-picker-close-button {
  background-color: rgb(var(--theme-light-rgb)) !important;
}
.fg-emoji-picker-search svg {
  width: 45px !important;
  height: 39px !important;
  inset-inline-end: 0 !important;
  top: 0 !important;
  padding: 10px !important;
  border-inline-start: 1px solid var(--theme-default-border) !important;
  fill: var(--theme-default-text-color) !important;
  border-bottom: 1px solid var(--theme-default-border);
}
.fg-emoji-picker {
  background-color: var(--theme-custom-white) !important;
  border: 1px solid var(--theme-default-border) !important;
}
.fg-emoji-picker-grid > li {
  background-color: var(--theme-custom-white) !important;
}
.fg-emoji-picker-categories a:hover {
  background-color: rgba(var(--theme-primary-rgb), 0.1) !important;
}
.fg-emoji-picker .fg-emoji-picker-category {
  padding-top: 0 !important;
}
.fg-emoji-picker-search {
  height: 38px !important;
}
.plyr__control--overlaid {
  background: rgb(var(--theme-success-rgb)) !important;
}
.plyr--full-ui input[type=range] {
  color: rgb(var(--theme-success-rgb)) !important;
}
.plyr--video .plyr__control:focus-visible,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true],
.plyr--audio .plyr__control:focus-visible,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded=true],
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before {
  background: rgb(var(--theme-success-rgb)) !important;
}
.plyr--audio .plyr__controls {
  background: var(--theme-custom-white) !important;
}
.shepherd-modal-overlay-container.shepherd-modal-is-visible {
  opacity: 0.15 !important;
}
.shepherd-has-title .shepherd-content .shepherd-cancel-icon:hover {
  color: var(--theme-custom-black) !important;
}
.shepherd-button {
  background: rgb(var(--theme-success-rgb)) !important;
  color: #fff !important;
  padding: 0.5rem 1rem !important;
}
.shepherd-element {
  background: var(--theme-custom-white) !important;
}
.shepherd-header {
  background-color: rgb(var(--theme-light-rgb)) !important;
  padding: 0.5rem !important;
}
.shepherd-title {
  font-weight: 500 !important;
}
.shepherd-text {
  font-size: 13px !important;
}
.shepherd-title,
.shepherd-text {
  color: var(--theme-default-text-color) !important;
}
.shepherd-element.shepherd-has-title[data-popper-placement^=bottom] > .shepherd-arrow:before {
  background-color: rgb(var(--theme-light-rgb)) !important;
  border: 1px solid var(--theme-input-border);
}
.shepherd-arrow:before {
  background: var(--theme-custom-white) !important;
}
.autoComplete_wrapper > ul {
  z-index: 10 !important;
}
.autoComplete_wrapper > input {
  border-color: var(--theme-input-border) !important;
  color: var(--theme-default-text-color) !important;
  background-color: var(--theme-form-control-bg) !important;
  font-size: 0.875rem !important;
  font-weight: var(--theme-default-font-weight) !important;
  line-height: 1.5 !important;
  border-radius: 0.35rem !important;
  padding: 0.5rem 0.85rem !important;
  background-image: none !important;
  height: inherit !important;
}
.autoComplete_wrapper > input:focus {
  border-color: rgba(var(--theme-dark-rgb), 0.1) !important;
  box-shadow: 0 0 4px rgba(var(--theme-dark-rgb), 0.05) !important;
}
.autoComplete_wrapper > input:focus::-moz-placeholder {
  padding: 0 !important;
}
.autoComplete_wrapper > input:focus::placeholder {
  padding: 0 !important;
}
.autoComplete_wrapper > input::-moz-placeholder {
  font-size: 0.8rem !important;
  font-weight: 400;
  opacity: 0.6;
  color: var(--theme-default-text-color) !important;
}
.autoComplete_wrapper > input::placeholder {
  font-size: 0.8rem !important;
  font-weight: 400;
  opacity: 0.6;
  color: var(--theme-default-text-color) !important;
}
.autoComplete_wrapper > input::-moz-placeholder:focus {
  padding: 0 !important;
  font-size: 0.8rem !important;
}
.autoComplete_wrapper > input::placeholder:focus {
  padding: 0 !important;
  font-size: 0.8rem !important;
}
.autoComplete_wrapper > ul {
  box-shadow: 0px 0.125rem 0.25rem rgba(0, 0, 0, 0.05) !important;
  background-color: var(--theme-custom-white) !important;
  border: 1px solid var(--theme-default-border) !important;
  margin-top: 0 !important;
}
.autoComplete_wrapper > ul .no_result {
  padding: 0.5rem !important;
}
.autoComplete_wrapper > ul > li {
  font-size: 0.85rem !important;
  background-color: var(--theme-custom-white) !important;
  color: var(--theme-default-text-color) !important;
}
.autoComplete_wrapper > ul > li:hover {
  background-color: rgba(var(--theme-primary-rgb), 0.1) !important;
  color: var(--theme-default-text-color) !important;
}
.autoComplete_wrapper > ul > li mark {
  background-color: transparent;
  color: var(--theme-primary-color) !important;
  font-weight: bold;
  padding: 0 !important;
}
#autoComplete_list_2 p {
  padding: 0.5rem !important;
  margin-block-end: 0 !important;
}
.autoComplete_wrapper > input {
  width: auto !important;
}
@media (min-width: 367px) {
  .telephone-input-btn {
    margin-inline-start: 0.5rem;
  }
}
@media (max-width: 366.98px) {
  .telephone-input-btn {
    margin-block-start: 0.5rem;
  }
}
.hide {
  display: none;
}
input.error {
  border: 1px solid rgb(var(--theme-danger-rgb));
}
#error-msg {
  color: rgb(var(--theme-danger-rgb));
}
#valid-msg {
  color: rgb(var(--theme-success-rgb));
}
.iti__search-input:focus-visible {
  outline: none;
}
.iti__search-input {
  background-color: var(--theme-custom-white) !important;
  color: var(--theme-default-text-color) !important;
}
.iti__search-input + .iti__country-list {
  border-top: 1px solid var(--theme-default-border) !important;
}
.iti--inline-dropdown .iti__dropdown-content {
  border: 1px solid var(--theme-default-border) !important;
  box-shadow: 0px 0.125rem 0.25rem rgba(0, 0, 0, 0.05) !important;
}
.iti__dropdown-content {
  background-color: var(--theme-custom-white) !important;
}
.iti__country.iti__highlight {
  background-color: rgba(var(--theme-primary-rgb), 0.1) !important;
}
.iti--show-selected-dial-code .iti__selected-flag {
  background-color: rgb(var(--theme-light-rgb)) !important;
}
.tagify__dropdown {
  z-index: 9 !important;
}
.tagify {
  --tag-inset-shadow-size: 0 !important;
}
.tagify__tag {
  background-color: rgb(var(--theme-light-rgb));
}
.tagify.tagify--mix.form-control {
  padding: 0.5rem;
}
.tagify__tag > div::before {
  box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--theme-gray-3) inset !important;
}
.tagify:hover:not(.tagify--focus):not(.tagify--invalid) {
  border-color: var(--theme-input-border) !important;
}
.tagify {
  border-color: var(--theme-input-border) !important;
}
.tagify.tagify--focus {
  border-color: rgba(var(--theme-dark-rgb), 0.1) !important;
  box-shadow: 0 0 4px vrgba(var(--theme-dark-rgb), 0.05) !important;
}
.tagify__tag {
  margin-inline: 7px 0 !important;
  margin-block: 7px !important;
}
.tagify__tag > div {
  font-size: 13px;
}
.tagify__input {
  margin: 3px !important;
  line-height: 1.85rem !important;
}
.tagify {
  --tags-disabled-bg: var(--theme-gray-3) !important;
  --tag-bg: var(--theme-gray-3) !important;
  --tag-hover: rgba(var(--theme-primary-rgb), 0.15) !important;
  --tag-text-color: var(--theme-default-text-color) !important;
  --tag-text-color--edit: var(--theme-default-text-color) !important;
  --tag-invalid-color: rgba(var(--theme-danger-rgb), 0.5) !important;
  --tag-invalid-bg: rgba(var(--theme-danger-rgb), 0.2) !important;
  --tag-remove-bg: rgba(var(--theme-danger-rgb), 0.1) !important;
  --tag-remove-btn-color: var(--theme-default-text-color) !important;
  --tag-remove-btn-bg--hover: rgba(var(--theme-danger-rgb), 0.3) !important;
  --tag-pad: 0.2em 0.5em !important;
}
.tagify__tag__removeBtn {
  margin: 0 0.25rem !important;
}
.tagify__tag:focus div::before,
.tagify__tag:hover:not([readonly]) div::before {
  --tag-bg-inset: 0px !important;
}
.tagify__tag-text {
  padding: 3px;
}
.tags-look {
  border: 1px solid var(--theme-default-border) !important;
  background-color: var(--theme-custom-white) !important;
}
.tags-look .tagify__dropdown__item {
  display: inline-block;
  vertical-align: middle;
  border-radius: 3px;
  padding: 0.3em 0.5em;
  border: 1px solid var(--theme-default-border);
  background: var(--theme-custom-white);
  margin: 0.2em;
  font-size: 0.85em;
  color: var(--theme-default-text-color);
  transition: 0s;
}
.tags-look .tagify__dropdown__item--active {
  color: var(--theme-default-text-color);
}
.tags-look .tagify__dropdown__item:hover {
  background: rgb(var(--theme-light-rgb));
  border-color: rgb(var(--theme-light-rgb));
  color: var(--theme-default-text-color);
}
.tags-look .tagify__dropdown__item--hidden {
  max-width: 0;
  max-height: initial;
  padding: 0.3em 0;
  margin: 0.2em 0;
  white-space: nowrap;
  text-indent: -20px;
  border: 0;
}
.tagify__dropdown {
  border-top: 1px solid var(--theme-primary-color) !important;
}
.tagify__tag .tagify__tag__avatar-wrap {
  width: 22px;
  height: 22px;
  white-space: normal;
  border-radius: 50%;
  margin-right: 5px;
  transition: 0.12s ease-out;
  vertical-align: middle;
}
.tagify__tag img {
  width: 100%;
  vertical-align: top;
}
.tagify__dropdown.users-list .tagify__dropdown__item {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0 1em;
  grid-template-areas: "avatar name" "avatar email";
}
.tagify__dropdown.users-list header.tagify__dropdown__item {
  grid-template-areas: "add remove-tags" "remaning .";
}
.tagify__dropdown.users-list .tagify__dropdown__item:hover .tagify__dropdown__item__avatar-wrap {
  transform: scale(1.2);
}
.tagify__dropdown.users-list .tagify__dropdown__item__avatar-wrap {
  grid-area: avatar;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  overflow: hidden;
  background: rgb(var(--theme-light-rgb));
  transition: 0.1s ease-out;
}
.tagify__dropdown.users-list img {
  width: 100%;
  vertical-align: top;
}
.tagify__dropdown.users-list header.tagify__dropdown__item > div,
.tagify__dropdown.users-list .tagify__dropdown__item strong {
  grid-area: name;
  width: 100%;
  align-self: center;
}
.tagify__dropdown.users-list span {
  grid-area: email;
  width: 100%;
  font-size: 0.9em;
  opacity: 0.6;
}
.tagify__dropdown.users-list .tagify__dropdown__item__addAll {
  border-bottom: 1px solid var(--theme-default-border);
  gap: 0;
}
.tagify__dropdown.users-list .remove-all-tags {
  grid-area: remove-tags;
  justify-self: self-end;
  font-size: 0.8em;
  padding: 0.2em 0.3em;
  border-radius: 3px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.tagify__dropdown.users-list .remove-all-tags:hover {
  color: #fff;
  background: rgb(var(--theme-orange-rgb));
}
#users-list .tagify__tag {
  white-space: nowrap;
}
#users-list .tagify__tag img {
  width: 100%;
  vertical-align: top;
  pointer-events: none;
}
#users-list .tagify__tag:hover .tagify__tag__avatar-wrap {
  transform: scale(1.6) translateX(-10%);
}
#users-list .tagify__tag .tagify__tag__avatar-wrap {
  width: 16px;
  height: 16px;
  white-space: normal;
  border-radius: 50%;
  background: rgb(var(--theme-light-rgb));
  margin-right: 5px;
  transition: 0.12s ease-out;
}
.users-list .tagify__dropdown__itemsGroup:empty {
  display: none;
}
.users-list .tagify__dropdown__itemsGroup::before {
  content: attr(data-title);
  display: inline-block;
  font-size: 0.9em;
  padding: 4px 6px;
  margin: var(--tagify-dd-item-pad);
  font-style: italic;
  border-radius: 4px;
  background: rgb(var(--theme-success-rgb));
  color: var(--theme-custom-white);
  font-weight: 600;
}
.users-list .tagify__dropdown__itemsGroup:not(:first-of-type) {
  border-top: 1px solid var(--theme-default-border);
}
.tagify__dropdown__wrapper {
  border: 0 !important;
  box-shadow: none !important;
  background-color: var(--theme-custom-white) !important;
}
.tagify__dropdown {
  padding: 0.25rem !important;
  border-bottom-width: 0;
  background: var(--theme-custom-white) !important;
  border: 1px solid var(--theme-default-border) !important;
  box-shadow: 0px 0.125rem 0.25rem rgba(0, 0, 0, 0.05) !important;
  border-radius: 0.35rem !important;
}
.tagify__dropdown__item--active {
  background: rgb(var(--theme-light-rgb)) !important;
  color: var(--theme-default-text-color) !important;
}
.remove-all-tags {
  color: #fff;
}
.tagify--mix .tagify__input {
  padding: 0 !important;
  margin: 0 !important;
}
.tagify__input::before {
  color: var(--theme-default-text-color) !important;
}
.dual-listbox .dual-listbox__search {
  border-color: var(--theme-input-border) !important;
  color: var(--theme-default-text-color);
  background-color: var(--theme-form-control-bg);
  font-size: 0.875rem;
  font-weight: var(--theme-default-font-weight);
  line-height: 1.5;
  border-radius: 0.35rem;
  padding: 0.5rem 0.85rem;
  outline: none;
}
.dual-listbox .dual-listbox__search::-webkit-input-placeholder {
  color: var(--theme-default-text-color) !important;
  opacity: 0.3;
}
.dual-listbox .dragging {
  background: rgb(var(--theme-light-rgb)) !important;
}
.dual-listbox .drop-above {
  border-top: 1px solid var(--theme-default-border) !important;
}
.dual-listbox .dual-listbox__title {
  border-left: 1px solid var(--theme-default-border) !important;
  border-right: 1px solid var(--theme-default-border) !important;
  border-top: 1px solid var(--theme-default-border) !important;
  font-weight: 500 !important;
}
.dual-listbox .dual-listbox__available,
.dual-listbox .dual-listbox__selected {
  border: 1px solid var(--theme-default-border) !important;
}
.dual-listbox .dual-listbox__item {
  border-bottom: 1px solid var(--theme-default-border) !important;
}
.dual-listbox .dual-listbox__button {
  background-color: rgb(var(--theme-light-rgb)) !important;
  color: var(--theme-default-text-color) !important;
  border-radius: 0.35rem;
}
.dual-listbox .dual-listbox__item.dual-listbox__item--selected {
  background-color: rgba(var(--theme-primary-rgb), 0.1) !important;
}
.dual-listbox .dual-listbox__available,
.dual-listbox .dual-listbox__selected {
  width: auto !important;
}
.toastify-right {
  inset-inline-end: 15px !important;
}
.toast-close {
  padding: 0 5px 0 15px !important;
}
[dir=rtl] .toast-close {
  padding: 0 15px 0 5px !important;
}
[dir=rtl] .toastify-right {
  right: inherit !important;
}
.ribbon {
  width: 80px;
  height: 80px;
  overflow: hidden;
  position: absolute;
  z-index: 1;
}
.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: "";
  display: block;
}
.ribbon span {
  position: absolute;
  display: block;
  width: 120px;
  padding: 6px 0;
  z-index: 2;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  color: #fff;
  font: 500 12px/1 "Lato", sans-serif;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-transform: uppercase;
  text-align: center;
}
.ribbon.ribbon-primary:before,
.ribbon.ribbon-primary:after {
  border: 3px solid var(--theme-black-6);
}
.ribbon.ribbon-primary span {
  background-color: var(--theme-primary-color);
}
.ribbon.ribbon-secondary:before,
.ribbon.ribbon-secondary:after {
  border: 3px solid var(--theme-black-6);
}
.ribbon.ribbon-secondary span {
  background-color: rgb(var(--theme-secondary-rgb));
}
.ribbon.ribbon-warning:before,
.ribbon.ribbon-warning:after {
  border: 3px solid var(--theme-black-6);
}
.ribbon.ribbon-warning span {
  background-color: rgb(var(--theme-warning-rgb));
}
.ribbon.ribbon-info:before,
.ribbon.ribbon-info:after {
  border: 3px solid var(--theme-black-6);
}
.ribbon.ribbon-info span {
  background-color: rgb(var(--theme-info-rgb));
}
.ribbon.ribbon-success:before,
.ribbon.ribbon-success:after {
  border: 3px solid var(--theme-black-6);
}
.ribbon.ribbon-success span {
  background-color: rgb(var(--theme-success-rgb));
}
.ribbon.ribbon-danger:before,
.ribbon.ribbon-danger:after {
  border: 3px solid var(--theme-black-6);
}
.ribbon.ribbon-danger span {
  background-color: rgb(var(--theme-danger-rgb));
}
.ribbon.ribbon-orange:before,
.ribbon.ribbon-orange:after {
  border: 3px solid var(--theme-black-6);
}
.ribbon.ribbon-orange span {
  background-color: rgb(var(--theme-orange-rgb));
}
.ribbon-top-left {
  top: -7px;
  inset-inline-start: -7px;
}
.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-top-left::before {
  top: 0;
  inset-inline-end: 0;
  z-index: 1;
}
.ribbon-top-left::after {
  bottom: 0;
  inset-inline-start: 0;
  z-index: 1;
}
.ribbon-top-left span {
  inset-inline-end: -12px;
  top: 20px;
  transform: rotate(-45deg);
}
[dir=rtl] .ribbon-top-left span {
  transform: rotate(45deg);
}
.ribbon-top-right {
  top: -7px;
  inset-inline-end: -7px;
}
.ribbon-top-right::before,
.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent;
}
.ribbon-top-right::before {
  top: 0;
  inset-inline-start: 0;
  z-index: 1;
}
.ribbon-top-right::after {
  bottom: 0;
  inset-inline-end: 0;
  z-index: 1;
}
.ribbon-top-right span {
  inset-inline-start: -12px;
  top: 20px;
  transform: rotate(45deg);
}
[dir=rtl] .ribbon-top-right span {
  transform: rotate(315deg);
}
.ribbon-bottom-right {
  bottom: -7px;
  inset-inline-end: -7px;
}
.ribbon-bottom-right::before,
.ribbon-bottom-right::after {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.ribbon-bottom-right::before {
  bottom: 0;
  inset-inline-start: 0;
  z-index: 1;
}
.ribbon-bottom-right::after {
  top: 0;
  inset-inline-end: 0;
  z-index: 1;
}
.ribbon-bottom-right span {
  inset-inline-start: -12px;
  bottom: 20px;
  transform: rotate(-225deg);
}
[dir=rtl] .ribbon-bottom-right span {
  transform: rotate(225deg);
}
.ribbon-bottom-left {
  bottom: -7px;
  inset-inline-start: -7px;
}
.ribbon-bottom-left::before,
.ribbon-bottom-left::after {
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.ribbon-bottom-left::before {
  bottom: 0;
  inset-inline-end: 0;
  z-index: 1;
}
.ribbon-bottom-left::after {
  top: 0;
  inset-inline-start: 0;
  z-index: 1;
}
.ribbon-bottom-left span {
  inset-inline-end: -12px;
  bottom: 20px;
  transform: rotate(225deg);
}
[dir=rtl] .ribbon-bottom-left span {
  transform: rotate(-225deg);
}
.ribbon-2 {
  display: inline-block;
  color: #fff;
  position: absolute;
}
.ribbon-2.ribbon-primary {
  background: var(--theme-primary-color);
}
.ribbon-2.ribbon-primary:before {
  border-top: 10px solid var(--theme-black-8);
}
.ribbon-2.ribbon-secondary {
  background: rgb(var(--theme-secondary-rgb));
}
.ribbon-2.ribbon-secondary:before {
  border-top: 10px solid var(--theme-black-8);
}
.ribbon-2.ribbon-success {
  background: rgb(var(--theme-success-rgb));
}
.ribbon-2.ribbon-success:before {
  border-top: 10px solid var(--theme-black-8);
}
.ribbon-2.ribbon-info {
  background: rgb(var(--theme-info-rgb));
}
.ribbon-2.ribbon-info:before {
  border-top: 10px solid var(--theme-black-8);
}
.ribbon-2.ribbon-warning {
  background: rgb(var(--theme-warning-rgb));
}
.ribbon-2.ribbon-warning:before {
  border-top: 10px solid var(--theme-black-8);
}
.ribbon-2.ribbon-danger {
  background: rgb(var(--theme-danger-rgb));
}
.ribbon-2.ribbon-danger:before {
  border-top: 10px solid var(--theme-black-8);
}
.ribbon-2.ribbon-orange {
  background: rgb(var(--theme-orange-rgb));
}
.ribbon-2.ribbon-orange:before {
  border-top: 10px solid var(--theme-black-8);
}
.ribbon-2.ribbon-left {
  padding: 5px 40px 5px 20px;
  top: 10px;
  inset-inline-start: -10px;
}
.ribbon-2.ribbon-left:after {
  border-inline-end: 12px solid var(--theme-custom-white);
  border-top: 14px solid transparent;
  border-bottom: 16px solid transparent;
  inset-inline-end: 0;
  top: 0;
}
.ribbon-2.ribbon-left:before {
  border-inline-start: 10px solid transparent;
  inset-inline-start: 0;
  bottom: -10px;
}
.ribbon-2.ribbon-right {
  padding: 5px 20px 5px 40px;
  top: 10px;
  inset-inline-end: -10px;
}
.ribbon-2.ribbon-right:after {
  border-inline-start: 12px solid var(--theme-custom-white);
  border-top: 14px solid transparent;
  border-bottom: 16px solid transparent;
  inset-inline-start: 0;
  top: 0;
}
.ribbon-2.ribbon-right:before {
  border-inline-end: 10px solid transparent;
  inset-inline-end: 0;
  bottom: -10px;
}
.ribbon-2:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
}
.ribbon-2:before {
  height: 0;
  width: 0;
  position: absolute;
  content: "";
}
[dir=rtl] .ribbon-3.top-left span:after {
  border-radius: 50px 0 0 0;
}
[dir=rtl] .ribbon-3.top-right span:after {
  border-radius: 0 50px 0 0;
}
.ribbon-3 {
  position: absolute;
  inset-block-start: -8px;
  color: #fff;
}
.ribbon-3.top-left {
  border-start-start-radius: 10px;
  inset-inline-start: 10px;
}
.ribbon-3.top-left span:after {
  inset-inline-end: -7px;
  border-radius: 0 50px 0 0;
}
.ribbon-3.top-right {
  border-start-end-radius: 10px;
  inset-inline-end: 10px;
}
.ribbon-3.top-right span:after {
  inset-inline-start: -7px;
  border-radius: 50px 0 0 0;
}
.ribbon-3 span {
  position: relative;
  display: block;
  text-align: center;
  font-size: 13px;
  line-height: 1;
  padding: 10px;
  z-index: 6;
  width: 33px;
}
.ribbon-3 span:after {
  position: absolute;
  content: "";
  height: 7px;
  width: 7px;
  inset-block-start: 0;
}
.ribbon-3:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-inline-start: 16px solid transparent;
  border-inline-end: 17px solid transparent;
  z-index: 6;
}
.ribbon-3.ribbon-success {
  background: rgba(var(--theme-success-rgb), 1);
}
.ribbon-3.ribbon-success span:after {
  background: #0d9b80;
}
.ribbon-3.ribbon-success:after {
  border-block-start: 10px solid rgba(var(--theme-success-rgb), 1);
}
.ribbon-3.ribbon-primary {
  background: rgba(var(--theme-primary-rgb), 1);
}
.ribbon-3.ribbon-primary span:after {
  background: var(--theme-primary-color);
}
.ribbon-3.ribbon-primary:after {
  border-block-start: 10px solid rgba(var(--theme-primary-rgb), 1);
}
.ribbon-3.ribbon-secondary {
  background: rgba(var(--theme-secondary-rgb), 1);
}
.ribbon-3.ribbon-secondary span:after {
  background: #a017d1;
}
.ribbon-3.ribbon-secondary:after {
  border-block-start: 10px solid rgba(var(--theme-secondary-rgb), 1);
}
.ribbon-3.ribbon-warning {
  background: rgba(var(--theme-warning-rgb), 1);
}
.ribbon-3.ribbon-warning span:after {
  background: #d98415;
}
.ribbon-3.ribbon-warning:after {
  border-block-start: 10px solid rgba(var(--theme-warning-rgb), 1);
}
.ribbon-3.ribbon-info {
  background: rgba(var(--theme-info-rgb), 1);
}
.ribbon-3.ribbon-info span:after {
  background: #148fc7;
}
.ribbon-3.ribbon-info:after {
  border-block-start: 10px solid rgba(var(--theme-info-rgb), 1);
}
.ribbon-3.ribbon-danger {
  background: rgba(var(--theme-danger-rgb), 1);
}
.ribbon-3.ribbon-danger span:after {
  background: #d31236;
}
.ribbon-3.ribbon-danger:after {
  border-block-start: 10px solid rgba(var(--theme-danger-rgb), 1);
}
.ribbon-4 {
  position: absolute;
  inset-block-start: 0;
  color: #fff;
  width: 30px;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);
}
.ribbon-4 span {
  position: relative;
  display: block;
  text-align: center;
  font-size: 12px;
  line-height: 1;
  padding: 12px 2px;
  z-index: 6;
}
.ribbon-4.top-left {
  inset-inline-start: 10px;
}
.ribbon-4.top-left:after {
  inset-inline-start: 0;
}
.ribbon-4.top-right {
  inset-inline-end: 10px;
}
.ribbon-4.top-right:after {
  inset-inline-end: 0;
}
.ribbon-4:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  z-index: 6;
  border-block-end: 8px solid transparent;
}
.ribbon-4.ribbon-primary span {
  background: var(--theme-primary-color);
}
.ribbon-4.ribbon-primary:after {
  border-inline-start: 15px solid var(--theme-primary-color);
  border-inline-end: 15px solid var(--theme-primary-color);
}
.ribbon-4.ribbon-secondary span {
  background: rgb(var(--theme-secondary-rgb));
}
.ribbon-4.ribbon-secondary:after {
  border-inline-start: 15px solid rgb(var(--theme-secondary-rgb));
  border-inline-end: 15px solid rgb(var(--theme-secondary-rgb));
}
.ribbon-4.ribbon-warning span {
  background: rgb(var(--theme-warning-rgb));
}
.ribbon-4.ribbon-warning:after {
  border-inline-start: 15px solid rgb(var(--theme-warning-rgb));
  border-inline-end: 15px solid rgb(var(--theme-warning-rgb));
}
.ribbon-4.ribbon-info span {
  background: rgb(var(--theme-info-rgb));
}
.ribbon-4.ribbon-info:after {
  border-inline-start: 15px solid rgb(var(--theme-info-rgb));
  border-inline-end: 15px solid rgb(var(--theme-info-rgb));
}
.ribbon-4.ribbon-success span {
  background: rgb(var(--theme-success-rgb));
}
.ribbon-4.ribbon-success:after {
  border-inline-start: 15px solid rgb(var(--theme-success-rgb));
  border-inline-end: 15px solid rgb(var(--theme-success-rgb));
}
.ribbon-4.ribbon-danger span {
  background: rgb(var(--theme-danger-rgb));
}
.ribbon-4.ribbon-danger:after {
  border-inline-start: 15px solid rgb(var(--theme-danger-rgb));
  border-inline-end: 15px solid rgb(var(--theme-danger-rgb));
}
.ribbon-5 {
  position: absolute;
  width: 90px;
  height: 90px;
  color: #fff;
  font-size: 12px;
  padding: 5px;
  font-weight: 600;
  display: flex;
  align-items: end;
  justify-content: center;
  box-shadow: 1px 1px 16px rgba(0, 0, 0, 0.2);
}
.ribbon-5.ribbon-primary {
  background-color: var(--theme-primary-color);
}
.ribbon-5.ribbon-secondary {
  background-color: rgb(var(--theme-secondary-rgb));
}
.ribbon-5.ribbon-warning {
  background-color: rgb(var(--theme-warning-rgb));
}
.ribbon-5.ribbon-info {
  background-color: rgb(var(--theme-info-rgb));
}
.ribbon-5.ribbon-success {
  background-color: rgb(var(--theme-success-rgb));
}
.ribbon-5.ribbon-danger {
  background-color: rgb(var(--theme-danger-rgb));
}
.ribbon-5.ribbon-dark {
  background-color: rgb(var(--theme-dark-rgb));
}
.ribbon-5.ribbon-orange {
  background-color: rgb(var(--theme-orange-rgb));
}
.ribbon-5.top-left {
  top: -2.8125rem;
  inset-inline-start: -2.8125rem;
  transform: rotate(315deg);
}
.ribbon-5.top-right {
  top: -2.8125rem;
  inset-inline-end: -2.8125rem;
  transform: rotate(45deg);
}
.ribbon-5.bottom-left {
  bottom: -2.8125rem;
  inset-inline-start: -2.8125rem;
  transform: rotate(225deg);
}
.ribbon-5.bottom-right {
  bottom: -2.8125rem;
  inset-inline-end: -2.8125rem;
  transform: rotate(135deg);
}
[dir=rtl] .ribbon-5.top-left {
  transform: rotate(-315deg);
}
[dir=rtl] .ribbon-5.top-right {
  transform: rotate(-45deg);
}
[dir=rtl] .ribbon-5.bottom-left {
  transform: rotate(-225deg);
}
[dir=rtl] .ribbon-5.bottom-right {
  transform: rotate(-135deg);
}
.ribbon-6 {
  color: #fff;
  padding: 2px 8px;
  position: absolute;
  inset-block-start: 10px;
  z-index: 6;
  font-size: 13px;
  box-shadow: 1px 1px 16px rgba(0, 0, 0, 0.2);
}
.ribbon-6.ribbon-primary {
  background-color: var(--theme-primary-color);
}
.ribbon-6.ribbon-primary.ribbon-left:after {
  border-inline-start: 12px solid var(--theme-primary-color);
}
.ribbon-6.ribbon-primary.ribbon-right:after {
  border-inline-end: 12px solid var(--theme-primary-color);
}
.ribbon-6.ribbon-secondary {
  background-color: rgb(var(--theme-secondary-rgb));
}
.ribbon-6.ribbon-secondary.ribbon-left:after {
  border-inline-start: 12px solid rgb(var(--theme-secondary-rgb));
}
.ribbon-6.ribbon-secondary.ribbon-right:after {
  border-inline-end: 12px solid rgb(var(--theme-secondary-rgb));
}
.ribbon-6.ribbon-warning {
  background-color: rgb(var(--theme-warning-rgb));
}
.ribbon-6.ribbon-warning.ribbon-left:after {
  border-inline-start: 12px solid rgb(var(--theme-warning-rgb));
}
.ribbon-6.ribbon-warning.ribbon-right:after {
  border-inline-end: 12px solid rgb(var(--theme-warning-rgb));
}
.ribbon-6.ribbon-info {
  background-color: rgb(var(--theme-info-rgb));
}
.ribbon-6.ribbon-info.ribbon-left:after {
  border-inline-start: 12px solid rgb(var(--theme-info-rgb));
}
.ribbon-6.ribbon-info.ribbon-right:after {
  border-inline-end: 12px solid rgb(var(--theme-info-rgb));
}
.ribbon-6.ribbon-success {
  background-color: rgb(var(--theme-success-rgb));
}
.ribbon-6.ribbon-success.ribbon-left:after {
  border-inline-start: 12px solid rgb(var(--theme-success-rgb));
}
.ribbon-6.ribbon-success.ribbon-right:after {
  border-inline-end: 12px solid rgb(var(--theme-success-rgb));
}
.ribbon-6.ribbon-danger {
  background-color: rgb(var(--theme-danger-rgb));
}
.ribbon-6.ribbon-danger.ribbon-left:after {
  border-inline-start: 12px solid rgb(var(--theme-danger-rgb));
}
.ribbon-6.ribbon-danger.ribbon-right:after {
  border-inline-end: 12px solid rgb(var(--theme-danger-rgb));
}
.ribbon-6.ribbon-dark {
  background-color: rgb(var(--theme-dark-rgb));
}
.ribbon-6.ribbon-dark.ribbon-left:after {
  border-inline-start: 12px solid rgb(var(--theme-dark-rgb));
}
.ribbon-6.ribbon-dark.ribbon-right:after {
  border-inline-end: 12px solid rgb(var(--theme-dark-rgb));
}
.ribbon-6.ribbon-orange {
  background-color: rgb(var(--theme-orange-rgb));
}
.ribbon-6.ribbon-orange.ribbon-left:after {
  border-inline-start: 12px solid rgb(var(--theme-orange-rgb));
}
.ribbon-6.ribbon-orange.ribbon-right:after {
  border-inline-end: 12px solid rgb(var(--theme-orange-rgb));
}
.ribbon-6.ribbon-left {
  inset-inline-start: 0;
}
.ribbon-6.ribbon-left:after {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-block-end: 0;
  inset-inline-end: -12px;
  border-block-start: 12px solid transparent;
  border-block-end: 11px solid transparent;
  width: 0;
}
.ribbon-6.ribbon-right {
  inset-inline-end: 0;
}
.ribbon-6.ribbon-right:after {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-block-end: 0;
  inset-inline-start: -12px;
  border-block-end: 12px solid transparent;
  border-block-start: 11px solid transparent;
  width: 0;
}
.card.custom-card.widget-card-style1.primary {
  border-top: 2px solid var(--theme-primary-color);
}
.card.custom-card.widget-card-style1.secondary {
  border-top: 2px solid rgb(var(--theme-secondary-rgb));
}
.card.custom-card.widget-card-style1.warning {
  border-top: 2px solid rgb(var(--theme-warning-rgb));
}
.card.custom-card.widget-card-style1.success {
  border-top: 2px solid rgb(var(--theme-success-rgb));
}
.card.custom-card.widget-card-style1.info {
  border-top: 2px solid rgb(var(--theme-info-rgb));
}
.top-category-type {
  position: relative;
  padding-inline-start: 1rem;
}
.top-category-type:before {
  content: "";
  position: absolute;
  width: 3px;
  height: 15px;
  inset-inline-start: 2px;
  inset-block-start: 3px;
  border-radius: 0.25rem;
}
.top-category-type.one:before {
  background-color: var(--theme-primary-color);
}
.top-category-type.two:before {
  background-color: rgb(var(--theme-info-rgb));
}
.top-category-type.three:before {
  background-color: rgb(var(--theme-secondary-rgb));
}
.category-sales-list {
  height: 19rem;
  overflow-y: scroll;
}
.category-sales-item {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.65rem;
  padding: 0.75rem 1rem;
  border: 1px solid var(--theme-default-border);
  border-bottom: 0px solid var(--theme-default-border);
}
.category-sales-item:last-child {
  border-bottom: 1px solid var(--theme-default-border);
}
.category-sales-icon {
  display: inline-flex;
  width: 2.45rem;
  height: 2.45rem;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 1.15rem;
}
.category-sales-badge {
  flex: 0 0 auto;
  padding: 0.35rem 0.5rem;
  border-radius: 0.45rem;
  background: rgba(var(--theme-primary-rgb), 0.05);
  color: var(--theme-default-text-color);
  font-size: 0.68rem;
  font-weight: 600;
  white-space: nowrap;
}
.top-channels-card .card-body {
  padding-bottom: 1.25rem;
}
.top-channel-row {
  padding: 1rem;
  border-bottom: 1px solid var(--theme-default-border);
}
.top-channel-icon {
  width: 2rem;
  height: 2rem;
  -o-object-fit: contain;
  object-fit: contain;
  flex: 0 0 auto;
  padding: 3px;
  border: 1px solid var(--theme-default-border);
  border-radius: 50%;
}
.top-channel-track {
  height: 0.35rem;
  overflow: hidden;
  border-radius: 999px;
  background-color: var(--theme-default-border);
}
.top-channel-progress {
  display: block;
  height: 100%;
  border-radius: inherit;
}
.top-channel-progress.facebook {
  background-color: #1689ed;
}
.top-channel-progress.twitter {
  background-color: #161616;
}
.top-channel-progress.instagram {
  background-color: #e130a6;
}
.top-channel-progress.google {
  background-color: #fbbc04;
}
.top-channel-progress.youtube {
  background-color: #ff0033;
}
.top-selling-products-table > :not(caption) > * > * {
  vertical-align: middle;
}
.top-selling-products-table thead th {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: var(--theme-text-muted);
  font-size: 0.72rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.top-selling-products-table tbody td {
  padding-top: 0.85rem;
  padding-bottom: 0.85rem;
}
.top-selling-product-image {
  width: 2.6rem;
  height: 2.6rem;
  flex: 0 0 auto;
  border-radius: 0.55rem;
  -o-object-fit: cover;
  object-fit: cover;
  background-color: var(--theme-custom-white);
}
.top-selling-rank {
  display: inline-flex;
  width: 1.8rem;
  height: 1.8rem;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  background: rgba(var(--theme-light-rgb), 0.7);
  color: var(--defaut-text-color);
  font-size: 0.7rem;
  font-weight: 600;
}
.top-selling-meter {
  width: 5rem;
  height: 3px;
  margin-top: 0.4rem;
  overflow: hidden;
  border-radius: 999px;
  background: var(--theme-default-border);
}
.top-selling-meter span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: rgb(var(--theme-dark-rgb));
}
.top-selling-card .card-footer {
  padding: 0.75rem 1rem;
  border-top: 1px solid var(--theme-default-border);
}
.recent-orders-search {
  width: 11rem;
}
.recent-orders-search .input-group-text,
.recent-orders-search .form-control {
  border-color: var(--theme-default-border);
}
.recent-orders-table thead th {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: var(--theme-text-muted);
  font-size: 0.72rem;
  font-weight: 500;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
.recent-orders-table tbody td {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  vertical-align: middle;
}
.recent-order-product-image {
  width: 2.25rem;
  height: 2.25rem;
  flex: 0 0 auto;
  border-radius: 0.5rem;
  -o-object-fit: cover;
  object-fit: cover;
}
.recent-orders-card .card-footer {
  padding: 0.75rem 1rem;
  border-top: 1px solid var(--theme-default-border);
}
.recent-orders-card .pagination .page-link {
  min-width: 1.9rem;
  text-align: center;
}
.sales-target-summary {
  margin: 0.5rem 0 1rem;
}
.sales-target-icon {
  display: inline-flex;
  width: 4rem;
  height: 4rem;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  border-radius: 0.7rem;
  background: #d4dffc;
  color: #000;
  font-size: 1.65rem;
}
.sales-target-value {
  color: var(--theme-default-text-color);
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.1;
}
.sales-target-progress {
  display: grid;
  grid-template-columns: repeat(24, minmax(0, 1fr));
  gap: 0.22rem;
  height: 1.7rem;
}
.sales-target-progress span {
  border-radius: 0.25rem;
  background: rgba(var(--theme-light-rgb), 0.9);
}
.sales-target-progress .complete {
  background: rgb(var(--theme-dark-rgb));
}
.sales-target-progress .forecast {
  background: rgb(var(--theme-primary-rgb));
}
.sales-target-metrics strong,
.sales-target-detail strong {
  color: var(--theme-default-text-color);
  font-size: 1rem;
  font-weight: 600;
}
.sales-target-detail {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding-top: 0.75rem;
}
.sales-target-note {
  margin-top: 1rem;
  color: var(--theme-text-muted);
  font-size: 0.8rem;
  line-height: 1.5;
}
ul.sales-locations-list {
  margin-block-end: 0;
  margin-top: 2rem;
}
ul.sales-locations-list li {
  margin-block-end: 1.1rem;
}
ul.sales-locations-list li:last-child {
  margin-block-end: 0;
}
#sales-locations {
  height: 13rem;
}
#sales-locations #jvm-regions-group path {
  fill: rgb(var(--theme-body-bg-rgb)) !important;
  stroke: rgba(0, 0, 0, 0.2);
  stroke-width: 0.75;
}
[data-theme-color=dark] #sales-locations #jvm-regions-group path {
  fill: rgb(var(--theme-body-bg-rgb2)) !important;
  stroke: rgba(255, 255, 255, 0.2);
}
ul.top-categories-list1 {
  margin-block-end: 0;
}
ul.top-categories-list1 li {
  margin-block-end: 0.5rem;
}
ul.top-categories-list1 li:last-child {
  margin-block-end: 0;
}
ul.top-categories-list1 li > div {
  position: relative;
  padding: 0.4rem;
}
ul.top-categories-list1 li > div:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 1;
  border-radius: 0.3rem;
}
ul.top-categories-list1 li:nth-child(1) > div:before {
  background-color: rgba(var(--theme-primary-rgb), 0.1);
}
ul.top-categories-list1 li:nth-child(2) > div:before {
  background-color: rgba(var(--theme-secondary-rgb), 0.1);
}
ul.top-categories-list1 li:nth-child(3) > div:before {
  background-color: rgba(var(--theme-info-rgb), 0.1);
}
ul.top-categories-list1 li:nth-child(4) > div:before {
  background-color: rgba(var(--theme-warning-rgb), 0.1);
}
ul.top-categories-list1 li:nth-child(5) > div:before {
  background-color: rgba(var(--theme-success-rgb), 0.1);
}
#recent-orders .apexcharts-pie line,
#recent-orders .apexcharts-pie circle {
  stroke: transparent;
}
ul.widgets-transactions-list {
  margin-block-end: 0;
}
ul.widgets-transactions-list li {
  margin-block-end: 1.15rem;
}
ul.widgets-transactions-list li:last-child {
  margin-block-end: 0;
}
.ecommerce-recent-activity {
  position: relative;
  overflow: hidden;
}
.ecommerce-recent-activity::before {
  position: absolute;
  content: "";
  width: 1px;
  background-color: transparent;
  inset-block-start: 1.4375rem;
  inset-inline-start: 0.8rem;
  border: 1px dashed var(--theme-default-border);
  height: 100%;
}
.ecommerce-recent-activity li {
  margin-block-end: 1.7rem;
}
.ecommerce-recent-activity li:last-child {
  margin-block-end: 0;
}
.sidenav-menu-content {
  margin-block-start: 4.25rem;
  padding-block-start: 0.5rem;
  padding-block-end: 5rem;
  height: 100vh;
  position: relative;
  overflow: auto;
}
[data-sidebar-layout=vertical] .sidenav-menu {
  height: 100%;
}
[dir=rtl] .sidenav-menu .fe-chevron-right {
  transform: rotate(180deg);
}
[dir=rtl] .topbar-menu-toggle .topbar-link .topbar-icon {
  transform: rotate(180deg);
}
.sidenav-menu .sidenav-submenu.dualmenu_sidenav-submenu {
  display: none;
}
.sidenav-menu {
  width: 260px;
  background: var(--theme-menu-bg);
  border-inline-end: 1px solid var(--theme-menu-border-color);
  position: fixed;
  inset-block-start: 0;
  inset-inline-start: 0;
  z-index: 103;
  transition: all 0.05s ease;
}
.sidenav-menu .sidenav-menu-header {
  height: 4.25rem;
  width: 260px;
  position: fixed;
  display: flex;
  background: var(--theme-menu-bg);
  z-index: 9;
  align-items: center;
  padding: 0.813rem 1rem;
  border-inline-end: 1px solid var(--theme-menu-border-color);
  transition: all 0.05s ease;
}
.sidenav-menu .sidenav-menu-header .header-logo img {
  height: 1.75rem;
  line-height: 1.75rem;
}
.sidenav-menu .sidenav-menu-header .header-logo .desktop-logo {
  display: block;
}
.sidenav-menu .sidenav-menu-header .header-logo .desktop-dark,
.sidenav-menu .sidenav-menu-header .header-logo .toggle-logo,
.sidenav-menu .sidenav-menu-header .header-logo .toggle-dark {
  display: none;
}
.sidenav-menu .sidenav-submenu.sidenav-level-1 .sidenav-link:hover,
.sidenav-menu .sidenav-submenu.sidenav-level-2 .sidenav-link:hover,
.sidenav-menu .sidenav-submenu.sidenav-level-3 .sidenav-link:hover {
  color: rgb(var(--theme-dark-rgb));
}
.sidenav-menu .sidenav-category {
  color: var(--theme-menu-prime-color);
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.05rem;
  text-transform: uppercase;
  padding: 0.75rem 1.75rem;
  white-space: nowrap;
  position: relative;
  opacity: 0.5;
}
.sidenav-menu .sidenav-submenu.sidenav-level-1 > .sidenav-item.active > .sidenav-link.active {
  color: rgb(var(--theme-dark-rgb));
}
.sidenav-menu .sidenav-submenu.sidenav-level-1 > .sidenav-item.active > .sidenav-link.active:before {
  position: absolute;
  content: "\f3c1";
  font-family: remixicon !important;
  font-size: 5px;
  inset-block-start: 15px;
  inset-inline-start: -2px;
  opacity: 0.6;
  line-height: 1;
}
.sidenav-menu .sidenav-submenu.sidenav-level-1 > .sidenav-item.active > .sidenav-link.active .sidenav-submenu-toggle {
  color: rgb(var(--theme-dark-rgb));
}
.sidenav-menu .sidenav-submenu.sidenav-level-1 > .sidenav-item.active > .sidenav-link.active:hover .sidenav-submenu-toggle {
  color: rgb(var(--theme-dark-rgb));
}
.sidenav-menu .sidenav-item {
  margin: 0;
  padding: 0 0.5rem;
}
.sidenav-menu .sidenav-link {
  padding: 0.65rem 1.25rem;
  position: relative;
  display: flex;
  align-items: center;
  text-decoration: none;
  font-size: 0.95rem;
  color: var(--theme-menu-prime-color);
  font-weight: 400;
  border-radius: 50px;
}
.sidenav-menu .sidenav-link.active {
  color: rgb(var(--theme-dark-rgb));
  background-color: rgba(var(--theme-dark-rgb), 0.07);
}
.sidenav-menu .sidenav-link.active .sidenav-link-label,
.sidenav-menu .sidenav-link.active .sidenav-submenu-toggle {
  color: rgb(var(--theme-dark-rgb));
}
.sidenav-menu .sidenav-link.active .sidenav-icon {
  color: rgb(var(--theme-dark-rgb));
}
.sidenav-menu .sidenav-link.active::before {
  opacity: 1 !important;
}
.sidenav-menu .sidenav-link:hover {
  background-color: rgba(var(--theme-dark-rgb), 0.07);
}
.sidenav-menu .sidenav-link:hover .sidenav-link-label,
.sidenav-menu .sidenav-link:hover .sidenav-submenu-toggle {
  color: rgb(var(--theme-dark-rgb));
}
.sidenav-menu .sidenav-link:hover .sidenav-icon {
  color: rgb(var(--theme-dark-rgb));
}
.sidenav-menu .sidenav-link:hover::before {
  opacity: 1 !important;
}
.sidenav-menu .sidenav-link.active {
  font-weight: 500;
}
.sidenav-menu .sidenav-link svg.sidenav-icon {
  width: 20px;
  height: 20px;
}
.sidenav-menu .sidenav-submenu.sidenav-level-1 .sidenav-link,
.sidenav-menu .sidenav-submenu.sidenav-level-2 .sidenav-link,
.sidenav-menu .sidenav-submenu.sidenav-level-3 .sidenav-link {
  background-color: transparent !important;
  font-size: 0.85rem;
}
.sidenav-menu .sidenav-submenu.sidenav-level-1 .sidenav-link.active,
.sidenav-menu .sidenav-submenu.sidenav-level-2 .sidenav-link.active,
.sidenav-menu .sidenav-submenu.sidenav-level-3 .sidenav-link.active {
  background-color: transparent !important;
}
.sidenav-menu .sidenav-submenu {
  padding: 0rem;
}
.sidenav-menu .sidenav-submenu.sidenav-level-1 {
  position: relative;
}
.sidenav-menu .sidenav-submenu.sidenav-level-1::before {
  content: "";
  position: absolute;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.2);
  height: 100%;
  inset-inline-start: 13%;
}
.sidenav-menu .sidenav-submenu.sidenav-level-1 .sidenav-link,
.sidenav-menu .sidenav-submenu.sidenav-level-2 .sidenav-link {
  padding: 0.45rem 1rem;
  border-radius: 0px;
}
.sidenav-menu .sidenav-submenu.sidenav-level-1 li,
.sidenav-menu .sidenav-submenu.sidenav-level-2 li,
.sidenav-menu .sidenav-submenu.sidenav-level-3 li {
  padding: 0;
  position: relative;
}
.sidenav-menu .sidenav-submenu.sidenav-level-1 li {
  padding-inline-start: 2rem;
}
.sidenav-menu .sidenav-submenu.sidenav-level-2 li {
  padding-inline-start: 1.5rem;
}
.sidenav-menu .sidenav-submenu.sidenav-level-3 li {
  padding-inline-start: 1rem;
}
.sidenav-menu .sidenav-link-label {
  white-space: nowrap;
  color: var(--theme-menu-prime-color);
  position: relative;
  font-size: 0.875rem;
  line-height: 1;
  vertical-align: middle;
  display: flex;
  align-items: center;
}
.sidenav-menu .sidenav-icon {
  margin-inline-end: 0.75rem;
  font-size: 1.05rem;
  line-height: 1;
  text-align: center;
  color: var(--theme-menu-icon-color);
  border-radius: 0.35rem;
}
.sidenav-menu svg.side-menu_icon {
  width: 1rem;
  height: 1rem;
}
.sidenav-menu .sidenav-submenu-toggle {
  transform-origin: center;
  position: absolute;
  inset-inline-end: 1.25rem;
  line-height: 1;
  font-size: 1rem;
  color: var(--theme-menu-prime-color);
  transition: all 0.05s ease;
  opacity: 0.8;
}
.sidenav-menu .sidenav-item.sidenav-submenu-label {
  display: none;
}
.sidenav-item.has-submenu .sidenav-submenu {
  transform: translate(0, 0) !important;
  visibility: visible !important;
}
.nav ul li {
  list-style-type: none;
}
.nav > ul {
  padding-inline-start: 0px;
}
.sidenav-submenu {
  display: none;
}
.sidenav-item.has-submenu {
  display: grid;
}
@media (min-width: 992px) {
  [data-toggled=open] .page {
    position: absolute;
  }
}
@media (max-width: 992px) {
  .sidenav-item.has-submenu {
    display: grid;
  }
}
@media (max-width: 991.98px) {
  .topbar-logo-wrap .header-logo .desktop-logo,
  .topbar-logo-wrap .header-logo .desktop-dark,
  .topbar-logo-wrap .header-logo .toggle-dark {
    display: none;
  }
  .topbar-logo-wrap .header-logo .toggle-logo {
    display: block;
  }
  .main-content {
    padding-block-start: 4.25rem;
  }
  .sidenav-menu-header {
    display: none !important;
  }
  .sidenav-menu-content {
    margin-block-start: 0;
  }
  .sidenav-menu {
    inset-block-start: 0;
  }
  .sidenav-list {
    margin: 0 !important;
  }
}
.sidenav-scroll-left,
.sidenav-scroll-right {
  display: none;
}
[data-sidebar-layout=vertical] .sidenav-list > .sidenav-item.active .sidenav-submenu .sidenav-link:hover .sidenav-submenu-toggle,
[data-sidebar-layout=vertical] .sidenav-list > .sidenav-item:hover .sidenav-submenu .sidenav-link:hover .sidenav-submenu-toggle {
  color: rgb(var(--theme-dark-rgb)) !important;
  fill: rgb(var(--theme-dark-rgb)) !important;
}
[data-sidebar-layout=vertical] .sidenav-list > .sidenav-item.active > .sidenav-link.active {
  color: #fff;
}
[data-sidebar-layout=vertical] .sidenav-submenu .sidenav-link:hover .sidenav-submenu-toggle {
  color: var(--theme-menu-prime-color) !important;
  fill: var(--theme-menu-prime-color) !important;
}
@media (min-width: 992px) {
  .topbar-logo-wrap {
    display: none;
  }
}
#responsive-overlay {
  visibility: hidden;
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 101;
  background-color: rgba(15, 23, 42, 0.5);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 100ms;
}
#responsive-overlay.active {
  visibility: visible;
}
.sidenav-profile {
  letter-spacing: 1px;
}
.sidebar-premium-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sidebar-premium-btn button {
  letter-spacing: 1px;
}
@media (min-width: 992px) {
  [data-toggled=icon-click-closed]:not([data-sidebar-layout=horizontal]) .app-content,
  [data-toggled=icon-hover-closed]:not([data-sidebar-layout=horizontal]) .app-content,
  [data-toggled=icon-text-close]:not([data-sidebar-layout=horizontal]) .app-content,
  [data-toggled=menu-click-closed]:not([data-sidebar-layout=horizontal]) .app-content,
  [data-toggled=menu-hover-closed]:not([data-sidebar-layout=horizontal]) .app-content {
    min-height: calc(100vh + 50rem);
  }
}
.sidenav-dual-icon {
  display: none !important;
}
@media (min-width: 992px) {
  [dir=rtl] .sidenav-submenu.sidenav-level-1 .sidenav-submenu-toggle {
    rotate: 180deg;
  }
}
.sidenav-menu .dualmenu_sidenav-submenu {
  background: var(--theme-menu-bg);
}
[data-bg-img=bgimg1] .sidenav-menu .dualmenu_sidenav-submenu,
[data-bg-img=bgimg2] .sidenav-menu .dualmenu_sidenav-submenu,
[data-bg-img=bgimg3] .sidenav-menu .dualmenu_sidenav-submenu,
[data-bg-img=bgimg4] .sidenav-menu .dualmenu_sidenav-submenu,
[data-bg-img=bgimg5] .sidenav-menu .dualmenu_sidenav-submenu {
  background: var(--theme-default-body-bg-color) !important;
}
[data-menu-color=dark][data-theme-color=light][data-bg-img=bgimg1] .sidenav-menu .dualmenu_sidenav-submenu,
[data-menu-color=dark][data-theme-color=light][data-bg-img=bgimg2] .sidenav-menu .dualmenu_sidenav-submenu,
[data-menu-color=dark][data-theme-color=light][data-bg-img=bgimg3] .sidenav-menu .dualmenu_sidenav-submenu,
[data-menu-color=dark][data-theme-color=light][data-bg-img=bgimg4] .sidenav-menu .dualmenu_sidenav-submenu,
[data-menu-color=dark][data-theme-color=light][data-bg-img=bgimg5] .sidenav-menu .dualmenu_sidenav-submenu {
  background: #111318 !important;
}
[data-menu-color=color][data-bg-img=bgimg1] .sidenav-menu .sidenav-item.has-submenu .sidenav-submenu,
[data-menu-color=color][data-bg-img=bgimg2] .sidenav-menu .sidenav-item.has-submenu .sidenav-submenu,
[data-menu-color=color][data-bg-img=bgimg3] .sidenav-menu .sidenav-item.has-submenu .sidenav-submenu,
[data-menu-color=color][data-bg-img=bgimg4] .sidenav-menu .sidenav-item.has-submenu .sidenav-submenu,
[data-menu-color=color][data-bg-img=bgimg5] .sidenav-menu .sidenav-item.has-submenu .sidenav-submenu {
  --theme-light-rgb:
    149,
    105,
    250;
  --theme-input-border:
    219,
    203,
    255;
}
[data-menu-color=color][data-bg-img=bgimg1] .sidenav-menu .dualmenu_sidenav-submenu,
[data-menu-color=color][data-bg-img=bgimg2] .sidenav-menu .dualmenu_sidenav-submenu,
[data-menu-color=color][data-bg-img=bgimg3] .sidenav-menu .dualmenu_sidenav-submenu,
[data-menu-color=color][data-bg-img=bgimg4] .sidenav-menu .dualmenu_sidenav-submenu,
[data-menu-color=color][data-bg-img=bgimg5] .sidenav-menu .dualmenu_sidenav-submenu {
  background: var(--theme-primary-color) !important;
}
[data-menu-color=gradient][data-bg-img=bgimg1] .sidenav-menu .sidenav-item.has-submenu .sidenav-submenu,
[data-menu-color=gradient][data-bg-img=bgimg2] .sidenav-menu .sidenav-item.has-submenu .sidenav-submenu,
[data-menu-color=gradient][data-bg-img=bgimg3] .sidenav-menu .sidenav-item.has-submenu .sidenav-submenu,
[data-menu-color=gradient][data-bg-img=bgimg4] .sidenav-menu .sidenav-item.has-submenu .sidenav-submenu,
[data-menu-color=gradient][data-bg-img=bgimg5] .sidenav-menu .sidenav-item.has-submenu .sidenav-submenu {
  --theme-light-rgb:
    149,
    105,
    250;
  --theme-input-border:
    219,
    203,
    255;
}
[data-menu-color=gradient][data-bg-img=bgimg1] .sidenav-menu .dualmenu_sidenav-submenu,
[data-menu-color=gradient][data-bg-img=bgimg2] .sidenav-menu .dualmenu_sidenav-submenu,
[data-menu-color=gradient][data-bg-img=bgimg3] .sidenav-menu .dualmenu_sidenav-submenu,
[data-menu-color=gradient][data-bg-img=bgimg4] .sidenav-menu .dualmenu_sidenav-submenu,
[data-menu-color=gradient][data-bg-img=bgimg5] .sidenav-menu .dualmenu_sidenav-submenu {
  background: var(--theme-primary-color) !important;
}
.sidenav-collapse-icon {
  display: none;
}
.sidenav-menu .sidenav-item.has-submenu.open > .sidenav-link > .sidenav-collapse-icon {
  display: inline-flex;
}
.sidenav-menu .sidenav-item.has-submenu.open > .sidenav-link > .sidenav-expand-icon {
  display: none;
}
html[data-layout-style=dualmenu] .sidenav-list > .sidenav-item.has-submenu.open > .sidenav-link > .sidenav-collapse-icon {
  display: none;
}
.sidenav-menu .sidenav-glyph {
  flex-shrink: 0;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
}
.sidenav-menu .sidenav-glyph.sidenav-icon {
  width: 1.25rem;
  height: 1.25rem;
}
.sidenav-menu .sidenav-glyph.sidenav-dual-icon {
  width: 1rem;
  height: 1rem;
}
.sidenav-menu i.sidenav-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  stroke: none;
}
.sidenav-menu .sidenav-scroll-left > i,
.sidenav-menu .sidenav-scroll-right > i {
  color: var(--theme-menu-icon-color);
  font-size: 1.25rem;
  line-height: 1;
}
[data-sidebar-layout=vertical] .sidenav-menu {
  display: flex;
  flex-direction: column;
  height: 100vh;
  height: 100svh;
  overflow: hidden;
}
[data-sidebar-layout=vertical] .sidenav-menu .sidenav-menu-content {
  flex: 1 1 0%;
  min-height: 0;
  height: 0 !important;
  margin-block-end: 0;
  padding-block-end: 0 !important;
  overflow-x: hidden;
  overflow-y: auto !important;
  overscroll-behavior-y: contain;
}
[data-sidebar-layout=vertical] .sidenav-menu .sidenav-list {
  margin-block-end: 0;
  padding-block-end: 0;
}
.sidenav-footer {
  display: grid;
  flex: 0 0 auto;
  gap: 0.65rem;
  padding: 0.75rem 0.85rem 0.9rem;
  border-block-start: 1px solid var(--theme-menu-border-color);
  background: var(--theme-menu-bg);
}
.sidebar-storage-card {
  padding: 0.75rem 0.8rem;
  border: 1px solid var(--theme-menu-border-color);
  border-radius: 0.65rem;
  background: rgba(var(--theme-secondary-rgb), 0.045);
  color: var(--theme-menu-prime-color);
}
.sidebar-storage-heading,
.sidebar-storage-heading > span {
  display: flex;
  align-items: center;
}
.sidebar-storage-heading {
  justify-content: space-between;
  gap: 0.5rem;
  font-size: 0.76rem;
}
.sidebar-storage-heading > span {
  gap: 0.45rem;
  font-weight: 600;
}
.sidebar-storage-heading > span i {
  color: #32c7a0;
  font-size: 1rem;
}
.sidebar-storage-heading strong {
  font-size: 0.7rem;
  font-weight: 600;
  white-space: nowrap;
}
.sidebar-storage-heading small {
  color: var(--theme-text-muted);
  font-size: 0.68rem;
  font-weight: 500;
}
.sidebar-storage-progress {
  height: 6px;
  margin-block: 0.7rem 0.55rem;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(127, 140, 151, 0.2);
}
.sidebar-storage-progress span {
  display: block;
  width: 68.4%;
  height: 100%;
  border-radius: inherit;
  background:
    linear-gradient(
      90deg,
      #35c6a0 0%,
      #c1b52a 100%);
}
.sidebar-storage-link {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  color: #32c7a0;
  font-size: 0.72rem;
  font-weight: 600;
  text-decoration: none;
}
.sidebar-storage-link:hover {
  color: var(--theme-menu-prime-color);
}
.sidenav-user-card {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  min-width: 0;
  padding: 0.55rem 0.7rem;
  border-radius: 0.45rem;
  background: rgba(var(--theme-light-rgb), 0.05);
}
.sidenav-user-profile {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  flex: 1 1 auto;
  min-width: 0;
  color: inherit;
  text-decoration: none;
}
.sidenav-user-avatar-wrap {
  position: relative;
  flex: 0 0 2.65rem;
  width: 2.65rem;
  height: 2.65rem;
  padding: 2px;
  border-radius: 50%;
  background:
    linear-gradient(
      145deg,
      #93f126,
      #32c7a0 82%);
}
.sidenav-user-avatar {
  display: block;
  width: 100%;
  height: 100%;
  border: 2px solid var(--theme-menu-bg);
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}
.sidenav-user-status {
  position: absolute;
  right: -1px;
  bottom: 0;
  width: 11px;
  height: 11px;
  border: 2px solid var(--theme-menu-bg);
  border-radius: 50%;
  background: #25b981;
}
.sidenav-user-details {
  display: grid;
  min-width: 0;
  gap: 0.12rem;
}
.sidenav-user-name {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  overflow: hidden;
  color: var(--theme-menu-prime-color);
  font-size: 0.76rem;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sidenav-user-name small {
  padding: 0.12rem 0.32rem;
  border-radius: 0.3rem;
  background: rgba(240, 162, 50, 0.16);
  color: #df9a25;
  font-size: 0.58rem;
  font-weight: 700;
}
.sidenav-user-role {
  overflow: hidden;
  color: var(--theme-text-muted);
  font-size: 0.69rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sidenav-user-signout {
  flex: 0 0 1.8rem;
  display: grid;
  width: 1.8rem;
  height: 1.8rem;
  place-items: center;
  border-radius: 0.45rem;
  color: var(--theme-menu-icon-color);
  font-size: 1.05rem;
  text-decoration: none;
}
.sidenav-user-signout:hover {
  background: rgba(var(--theme-secondary-rgb), 0.1);
  color: var(--theme-menu-prime-color);
}
[data-sidebar-layout=horizontal] .sidenav-footer {
  display: none;
}
[data-sidebar-layout=horizontal] .sidenav-menu .sidenav-submenu.sidenav-level-1::before {
  display: none;
}
.avatar {
  position: relative;
  height: 2.625rem;
  width: 2.625rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  font-weight: 500;
  color: #fff;
}
.avatar a.badge:hover {
  color: #fff;
}
.avatar img {
  width: 100%;
  height: 100%;
  border-radius: 0.25rem;
}
.avatar svg {
  width: 1.5rem;
  height: 1.5rem;
}
.avatar.avatar-rounded {
  border-radius: 50%;
}
.avatar.avatar-rounded img {
  border-radius: 50%;
}
.avatar.avatar-radius-0 {
  border-radius: 0;
}
.avatar.avatar-radius-0 img {
  border-radius: 0;
}
.avatar .avatar-badge {
  position: absolute;
  inset-block-start: -4%;
  inset-inline-end: -0.375rem;
  width: 1.4rem;
  height: 1.4rem;
  font-size: 0.625rem;
  border: 2px solid var(--theme-custom-white);
  border-radius: 50% !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.avatar.online:before,
.avatar.offline:before {
  position: absolute;
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  inset-inline-end: 0;
  inset-block-end: 0;
  border: 2px solid var(--theme-custom-white);
}
.avatar.online:before {
  background-color: rgb(var(--theme-success-rgb));
}
.avatar.offline:before {
  background-color: var(--theme-gray-5);
}
.avatar.avatar-xs {
  width: 1.25rem;
  height: 1.25rem;
  line-height: 1.25rem;
  font-size: 0.65rem;
}
.avatar.avatar-xs .avatar-badge {
  padding: 0.25rem;
  width: 1rem;
  height: 1rem;
  line-height: 1rem;
  font-size: 0.5rem;
  inset-block-start: -25%;
  inset-inline-end: -0.5rem;
}
.avatar.avatar-sm {
  width: 2rem;
  height: 2rem;
  line-height: 1.75rem;
  font-size: 0.65rem;
}
.avatar.avatar-sm .avatar-badge {
  padding: 0.3rem;
  width: 1.1rem;
  height: 1.1rem;
  line-height: 1.1rem;
  font-size: 0.5rem;
  inset-block-start: -38%;
  inset-inline-end: -0.5rem;
}
.avatar.avatar-sm.online:before,
.avatar.avatar-sm.offline:before {
  width: 0.5rem;
  height: 0.5rem;
}
.avatar.avatar-sm svg {
  width: 1rem;
  height: 1rem;
}
.avatar.avatar-md {
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  font-size: 0.8rem;
}
.avatar.avatar-md .avatar-badge {
  padding: 0.4rem;
  width: 1.2rem;
  height: 1.2rem;
  line-height: 1.2rem;
  font-size: 0.65rem;
  inset-block-start: -6%;
  inset-inline-end: -13%;
}
.avatar.avatar-md.online:before,
.avatar.avatar-md.offline:before {
  width: 0.75rem;
  height: 0.75rem;
}
.avatar.avatar-md svg {
  width: 1.25rem;
  height: 1.25rem;
}
.avatar.avatar-lg {
  width: 3rem;
  height: 3rem;
  line-height: 3rem;
  font-size: 1rem;
}
.avatar.avatar-lg .avatar-badge {
  inset-block-start: -15%;
  inset-inline-end: -0.25%;
}
.avatar.avatar-lg.online:before,
.avatar.avatar-lg.offline:before {
  width: 0.8rem;
  height: 0.8rem;
}
.avatar.avatar-lg svg {
  width: 1.5rem;
  height: 1.5rem;
}
.avatar.avatar-xl {
  width: 4rem;
  height: 4rem;
  line-height: 4rem;
  font-size: 1.25rem;
}
.avatar.avatar-xl .avatar-badge {
  inset-block-start: -8%;
  inset-inline-end: -0.2%;
}
.avatar.avatar-xl.online:before,
.avatar.avatar-xl.offline:before {
  width: 0.95rem;
  height: 0.95rem;
}
.avatar.avatar-xl svg {
  width: 2rem;
  height: 2rem;
}
.avatar.avatar-xxl {
  width: 5rem;
  height: 5rem;
  line-height: 5rem;
  font-size: 1.5rem;
}
.avatar.avatar-xxl .avatar-badge {
  inset-block-start: -4%;
  inset-inline-end: 0rem;
}
.avatar.avatar-xxl.online:before,
.avatar.avatar-xxl.offline:before {
  width: 1.05rem;
  height: 1.05rem;
  inset-block-end: 0.25rem;
}
.avatar-list-stacked {
  padding: 0;
}
.avatar-list-stacked .avatar {
  margin-inline-end: -1rem !important;
  border: 2px solid var(--theme-custom-white);
  vertical-align: middle;
  transition: transform ease 200ms;
}
.avatar-list-stacked .avatar:last-child {
  margin-inline-end: 0 !important;
}
.avatar-list-stacked .avatar:hover {
  z-index: 1;
  transform: scale(1.15);
  border: 2px solid var(--theme-custom-white);
}
[dir=rtl] .avatar-list-stacked .ri-arrow-right-s-line {
  transform: rotate(180deg);
}
.bg-color-1 {
  background-color: #d4dffc !important;
}
.bg-color-2 {
  background-color: #c1e8cf !important;
}
.bg-color-3 {
  background-color: #ffeaac !important;
}
.bg-color-4 {
  background-color: #ddd9d6 !important;
}
.bg-color-5 {
  background-color: #faeedc !important;
}
.bg-primary {
  background-color: var(--theme-primary-color) !important;
}
.bg-primary.bg-opacity-10 {
  background-color: rgba(var(--theme-primary-rgb), 0.1) !important;
}
.bg-primary.bg-opacity-25 {
  background-color: rgba(var(--theme-primary-rgb), 0.3) !important;
}
.bg-primary.bg-opacity-50 {
  background-color: rgba(var(--theme-primary-rgb), 0.5) !important;
}
.bg-primary.bg-opacity-75 {
  background-color: rgba(var(--theme-primary-rgb), 0.8) !important;
}
.bg-primary.bg-opacity-100 {
  background-color: var(--theme-primary-color) !important;
}
.bg-secondary {
  background-color: rgb(var(--theme-secondary-rgb)) !important;
}
.bg-secondary.bg-opacity-10 {
  background-color: rgba(var(--theme-secondary-rgb), 0.1) !important;
}
.bg-secondary.bg-opacity-25 {
  background-color: rgba(var(--theme-secondary-rgb), 0.25) !important;
}
.bg-secondary.bg-opacity-50 {
  background-color: rgba(var(--theme-secondary-rgb), 0.5) !important;
}
.bg-secondary.bg-opacity-75 {
  background-color: rgba(var(--theme-secondary-rgb), 0.75) !important;
}
.bg-secondary.bg-opacity-100 {
  background-color: rgba(var(--theme-secondary-rgb), 1) !important;
}
.bg-info {
  background-color: rgb(var(--theme-info-rgb)) !important;
}
.bg-info.bg-opacity-10 {
  background-color: rgba(var(--theme-info-rgb), 0.1) !important;
}
.bg-info.bg-opacity-25 {
  background-color: rgba(var(--theme-info-rgb), 0.25) !important;
}
.bg-info.bg-opacity-50 {
  background-color: rgba(var(--theme-info-rgb), 0.5) !important;
}
.bg-info.bg-opacity-75 {
  background-color: rgba(var(--theme-info-rgb), 0.75) !important;
}
.bg-info.bg-opacity-100 {
  background-color: rgba(var(--theme-info-rgb), 1) !important;
}
.bg-success {
  background-color: rgb(var(--theme-success-rgb)) !important;
}
.bg-success.bg-opacity-10 {
  background-color: rgba(var(--theme-success-rgb), 0.1) !important;
}
.bg-success.bg-opacity-25 {
  background-color: rgba(var(--theme-success-rgb), 0.25) !important;
}
.bg-success.bg-opacity-50 {
  background-color: rgba(var(--theme-success-rgb), 0.5) !important;
}
.bg-success.bg-opacity-75 {
  background-color: rgba(var(--theme-success-rgb), 0.75) !important;
}
.bg-success.bg-opacity-100 {
  background-color: rgba(var(--theme-success-rgb), 1) !important;
}
.bg-warning {
  background-color: rgb(var(--theme-warning-rgb)) !important;
}
.bg-warning.bg-opacity-10 {
  background-color: rgba(var(--theme-warning-rgb), 0.1) !important;
}
.bg-warning.bg-opacity-25 {
  background-color: rgba(var(--theme-warning-rgb), 0.25) !important;
}
.bg-warning.bg-opacity-50 {
  background-color: rgba(var(--theme-warning-rgb), 0.5) !important;
}
.bg-warning.bg-opacity-75 {
  background-color: rgba(var(--theme-warning-rgb), 0.75) !important;
}
.bg-warning.bg-opacity-100 {
  background-color: rgba(var(--theme-warning-rgb), 1) !important;
}
.bg-danger {
  background-color: rgb(var(--theme-danger-rgb)) !important;
}
.bg-danger.bg-opacity-10 {
  background-color: rgba(var(--theme-danger-rgb), 0.1) !important;
}
.bg-danger.bg-opacity-25 {
  background-color: rgba(var(--theme-danger-rgb), 0.25) !important;
}
.bg-danger.bg-opacity-50 {
  background-color: rgba(var(--theme-danger-rgb), 0.5) !important;
}
.bg-danger.bg-opacity-75 {
  background-color: rgba(var(--theme-danger-rgb), 0.75) !important;
}
.bg-danger.bg-opacity-100 {
  background-color: rgba(var(--theme-danger-rgb), 1) !important;
}
.bg-dark {
  background-color: rgb(var(--theme-dark-rgb)) !important;
}
.bg-dark.bg-opacity-10 {
  background-color: rgba(var(--theme-dark-rgb), 0.1) !important;
}
.bg-dark.bg-opacity-25 {
  background-color: rgba(var(--theme-dark-rgb), 0.25) !important;
}
.bg-dark.bg-opacity-50 {
  background-color: rgba(var(--theme-dark-rgb), 0.5) !important;
}
.bg-dark.bg-opacity-75 {
  background-color: rgba(var(--theme-dark-rgb), 0.75) !important;
}
.bg-dark.bg-opacity-100 {
  background-color: rgba(var(--theme-dark-rgb), 1) !important;
}
.bg-light {
  background-color: rgb(var(--theme-light-rgb)) !important;
}
.bg-light.bg-opacity-10 {
  background-color: rgba(var(--theme-light-rgb), 0.1) !important;
}
.bg-light.bg-opacity-25 {
  background-color: rgba(var(--theme-light-rgb), 0.25) !important;
}
.bg-light.bg-opacity-50 {
  background-color: rgba(var(--theme-light-rgb), 0.5) !important;
}
.bg-light.bg-opacity-75 {
  background-color: rgba(var(--theme-light-rgb), 0.75) !important;
}
.bg-light.bg-opacity-100 {
  background-color: rgba(var(--theme-light-rgb), 1) !important;
}
.bg-white {
  background-color: var(--theme-custom-white) !important;
}
.bg-pink {
  background-color: rgb(var(--theme-pink-rgb)) !important;
}
.bg-orange {
  background-color: rgb(var(--theme-orange-rgb)) !important;
}
.bg-purple {
  background-color: rgb(var(--theme-purple-rgb)) !important;
}
.bg-green {
  background-color: rgb(var(--theme-green-rgb)) !important;
}
.bg-teal {
  background-color: rgb(var(--theme-teal-rgb)) !important;
}
.bg-blue {
  background-color: #456ce5 !important;
}
.bg-indigo {
  background-color: #4d5ddb !important;
}
.bg-yellow {
  background-color: #fff621 !important;
}
.bg-outline-primary {
  background-color: var(--theme-custom-white);
  border: 1px solid var(--theme-primary-color);
  color: var(--theme-primary-color);
}
.bg-outline-secondary {
  background-color: var(--theme-custom-white);
  border: 1px solid rgb(var(--theme-secondary-rgb));
  color: rgb(var(--theme-secondary-rgb));
}
.bg-outline-warning {
  background-color: var(--theme-custom-white);
  border: 1px solid rgb(var(--theme-warning-rgb));
  color: rgb(var(--theme-warning-rgb));
}
.bg-outline-info {
  background-color: var(--theme-custom-white);
  border: 1px solid rgb(var(--theme-info-rgb));
  color: rgb(var(--theme-info-rgb));
}
.bg-outline-success {
  background-color: var(--theme-custom-white);
  border: 1px solid rgb(var(--theme-success-rgb));
  color: rgb(var(--theme-success-rgb));
}
.bg-outline-danger {
  background-color: var(--theme-custom-white);
  border: 1px solid rgb(var(--theme-danger-rgb));
  color: rgb(var(--theme-danger-rgb));
}
.bg-outline-dark {
  background-color: var(--theme-custom-white);
  border: 1px solid rgb(var(--theme-dark-rgb));
  color: rgb(var(--theme-dark-rgb));
}
.bg-outline-light {
  background-color: var(--theme-custom-white);
  border: 1px solid rgb(var(--theme-light-rgb));
  color: var(--theme-custom-black);
}
.bg-primary-transparent {
  background-color: rgba(var(--theme-primary-rgb), 0.1) !important;
  color: var(--theme-primary-color) !important;
}
.bg-primary-transparent:hover {
  background-color: rgba(var(--theme-primary-rgb), 0.1) !important;
  color: var(--theme-primary-color) !important;
}
.bg-secondary-transparent {
  background-color: rgba(var(--theme-secondary-rgb), 0.1) !important;
  color: rgb(var(--theme-secondary-rgb)) !important;
}
.bg-secondary-transparent:hover {
  background-color: rgba(var(--theme-secondary-rgb), 0.1) !important;
  color: rgb(var(--theme-secondary-rgb)) !important;
}
.bg-info-transparent {
  background-color: rgba(var(--theme-info-rgb), 0.1) !important;
  color: rgb(var(--theme-info-rgb)) !important;
}
.bg-info-transparent:hover {
  background-color: rgba(var(--theme-info-rgb), 0.1) !important;
  color: rgb(var(--theme-info-rgb)) !important;
}
.bg-success-transparent {
  background-color: rgba(var(--theme-success-rgb), 0.1) !important;
  color: rgb(var(--theme-success-rgb)) !important;
}
.bg-success-transparent:hover {
  background-color: rgba(var(--theme-success-rgb), 0.1) !important;
  color: rgb(var(--theme-success-rgb)) !important;
}
.bg-warning-transparent {
  background-color: rgba(var(--theme-warning-rgb), 0.1) !important;
  color: rgb(var(--theme-warning-rgb)) !important;
}
.bg-warning-transparent:hover {
  background-color: rgba(var(--theme-warning-rgb), 0.1) !important;
  color: rgb(var(--theme-warning-rgb)) !important;
}
.bg-danger-transparent {
  background-color: rgba(var(--theme-danger-rgb), 0.1) !important;
  color: rgb(var(--theme-danger-rgb)) !important;
}
.bg-danger-transparent:hover {
  background-color: rgba(var(--theme-danger-rgb), 0.1) !important;
  color: rgb(var(--theme-danger-rgb)) !important;
}
.bg-light-transparent {
  background-color: rgba(var(--theme-light-rgb), 0.1) !important;
  color: rgb(var(--theme-light-rgb)) !important;
}
.bg-light-transparent:hover {
  background-color: rgba(var(--theme-light-rgb), 0.1) !important;
  color: var(--theme-default-text-color) !important;
}
.bg-dark-transparent {
  background-color: rgba(var(--theme-dark-rgb), 0.1) !important;
  color: rgb(var(--theme-dark-rgb)) !important;
}
.bg-dark-transparent:hover {
  background-color: rgba(var(--theme-dark-rgb), 0.1) !important;
  color: rgb(var(--theme-dark-rgb)) !important;
}
.bg-pink-transparent {
  background-color: rgba(var(--theme-pink-rgb), 0.1) !important;
  color: rgb(var(--theme-pink-rgb)) !important;
}
.bg-pink-transparent:hover {
  background-color: rgba(var(--theme-pink-rgb), 0.1) !important;
  color: rgb(var(--theme-pink-rgb)) !important;
}
.bg-orange-transparent {
  background-color: rgba(var(--theme-orange-rgb), 0.1) !important;
  color: rgb(var(--theme-orange-rgb)) !important;
}
.bg-orange-transparent:hover {
  background-color: rgba(var(--theme-orange-rgb), 0.1) !important;
  color: rgb(var(--theme-orange-rgb)) !important;
}
.bg-purple-transparent {
  background-color: rgba(var(--theme-purple-rgb), 0.1) !important;
  color: rgb(var(--theme-purple-rgb)) !important;
}
.bg-purple-transparent:hover {
  background-color: rgba(var(--theme-purple-rgb), 0.1) !important;
  color: rgb(var(--theme-purple-rgb)) !important;
}
.bg-teal-transparent {
  background-color: rgba(var(--theme-teal-rgb), 0.1) !important;
  color: rgb(var(--theme-teal-rgb)) !important;
}
.bg-teal-transparent:hover {
  background-color: rgba(var(--theme-teal-rgb), 0.1) !important;
  color: rgb(var(--theme-teal-rgb)) !important;
}
.bg-green-transparent {
  background-color: rgba(var(--theme-green-rgb), 0.1) !important;
  color: rgb(var(--theme-green-rgb)) !important;
}
.bg-green-transparent:hover {
  background-color: rgba(var(--theme-green-rgb), 0.1) !important;
  color: rgb(var(--theme-green-rgb)) !important;
}
.bg-indigo-transparent {
  background-color: rgba(77, 93, 219, 0.1) !important;
  color: #4d5ddb !important;
}
.bg-indigo-transparent:hover {
  background-color: rgba(77, 93, 219, 0.1) !important;
  color: #4d5ddb !important;
}
.bg-yellow-transparent {
  background-color: rgba(255, 246, 33, 0.1) !important;
  color: #fff621 !important;
}
.bg-yellow-transparent:hover {
  background-color: rgba(255, 246, 33, 0.1) !important;
  color: #fff621 !important;
}
.bg-blue-transparent {
  background-color: rgba(69, 108, 229, 0.1) !important;
  color: #456ce5 !important;
}
.bg-blue-transparent:hover {
  background-color: rgba(69, 108, 229, 0.1) !important;
  color: #456ce5 !important;
}
.bg-white-transparent {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: rgb(255, 255, 255) !important;
}
.bg-white-transparent:hover {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: rgb(255, 255, 255) !important;
}
.bg-black-transparent {
  background-color: rgba(0, 0, 0, 0.1) !important;
  color: rgb(0, 0, 0) !important;
}
.bg-black-transparent:hover {
  background-color: rgba(0, 0, 0, 0.1) !important;
  color: rgb(0, 0, 0) !important;
}
.border-container {
  display: inline-block;
  width: 5rem;
  height: 5rem;
  margin: 0.25rem;
  background-color: rgba(var(--theme-light-rgb), 0.3);
}
.border {
  border: 1px solid var(--theme-default-border) !important;
}
.border.border-dashed {
  border-style: dashed !important;
}
.border.border-dotted {
  border-style: dotted !important;
}
.border.border-primary {
  border: 1px solid var(--theme-primary-color) !important;
  opacity: 1;
}
.border.border-primary.border-opacity-10 {
  border-color: rgba(var(--theme-primary-rgb), 0.1) !important;
}
.border.border-primary.border-opacity-25 {
  border-color: rgba(var(--theme-primary-rgb), 0.3) !important;
}
.border.border-primary.border-opacity-50 {
  border-color: rgba(var(--theme-primary-rgb), 0.5) !important;
}
.border.border-primary.border-opacity-75 {
  border-color: rgba(var(--theme-primary-rgb), 0.8) !important;
}
.border.border-primary.border-opacity-100 {
  border-color: var(--theme-primary-color) !important;
}
.border.border-secondary {
  border: 1px solid rgb(var(--theme-secondary-rgb)) !important;
  opacity: 1;
}
.border.border-secondary.border-opacity-10 {
  border-color: rgba(var(--theme-secondary-rgb), 0.1) !important;
}
.border.border-secondary.border-opacity-25 {
  border-color: rgba(var(--theme-secondary-rgb), 0.25) !important;
}
.border.border-secondary.border-opacity-50 {
  border-color: rgba(var(--theme-secondary-rgb), 0.5) !important;
}
.border.border-secondary.border-opacity-75 {
  border-color: rgba(var(--theme-secondary-rgb), 0.75) !important;
}
.border.border-secondary.border-opacity-100 {
  border-color: rgba(var(--theme-secondary-rgb), 1) !important;
}
.border.border-info {
  border: 1px solid rgb(var(--theme-info-rgb)) !important;
  opacity: 1;
}
.border.border-info.border-opacity-10 {
  border-color: rgba(var(--theme-info-rgb), 0.1) !important;
}
.border.border-info.border-opacity-25 {
  border-color: rgba(var(--theme-info-rgb), 0.25) !important;
}
.border.border-info.border-opacity-50 {
  border-color: rgba(var(--theme-info-rgb), 0.5) !important;
}
.border.border-info.border-opacity-75 {
  border-color: rgba(var(--theme-info-rgb), 0.75) !important;
}
.border.border-info.border-opacity-100 {
  border-color: rgba(var(--theme-info-rgb), 1) !important;
}
.border.border-success {
  border: 1px solid rgb(var(--theme-success-rgb)) !important;
  opacity: 1;
}
.border.border-success.border-opacity-10 {
  border-color: rgba(var(--theme-success-rgb), 0.1) !important;
}
.border.border-success.border-opacity-25 {
  border-color: rgba(var(--theme-success-rgb), 0.25) !important;
}
.border.border-success.border-opacity-50 {
  border-color: rgba(var(--theme-success-rgb), 0.5) !important;
}
.border.border-success.border-opacity-75 {
  border-color: rgba(var(--theme-success-rgb), 0.75) !important;
}
.border.border-success.border-opacity-100 {
  border-color: rgba(var(--theme-success-rgb), 1) !important;
}
.border.border-warning {
  border: 1px solid rgb(var(--theme-warning-rgb)) !important;
  opacity: 1;
}
.border.border-warning.border-opacity-10 {
  border-color: rgba(var(--theme-warning-rgb), 0.1) !important;
}
.border.border-warning.border-opacity-25 {
  border-color: rgba(var(--theme-warning-rgb), 0.25) !important;
}
.border.border-warning.border-opacity-50 {
  border-color: rgba(var(--theme-warning-rgb), 0.5) !important;
}
.border.border-warning.border-opacity-75 {
  border-color: rgba(var(--theme-warning-rgb), 0.75) !important;
}
.border.border-warning.border-opacity-100 {
  border-color: rgba(var(--theme-warning-rgb), 1) !important;
}
.border.border-danger {
  border: 1px solid rgb(var(--theme-danger-rgb)) !important;
  opacity: 1;
}
.border.border-danger.border-opacity-10 {
  border-color: rgba(var(--theme-danger-rgb), 0.1) !important;
}
.border.border-danger.border-opacity-25 {
  border-color: rgba(var(--theme-danger-rgb), 0.25) !important;
}
.border.border-danger.border-opacity-50 {
  border-color: rgba(var(--theme-danger-rgb), 0.5) !important;
}
.border.border-danger.border-opacity-75 {
  border-color: rgba(var(--theme-danger-rgb), 0.75) !important;
}
.border.border-danger.border-opacity-100 {
  border-color: rgba(var(--theme-danger-rgb), 1) !important;
}
.border.border-pink {
  border: 1px solid rgb(var(--theme-pink-rgb)) !important;
  opacity: 1;
}
.border.border-pink.border-opacity-10 {
  border-color: rgba(var(--theme-pink-rgb), 0.1) !important;
}
.border.border-pink.border-opacity-25 {
  border-color: rgba(var(--theme-pink-rgb), 0.25) !important;
}
.border.border-pink.border-opacity-50 {
  border-color: rgba(var(--theme-pink-rgb), 0.5) !important;
}
.border.border-pink.border-opacity-75 {
  border-color: rgba(var(--theme-pink-rgb), 0.75) !important;
}
.border.border-pink.border-opacity-100 {
  border-color: rgba(var(--theme-pink-rgb), 1) !important;
}
.border.border-teal {
  border: 1px solid rgb(var(--theme-teal-rgb)) !important;
  opacity: 1;
}
.border.border-teal.border-opacity-10 {
  border-color: rgba(var(--theme-teal-rgb), 0.1) !important;
}
.border.border-teal.border-opacity-25 {
  border-color: rgba(var(--theme-teal-rgb), 0.25) !important;
}
.border.border-teal.border-opacity-50 {
  border-color: rgba(var(--theme-teal-rgb), 0.5) !important;
}
.border.border-teal.border-opacity-75 {
  border-color: rgba(var(--theme-teal-rgb), 0.75) !important;
}
.border.border-teal.border-opacity-100 {
  border-color: rgba(var(--theme-teal-rgb), 1) !important;
}
.border.border-orange {
  border: 1px solid rgb(var(--theme-orange-rgb)) !important;
  opacity: 1;
}
.border.border-orange.border-opacity-10 {
  border-color: rgba(var(--theme-orange-rgb), 0.1) !important;
}
.border.border-orange.border-opacity-25 {
  border-color: rgba(var(--theme-orange-rgb), 0.25) !important;
}
.border.border-orange.border-opacity-50 {
  border-color: rgba(var(--theme-orange-rgb), 0.5) !important;
}
.border.border-orange.border-opacity-75 {
  border-color: rgba(var(--theme-orange-rgb), 0.75) !important;
}
.border.border-orange.border-opacity-100 {
  border-color: rgba(var(--theme-orange-rgb), 1) !important;
}
.border.border-white {
  border: 1px solid #fff !important;
  opacity: 1;
}
.border.border-white.border-opacity-10 {
  border-color: rgba(255, 255, 255, 0.1) !important;
}
.border.border-white.border-opacity-25 {
  border-color: rgba(255, 255, 255, 0.25) !important;
}
.border.border-white.border-opacity-50 {
  border-color: rgba(255, 255, 255, 0.5) !important;
}
.border.border-white.border-opacity-75 {
  border-color: rgba(255, 255, 255, 0.75) !important;
}
.border.border-white.border-opacity-100 {
  border-color: white !important;
}
.border.border-light {
  border: 1px solid rgb(var(--theme-light-rgb)) !important;
  opacity: 1;
}
.border.border-light.border-opacity-10 {
  border-color: rgba(var(--theme-light-rgb), 0.1) !important;
}
.border.border-light.border-opacity-25 {
  border-color: rgba(var(--theme-light-rgb), 0.25) !important;
}
.border.border-light.border-opacity-50 {
  border-color: rgba(var(--theme-light-rgb), 0.5) !important;
}
.border.border-light.border-opacity-75 {
  border-color: rgba(var(--theme-light-rgb), 0.75) !important;
}
.border.border-light.border-opacity-100 {
  border-color: rgba(var(--theme-light-rgb), 1) !important;
}
.border.border-dark {
  border: 1px solid rgb(var(--theme-dark-rgb)) !important;
  opacity: 1;
}
.border.border-dark.border-opacity-10 {
  border-color: rgba(var(--theme-dark-rgb), 0.1) !important;
}
.border.border-dark.border-opacity-25 {
  border-color: rgba(var(--theme-dark-rgb), 0.25) !important;
}
.border.border-dark.border-opacity-50 {
  border-color: rgba(var(--theme-dark-rgb), 0.5) !important;
}
.border.border-dark.border-opacity-75 {
  border-color: rgba(var(--theme-dark-rgb), 0.75) !important;
}
.border.border-dark.border-opacity-100 {
  border-color: rgba(var(--theme-dark-rgb), 1) !important;
}
.border.border-opacity-10 {
  --bs-border-opacity: 0.1 !important;
}
.border.border-opacity-25 {
  --bs-border-opacity: 0.25 !important;
}
.border.border-opacity-50 {
  --bs-border-opacity: 0.5 !important;
}
.border.border-opacity-75 {
  --bs-border-opacity: 0.75 !important;
}
.border.border-opacity-100 {
  --bs-border-opacity: 1 !important;
}
.border.border-1 {
  border-width: 1px !important;
}
.border.border-2 {
  border-width: 2px !important;
}
.border.border-3 {
  border-width: 3px !important;
}
.border.border-4 {
  border-width: 4px !important;
}
.border.border-5 {
  border-width: 5px !important;
}
.border.border-block-start-dashed {
  border-top-style: dashed;
}
.border.border-block-start-dotted {
  border-top-style: dotted;
}
.border.border-inline-end-dashed {
  border-inline-end-style: dashed;
}
.border.border-inline-end-dotted {
  border-inline-end-style: dotted;
}
.border.border-block-end-dashed {
  border-bottom-style: dashed;
}
.border.border-block-end-dotted {
  border-bottom-style: dotted;
}
.border.border-inline-start-dashed {
  border-inline-start-style: dashed;
}
.border.border-inline-start-dotted {
  border-inline-start-style: dotted;
}
.border.border-0 {
  border: 0 !important;
}
.border.border-top-0 {
  border-block-start: 0 !important;
}
.border.border-end-0 {
  border-inline-end: 0 !important;
}
.border.border-bottom-0 {
  border-block-end: 0 !important;
}
.border.border-start-0 {
  border-inline-start: 0 !important;
}
.border-top {
  border-top: 1px solid var(--theme-default-border) !important;
}
.border-top.border-block-start-dashed {
  border-top-style: dashed !important;
}
.border-top.border-block-start-dotted {
  border-top-style: dotted !important;
}
.border-top.border-primary {
  border-color: var(--theme-primary-color) !important;
}
.border-top.border-secondary {
  border-color: rgb(var(--theme-secondary-rgb)) !important;
}
.border-top.border-warning {
  border-color: rgb(var(--theme-warning-rgb)) !important;
}
.border-top.border-info {
  border-color: rgb(var(--theme-info-rgb)) !important;
}
.border-top.border-success {
  border-color: rgb(var(--theme-success-rgb)) !important;
}
.border-top.border-danger {
  border-color: rgb(var(--theme-danger-rgb)) !important;
}
.border-top.border-light {
  border-color: rgb(var(--theme-light-rgb)) !important;
}
.border-top.border-dark {
  border-color: rgb(var(--theme-dark-rgb)) !important;
}
.border-end {
  border-inline-end: 1px solid var(--theme-default-border) !important;
}
.border-end.border-inline-end-dashed {
  border-inline-end-style: dashed !important;
}
.border-end.border-inline-end-dotted {
  border-inline-end-style: dotted !important;
}
.border-end.border-primary {
  border-color: var(--theme-primary-color) !important;
}
.border-end.border-secondary {
  border-color: rgb(var(--theme-secondary-rgb)) !important;
}
.border-end.border-warning {
  border-color: rgb(var(--theme-warning-rgb)) !important;
}
.border-end.border-info {
  border-color: rgb(var(--theme-info-rgb)) !important;
}
.border-end.border-success {
  border-color: rgb(var(--theme-success-rgb)) !important;
}
.border-end.border-danger {
  border-color: rgb(var(--theme-danger-rgb)) !important;
}
.border-end.border-light {
  border-color: rgb(var(--theme-light-rgb)) !important;
}
.border-end.border-dark {
  border-color: rgb(var(--theme-dark-rgb)) !important;
}
.border-bottom {
  border-bottom: 1px solid var(--theme-default-border) !important;
}
.border-bottom.border-block-end-dashed {
  border-bottom-style: dashed !important;
}
.border-bottom.border-block-end-dotted {
  border-bottom-style: dotted !important;
}
.border-bottom.border-primary {
  border-color: var(--theme-primary-color) !important;
}
.border-bottom.border-secondary {
  border-color: rgb(var(--theme-secondary-rgb)) !important;
}
.border-bottom.border-warning {
  border-color: rgb(var(--theme-warning-rgb)) !important;
}
.border-bottom.border-info {
  border-color: rgb(var(--theme-info-rgb)) !important;
}
.border-bottom.border-success {
  border-color: rgb(var(--theme-success-rgb)) !important;
}
.border-bottom.border-danger {
  border-color: rgb(var(--theme-danger-rgb)) !important;
}
.border-bottom.border-light {
  border-color: rgb(var(--theme-light-rgb)) !important;
}
.border-bottom.border-dark {
  border-color: rgb(var(--theme-dark-rgb)) !important;
}
.border-start {
  border-inline-start: 1px solid var(--theme-default-border) !important;
}
.border-start.border-inline-start-dashed {
  border-inline-start-style: dashed !important;
}
.border-start.border-inline-start-dotted {
  border-inline-start-style: dotted !important;
}
.border-start.border-primary {
  border-color: var(--theme-primary-color) !important;
}
.border-start.border-secondary {
  border-color: rgb(var(--theme-secondary-rgb)) !important;
}
.border-start.border-warning {
  border-color: rgb(var(--theme-warning-rgb)) !important;
}
.border-start.border-info {
  border-color: rgb(var(--theme-info-rgb)) !important;
}
.border-start.border-success {
  border-color: rgb(var(--theme-success-rgb)) !important;
}
.border-start.border-danger {
  border-color: rgb(var(--theme-danger-rgb)) !important;
}
.border-start.border-light {
  border-color: rgb(var(--theme-light-rgb)) !important;
}
.border-start.border-dark {
  border-color: rgb(var(--theme-dark-rgb)) !important;
}
.rounded {
  border-radius: 0.35rem !important;
}
.border-white-1 {
  border-color: rgba(255, 255, 255, 0.1) !important;
}
.vr {
  background-color: var(--theme-default-border);
  opacity: 1;
}
@media (min-width: 1200px) {
  .border-lg-end {
    border-right: 1px solid var(--theme-default-border) !important;
  }
}
@media (min-width: 1200px) {
  [dir=rtl] .border-lg-end {
    border-left: 1px solid var(--theme-default-border) !important;
  }
}
@media (min-width: 576px) {
  .border-sm-end {
    border-inline-end: 1px solid var(--theme-default-border);
  }
}
.op-1-1 {
  opacity: 1;
}
.op-0 {
  opacity: 0;
}
.op-1 {
  opacity: 0.1;
}
.op-2 {
  opacity: 0.2;
}
.op-3 {
  opacity: 0.3;
}
.op-4 {
  opacity: 0.4;
}
.op-5 {
  opacity: 0.5;
}
.op-6 {
  opacity: 0.6;
}
.op-7 {
  opacity: 0.7;
}
.op-8 {
  opacity: 0.8;
}
.op-9 {
  opacity: 0.9;
}
.fs-1 {
  font-size: 0.0625rem;
}
.fs-2 {
  font-size: 0.125rem;
}
.fs-3 {
  font-size: 0.1875rem;
}
.fs-4 {
  font-size: 0.25rem;
}
.fs-5 {
  font-size: 0.3125rem;
}
.fs-6 {
  font-size: 0.375rem;
}
.fs-7 {
  font-size: 0.4375rem;
}
.fs-8 {
  font-size: 0.5rem;
}
.fs-9 {
  font-size: 0.5625rem;
}
.fs-10 {
  font-size: 0.625rem;
}
.fs-11 {
  font-size: 0.6875rem;
}
.fs-12 {
  font-size: 0.75rem;
}
.fs-13 {
  font-size: 0.8125rem;
}
.fs-14 {
  font-size: 0.875rem;
}
.fs-15 {
  font-size: 0.9375rem;
}
.fs-16 {
  font-size: 1rem;
}
.fs-17 {
  font-size: 1.0625rem;
}
.fs-18 {
  font-size: 1.125rem;
}
.fs-19 {
  font-size: 1.1875rem;
}
.fs-20 {
  font-size: 1.25rem;
}
.fs-21 {
  font-size: 1.3125rem;
}
.fs-22 {
  font-size: 1.375rem;
}
.fs-23 {
  font-size: 1.4375rem;
}
.fs-24 {
  font-size: 1.5rem;
}
.fs-25 {
  font-size: 1.5625rem;
}
.fs-26 {
  font-size: 1.625rem;
}
.fs-27 {
  font-size: 1.6875rem;
}
.fs-28 {
  font-size: 1.75rem;
}
.fs-29 {
  font-size: 1.8125rem;
}
.fs-30 {
  font-size: 1.875rem;
}
.fs-32 {
  font-size: 2rem;
}
.fs-34 {
  font-size: 2.125rem;
}
.fs-36 {
  font-size: 2.25rem;
}
.fs-38 {
  font-size: 2.375rem;
}
.fs-40 {
  font-size: 2.5rem;
}
.text-default {
  color: var(--theme-default-text-color) !important;
}
.text-muted {
  color: var(--theme-text-muted) !important;
}
.text-primary {
  color: var(--theme-primary-color) !important;
  opacity: 1;
}
.text-primary.text-opacity-75 {
  color: rgba(var(--theme-primary-rgb), 0.8) !important;
}
.text-primary.text-opacity-25 {
  color: rgba(var(--theme-primary-rgb), 0.3) !important;
}
.text-primary.text-opacity-50 {
  color: rgba(var(--theme-primary-rgb), 0.5) !important;
}
.text-secondary {
  color: rgb(var(--theme-secondary-rgb)) !important;
  opacity: 1;
}
.text-secondary.text-opacity-75 {
  color: rgba(var(--theme-secondary-rgb), 0.75) !important;
}
.text-secondary.text-opacity-25 {
  color: rgba(var(--theme-secondary-rgb), 0.25) !important;
}
.text-secondary.text-opacity-50 {
  color: rgba(var(--theme-secondary-rgb), 0.5) !important;
}
.text-info {
  color: rgb(var(--theme-info-rgb)) !important;
  opacity: 1;
}
.text-info.text-opacity-75 {
  color: rgba(var(--theme-info-rgb), 0.75) !important;
}
.text-info.text-opacity-25 {
  color: rgba(var(--theme-info-rgb), 0.25) !important;
}
.text-info.text-opacity-50 {
  color: rgba(var(--theme-info-rgb), 0.5) !important;
}
.text-success {
  color: rgb(var(--theme-success-rgb)) !important;
  opacity: 1;
}
.text-success.text-opacity-75 {
  color: rgba(var(--theme-success-rgb), 0.75) !important;
}
.text-success.text-opacity-25 {
  color: rgba(var(--theme-success-rgb), 0.25) !important;
}
.text-success.text-opacity-50 {
  color: rgba(var(--theme-success-rgb), 0.5) !important;
}
.text-warning {
  color: rgb(var(--theme-warning-rgb)) !important;
  opacity: 1;
}
.text-warning.text-opacity-75 {
  color: rgba(var(--theme-warning-rgb), 0.75) !important;
}
.text-warning.text-opacity-25 {
  color: rgba(var(--theme-warning-rgb), 0.25) !important;
}
.text-warning.text-opacity-50 {
  color: rgba(var(--theme-warning-rgb), 0.5) !important;
}
.text-danger {
  color: rgb(var(--theme-danger-rgb)) !important;
  opacity: 1;
}
.text-danger.text-opacity-75 {
  color: rgba(var(--theme-danger-rgb), 0.75) !important;
}
.text-danger.text-opacity-25 {
  color: rgba(var(--theme-danger-rgb), 0.25) !important;
}
.text-danger.text-opacity-50 {
  color: rgba(var(--theme-danger-rgb), 0.5) !important;
}
.text-blue {
  color: #456ce5 !important;
}
.text-green {
  color: rgb(var(--theme-green-rgb)) !important;
}
.text-pink {
  color: rgb(var(--theme-pink-rgb)) !important;
}
.text-teal {
  color: rgb(var(--theme-teal-rgb)) !important;
}
.text-orange {
  color: rgb(var(--theme-orange-rgb)) !important;
}
.text-indigo {
  color: #4d5ddb !important;
}
.text-purple {
  color: rgb(var(--theme-purple-rgb)) !important;
}
.text-dark {
  color: rgb(var(--theme-dark-rgb)) !important;
}
.text-light {
  color: rgb(var(--theme-light-rgb)) !important;
}
.text-gray {
  color: var(--theme-gray-5) !important;
}
.text-yellow {
  color: #fff621 !important;
}
.text-black {
  color: #011a42 !important;
}
.text-white {
  color: var(--theme-custom-white) !important;
}
.text-fixed-white {
  color: #fff !important;
}
.text-fixed-black {
  color: #111318 !important;
}
[data-theme-color=dark] .shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(33, 37, 41, 0.3) !important;
}
[data-theme-color=dark] .shadow {
  box-shadow: 0 0.5rem 1rem rgba(33, 37, 41, 0.3) !important;
}
[data-theme-color=dark] .shadow-lg {
  box-shadow: 0 1rem 3rem rgba(33, 37, 41, 0.3) !important;
}
.crm-dashboard-page .cadm-card {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  overflow: hidden;
  border-radius: 0.65rem;
}
.crm-dashboard-page .cadm-metric {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1.35rem 0.8rem;
  text-align: center;
}
.crm-dashboard-page .cadm-metric + .crm-dashboard-page .cadm-metric {
  border-inline-start: 1px dashed var(--theme-default-border);
}
.crm-dashboard-page .cadm-metric h2 {
  min-height: 2.3em;
  margin: 0 0 0.75rem;
  color: var(--theme-text-muted);
  font-size: 0.82rem;
  font-weight: 500;
  line-height: 1.4;
  text-transform: uppercase;
}
.crm-dashboard-page .cadm-metric-value {
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  white-space: nowrap;
}
.crm-dashboard-page .cadm-metric-value strong {
  color: var(--theme-default-text-color);
  font-size: 1.5rem;
  font-weight: 650;
  letter-spacing: -0.02em;
}
.crm-dashboard-page .cadm-metric-icon {
  display: grid;
  width: 2.65rem;
  height: 2.65rem;
  flex: 0 0 2.65rem;
  place-items: center;
  border-radius: 50%;
  font-size: 1.35rem;
}
.crm-dashboard-page .cadm-metric-purple .cadm-metric-icon {
  background: #d4dffc;
  color: #000;
}
.crm-dashboard-page .cadm-metric-blue .cadm-metric-icon {
  background: #c1e8cf;
  color: #000;
}
.crm-dashboard-page .cadm-metric-amber .cadm-metric-icon {
  background: #ffeaac;
  color: #000;
}
.crm-dashboard-page .cadm-metric-cyan .cadm-metric-icon {
  background: #ddd9d6;
  color: #000;
}
.crm-dashboard-page .cadm-trend {
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
  margin: 1rem 0 0.3rem;
  font-size: 0.9rem;
}
.crm-dashboard-page .cadm-metric-caption {
  color: var(--theme-text-muted);
  font-size: 0.82rem;
  line-height: 1.35;
}
@media (max-width: 1199.98px) {
  .crm-dashboard-page .cadm-card {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .crm-dashboard-page .cadm-metric:nth-child(4) {
    border-inline-start: 0;
  }
  .crm-dashboard-page .cadm-metric:nth-child(n+4) {
    border-top: 1px dashed var(--theme-default-border);
  }
}
@media (max-width: 767.98px) {
  .crm-dashboard-page .cadm-card {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .crm-dashboard-page .cadm-metric:nth-child(odd) {
    border-inline-start: 0;
  }
  .crm-dashboard-page .cadm-metric:nth-child(even) {
    border-inline-start: 1px dashed var(--theme-default-border);
  }
  .crm-dashboard-page .cadm-metric:nth-child(n+3) {
    border-top: 1px dashed var(--theme-default-border);
  }
}
@media (max-width: 399.98px) {
  .crm-dashboard-page .cadm-card {
    grid-template-columns: 1fr;
  }
  .crm-dashboard-page .cadm-metric + .cadm-metric,
  .crm-dashboard-page .cadm-metric:nth-child(even) {
    border-inline-start: 0;
    border-top: 1px dashed var(--theme-default-border);
  }
}
.crm-dashboard-page .crm-welcome-card {
  position: relative;
  display: flex;
  min-height: 15rem;
  align-items: center;
  overflow: hidden;
  padding: clamp(1.25rem, 2.5vw, 2rem);
  border: 1px solid rgba(var(--theme-secondary-rgb), 0.18);
  border-radius: 0.75rem;
}
.crm-dashboard-page .crm-welcome-copy {
  position: relative;
  z-index: 1;
  width: min(100%, 42rem);
}
.crm-dashboard-page .crm-welcome-eyebrow {
  color: var(--theme-default-text-color);
  font-size: 0.67rem;
  font-weight: 700;
  letter-spacing: 0.08em;
}
.crm-dashboard-page .crm-welcome-copy h2 {
  max-width: 34rem;
  margin: 0.55rem 0;
  color: var(--theme-default-text-color);
  font-size: clamp(1.25rem, 2vw, 1.7rem);
  font-weight: 650;
}
.crm-dashboard-page .crm-welcome-copy > p {
  max-width: 37rem;
  margin-bottom: 1rem;
  color: var(--theme-text-muted);
  font-size: 0.78rem;
  line-height: 1.6;
}
.crm-dashboard-page .crm-welcome-footer {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.crm-dashboard-page .crm-welcome-footer .text-fixed-white {
  color: var(--theme-default-text-color) !important;
}
.crm-dashboard-page .crm-lead-management-subtitle {
  color: var(--theme-text-muted);
  font-size: 0.9rem;
}
.crm-dashboard-page .crm-lead-source-score {
  display: flex;
  width: min(100%, 20rem);
  margin: -0.35rem auto 1rem;
}
.crm-dashboard-page .crm-lead-source-gauge {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}
.crm-dashboard-page .crm-lead-source-gauge .gauge-track,
.crm-dashboard-page .crm-lead-source-gauge .gauge-score {
  fill: none;
  stroke-width: 15;
  stroke-linecap: round;
}
.crm-dashboard-page .crm-lead-source-gauge .gauge-track {
  stroke: #f1f3f5;
}
.crm-dashboard-page .crm-lead-source-gauge .gauge-score {
  stroke: rgb(var(--theme-success-rgb));
}
.crm-dashboard-page .crm-lead-source-gauge .gauge-tick-track,
.crm-dashboard-page .crm-lead-source-gauge .gauge-tick-score {
  fill: none;
  stroke-width: 1.5;
  stroke-dasharray: 1 3.1;
}
.crm-dashboard-page .crm-lead-source-gauge .gauge-tick-track {
  stroke: #e9ebef;
}
.crm-dashboard-page .crm-lead-source-gauge .gauge-tick-score {
  stroke: rgb(var(--theme-dark-rgb));
}
.crm-dashboard-page .crm-lead-source-gauge .gauge-value {
  fill: var(--theme-default-text-color);
  font-size: 40px;
  font-weight: 600;
  letter-spacing: -1.5px;
  font-family: var(--theme-default-font-family);
}
.crm-dashboard-page .crm-lead-source-gauge .gauge-change {
  fill: var(--theme-default-text-color);
  font-size: 12px;
  font-weight: 600;
  font-family: var(--theme-default-font-family);
}
.crm-dashboard-page .crm-lead-source-gauge .gauge-label {
  fill: var(--theme-text-muted);
  font-size: 15px;
  font-family: var(--theme-default-font-family);
}
.crm-dashboard-page .crm-lead-source-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.45rem;
  padding-top: 0.65rem;
  border-top: 1px solid var(--theme-default-border);
}
.crm-dashboard-page .crm-lead-source-row {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  min-width: 0;
  padding: 0.6rem 0.45rem;
  border-radius: 0.35rem;
  background: var(--theme-default-background);
  color: var(--theme-text-muted);
}
.crm-dashboard-page .crm-lead-source-row > strong {
  margin-inline-start: auto;
  color: var(--theme-default-text-color);
  font-weight: 600;
}
.crm-dashboard-page .crm-lead-status-list {
  display: grid;
  gap: 1.15rem;
}
.crm-dashboard-page .crm-lead-status-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
  row-gap: 0.45rem;
  color: var(--theme-default-text-color);
  padding: 1rem;
  background-color: var(--theme-default-background);
  border-radius: 0.35rem;
}
.crm-dashboard-page .crm-lead-status-row > .crm-lead-status-label {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: 0.55rem;
  grid-column: 1;
  color: var(--theme-default-text-color);
  font-size: 0.9rem;
  font-weight: 500;
}
.crm-dashboard-page .crm-lead-status-row > .crm-lead-status-label i {
  color: var(--crm-lead-accent, var(--theme-primary-color));
  font-size: 1.2rem;
}
.crm-dashboard-page .crm-lead-status-row > strong {
  grid-column: 2;
  color: var(--theme-text-muted);
  font-size: 0.85rem;
  font-weight: 400;
  text-align: end;
}
.crm-dashboard-page .crm-lead-status-row:nth-child(1) {
  --crm-lead-accent: #d7921e;
}
.crm-dashboard-page .crm-lead-status-row:nth-child(2) {
  --crm-lead-accent: #3b82a8;
}
.crm-dashboard-page .crm-lead-status-row:nth-child(3) {
  --crm-lead-accent: #98a39d;
}
.crm-dashboard-page .crm-lead-status-row:nth-child(4) {
  --crm-lead-accent: #b98a16;
}
.crm-dashboard-page .crm-lead-status-row .progress {
  grid-column: 1/-1;
  height: 0.65rem;
  overflow: hidden;
  border-radius: 999px;
  background-color: rgba(var(--theme-light-rgb), 0.75);
}
.crm-dashboard-page .crm-lead-status-row .progress-bar {
  border-radius: inherit;
}
.crm-dashboard-page .crm-lead-bar-amber {
  margin-inline-start: 15%;
}
.crm-dashboard-page .crm-lead-bar-blue {
  margin-inline-start: 25%;
}
.crm-dashboard-page .crm-lead-bar-slate {
  margin-inline-start: 35%;
}
.crm-dashboard-page .crm-lead-bar-gold {
  margin-inline-start: 55%;
}
.crm-dashboard-page .crm-lead-management-link {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-top: 1.5rem;
  color: var(--theme-text-muted);
  font-size: 0.75rem;
  font-weight: 500;
}
.crm-dashboard-page .crm-calendar-month {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.65rem;
}
.crm-dashboard-page .crm-calendar-month .btn {
  display: grid;
  width: 1.65rem;
  height: 1.65rem;
  padding: 0;
  place-items: center;
}
.crm-dashboard-page .crm-calendar-month strong {
  color: var(--theme-default-text-color);
  font-size: 0.72rem;
  font-weight: 600;
}
.crm-dashboard-page .crm-calendar-week {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  align-items: center;
  justify-items: center;
  padding-bottom: 0.75rem;
  border-bottom: 1px dashed var(--theme-default-border);
}
.crm-dashboard-page .crm-calendar-weekday,
.crm-dashboard-page .crm-calendar-day {
  display: grid;
  width: 1.55rem;
  height: 1.55rem;
  place-items: center;
}
.crm-dashboard-page .crm-calendar-weekday {
  color: var(--theme-text-muted);
  font-size: 0.58rem;
}
.crm-dashboard-page .crm-calendar-day {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--theme-default-text-color);
  font: inherit;
  font-size: 0.625rem;
  cursor: pointer;
  transition: color 0.15s ease, background-color 0.15s ease;
}
.crm-dashboard-page .crm-calendar-day:hover {
  border-radius: 50%;
  background: rgba(var(--theme-primary-rgb), 0.12);
}
.crm-dashboard-page .crm-calendar-day:focus-visible {
  outline: 2px solid var(--theme-primary-color);
  outline-offset: 1px;
}
.crm-dashboard-page .crm-calendar-day.is-outside-month {
  color: var(--theme-text-muted);
  opacity: 0.55;
}
.crm-dashboard-page .crm-calendar-day.is-today:not(.active) {
  box-shadow: inset 0 0 0 1px var(--theme-default-border);
  border-radius: 50%;
}
.crm-dashboard-page .crm-calendar-day.active {
  border-radius: 50%;
  background: var(--theme-primary-color);
  color: var(--theme-default-text-color);
  font-weight: 600;
}
.crm-dashboard-page .crm-calendar-events {
  display: grid;
  gap: 0.5rem;
  padding-top: 0.75rem;
}
.crm-dashboard-page .crm-calendar-event {
  display: grid;
  gap: 0.7rem;
  padding: 0.75rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.5rem;
  background: var(--theme-default-background);
}
.crm-dashboard-page .crm-calendar-empty {
  padding: 0.8rem;
  border: 1px dashed var(--theme-default-border);
  border-radius: 0.5rem;
  color: var(--theme-text-muted);
  font-size: 0.7rem;
  text-align: center;
}
.crm-dashboard-page .crm-calendar-event-heading,
.crm-dashboard-page .crm-calendar-event-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.4rem;
}
.crm-dashboard-page .crm-calendar-event-heading strong {
  overflow: hidden;
  color: var(--theme-default-text-color);
  font-size: 13px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.crm-dashboard-page .crm-calendar-event-heading time {
  color: var(--theme-text-muted);
  font-size: 0.55rem;
  white-space: nowrap;
}
.crm-dashboard-page .crm-calendar-event .avatar-list-stacked .avatar {
  width: 1.65rem;
  height: 1.65rem;
  font-size: 0.52rem;
}
.crm-dashboard-page .crm-calendar-location {
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
  padding: 0.28rem 0.42rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.35rem;
  background: var(--theme-custom-white);
  color: var(--theme-default-text-color);
  font-size: 0.55rem;
  white-space: nowrap;
}
.crm-dashboard-page .crm-calendar-location i {
  color: var(--theme-text-muted);
  font-size: 0.75rem;
}
.crm-dashboard-page .crm-welcome-orbit {
  position: absolute;
  top: 50%;
  right: 8%;
  display: grid;
  width: 10rem;
  height: 10rem;
  place-items: center;
  border: 1px solid rgba(var(--theme-secondary-rgb), 0.18);
  border-radius: 50%;
  color: rgba(var(--theme-dark-rgb), 0.3);
  transform: translateY(-50%);
  box-shadow: 0 0 0 1.4rem rgba(var(--theme-secondary-rgb), 0.045), 0 0 0 2.8rem rgba(var(--theme-secondary-rgb), 0.025);
}
.crm-dashboard-page .crm-welcome-orbit > span {
  font-size: 4rem;
}
.crm-dashboard-page .crm-welcome-orbit > i {
  position: absolute;
  right: 1.35rem;
  bottom: 1.55rem;
  font-size: 1.6rem;
}
.crm-dashboard-page .crm-overview-metric .card-body {
  display: flex;
  min-height: 10rem;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.6rem;
}
.crm-dashboard-page .crm-overview-icon {
  display: grid;
  width: 2.45rem;
  height: 2.45rem;
  place-items: center;
  border-radius: 0.65rem;
  font-size: 1.25rem;
}
.crm-dashboard-page .crm-metric-heading {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin-bottom: 0.75rem;
}
.crm-dashboard-page .crm-metric-label {
  color: var(--theme-text-muted);
  font-weight: 500;
}
.crm-dashboard-page .crm-metric-value-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.5rem;
}
.crm-dashboard-page .crm-metric-value > strong {
  color: var(--theme-default-text-color);
  font-size: 1.55rem;
  line-height: 1.2;
}
.crm-dashboard-page .crm-metric-value {
  display: grid;
  gap: 0.1rem;
}
.crm-dashboard-page .crm-metric-value > small {
  color: var(--theme-text-muted);
  white-space: nowrap;
}
.crm-dashboard-page .crm-metric-value-row > .badge {
  font-size: 0.62rem;
  font-weight: 600;
}
.crm-dashboard-page .crm-metric-footer {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 0.5rem;
  min-height: 1.4rem;
}
.crm-dashboard-page .crm-metric-context {
  color: var(--theme-text-muted);
  font-size: 0.63rem;
}
.crm-dashboard-page .crm-win-rate-target {
  display: grid;
  gap: 0.35rem;
  color: var(--theme-text-muted);
  font-size: 0.63rem;
}
.crm-dashboard-page .crm-win-rate-target strong {
  color: var(--theme-default-text-color);
  font-weight: 600;
}
.crm-dashboard-page .crm-win-rate-target .progress {
  height: 0.35rem;
}
.crm-dashboard-page .crm-win-rate-target .progress-bar {
  background: rgb(var(--theme-warning-rgb));
}
.crm-dashboard-page .crm-revenue-toolbar {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.crm-dashboard-page .crm-revenue-toolbar .form-select {
  width: auto;
  min-width: 6rem;
  font-size: 0.68rem;
}
.crm-dashboard-page .crm-revenue-card #crm-revenue-analytics {
  min-height: 16rem;
}
.crm-dashboard-page .crm-chart-legend {
  display: flex;
  align-items: center;
  justify-self: center;
  gap: 0.9rem;
  color: var(--theme-text-muted);
  font-size: 0.68rem;
}
.crm-dashboard-page .crm-chart-legend span {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}
.crm-dashboard-page .crm-chart-legend i {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: rgb(var(--theme-secondary-rgb));
}
.crm-dashboard-page .crm-chart-legend i.legend-trend {
  background: var(--theme-primary-color);
}
.crm-dashboard-page .crm-performer-list {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.crm-dashboard-page .crm-performer-row {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.85rem 1rem;
  border-bottom: 1px solid var(--theme-default-border);
}
.crm-dashboard-page .crm-performer-row:last-child {
  border-bottom: 0;
}
.crm-dashboard-page .crm-performer-row > img {
  width: 2rem;
  height: 2rem;
  flex: 0 0 auto;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}
.crm-dashboard-page .crm-performer-info,
.crm-dashboard-page .crm-performer-result {
  display: grid;
  gap: 0.15rem;
}
.crm-dashboard-page .crm-performer-info {
  min-width: 0;
  flex: 1;
}
.crm-dashboard-page .crm-performer-info strong,
.crm-dashboard-page .crm-performer-result strong {
  color: var(--theme-default-text-color);
  font-weight: 600;
}
.crm-dashboard-page .crm-performer-info span,
.crm-dashboard-page .crm-performer-result span {
  color: var(--theme-text-muted);
  font-size: 13px;
}
.crm-dashboard-page .crm-performer-result {
  text-align: end;
}
.crm-dashboard-page .crm-performer-result span {
  color: var(--success);
}
.crm-dashboard-page .crm-task {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid var(--theme-default-border);
  cursor: pointer;
}
.crm-dashboard-page .crm-task:last-child {
  border-bottom: 0;
}
.crm-dashboard-page .crm-task > input {
  margin-top: 0.22rem;
  accent-color: var(--theme-primary-color);
}
.crm-dashboard-page .crm-task > span {
  display: grid;
  flex: 1;
  gap: 0.2rem;
}
.crm-dashboard-page .crm-task strong {
  color: var(--theme-default-text-color);
  font-size: 0.7rem;
  font-weight: 600;
}
.crm-dashboard-page .crm-task small {
  color: var(--theme-text-muted);
  font-size: 0.64rem;
}
.crm-dashboard-page .crm-task > i {
  color: var(--theme-text-muted);
}
.crm-dashboard-page .crm-lead-person {
  display: flex;
  align-items: center;
  gap: 0.55rem;
}
.crm-dashboard-page .crm-lead-person img {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}
.crm-dashboard-page .crm-lead-person > span {
  display: grid;
  gap: 0.1rem;
}
.crm-dashboard-page .crm-lead-person strong {
  color: var(--theme-default-text-color);
  font-weight: 600;
}
.crm-dashboard-page .crm-lead-person small {
  color: var(--theme-text-muted);
}
.crm-dashboard-page .crm-activity-avatar {
  z-index: 1;
  display: grid;
  width: 2rem;
  height: 2rem;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 50%;
}
.task-kanban-page .task-kanban-project-summary,
.task-kanban-page .task-kanban-toolbar {
  border: 1px solid var(--theme-default-border);
  border-radius: 12px;
  box-shadow: 0 5px 18px rgba(var(--theme-dark-rgb), 0.035);
}
.task-kanban-page .task-kanban-project-summary {
  overflow: hidden;
  background:
    linear-gradient(
      112deg,
      rgba(var(--theme-secondary-rgb), 0.07),
      var(--theme-custom-white) 62%);
}
.task-kanban-page .task-kanban-project-summary .card-body {
  padding: 1.1rem 1.25rem !important;
}
.task-kanban-page .task-kanban-project-summary .avatar-lg {
  width: 48px;
  height: 48px;
  border-radius: 12px !important;
}
.task-kanban-page .task-kanban-project-summary .avatar-list-stacked .avatar {
  border: 2px solid var(--theme-custom-white);
}
.task-kanban-page .task-kanban-toolbar .card-body {
  padding: 0.7rem 0.9rem !important;
}
.task-kanban-page .task-kanban-toolbar .badge {
  padding: 0.45rem 0.65rem;
  border: 1px solid var(--theme-default-border);
  font-weight: 500;
}
.task-kanban-page .task-kanban-toolbar .task-kanban-search {
  width: min(100%, 270px);
}
.task-kanban-page .task-kanban-toolbar .task-kanban-search .input-group-text,
.task-kanban-page .task-kanban-toolbar .task-kanban-search .form-control {
  border-color: var(--theme-default-border);
  background-color: var(--theme-custom-white);
}
.task-kanban-page .task-kanban-board {
  display: grid;
  grid-auto-columns: minmax(248px, 1fr);
  grid-auto-flow: column;
  gap: 5.5rem;
  overflow-x: auto;
  padding: 0.15rem 0.1rem 0.8rem;
  scrollbar-width: thin;
  scrollbar-color: rgba(var(--theme-secondary-rgb), 0.35) transparent;
}
.task-kanban-page .task-kanban-status-marker {
  width: 0.5rem;
  height: 0.5rem;
  line-height: 0.5rem;
}
.task-kanban-page .task-kanban-column {
  min-width: 0;
  padding: 0.85rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 12px;
  background: var(--theme-default-background);
  transition: border-color 0.18s ease, background-color 0.18s ease;
}
.task-kanban-page .task-kanban-column > div:first-child {
  margin: 0 0 0.75rem !important;
  padding: 0 0 0.7rem;
  border-bottom: 1px solid var(--theme-default-border);
}
.task-kanban-page .task-kanban-column > div:first-child > div {
  gap: 0.5rem !important;
}
.task-kanban-page .task-kanban-column > div:first-child .btn {
  width: 30px;
  height: 30px;
  padding: 0;
  border: 1px solid var(--theme-default-border);
  border-radius: 8px;
  background: var(--theme-custom-white);
}
.task-kanban-page .task-kanban-column .task-kanban-count {
  min-width: 24px;
  text-align: center;
}
.task-kanban-page .task-kanban-column.task-status-backlog {
  border-top: 3px solid rgb(var(--theme-primary-rgb));
}
.task-kanban-page .task-kanban-column.task-status-todo {
  border-top: 3px solid rgb(var(--theme-warning-rgb));
}
.task-kanban-page .task-kanban-column.task-status-in-progress {
  border-top: 3px solid rgb(var(--theme-info-rgb));
}
.task-kanban-page .task-kanban-column.task-status-review {
  border-top: 3px solid rgb(var(--theme-danger-rgb));
}
.task-kanban-page .task-kanban-column.task-status-complete {
  border-top: 3px solid rgb(var(--theme-success-rgb));
}
.task-kanban-page .task-kanban-tasks {
  max-height: min(67vh, 760px);
  min-height: 250px;
  overflow-y: auto;
  padding: 0 0.15rem 0.2rem 0;
}
.task-kanban-page [data-view-btn] {
  display: grid;
  align-content: start;
  gap: 0.7rem;
  min-height: 100%;
}
.task-kanban-page [data-task-card] {
  overflow: hidden;
  margin: 0;
  border: 1px solid var(--theme-default-border);
  border-radius: 10px;
  background: var(--theme-custom-white);
  box-shadow: 0 2px 7px rgba(var(--theme-dark-rgb), 0.025);
  transition:
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    transform 0.18s ease;
}
.task-kanban-page [data-task-card]:hover {
  transform: translateY(-2px);
  border-color: rgba(var(--theme-secondary-rgb), 0.35);
  box-shadow: 0 8px 18px rgba(var(--theme-dark-rgb), 0.07);
}
.task-kanban-page [data-task-card] .task-kanban-card-header {
  padding: 0.85rem !important;
}
.task-kanban-page [data-task-card] .task-kanban-card-header > div:first-child .badge:first-child {
  color: var(--theme-text-muted);
  background: var(--theme-default-background);
  font-size: 0.62rem;
  letter-spacing: 0.02em;
}
.task-kanban-page [data-task-card] .task-kanban-card-content h3 {
  color: var(--theme-default-text-color);
  line-height: 1.4;
}
.task-kanban-page [data-task-card] .task-kanban-task-description {
  min-height: 2.5em;
  color: var(--theme-text-muted);
  font-size: 0.68rem;
  line-height: 1.55;
}
.task-kanban-page [data-task-card] .border-top {
  border-color: var(--theme-default-border) !important;
}
.task-kanban-page [data-task-card] .progress {
  border-radius: 1rem;
  background: rgba(var(--theme-secondary-rgb), 0.1);
}
.task-kanban-page [data-task-card] .progress-bar {
  border-radius: inherit;
}
.task-kanban-page [data-task-card] .avatar-list-stacked .avatar {
  border: 2px solid var(--theme-custom-white);
}
.task-kanban-page .task-kanban-progress-wrap {
  margin: 0.7rem 0 0.8rem;
}
.task-kanban-page .task-kanban-progress-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.35rem;
  color: var(--theme-text-muted);
  font-size: 0.62rem;
}
.task-kanban-page .task-kanban-progress-label span:last-child {
  color: var(--theme-default-text-color);
  font-weight: 600;
}
.task-kanban-page .task-kanban-progress {
  height: 5px;
  overflow: hidden;
  border-radius: 1rem;
  background: var(--theme-default-background);
}
.task-kanban-page .task-kanban-progress span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: rgb(var(--theme-primary-rgb));
  transition: width 0.25s ease;
}
.task-kanban-page .task-status-todo .task-kanban-progress span {
  background: rgb(var(--theme-warning-rgb));
}
.task-kanban-page .task-status-in-progress .task-kanban-progress span {
  background: rgb(var(--theme-info-rgb));
}
.task-kanban-page .task-status-review .task-kanban-progress span {
  background: rgb(var(--theme-danger-rgb));
}
.task-kanban-page .task-status-complete .task-kanban-progress span {
  background: rgb(var(--theme-success-rgb));
}
.task-kanban-page .task-kanban-column.is-drop-target {
  border-color: rgba(var(--theme-secondary-rgb), 0.55);
  background: rgba(var(--theme-secondary-rgb), 0.035);
}
@media (max-width: 767.98px) {
  .task-kanban-page .task-kanban-project-summary .card-body > .d-flex {
    align-items: flex-start !important;
  }
  .task-kanban-page .task-kanban-project-summary .card-body > .d-flex > .d-flex:last-child {
    width: 100%;
    justify-content: space-between;
  }
  .task-kanban-page .task-kanban-toolbar .card-body > .d-flex {
    align-items: stretch !important;
  }
  .task-kanban-page .task-kanban-search {
    width: 100%;
  }
  .task-kanban-page .task-kanban-board {
    grid-auto-columns: minmax(270px, 84vw);
  }
  .task-kanban-page .task-kanban-tasks {
    max-height: 62vh;
  }
}
.project-team-page .project-team-page-subtitle {
  color: var(--theme-text-muted);
  font-size: 0.75rem;
}
.project-activity-stream {
  overflow: hidden;
}
.project-activity-stream .project-activity-list {
  margin: 0;
  padding: 0;
}
.project-activity-stream .project-activity-item {
  position: relative;
  margin-inline-start: 0.55rem;
  padding: 0 0 1.25rem 1.75rem;
  border-inline-start: 1px solid var(--theme-default-border);
}
.project-activity-stream .project-activity-item::before {
  position: absolute;
  inset-block-start: 0.25rem;
  inset-inline-start: -0.4rem;
  width: 0.75rem;
  height: 0.75rem;
  border: 2px solid var(--theme-custom-white);
  border-radius: 50%;
  background: var(--theme-primary-color);
  box-shadow: 0 0 0 1px rgba(var(--theme-primary-rgb), 0.22);
  content: "";
}
.project-activity-stream .project-activity-item[data-kind=review]::before {
  background: rgb(var(--theme-success-rgb));
}
.project-activity-stream .project-activity-item[data-kind=milestone]::before {
  background: rgb(var(--theme-warning-rgb));
}
.project-activity-stream .project-activity-item[data-kind=file]::before {
  background: rgb(var(--theme-info-rgb));
}
.project-activity-stream .project-activity-item > div:first-child strong {
  color: var(--theme-default-text-color);
  line-height: 1.45;
}
.project-activity-stream .project-activity-item > p {
  max-width: 54rem;
  line-height: 1.6;
}
.project-activity-stream .project-activity-item > div:last-of-type {
  min-height: 2rem;
  flex-wrap: wrap;
  padding: 0.4rem 0.55rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.55rem;
  background: var(--theme-default-background);
}
.project-activity-stream .project-activity-item:last-of-type {
  padding-bottom: 0;
  border-inline-start-color: transparent;
}
@media (max-width: 575.98px) {
  .project-activity-stream > .card-body {
    padding: 1rem !important;
  }
  .project-activity-stream .project-activity-item {
    padding-inline-start: 1.2rem;
  }
  .project-activity-stream .project-activity-item > div:last-of-type {
    align-items: flex-start !important;
  }
}
.project-team-page .project-team-summary,
.project-team-page .project-team-directory,
.project-team-page .project-team-capacity,
.project-team-page .project-team-pulse {
  overflow: hidden;
  border: 1px solid var(--theme-default-border);
  border-radius: 12px;
  box-shadow: 0 5px 18px rgba(var(--theme-dark-rgb), 0.035);
}
.project-team-page .project-team-directory .card-header,
.project-team-page .project-team-capacity .card-header,
.project-team-page .project-team-pulse .card-header {
  padding: 1rem 1.15rem;
  border-bottom: 1px solid var(--theme-default-border);
}
.project-team-page .project-team-directory .card-footer,
.project-team-page .project-team-capacity .card-footer,
.project-team-page .project-team-pulse .card-footer {
  padding: 0.8rem 1.15rem;
  border-top: 1px solid var(--theme-default-border);
  background: var(--theme-default-background);
}
.project-team-page .project-team-directory .project-team-member-total {
  padding: 0.2rem 0.5rem;
  border-radius: 99px;
  background: rgba(var(--theme-secondary-rgb), 0.08);
  color: rgb(var(--theme-secondary-rgb));
  font-size: 0.61rem;
  font-weight: 600;
}
.project-team-page .project-team-directory .project-team-controls {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  padding: 0.8rem 1.1rem;
  border-bottom: 1px solid var(--theme-default-border);
  background: var(--theme-default-background);
}
.project-team-page .project-team-directory .project-team-search {
  width: min(100%, 330px);
}
.project-team-page .project-team-directory .project-team-search .input-group-text,
.project-team-page .project-team-directory .project-team-search .form-control,
.project-team-page .project-team-directory .project-team-filter .form-select {
  border-color: var(--theme-default-border);
  background-color: var(--theme-custom-white);
  font-size: 0.7rem;
}
.project-team-page .project-team-directory .project-team-filter .form-select {
  min-width: 145px;
}
.project-team-page .project-team-directory .project-team-result-count {
  margin-left: auto;
  color: var(--theme-text-muted);
  font-size: 0.66rem;
  white-space: nowrap;
}
.project-team-page .project-team-directory .table-responsive {
  scrollbar-width: thin;
}
.project-team-page .project-team-directory table {
  min-width: 760px;
}
.project-team-page .project-team-directory thead th {
  padding-block: 0.8rem;
  background: var(--theme-default-background);
  color: var(--theme-text-muted);
  font-size: 0.65rem;
  font-weight: 600;
  letter-spacing: 0.035em;
  text-transform: uppercase;
}
.project-team-page .project-team-directory tbody td {
  padding-block: 0.75rem;
  border-color: var(--theme-default-border);
  color: var(--theme-default-text-color);
  font-size: 0.72rem;
}
.project-team-page .project-team-directory tbody tr:last-child td {
  border-bottom: 0;
}
.project-team-page .project-team-directory tbody tr:hover {
  background: rgba(var(--theme-secondary-rgb), 0.025);
}
.project-team-page .project-team-directory .avatar img {
  -o-object-fit: cover;
  object-fit: cover;
}
.project-team-page .project-team-directory .progress {
  min-width: 58px;
  border-radius: 1rem;
  background: var(--theme-default-background);
}
.project-team-page .project-team-directory .progress-bar {
  border-radius: inherit;
}
.project-team-page .project-team-directory .badge {
  padding: 0.35rem 0.55rem;
  border-radius: 6px;
  font-size: 0.62rem;
  font-weight: 500;
}
.project-team-page .project-team-directory .project-team-empty-row td {
  padding: 3rem 1rem;
}
.project-team-page .project-team-directory .project-team-empty-row td > div {
  display: grid;
  justify-items: center;
  gap: 0.35rem;
  color: var(--theme-text-muted);
  text-align: center;
}
.project-team-page .project-team-directory .project-team-empty-row i {
  color: rgb(var(--theme-secondary-rgb));
  font-size: 1.5rem;
}
.project-team-page .project-team-directory .project-team-empty-row strong {
  color: var(--theme-default-text-color);
  font-size: 0.78rem;
}
.project-team-page .project-team-directory .project-team-empty-row span {
  font-size: 0.67rem;
}
.project-team-page .project-team-capacity .card-body {
  padding: 1.1rem;
}
.project-team-page .project-team-capacity .fs-24 {
  color: var(--theme-default-text-color);
  font-size: 1.8rem;
  letter-spacing: -0.04em;
}
.project-team-page .project-team-capacity .progress {
  border-radius: 1rem;
  background: var(--theme-default-background);
}
.project-team-page .project-team-capacity .progress-bar {
  border-radius: inherit;
}
.project-team-page .project-team-capacity .border-bottom {
  border-color: var(--theme-default-border) !important;
}
.project-team-page .project-team-capacity .badge {
  padding: 0.35rem 0.55rem;
  border-radius: 6px;
  font-size: 0.62rem;
}
.project-team-page .project-team-pulse .card-body {
  padding: 1.1rem;
}
.project-team-page .project-team-pulse .card-body > .d-flex {
  gap: 0.75rem !important;
}
.project-team-page .project-team-pulse .card-body > .d-flex > .avatar {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
}
.project-team-page .project-team-pulse .border-bottom {
  border-color: var(--theme-default-border) !important;
}
@media (max-width: 575.98px) {
  .project-team-page .project-team-summary .card-body {
    padding: 1rem !important;
  }
  .project-team-page .project-team-summary .project-team-stat .text-muted {
    min-height: 1.5em;
  }
  .project-team-page .project-team-summary .project-team-stat strong {
    font-size: 0.95rem;
  }
  .project-team-page .project-team-directory .card-footer {
    align-items: flex-start !important;
    gap: 0.5rem;
    flex-wrap: wrap;
  }
  .project-team-page .project-team-directory .project-team-controls {
    align-items: stretch;
    flex-wrap: wrap;
  }
  .project-team-page .project-team-directory .project-team-search,
  .project-team-page .project-team-directory .project-team-filter {
    width: 100%;
  }
  .project-team-page .project-team-directory .project-team-filter .form-select {
    width: 100%;
  }
  .project-team-page .project-team-directory .project-team-result-count {
    margin: 0;
  }
}
.project-team-summary {
  background:
    linear-gradient(
      115deg,
      rgba(var(--theme-secondary-rgb), 0.075),
      var(--theme-custom-white) 64%);
}
.project-team-summary .card-body {
  padding: 1.35rem !important;
}
.project-team-summary .avatar-lg {
  width: 50px;
  height: 50px;
  border-radius: 12px !important;
}
.project-team-summary .project-team-intro {
  min-width: 0;
}
.project-team-summary .project-team-status {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.23rem 0.48rem;
  border: 1px solid rgba(var(--theme-success-rgb), 0.15);
  border-radius: 99px;
  background: rgba(var(--theme-success-rgb), 0.07);
  color: rgb(var(--theme-success-rgb));
  font-size: 0.6rem;
  font-weight: 600;
}
.project-team-summary .project-team-status i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 0 3px rgba(var(--theme-success-rgb), 0.1);
}
.project-team-summary .project-team-stat-icon {
  display: grid;
  width: 25px;
  height: 25px;
  margin-bottom: 0.4rem;
  place-items: center;
  border-radius: 7px;
  background: rgba(var(--theme-secondary-rgb), 0.08);
  font-size: 0.82rem;
}
.project-team-summary .project-team-stat .text-muted {
  font-size: 0.63rem !important;
  line-height: 1.2;
}
.project-team-summary .project-team-stat strong {
  display: block;
  margin-top: 0.2rem;
  color: var(--theme-default-text-color);
  font-size: 1.05rem;
  line-height: 1;
}
.project-team-stat {
  position: relative;
  min-height: 94px;
  padding: 0.65rem 0.7rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 9px;
  background: rgba(var(--theme-dark-rgb), 0.012);
}
@media (max-width: 575.98px) {
  .project-team-summary .project-team-stat {
    min-height: 86px;
    padding: 0.55rem;
  }
}
@media (max-width: 767.98px) {
  .crm-dashboard-page .crm-welcome-orbit {
    right: -2rem;
    opacity: 0.45;
  }
}
@media (max-width: 575.98px) {
  .crm-dashboard-page .crm-welcome-footer .btn {
    width: 100%;
    margin: 0.5rem 0 0 !important;
  }
}
.card.custom-card.dashboard-card-1 {
  background-color: #d4dffc;
  border: 0px !important;
}
.card.custom-card.dashboard-card-2 {
  background-color: #c1e8cf;
  border: 0px !important;
}
.card.custom-card.dashboard-card-3 {
  background-color: #ffeaac;
  border: 0px !important;
}
.card.custom-card.dashboard-card-4 {
  background-color: #ddd9d6;
  border: 0px !important;
}
.list-unstyled.saletransaction-list {
  margin-bottom: 0px;
}
.list-unstyled.saletransaction-list li {
  margin-bottom: 1.65rem;
}
.list-unstyled.saletransaction-list li:last-child {
  margin-bottom: 0px;
}
.sales-main-card {
  margin-bottom: 10rem !important;
}
.sales-main-card .sales-updates-card {
  position: absolute;
  width: 93%;
  left: 0;
  right: 0;
  margin-inline: auto;
}
#visitors-chart .apexcharts-pie line,
#visitors-chart .apexcharts-pie circle {
  stroke: transparent;
}
ul.visitors-list li {
  padding-inline-start: 2rem;
  position: relative;
}
ul.visitors-list li::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 3px;
  border-radius: 50px;
  inset-inline-start: 16px;
  inset-block-start: 21px;
}
.projects-list-page .project-directory-overview-card {
  position: relative;
  overflow: hidden;
  border-color: rgba(var(--theme-secondary-rgb), 0.16);
  background:
    linear-gradient(
      112deg,
      rgba(var(--theme-secondary-rgb), 0.075),
      var(--theme-custom-white) 52%);
}
.projects-list-page .project-directory-overview-card::after {
  position: absolute;
  inset-block-start: -95px;
  inset-inline-end: 20%;
  width: 190px;
  height: 190px;
  border: 1px solid rgba(var(--theme-secondary-rgb), 0.09);
  border-radius: 50%;
  box-shadow: 0 0 0 24px rgba(var(--theme-secondary-rgb), 0.025), 0 0 0 48px rgba(var(--theme-secondary-rgb), 0.018);
  content: "";
  pointer-events: none;
}
.projects-list-page .project-directory-overview-card > .card-body {
  position: relative;
  z-index: 1;
  padding: 1.4rem;
}
.projects-list-page .project-directory-overview-card .project-directory-intro {
  display: flex;
  align-items: flex-start;
  gap: 0.9rem;
}
.projects-list-page .project-directory-overview-card .project-directory-icon {
  display: grid;
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  place-items: center;
  border: 1px solid rgba(var(--theme-secondary-rgb), 0.12);
  border-radius: 13px;
  background: rgba(var(--theme-secondary-rgb), 0.1);
  color: var(--secondary-color);
  font-size: 1.35rem;
}
.projects-list-page .project-directory-overview-card .project-directory-eyebrow {
  color: var(--secondary-color);
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.08em;
}
.projects-list-page .project-directory-overview-card h2 {
  margin: 0.25rem 0 0.3rem;
  color: var(--theme-default-text-color);
  font-size: 1.2rem;
  font-weight: 600;
}
.projects-list-page .project-directory-overview-card p {
  max-width: 340px;
  color: var(--theme-text-muted);
  font-size: 0.8rem;
}
.projects-list-page .project-directory-overview-card .project-directory-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid var(--theme-default-border);
  border-radius: 12px;
  background: rgba(var(--theme-custom-white-rgb, 255, 255, 255), 0.75);
}
.projects-list-page .project-directory-overview-card .project-directory-metric {
  display: grid;
  min-width: 0;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: center;
  -moz-column-gap: 0.55rem;
  column-gap: 0.55rem;
  padding: 0.85rem 0.75rem;
}
.projects-list-page .project-directory-overview-card .project-directory-metric + .projects-list-page .project-directory-overview-card .project-directory-metric {
  border-inline-start: 1px solid var(--theme-default-border);
}
.projects-list-page .project-directory-overview-card .project-directory-metric > strong {
  grid-column: 2;
  color: var(--theme-default-text-color);
  font-size: 1.35rem;
  font-weight: 600;
  line-height: 1.15;
}
.projects-list-page .project-directory-overview-card .project-directory-metric-icon {
  display: grid;
  width: 28px;
  height: 28px;
  grid-row: span 2;
  place-items: center;
  border-radius: 8px;
  font-size: 0.9rem;
}
.projects-list-page .project-directory-overview-card .project-directory-metric-icon.is-active {
  background: rgba(var(--theme-secondary-rgb), 0.1);
  color: var(--secondary-color);
}
.projects-list-page .project-directory-overview-card .project-directory-metric-icon.is-risk {
  background: rgba(var(--theme-warning-rgb), 0.13);
  color: var(--warning-color);
}
.projects-list-page .project-directory-overview-card .project-directory-metric-icon.is-complete {
  background: rgba(var(--theme-success-rgb), 0.12);
  color: var(--success-color);
}
.projects-list-page .project-directory-overview-card .project-directory-metric-label {
  overflow: hidden;
  color: var(--theme-text-muted);
  font-size: 0.68rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.projects-list-page .project-directory-overview-card .project-directory-metric-note {
  grid-column: 2;
  color: var(--theme-text-muted);
  font-size: 0.62rem;
}
@media (max-width: 575.98px) {
  .projects-list-page .project-directory-overview-card > .card-body {
    padding: 1rem;
  }
  .projects-list-page .project-directory-overview-card .project-directory-intro {
    gap: 0.7rem;
  }
  .projects-list-page .project-directory-overview-card .project-directory-metrics {
    grid-template-columns: 1fr;
  }
  .projects-list-page .project-directory-overview-card .project-directory-metric {
    grid-template-columns: 30px minmax(0, 1fr) auto;
    padding: 0.65rem 0.75rem;
  }
  .projects-list-page .project-directory-overview-card .project-directory-metric + .projects-list-page .project-directory-overview-card .project-directory-metric {
    border-inline-start: 0;
    border-top: 1px solid var(--theme-default-border);
  }
  .projects-list-page .project-directory-overview-card .project-directory-metric > strong {
    grid-column: 3;
    grid-row: 1/span 2;
  }
  .projects-list-page .project-directory-overview-card .project-directory-metric-icon {
    grid-row: 1/span 2;
  }
  .projects-list-page .project-directory-overview-card .project-directory-metric-label,
  .projects-list-page .project-directory-overview-card .project-directory-metric-note {
    grid-column: 2;
  }
}
[data-theme-color=dark] .project-directory-metrics {
  background-color: transparent !important;
}
.projects-list-page .project-directory-list-card {
  border-color: var(--theme-default-border);
  box-shadow: 0 6px 22px rgba(var(--theme-dark-rgb), 0.035);
}
.projects-list-page .project-directory-list-card > .card-header {
  padding: 1.1rem 1.25rem;
  background:
    linear-gradient(
      100deg,
      rgba(var(--theme-secondary-rgb), 0.045),
      var(--theme-custom-white) 58%);
}
.projects-list-page .project-directory-list-card > .card-header .card-title {
  color: var(--theme-default-text-color);
  font-size: 1rem;
  font-weight: 600;
}
.projects-list-page .project-directory-list-card > .card-header .input-group {
  overflow: hidden;
  border: 1px solid var(--theme-default-border);
  border-radius: 8px;
  background: var(--theme-custom-white);
}
.projects-list-page .project-directory-list-card > .card-header .input-group .input-group-text,
.projects-list-page .project-directory-list-card > .card-header .input-group .form-control {
  border: 0;
  background: transparent;
}
.projects-list-page .project-directory-list-card > .card-header .input-group:focus-within {
  border-color: rgba(var(--theme-secondary-rgb), 0.55);
  box-shadow: 0 0 0 3px rgba(var(--theme-secondary-rgb), 0.08);
}
.projects-list-page .project-directory-list-card > .card-header .form-select {
  min-height: 31px;
  border-color: var(--theme-default-border);
  border-radius: 8px;
  background-color: var(--theme-custom-white);
}
.projects-list-page .project-directory-list-card .project-directory-filterbar {
  min-height: 54px;
  padding-inline: 1.25rem;
  background: var(--theme-default-background);
}
.projects-list-page .project-directory-list-card .project-directory-filterbar .project-filter-button {
  min-width: 72px;
  border-radius: 3px;
  font-size: 0.72rem;
  font-weight: 500;
  transition:
    background-color 0.15s ease,
    color 0.15s ease,
    box-shadow 0.15s ease;
}
.projects-list-page .project-directory-list-card .project-directory-filterbar .project-filter-button[aria-pressed=true] {
  box-shadow: 0 3px 8px rgba(var(--theme-secondary-rgb), 0.18);
}
.projects-list-page .project-directory-list-card .project-directory-filterbar .project-filter-button[aria-pressed=false] {
  border: 1px solid transparent;
}
.projects-list-page .project-directory-list-card .project-directory-filterbar .project-filter-button[aria-pressed=false]:hover {
  border-color: var(--theme-default-border);
  background: var(--theme-custom-white);
  color: var(--theme-default-text-color);
}
.projects-list-page .project-directory-list-card > .card-footer {
  padding: 0.85rem 1.25rem;
  border-top: 1px solid var(--theme-default-border);
  background: var(--theme-custom-white);
}
@media (max-width: 575.98px) {
  .projects-list-page .project-directory-list-card > .card-header {
    padding: 1rem;
  }
  .projects-list-page .project-directory-list-card .project-directory-filterbar {
    padding-inline: 1rem;
  }
  .projects-list-page .project-directory-list-card .project-directory-filterbar > span:last-child {
    width: 100%;
    margin-inline-start: 0 !important;
  }
}
.projects-list-page .project-company-logo {
  display: grid;
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  place-items: center;
  padding: 4px;
  overflow: hidden;
  border: 1px solid var(--theme-default-border);
  border-radius: 9px;
  background: var(--theme-custom-white);
}
.projects-list-page .project-company-logo img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
ul.visitors-list li.male::before {
  background-color: #000;
}
ul.visitors-list li.female::before {
  background-color: var(--theme-primary-color);
}
.project-reference-overview-page .project-reference-layout {
  overflow: hidden;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.5rem;
  background: var(--theme-custom-white);
  box-shadow: 0 8px 28px rgba(var(--theme-dark-rgb), 0.035);
}
.project-reference-overview-page .project-reference-main {
  min-width: 0;
  padding: 1.35rem 1.5rem;
}
.project-reference-overview-page .project-reference-summary {
  padding-bottom: 1.1rem;
  border-bottom: 1px dashed var(--theme-default-border);
}
.project-reference-overview-page .project-reference-heading {
  display: flex;
  align-items: center;
  gap: 0.9rem;
}
.project-reference-overview-page .project-reference-logo {
  display: grid;
  width: 80px;
  height: 80px;
  flex: 0 0 80px;
  place-items: center;
  overflow: hidden;
  padding: 4px;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.5rem;
  background: var(--theme-custom-white);
}
.project-reference-overview-page .project-reference-logo img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.project-reference-overview-page .project-reference-title {
  min-width: 0;
  flex: 1 1 auto;
}
.project-reference-overview-page .project-reference-updated {
  display: block;
  margin-bottom: 0.18rem;
  color: var(--theme-text-muted);
  font-size: 0.66rem;
}
.project-reference-overview-page .project-reference-title h2 {
  margin: 0 0 0.35rem;
  color: var(--theme-default-text-color);
  font-size: 1.05rem;
  font-weight: 600;
}
.project-reference-overview-page .project-reference-status {
  background: rgba(var(--theme-success-rgb), 0.12);
  color: rgb(var(--theme-success-rgb));
  font-size: 0.65rem;
  font-weight: 500;
}
.project-reference-overview-page .project-reference-edit {
  align-self: flex-start;
  white-space: nowrap;
}
.project-reference-overview-page .project-reference-description {
  padding: 1.2rem 0 0.9rem;
}
.project-reference-overview-page .project-reference-sidebar .choices {
  margin-bottom: 0.5rem;
}
.project-reference-overview-page .project-reference-description h3,
.project-reference-overview-page .project-reference-section-heading h3,
.project-reference-overview-page .project-reference-side-section h3 {
  margin: 0;
  color: var(--theme-default-text-color);
  font-size: 16px;
  font-weight: 600;
}
.project-reference-overview-page .project-reference-description p {
  margin: 0.55rem 0 0;
  color: var(--theme-text-muted);
  font-size: 13px;
  line-height: 1.65;
}
.project-reference-overview-page .project-reference-meta {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.75rem 1rem;
  margin: 0.35rem 0 0;
  padding: 0.75rem 1rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.5rem;
}
.project-reference-overview-page .project-reference-meta div {
  min-width: 0;
}
.project-reference-overview-page .project-reference-meta dt {
  margin-bottom: 0.1rem;
  color: var(--theme-default-text-color);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.project-reference-overview-page .project-reference-meta dd {
  overflow: hidden;
  margin: 0;
  color: var(--theme-text-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.project-reference-overview-page .project-reference-tabs {
  display: flex;
  gap: 1.15rem;
  overflow-x: auto;
  margin: 0.5rem 0 0;
  border-bottom: 1px solid var(--theme-default-border);
}
.project-reference-overview-page .project-reference-tabs button {
  display: inline-flex;
  align-items: center;
  gap: 0.15rem;
  padding: 0.8rem 0.25rem 0.7rem;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: var(--theme-text-muted);
  font-size: 14px;
  white-space: nowrap;
}
.project-reference-overview-page .project-reference-tabs button span {
  color: inherit;
  font-size: 0.65rem;
}
.project-reference-overview-page .project-reference-tabs button:hover,
.project-reference-overview-page .project-reference-tabs button.active,
.project-reference-overview-page .project-reference-tabs button.is-active {
  border-bottom-color: rgb(var(--theme-secondary-rgb));
  color: rgb(var(--theme-secondary-rgb));
}
.project-reference-overview-page .project-reference-section {
  padding: 1.2rem 0;
  border-bottom: 1px dashed var(--theme-default-border);
  scroll-margin-top: 1rem;
  border: 0px;
}
.project-reference-overview-page .project-reference-section:last-child {
  padding-bottom: 0.2rem;
  border-bottom: 0;
}
.project-reference-overview-page .project-reference-section-heading,
.project-reference-overview-page .project-reference-side-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.85rem;
}
.project-reference-overview-page .project-reference-section-heading p {
  margin: 0.2rem 0 0;
  color: var(--theme-text-muted);
  font-size: 0.68rem;
}
.project-reference-overview-page .project-reference-composer {
  margin-bottom: 1rem;
}
.project-reference-overview-page .project-reference-composer textarea {
  min-height: 68px;
  resize: vertical;
  border-color: var(--theme-default-border);
  border-radius: 8px;
  font-size: 0.73rem;
}
.project-reference-overview-page .project-reference-composer textarea:focus {
  border-color: rgba(var(--theme-secondary-rgb), 0.55);
  box-shadow: 0 0 0 3px rgba(var(--theme-secondary-rgb), 0.08);
}
.project-reference-overview-page .project-reference-comment {
  display: flex;
  align-items: flex-start;
  gap: 0.7rem;
  padding: 0.85rem 0.75rem;
  border: 1px dashed var(--theme-default-border);
  border-radius: 9px;
  margin-top: 0.75rem;
}
.project-reference-overview-page .project-reference-comment + .project-reference-overview-page .project-reference-comment {
  margin-top: 0.55rem;
}
.project-reference-overview-page .project-reference-comment.is-nested {
  margin-left: 2.6rem;
  background: var(--theme-default-background);
}
.project-reference-overview-page .project-reference-comment > .avatar {
  flex: 0 0 30px;
}
.project-reference-overview-page .project-reference-comment p {
  color: var(--theme-text-muted);
  font-size: 12px;
  line-height: 1.55;
  margin-bottom: 10px;
}
.project-reference-overview-page .project-reference-comment-body {
  min-width: 0;
  flex: 1 1 auto;
}
.project-reference-overview-page .project-reference-comment-meta {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.2rem 0.5rem;
}
.project-reference-overview-page .project-reference-comment-meta strong {
  color: var(--theme-default-text-color);
  font-weight: 600;
}
.project-reference-overview-page .project-reference-comment-meta span,
.project-reference-overview-page .project-reference-comment-meta time {
  color: var(--theme-text-muted);
  font-size: 0.63rem;
}
.project-reference-overview-page .project-reference-comment-meta time {
  margin-left: auto;
}
.project-reference-overview-page .project-reference-reply {
  color: var(--theme-text-muted);
  font-size: 12px;
  text-decoration: none;
}
.project-reference-overview-page .project-reference-reply:hover {
  color: rgb(var(--theme-secondary-rgb));
}
.project-reference-overview-page .project-reference-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  margin-top: 1rem;
}
.project-reference-overview-page .project-reference-pagination button {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.35rem;
  background: var(--theme-custom-white);
  color: var(--theme-text-muted);
  font-size: 13px;
}
.project-reference-overview-page .project-reference-pagination button:hover:not(:disabled),
.project-reference-overview-page .project-reference-pagination button.is-current {
  border-color: rgb(var(--theme-secondary-rgb));
  background: rgb(var(--theme-secondary-rgb));
  color: #fff;
}
.project-reference-overview-page .project-reference-pagination button:disabled {
  opacity: 0.45;
}
.project-reference-overview-page .project-reference-pagination > span {
  padding-inline: 0.2rem;
  color: var(--theme-text-muted);
  font-size: 0.7rem;
}
.project-reference-overview-page .project-reference-task-table {
  min-width: 600px;
  margin: 0;
}
.project-reference-overview-page .project-reference-task-table thead th {
  padding: 0.65rem 0.7rem;
  background: var(--theme-default-background);
  color: var(--theme-text-muted);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.project-reference-overview-page .project-reference-task-table tbody td {
  padding: 0.72rem 0.7rem;
  border-color: var(--theme-default-border);
  color: var(--theme-text-muted);
  font-size: 13px;
}
.project-reference-overview-page .project-reference-task-table tbody td strong,
.project-reference-overview-page .project-reference-task-table tbody td small {
  display: block;
}
.project-reference-overview-page .project-reference-task-table tbody td strong {
  color: var(--theme-default-text-color);
  font-size: 13px;
  font-weight: 600;
}
.project-reference-overview-page .project-reference-task-table tbody td small {
  margin-top: 0.18rem;
  color: var(--theme-text-muted);
  font-size: 12px;
}
.project-reference-overview-page .project-reference-task-footer {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding-top: 0.8rem;
  color: var(--theme-text-muted);
  font-size: 0.66rem;
}
.project-reference-overview-page .project-reference-task-footer .progress {
  width: 110px;
  height: 5px;
  margin-left: auto;
  border-radius: 99px;
  background: var(--theme-default-background);
}
.project-reference-overview-page .project-reference-task-footer .progress-bar {
  border-radius: inherit;
  background: rgb(var(--theme-secondary-rgb));
}
.project-reference-overview-page .project-reference-activity {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  padding: 0.7rem 1rem;
}
.project-reference-overview-page .project-reference-activity + .project-reference-activity {
  border-top: 1px dashed var(--theme-default-border);
}
.project-reference-overview-page .project-reference-activity-list {
  border: 1px solid var(--theme-default-border);
  border-radius: 0.5rem;
}
.project-reference-overview-page .project-reference-activity > div {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 0.18rem;
}
.project-reference-overview-page .project-reference-activity strong {
  color: var(--theme-default-text-color);
  font-size: 13px;
  font-weight: 600;
}
.project-reference-overview-page .project-reference-activity > div > span {
  color: var(--theme-text-muted);
  font-size: 12px;
}
.project-reference-overview-page .project-reference-activity > div > span i {
  margin: 0 0.2rem;
  font-style: normal;
}
.project-reference-overview-page .project-reference-activity-icon {
  display: grid;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  place-items: center;
  border-radius: 8px;
}
.project-reference-overview-page .project-reference-activity-icon.is-success {
  background: rgba(var(--theme-success-rgb), 0.12);
  color: rgb(var(--theme-success-rgb));
}
.project-reference-overview-page .project-reference-activity-icon.is-info {
  background: rgba(var(--theme-info-rgb), 0.12);
  color: rgb(var(--theme-info-rgb));
}
.project-reference-overview-page .project-reference-activity-icon.is-primary {
  background: rgba(var(--theme-secondary-rgb), 0.1);
  color: rgb(var(--theme-secondary-rgb));
}
.project-reference-overview-page .project-reference-sidebar {
  min-width: 0;
  border-left: 1px solid var(--theme-default-border);
  background: var(--theme-default-background);
}
.project-reference-overview-page .project-reference-side-section {
  padding: 1rem;
  border-bottom: 1px dashed var(--theme-default-border);
}
.project-reference-overview-page .project-reference-side-section:last-child {
  border-bottom: 0;
}
.project-reference-overview-page .project-reference-status-panel {
  background: rgba(var(--theme-secondary-rgb), 0.025);
}
.project-reference-overview-page .project-reference-status-panel .form-select {
  margin-top: 0.55rem;
  border-color: var(--theme-default-border);
  font-size: 0.7rem;
}
.project-reference-overview-page .project-reference-completion {
  margin-top: 1rem;
  padding: 0.7rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 8px;
  background: var(--theme-custom-white);
}
.project-reference-overview-page .project-reference-completion > div:first-child {
  color: var(--theme-text-muted);
  font-size: 0.65rem;
}
.project-reference-overview-page .project-reference-completion strong {
  color: var(--theme-default-text-color);
  font-size: 0.8rem;
}
.project-reference-overview-page .project-reference-completion .progress {
  height: 5px;
  margin: 0.55rem 0 0.35rem;
  border-radius: 99px;
  background: var(--theme-default-background);
}
.project-reference-overview-page .project-reference-completion .progress-bar {
  border-radius: inherit;
  background: rgb(var(--theme-secondary-rgb));
}
.project-reference-overview-page .project-reference-completion > span {
  color: var(--theme-text-muted);
  font-size: 13px;
}
.project-reference-overview-page .project-reference-member {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0;
}
.project-reference-overview-page .project-reference-member img {
  width: 29px;
  height: 29px;
  flex: 0 0 29px;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}
.project-reference-overview-page .project-reference-member > div {
  display: flex;
  min-width: 0;
  flex: 1 1 auto;
  flex-direction: column;
}
.project-reference-overview-page .project-reference-member strong {
  overflow: hidden;
  color: var(--theme-default-text-color);
  font-size: 13px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.project-reference-overview-page .project-reference-member > div > span {
  color: var(--theme-text-muted);
  font-size: 11px;
}
.project-reference-overview-page .project-reference-member-role {
  padding: 0.17rem 0.32rem;
  border-radius: 5px;
  background: var(--theme-custom-white);
  color: var(--theme-text-muted);
  font-size: 10px;
}
.project-reference-overview-page .project-reference-side-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.5rem;
  padding-top: 0.65rem;
  border-top: 1px solid var(--theme-default-border);
  font-size: 0.65rem;
  text-decoration: none;
}
.project-reference-overview-page .project-reference-file {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.48rem 0.65rem;
  margin-bottom: 0.5rem;
  border-radius: 0.35rem;
  border: 1px solid var(--theme-default-border);
  color: inherit;
  text-decoration: none;
}
.project-reference-overview-page .project-reference-file > span:nth-child(2) {
  display: flex;
  min-width: 0;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 0.12rem;
}
.project-reference-overview-page .project-reference-file > span:nth-child(2) strong {
  overflow: hidden;
  color: var(--theme-default-text-color);
  font-size: 13px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.project-reference-overview-page .project-reference-file small {
  color: var(--theme-text-muted);
  font-size: 11px;
}
.project-reference-overview-page .project-reference-file > i:last-child {
  color: var(--theme-text-muted);
  font-size: 0.8rem;
}
.project-reference-overview-page .project-reference-file:hover > i:last-child {
  color: rgb(var(--theme-secondary-rgb));
}
.project-reference-overview-page .project-reference-file-icon {
  display: grid;
  width: 27px;
  height: 30px;
  flex: 0 0 27px;
  place-items: center;
  border: 1px solid var(--theme-default-border);
  border-radius: 6px;
  background: var(--theme-custom-white);
  font-size: 0.85rem;
}
.project-reference-overview-page .project-reference-file-icon.is-pdf {
  color: rgb(var(--theme-danger-rgb));
}
.project-reference-overview-page .project-reference-file-icon.is-zip {
  color: rgb(var(--theme-warning-rgb));
}
.project-reference-overview-page .project-reference-file-icon.is-doc {
  color: rgb(var(--theme-secondary-rgb));
}
.project-reference-overview-page .project-reference-file-icon.is-image {
  color: rgb(var(--theme-info-rgb));
}
@media (max-width: 1199.98px) {
  .project-reference-overview-page .project-reference-sidebar {
    border-top: 1px solid var(--theme-default-border);
    border-left: 0;
  }
  .project-reference-overview-page .project-reference-side-section {
    padding-inline: 1.25rem;
  }
}
@media (max-width: 575.98px) {
  .project-reference-overview-page .project-reference-main {
    padding: 1rem;
  }
  .project-reference-overview-page .project-reference-heading {
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .project-reference-overview-page .project-reference-edit {
    margin-left: auto;
  }
  .project-reference-overview-page .project-reference-meta {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .project-reference-overview-page .project-reference-tabs {
    gap: 0.8rem;
  }
  .project-reference-overview-page .project-reference-comment.is-nested {
    margin-left: 1rem;
  }
  .project-reference-overview-page .project-reference-comment-meta time {
    width: 100%;
    margin-left: 0;
  }
  .project-reference-overview-page .project-reference-task-footer {
    align-items: flex-start;
    flex-direction: column;
  }
  .project-reference-overview-page .project-reference-task-footer .progress {
    width: 100%;
    margin-left: 0;
  }
}
.projects-create-page .projects-create-layout {
  align-items: flex-start;
}
.projects-create-page .project-create-form-card,
.projects-create-page .project-create-guide-card,
.projects-create-page .project-create-tip-card {
  overflow: hidden;
  border: 1px solid var(--theme-default-border);
  border-radius: 12px;
  box-shadow: 0 6px 20px rgba(var(--theme-dark-rgb), 0.03);
}
.projects-create-page .project-create-form-card > .card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.1rem 1.25rem;
  border-bottom: 1px solid var(--theme-default-border);
  background:
    linear-gradient(
      105deg,
      rgba(var(--theme-secondary-rgb), 0.055),
      var(--theme-custom-white) 60%);
}
.projects-create-page .project-create-form-card > .card-body {
  padding: 1.25rem;
}
.projects-create-page .project-create-form-card .form-label {
  margin-bottom: 0.45rem;
  color: var(--theme-default-text-color);
  font-size: 0.75rem;
  font-weight: 600;
}
.projects-create-page .project-create-form-card .form-control,
.projects-create-page .project-create-form-card .input-group-text {
  border-color: var(--theme-default-border);
  font-size: 0.75rem;
}
.projects-create-page .project-create-form-card .input-group-text {
  background: var(--theme-default-background);
  color: var(--theme-text-muted);
}
.projects-create-page .project-create-form-card .form-control:focus {
  border-color: rgba(var(--theme-secondary-rgb), 0.55);
  box-shadow: 0 0 0 3px rgba(var(--theme-secondary-rgb), 0.08);
}
.projects-create-page .project-create-form-card .form-text {
  display: block;
  margin-top: 0.35rem;
  color: var(--theme-text-muted);
  font-size: 0.65rem;
}
.projects-create-page .project-create-form-card > .card-footer {
  padding: 0.9rem 1.25rem;
  border-top: 1px solid var(--theme-default-border);
  background: var(--theme-default-background);
}
.projects-create-page .project-create-step {
  padding: 0.3rem 0.55rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 7px;
  color: var(--theme-default-text-color);
  font-size: 0.68rem;
  font-weight: 600;
}
.projects-create-page .project-create-step span {
  color: var(--theme-text-muted);
  font-weight: 400;
}
.projects-create-page .project-create-editor-hint {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-bottom: 0.5rem;
  color: var(--theme-text-muted);
  font-size: 0.66rem;
}
.projects-create-page .project-create-editor-hint i {
  color: rgb(var(--theme-secondary-rgb));
  font-size: 0.85rem;
}
.projects-create-page #project-descriptioin-editor {
  border-color: var(--theme-default-border);
  border-radius: 0 0 8px 8px;
}
.projects-create-page #project-descriptioin-editor.ql-container {
  min-height: 150px;
  font-family: inherit;
  font-size: 0.78rem;
}
.projects-create-page #project-descriptioin-editor .ql-editor {
  min-height: 150px;
  color: var(--theme-default-text-color);
  line-height: 1.6;
}
.projects-create-page .ql-toolbar.ql-snow {
  border-color: var(--theme-default-border);
  border-radius: 8px 8px 0 0;
  background: var(--theme-default-background);
}
.projects-create-page .ql-container.ql-snow {
  border-color: var(--theme-default-border);
}
.projects-create-page .project-create-upload-wrap {
  padding: 0.75rem;
  border: 1px dashed rgba(var(--theme-secondary-rgb), 0.28);
  border-radius: 9px;
  background: rgba(var(--theme-secondary-rgb), 0.025);
}
.projects-create-page .project-create-upload-wrap .filepond--root {
  margin-bottom: 0.4rem;
}
.projects-create-page .project-create-upload-wrap .filepond--panel-root {
  border: 1px solid var(--theme-default-border);
  background: var(--theme-custom-white);
}
.projects-create-page .project-create-guide-card > .card-header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 1.1rem;
  border-bottom: 1px solid var(--theme-default-border);
  background: rgba(var(--theme-secondary-rgb), 0.035);
}
.projects-create-page .project-create-guide-card .card-title {
  color: var(--theme-default-text-color);
  font-size: 0.9rem;
  font-weight: 600;
}
.projects-create-page .project-create-guide-card > .card-body {
  padding: 1.1rem;
}
.projects-create-page .project-create-guide-icon,
.projects-create-page .project-create-tip-icon {
  display: grid;
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  place-items: center;
  border-radius: 10px;
  background: rgba(var(--theme-secondary-rgb), 0.1);
  color: rgb(var(--theme-secondary-rgb));
  font-size: 1rem;
}
.projects-create-page .project-create-guide-step {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 0.7rem;
}
.projects-create-page .project-create-guide-step + .projects-create-page .project-create-guide-step {
  margin-top: 1rem;
}
.projects-create-page .project-create-guide-step:not(:last-child)::after {
  position: absolute;
  top: 27px;
  bottom: -13px;
  left: 13px;
  border-left: 1px dashed var(--theme-default-border);
  content: "";
}
.projects-create-page .project-create-guide-step > span {
  z-index: 1;
  display: grid;
  width: 27px;
  height: 27px;
  flex: 0 0 27px;
  place-items: center;
  border: 1px solid rgba(var(--theme-secondary-rgb), 0.18);
  border-radius: 50%;
  background: var(--theme-custom-white);
  color: rgb(var(--theme-secondary-rgb));
  font-size: 0.68rem;
  font-weight: 600;
}
.projects-create-page .project-create-guide-step strong {
  color: var(--theme-default-text-color);
  font-size: 0.73rem;
  font-weight: 600;
}
.projects-create-page .project-create-guide-step p {
  margin: 0.2rem 0 0;
  color: var(--theme-text-muted);
  font-size: 0.66rem;
  line-height: 1.5;
}
.projects-create-page .project-create-tip-card {
  background:
    linear-gradient(
      120deg,
      rgba(var(--theme-success-rgb), 0.1),
      var(--theme-custom-white) 75%);
}
.projects-create-page .project-create-tip-card .card-body {
  padding: 1.1rem;
}
.projects-create-page .project-create-tip-card .project-create-tip-icon {
  background: rgba(var(--theme-success-rgb), 0.3);
  color: #557d17;
}
.projects-create-page .project-create-tip-card h3 {
  margin: 0.75rem 0 0.3rem;
  color: var(--theme-default-text-color);
  font-size: 0.78rem;
  font-weight: 600;
}
.projects-create-page .project-create-tip-card p {
  margin: 0;
  color: var(--theme-text-muted);
  font-size: 0.68rem;
  line-height: 1.55;
}
@media (max-width: 575.98px) {
  .projects-create-page .project-create-form-card > .card-header,
  .projects-create-page .project-create-form-card > .card-body,
  .projects-create-page .project-create-form-card > .card-footer {
    padding-inline: 0.9rem;
  }
  .projects-create-page .project-create-step {
    display: none;
  }
}
.recent-activity-list {
  margin-block-end: 0;
  position: relative;
}
.recent-activity-list:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 85%;
  border-inline-start: 1px dashed var(--theme-default-border);
  bottom: 1.5rem;
  top: 0;
}
.recent-activity-list li {
  margin-block-end: 1.15rem;
  padding-inline-start: 1.5rem;
  position: relative;
}
.recent-activity-list li:before {
  position: absolute;
  content: "";
  width: 3px;
  height: 20px;
  border-radius: 4px;
  inset-inline-start: -1px;
  inset-block-start: 0px;
}
.recent-activity-list li:last-child {
  margin-block-end: 0px;
}
.recent-activity-list li:nth-child(1):before {
  background-color: #d4dffc;
}
.recent-activity-list li:nth-child(2):before {
  background-color: #c1e8cf;
}
.recent-activity-list li:nth-child(3):before {
  background-color: #ffeaac;
}
.recent-activity-list li:nth-child(4):before {
  background-color: #ddd9d6;
}
.recent-activity-list li:nth-child(5):before {
  background-color: #faeedc;
}
.recent-activity-list li:nth-child(6):before {
  background-color: #faeedc;
}
.sales-workspace .table-responsive,
.sales-workspace .sales-view-nav {
  position: relative;
}
.sales-workspace .btn-secondary {
  color: #fff !important;
}
.sales-workspace .btn-secondary:hover,
.sales-workspace .btn-secondary:focus-visible,
.sales-workspace .btn-secondary:active {
  color: #fff !important;
}
.sales-workspace .sales-shell {
  padding-block: 1.75rem;
}
.sales-workspace .sales-page-heading,
.sales-workspace .sales-heading-actions,
.sales-workspace .sales-panel-heading,
.sales-workspace .sales-table-toolbar,
.sales-workspace .sales-table-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.sales-workspace .sales-page-heading {
  margin-bottom: 1.5rem;
  flex-wrap: wrap;
}
.sales-workspace .sales-page-heading h1 {
  font-size: clamp(1.6rem, 2.4vw, 2.25rem);
  letter-spacing: -0.045em;
  margin-bottom: 0.5rem;
}
.sales-workspace .sales-eyebrow {
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  color: var(--theme-text-muted);
  margin-bottom: 0.6rem;
}
.sales-workspace .sales-page-description,
.sales-workspace .sales-panel-heading p {
  color: var(--theme-text-muted);
  margin: 0;
}
.sales-workspace .sales-heading-actions {
  flex-wrap: wrap;
}
.sales-workspace .sales-heading-actions .form-select {
  width: auto;
}
.sales-workspace .sales-heading-actions .btn {
  white-space: nowrap;
}
.sales-workspace .sales-demo-badge,
.sales-workspace .sales-chart-unit {
  padding: 0.4rem 0.65rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.5rem;
  font-size: 0.7rem;
  color: var(--theme-text-muted);
}
.sales-workspace .sales-view-nav {
  display: flex;
  gap: 0.35rem;
  overflow-x: auto;
  border-bottom: 1px solid var(--theme-default-border);
  margin-bottom: 1.5rem;
  padding-bottom: 0.7rem;
}
.sales-workspace .sales-view-nav a {
  white-space: nowrap;
  padding: 0.6rem 1rem;
  border-radius: 0.6rem;
  color: var(--theme-text-muted);
  font-weight: 500;
}
.sales-workspace .sales-view-nav a:hover {
  background: var(--theme-custom-white);
  color: var(--theme-default-text-color);
}
.sales-workspace .sales-view-nav a.active {
  background: rgb(var(--theme-secondary-rgb));
  color: #fff;
}
.sales-workspace .sales-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin-bottom: 1.25rem;
}
.sales-workspace .sales-metric,
.sales-workspace .sales-panel {
  background: var(--theme-custom-white);
  border: 1px solid var(--theme-default-border);
  border-radius: 1rem;
  min-width: 0;
}
.sales-workspace .sales-metric {
  padding: 1.25rem;
}
.sales-workspace .sales-metric > strong {
  display: block;
  font-size: clamp(1.5rem, 2.2vw, 2rem);
  letter-spacing: -0.04em;
  margin: 0.8rem 0 0.25rem;
}
.sales-workspace .sales-metric small {
  color: var(--theme-text-muted);
}
.sales-workspace .sales-metric:first-child {
  background: var(--theme-primary-color);
  color: #222b16;
}
.sales-workspace .sales-metric:first-child .sales-metric-top,
.sales-workspace .sales-metric:first-child small {
  color: #38451b;
}
.sales-workspace .sales-metric-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  color: var(--theme-text-muted);
}
.sales-workspace .sales-metric-top i {
  font-size: 1.15rem;
}
.sales-workspace .sales-grid {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(270px, 1fr);
  gap: 1.25rem;
  margin-bottom: 1.25rem;
}
.sales-workspace .sales-panel-heading {
  padding: 1.3rem;
}
.sales-workspace .sales-panel-heading h2 {
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 0.35rem;
}
.sales-workspace .sales-panel-heading p {
  font-size: 0.75rem;
}
.sales-workspace .sales-chart {
  min-height: 320px;
  padding: 0 0.75rem 0.5rem;
}
.sales-workspace .sales-goal {
  padding: 1.5rem;
  border-radius: 1rem;
  color: #fff;
  background: rgb(var(--theme-secondary-rgb));
  display: flex;
  flex-direction: column;
}
.sales-workspace .sales-goal .sales-goal-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.2rem;
}
.sales-workspace .sales-goal .sales-goal-heading i {
  font-size: 1.7rem;
  color: var(--theme-primary-color);
}
.sales-workspace .sales-goal .sales-eyebrow {
  color: #d9e0e1;
  margin: 0;
}
.sales-workspace .sales-goal h2 {
  color: #fff;
  font-size: 1.85rem;
  letter-spacing: -0.035em;
}
.sales-workspace .sales-goal > p {
  color: #d9e0e1;
  font-size: 0.8rem;
  max-width: 30ch;
}
.sales-workspace .sales-goal .progress {
  height: 0.45rem;
  background: rgba(255, 255, 255, 0.1490196078);
}
.sales-workspace .sales-goal .progress .progress-bar {
  background: var(--theme-primary-color);
}
.sales-workspace .sales-goal .sales-goal-values {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  align-items: baseline;
  margin: auto 0 0.8rem;
  padding-top: 1.2rem;
}
.sales-workspace .sales-goal .sales-goal-values strong {
  font-size: 1.9rem;
  letter-spacing: -0.04em;
}
.sales-workspace .sales-goal .sales-goal-values span {
  color: #d9e0e1;
  font-size: 0.8rem;
}
.sales-workspace .sales-goal .sales-goal-caption {
  margin: 0.7rem 0 1.2rem;
  max-width: none;
  font-size: 0.7rem;
}
.sales-workspace .sales-goal > a {
  color: var(--theme-primary-color);
  font-weight: 600;
  font-size: 0.8rem;
}
.sales-workspace .sales-text-link {
  color: var(--theme-default-text-color);
  font-weight: 600;
  font-size: 0.75rem;
  white-space: nowrap;
}
.sales-workspace .sales-table-toolbar {
  padding: 0 1.3rem 1rem;
}
.sales-workspace .sales-table-toolbar .form-select {
  width: 145px;
}
.sales-workspace .sales-search {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  background: var(--theme-form-control-bg);
  border: 1px solid var(--theme-input-border);
  border-radius: 0.5rem;
  padding: 0.55rem 0.8rem;
  flex: 1;
  min-width: 0;
  color: var(--theme-text-muted);
}
.sales-workspace .sales-search:focus-within {
  outline: 2px solid var(--theme-primary-color);
}
.sales-workspace .sales-search input {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: 0;
  color: var(--theme-default-text-color);
  background: transparent;
  font-size: 0.75rem;
}
.sales-workspace .sales-table {
  margin: 0;
  white-space: nowrap;
}
.sales-workspace .sales-table th {
  background: var(--theme-default-background);
  color: var(--theme-text-muted);
  font-size: 0.65rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.sales-workspace .sales-table td,
.sales-workspace .sales-table th {
  padding: 0.95rem 1.1rem;
  vertical-align: middle;
}
.sales-workspace .sales-table td {
  font-size: 0.75rem;
}
.sales-workspace .sales-table td small {
  display: block;
  color: var(--theme-text-muted);
  margin-top: 0.2rem;
  font-size: 0.65rem;
}
.sales-workspace .sales-invoice-link,
.sales-workspace .sales-detail-button {
  border: 0;
  background: transparent;
  color: var(--theme-default-text-color);
  font-weight: 600;
  padding: 0.3rem;
}
.sales-workspace .sales-invoice-link:hover,
.sales-workspace .sales-detail-button:hover {
  background: rgba(var(--theme-primary-rgb), 0.2);
  border-radius: 0.3rem;
}
.sales-workspace .sales-customer-name {
  font-weight: 500;
}
.sales-workspace .sales-status {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  border-radius: 1rem;
  padding: 0.3rem 0.55rem;
  font-size: 0.65rem;
}
.sales-workspace .sales-status > span {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: currentColor;
}
.sales-workspace .sales-status-paid {
  color: #238456;
  background: rgba(50, 212, 132, 0.12);
}
.sales-workspace .sales-status-pending {
  color: #a36d00;
  background: rgba(253, 175, 34, 0.12);
}
.sales-workspace .sales-status-refunded {
  color: var(--theme-text-muted);
  background: var(--theme-default-background);
}
.sales-workspace .sales-table-footer {
  padding: 1rem 1.3rem;
  color: var(--theme-text-muted);
  font-size: 0.7rem;
}
.sales-workspace .sales-no-results {
  text-align: center;
  white-space: normal;
  padding: 3rem 1rem !important;
}
.sales-workspace .sales-channel-list {
  padding: 0 1.3rem 1.3rem;
}
.sales-workspace .sales-channel {
  padding-block: 1rem;
  border-bottom: 1px solid var(--theme-default-border);
}
.sales-workspace .sales-channel:last-child {
  border: 0;
  padding-bottom: 0;
}
.sales-workspace .sales-channel > div:first-child {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
  font-size: 0.8rem;
}
.sales-workspace .sales-channel > div:first-child span {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
.sales-workspace .sales-channel > div:first-child i {
  font-size: 1.1rem;
  color: var(--theme-text-muted);
}
.sales-workspace .sales-channel small {
  font-size: 0.65rem;
  color: var(--theme-text-muted);
}
.sales-workspace .sales-channel-track {
  height: 5px;
  border-radius: 1rem;
  background: var(--theme-default-background);
  margin: 0.75rem 0 0.4rem;
  overflow: hidden;
}
.sales-workspace .sales-channel-track span {
  display: block;
  height: 100%;
  background: var(--theme-primary-color);
  border-radius: inherit;
}
.sales-workspace .sales-note {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.2rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 1rem;
  background: var(--theme-custom-white);
  margin-bottom: 1.25rem;
}
.sales-workspace .sales-note > i {
  font-size: 1.8rem;
}
.sales-workspace .sales-note p {
  color: var(--theme-text-muted);
  margin: 0;
}
.sales-workspace .sales-note h2 {
  font-size: 1rem;
}
.sales-workspace .sales-note > a {
  margin-inline-start: auto;
}
.sales-workspace .sales-team-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.25rem;
}
.sales-workspace .sales-team-card {
  padding: 1.5rem;
  text-align: center;
}
.sales-workspace .sales-team-card > img {
  width: 64px;
  height: 64px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
  margin-bottom: 1rem;
}
.sales-workspace .sales-team-card h2 {
  font-size: 1rem;
}
.sales-workspace .sales-team-card p {
  color: var(--theme-text-muted);
  font-size: 0.75rem;
}
.sales-workspace .sales-team-card > div {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding-block: 1.25rem;
  margin-block: 1rem;
  border-block: 1px solid var(--theme-default-border);
  font-size: 0.65rem;
  color: var(--theme-text-muted);
}
.sales-workspace .sales-team-card > div strong {
  display: block;
  font-size: 1.1rem;
  color: var(--theme-default-text-color);
  margin-top: 0.4rem;
}
.sales-workspace .sales-team-summary {
  padding: 0 1.3rem 1rem;
}
.sales-workspace .sales-team-summary > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.9rem 0;
  border-top: 1px solid var(--theme-default-border);
}
.sales-workspace .sales-team-summary > div > span:nth-child(2) {
  color: var(--theme-text-muted);
  font-size: 0.75rem;
}
.sales-workspace .sales-team-person {
  display: flex;
  align-items: center;
  gap: 0.7rem;
}
.sales-workspace .sales-team-person img {
  width: 32px;
  height: 32px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
}
.sales-workspace .team-page {
  padding-block: 0.25rem 1.5rem;
}
.sales-workspace .team-directory-intro {
  overflow: hidden;
  background:
    radial-gradient(
      circle at 92% 15%,
      rgba(var(--theme-primary-rgb), 0.13),
      transparent 15rem),
    var(--theme-custom-white);
}
.sales-workspace .team-directory-intro .card-body {
  min-height: 8.5rem;
  padding: 1.5rem;
}
.sales-workspace .team-directory-intro h2 {
  color: var(--theme-default-text-color);
  letter-spacing: -0.025em;
}
.sales-workspace .team-directory-intro p {
  max-width: 48ch;
}
.sales-workspace .team-directory-intro .avatar-list-stacked .avatar {
  border: 2px solid var(--theme-custom-white);
  box-shadow: 0 0.2rem 0.65rem rgba(var(--theme-dark-rgb), 0.1);
}
.sales-workspace .team-profile-card {
  display: flex;
  width: 100%;
  flex-direction: column;
  overflow: hidden;
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    border-color 0.18s ease;
}
.sales-workspace .team-profile-card:hover {
  transform: translateY(-2px);
}
.sales-workspace .team-profile-card .card-body {
  flex: 1 1 auto;
  padding: 1.25rem;
}
.sales-workspace .team-profile-card .avatar-xl {
  border: 3px solid rgba(var(--theme-primary-rgb), 0.12);
  box-shadow: 0 0.25rem 0.75rem rgba(var(--theme-dark-rgb), 0.08);
}
.sales-workspace .team-profile-card h3 {
  color: var(--theme-default-text-color);
  letter-spacing: -0.02em;
}
.sales-workspace .team-profile-card .team-profile-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.5rem;
  padding: 0.8rem 0;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.5rem;
}
.sales-workspace .team-profile-card .team-profile-stats > div {
  min-width: 0;
  text-align: center;
}
.sales-workspace .team-profile-card .team-profile-stats > div + div {
  border-inline-start: 1px solid var(--theme-default-border);
}
.sales-workspace .team-profile-card .team-profile-stats strong,
.sales-workspace .team-profile-card .team-profile-stats span {
  display: block;
}
.sales-workspace .team-profile-card .team-profile-stats strong {
  color: var(--theme-default-text-color);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
}
.sales-workspace .team-profile-card .team-profile-stats span {
  margin-top: 0.2rem;
  color: var(--theme-text-muted);
  font-size: 0.68rem;
}
.sales-workspace .team-profile-card .progress {
  height: 0.375rem;
  overflow: hidden;
  border-radius: 999px;
}
.sales-workspace .team-profile-card .progress-bar {
  border-radius: inherit;
}
.sales-workspace .team-profile-card .card-footer {
  padding: 0.85rem 1.25rem;
  border-top: 1px solid var(--theme-default-border);
  background: transparent;
}
.sales-workspace #team-leaders {
  padding-inline: 1.1rem !important;
}
.sales-workspace .team-leader-row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.9rem 0;
  border-bottom: 1px solid var(--theme-default-border);
}
.sales-workspace .team-leader-row:last-child {
  border-bottom: 0;
}
.sales-workspace .team-leader-row > span:first-child {
  display: grid;
  width: 1.45rem;
  height: 1.45rem;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 0.45rem;
  background: rgba(var(--theme-light-rgb));
  color: var(--theme-default-text-color);
  font-weight: 600;
}
.sales-workspace .team-leader-row > div {
  min-width: 0;
  flex: 1 1 auto;
}
.sales-workspace .team-leader-row a {
  display: block;
  overflow: hidden;
  color: var(--theme-default-text-color);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sales-workspace .team-leader-row a:hover {
  color: var(--theme-primary-color);
}
.sales-workspace .team-leader-row strong {
  color: var(--theme-default-text-color);
}
.sales-workspace .team-page aside > .card + .card {
  margin-top: 1.25rem;
}
.sales-workspace .team-page aside .bg-color-5 {
  border-color: rgba(var(--theme-primary-rgb), 0.22);
  background: rgba(var(--theme-primary-rgb), 0.08);
}
.sales-workspace .team-page aside .bg-color-5 h2,
.sales-workspace .team-page aside .bg-color-5 p {
  color: var(--theme-default-text-color) !important;
}
.sales-workspace #sales-feedback:empty {
  display: none;
}
.sales-workspace .sales-settings-form {
  max-width: 850px;
  padding: 0.3rem;
}
.sales-workspace .sales-form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
  padding: 1.3rem;
}
.sales-workspace .sales-form-grid label {
  margin-bottom: 0.5rem;
}
.sales-workspace .sales-settings-actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  padding: 1.3rem;
  border-top: 1px solid var(--theme-default-border);
}
.sales-workspace .sales-feedback {
  color: var(--theme-text-muted);
  font-size: 0.8rem;
  margin-top: 1rem;
}
.sales-workspace .sales-feedback:empty {
  display: none;
}
.sales-workspace .sales-record-details {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  gap: 1rem;
  margin: 0;
}
.sales-workspace .sales-record-details dt {
  color: var(--theme-text-muted);
  font-weight: 400;
}
.sales-workspace .sales-record-details dd {
  margin: 0;
}
.sales-workspace .module-intro {
  padding: clamp(1.5rem, 4vw, 3rem);
  margin-bottom: 1.25rem;
}
.sales-workspace .module-intro h2 {
  font-size: 1.4rem;
}
.sales-workspace .module-intro p {
  color: var(--theme-text-muted);
  max-width: 65ch;
}
.sales-workspace .module-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 1rem;
  background: var(--theme-primary-color);
  color: #222b16;
  font-size: 1.6rem;
  margin-bottom: 1rem;
}
.sales-workspace .module-links {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}
.sales-workspace .module-links > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.3rem;
  border: 1px solid var(--theme-default-border);
  background: var(--theme-custom-white);
  border-radius: 0.85rem;
  color: var(--theme-default-text-color);
}
.sales-workspace .module-links > a:hover {
  border-color: var(--theme-primary-color);
  background: rgba(var(--theme-primary-rgb), 0.05);
}
@media (max-width: 1199.98px) {
  .sales-workspace .sales-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .sales-workspace .sales-team-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767.98px) {
  .sales-workspace .sales-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sales-workspace .sales-heading-actions {
    width: 100%;
    gap: 0.6rem;
  }
  .sales-workspace .sales-panel-heading {
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .sales-workspace .sales-note {
    flex-wrap: wrap;
  }
  .sales-workspace .team-directory-intro .card-body {
    padding: 1.2rem;
  }
  .sales-workspace .team-directory-intro .avatar-list-stacked {
    margin-top: 0.25rem;
  }
  .sales-workspace .module-links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sales-workspace .sales-team-summary > div {
    flex-wrap: wrap;
  }
}
@media (max-width: 479.98px) {
  .sales-workspace .sales-shell {
    padding-inline: 1rem;
  }
  .sales-workspace .sales-metric {
    padding: 1rem;
  }
  .sales-workspace .sales-metric-top {
    font-size: 0.7rem;
  }
  .sales-workspace .sales-demo-badge {
    width: 100%;
    text-align: center;
  }
  .sales-workspace .sales-heading-actions .form-select {
    flex: 1;
  }
  .sales-workspace .sales-form-grid,
  .sales-workspace .sales-team-grid,
  .sales-workspace .module-links {
    grid-template-columns: 1fr;
  }
  .sales-workspace .team-profile-card .card-body {
    padding: 1rem;
  }
  .sales-workspace .team-profile-card .team-profile-stats {
    gap: 0.25rem;
  }
  .sales-workspace .team-profile-card .team-profile-stats span {
    font-size: 0.62rem;
  }
  .sales-workspace .sales-table-toolbar {
    flex-wrap: wrap;
  }
  .sales-workspace .sales-table-toolbar .sales-search,
  .sales-workspace .sales-table-toolbar .form-select {
    width: 100%;
    flex-basis: 100%;
  }
}
.reports-page .card.custom-card.report-summary-card {
  border-radius: 0.75rem;
  overflow: hidden;
}
.reports-page .card.custom-card.report-summary-card .card-body {
  padding: 1.25rem;
}
.reports-page .card.custom-card.report-summary-card .avatar {
  border: 1px solid rgba(0, 0, 0, 0.05);
}
.reports-page .card.custom-card.report-summary-card h2 {
  font-size: 1.85rem;
  letter-spacing: -0.035em;
}
.reports-page .card.custom-card.report-summary-card .report-summary-note {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  padding-top: 0.5rem;
  color: var(--theme-text-muted);
}
.reports-page .card.custom-card.report-summary-card .report-summary-note i {
  font-size: 1rem;
}
.reports-page .report-revenue-card,
.reports-page .report-channel-card,
.reports-page .report-team-card {
  border-radius: 0.75rem;
  overflow: hidden;
}
.reports-page .report-revenue-card > .card-header,
.reports-page .report-channel-card > .card-header,
.reports-page .report-team-card > .card-header {
  padding-block: 1.15rem;
}
.reports-page .report-revenue-summary {
  border: 1px solid var(--theme-default-border);
  border-inline-start: 3px solid var(--theme-primary-color);
  background: rgba(var(--theme-primary-rgb), 0.05);
  padding: 1rem;
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.reports-page .report-revenue-summary h3 {
  letter-spacing: -0.035em;
}
.reports-page .report-channel-list {
  border: 1px solid var(--theme-default-border);
  border-radius: 0.5rem;
  padding-inline: 0.85rem;
}
.reports-page .report-channel-list .list-group-item {
  background: transparent;
  padding-block: 0.7rem;
  font-size: 0.75rem;
}
@media (max-width: 575.98px) {
  .reports-page .report-revenue-card .card-header {
    flex-wrap: wrap;
    gap: 0.65rem;
  }
  .reports-page .report-revenue-summary {
    padding: 0.85rem;
  }
}
.reports-page .report-channel-card .report-channel-visual {
  background: var(--theme-default-background);
  border-radius: 0.5rem;
  padding: 0.5rem;
  margin-bottom: 0.75rem;
}
.reports-page .report-channel-card .report-channel-breakdown .list-group-item {
  padding-block: 0.5rem;
  background: transparent;
}
.reports-page .report-channel-card .report-channel-breakdown .list-group-item:last-child {
  padding-bottom: 0px;
}
.reports-page .report-channel-card .report-channel-breakdown .progress {
  min-width: 3rem;
}
.reports-page .report-channel-card .card-footer {
  padding-block: 0.85rem;
  flex-wrap: wrap;
}
.settings-page .settings-section {
  scroll-margin-top: 6rem;
}
.settings-page .nav-link {
  border: 1px solid var(--theme-default-border);
  font-size: 0.8125rem;
}
.settings-page .nav-link:hover,
.settings-page .nav-link:focus-visible {
  border-color: var(--theme-primary-color);
}
.settings-page .form-text {
  font-size: 0.75rem;
  margin-top: 0.5rem;
}
.invoices-page .invoice-collection-card {
  border-inline-start: 3px solid rgb(var(--theme-secondary-rgb));
}
.settings-page .settings-editor-card {
  border-radius: 0.75rem;
  overflow: hidden;
}
.settings-page .settings-editor-card .card-header {
  background: var(--theme-default-background);
}
.settings-page .settings-editor-card .card-body {
  padding: 1.5rem;
}
.settings-page .settings-editor-card .form-control,
.settings-page .settings-editor-card .form-select {
  min-height: 2.75rem;
}
.settings-page .settings-preview {
  border-top: 3px solid var(--theme-primary-color);
}
.settings-page .settings-save-bar {
  border: 1px solid var(--theme-default-border);
  border-radius: 0.75rem;
}
.settings-page .settings-sidebar .nav-link {
  display: flex;
  align-items: center;
  padding: 0.85rem;
}
@media (min-width: 1200px) {
  .settings-page .settings-save-bar {
    position: sticky;
    bottom: 1rem;
    z-index: 5;
    box-shadow: 0 0.25rem 1rem rgba(var(--theme-secondary-rgb), 0.08);
  }
}
.settings-workspace .settings-welcome {
  border-inline-start: 3px solid rgb(var(--theme-secondary-rgb));
}
.settings-workspace .settings-group {
  border-radius: 0.75rem;
}
.settings-workspace .settings-group > .card-body {
  padding: 1.5rem;
}
.settings-workspace .settings-group .form-control,
.settings-workspace .settings-group .form-select,
.settings-workspace .settings-group .input-group-text {
  min-height: 2.75rem;
}
.settings-workspace .settings-group .badge {
  font-weight: 500;
}
.settings-workspace .settings-info {
  display: flex;
  gap: 0.85rem;
  align-items: center;
  background: var(--theme-default-background);
  padding: 1rem;
  border-radius: 0.5rem;
}
.settings-workspace .settings-action-panel {
  padding: 1.25rem 1.5rem;
  margin-bottom: 1.5rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.75rem;
  background: var(--theme-custom-white);
}
@media (min-width: 992px) {
  .settings-workspace .settings-group .col-lg-4 {
    border-inline-end: 1px solid var(--theme-default-border);
    padding-inline-end: 2rem;
  }
  .settings-workspace .settings-group .col-lg-8 {
    padding-inline-start: 2rem;
  }
}
.ecommerce-overview .ecommerce-store-card {
  border-inline-start: 3px solid var(--theme-primary-color);
}
.ecommerce-overview .ecommerce-task {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.25rem;
  color: var(--theme-default-text-color);
}
.ecommerce-overview .ecommerce-task + .ecommerce-task {
  border-top: 1px solid var(--theme-default-border);
}
.ecommerce-overview .ecommerce-task:hover {
  background: var(--theme-default-background);
}
.ecommerce-overview .ecommerce-category + .ecommerce-category {
  margin-top: 1.5rem;
}
.ecommerce-overview .table td {
  vertical-align: middle;
  padding-block: 1rem;
}
.commerce-dashboard .commerce-feature {
  background: #c1e8cf;
  color: #263124;
}
.commerce-dashboard .commerce-feature .text-muted {
  color: #53614c !important;
}
.commerce-dashboard .commerce-feature h2 {
  color: #263124;
  font-size: clamp(1.4rem, 2.5vw, 2rem);
}
.commerce-dashboard .commerce-feature .card-footer {
  border-color: #becbab;
}
.commerce-dashboard .commerce-feature-image {
  position: relative;
}
.commerce-dashboard .commerce-feature-image img {
  width: 100%;
  max-height: 235px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 0.75rem;
}
.commerce-dashboard .commerce-feature-image .badge {
  position: absolute;
  bottom: 0.75rem;
  inset-inline-start: 0.75rem;
}
.commerce-dashboard .commerce-funnel-step + .commerce-funnel-step {
  margin-top: 1.35rem;
}
.commerce-dashboard .commerce-product {
  border: 1px solid var(--theme-default-border);
  border-radius: 0.65rem;
  overflow: hidden;
  height: 100%;
}
.commerce-dashboard .commerce-product-image {
  position: relative;
  background: var(--theme-default-body-bg-color);
}
.commerce-dashboard .commerce-product-image img {
  display: block;
  width: 100%;
  height: 165px;
  -o-object-fit: contain;
  object-fit: contain;
}
.commerce-dashboard .commerce-product-image .badge {
  position: absolute;
  top: 0.65rem;
  inset-inline-end: 0.65rem;
}
.commerce-dashboard .commerce-stock-row {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.commerce-dashboard .commerce-stock-row + .commerce-stock-row {
  margin-top: 1.2rem;
}
.commerce-dashboard .commerce-stock-row img {
  -o-object-fit: contain;
  object-fit: contain;
}
.commerce-dashboard .commerce-activity li {
  padding-inline-start: 1rem;
}
.commerce-dashboard .commerce-activity li + li {
  padding-top: 1rem;
}
.commerce-dashboard .commerce-tools {
  border-top: 3px solid var(--theme-primary-color);
}
@media (max-width: 575.98px) {
  .commerce-dashboard .commerce-feature-image img {
    max-height: 200px;
  }
}
.commerce-dashboard .card-header {
  flex-wrap: wrap;
  gap: 0.75rem;
}
.commerce-dashboard .commerce-activity-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  background: var(--theme-default-background);
  padding: 1rem 1.25rem;
  border-radius: 0.6rem;
  margin-bottom: 1rem;
}
.commerce-dashboard .commerce-activity-summary strong {
  display: block;
  font-size: 1.75rem;
  font-weight: 600;
  margin-top: 0.25rem;
}
.commerce-dashboard .commerce-chart-switch .btn.active {
  background: var(--theme-primary-color);
  color: #253022;
  border-color: var(--theme-primary-color);
}
.commerce-dashboard .commerce-product-image {
  padding: 1rem;
}
.commerce-dashboard .commerce-product-image img {
  height: 185px;
  border-radius: 0.5rem;
}
.commerce-dashboard .commerce-product-image .badge {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.commerce-dashboard .commerce-product > .p-3 {
  border-top: 1px solid var(--theme-default-border);
}
.commerce-dashboard .commerce-product > .p-3 strong {
  font-size: 1rem;
}
.commerce-dashboard .commerce-activity {
  position: relative;
}
.commerce-dashboard .commerce-activity::before {
  content: "";
  position: absolute;
  width: 2px;
  height: 90%;
  background-color: var(--theme-default-border);
  inset-inline-start: 18px;
}
.commerce-dashboard .commerce-activity li {
  position: relative;
  padding-inline-start: 3.55rem;
}
.commerce-dashboard .commerce-activity li .activity-avatar {
  position: absolute;
  inset-inline-start: 0px;
}
.commerce-dashboard .commerce-feature-image {
  min-width: 0;
}
.commerce-dashboard .commerce-feature-image .swiper {
  width: 100%;
  border-radius: 0.75rem;
}
.commerce-dashboard .commerce-feature-image .swiper-slide {
  position: relative;
}
.commerce-dashboard .commerce-feature-image .swiper-slide img {
  display: block;
  height: 235px;
  max-height: none;
  -o-object-fit: contain;
  object-fit: contain;
  background: transparent;
}
@media (max-width: 575.98px) {
  .commerce-dashboard .commerce-feature-image .swiper-slide img {
    height: 200px;
  }
}
.crm-workspace-page {
  color: var(--theme-default-text-color);
}
.crm-workspace-page .page-header-breadcrumb {
  min-height: 2.25rem;
}
.crm-workspace-page .page-title {
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 500;
}
.crm-workspace-page .breadcrumb {
  font-size: 0.8125rem;
}
.crm-workspace-page .card.custom-card {
  border: 1px solid var(--theme-default-border);
  background-color: var(--theme-custom-white);
}
.crm-workspace-page .card-header {
  gap: 0.75rem;
  flex-wrap: wrap;
}
.crm-workspace-page .card-title {
  color: var(--theme-default-text-color);
  font-size: 0.9375rem;
  font-weight: 600;
}
.crm-workspace-page .table > :not(caption) > * > * {
  vertical-align: middle;
}
.crm-detail-drawer {
  border: 0;
  background: var(--theme-custom-white);
}
.crm-detail-drawer .offcanvas-header {
  align-items: flex-start;
  padding: 1.25rem 1.25rem 1rem;
  border-bottom: 1px solid var(--theme-default-border);
}
.crm-detail-drawer .offcanvas-title {
  margin: 0.25rem 0 0.2rem;
  color: var(--theme-default-text-color);
  font-size: 1.05rem;
  font-weight: 600;
}
.crm-detail-drawer .offcanvas-body {
  padding: 1.25rem;
}
.crm-detail-drawer .crm-drawer-profile-card {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.65rem;
  background: var(--theme-default-background);
}
.crm-detail-drawer .crm-drawer-avatar {
  width: 3.25rem;
  height: 3.25rem;
  flex: 0 0 auto;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}
.crm-detail-drawer .crm-company-drawer-logo {
  padding: 0.3rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.65rem;
  background: var(--theme-custom-white);
  -o-object-fit: contain;
  object-fit: contain;
}
.crm-detail-drawer .crm-drawer-profile-copy {
  min-width: 0;
  flex: 1;
}
.crm-detail-drawer .crm-drawer-profile-copy h3 {
  margin: 0.1rem 0;
  color: var(--theme-default-text-color);
  font-size: 0.9rem;
  font-weight: 600;
}
.crm-detail-drawer .crm-drawer-profile-copy p {
  margin: 0;
  color: var(--theme-text-muted);
  font-size: 0.72rem;
  overflow-wrap: anywhere;
}
.crm-detail-drawer .crm-drawer-eyebrow {
  color: var(--theme-text-muted);
  font-size: 0.6rem;
  font-weight: 600;
  letter-spacing: 0.06em;
}
.crm-detail-drawer .crm-drawer-actions {
  display: flex;
  gap: 0.5rem;
  margin: 1rem 0 1.25rem;
}
.crm-detail-drawer .crm-drawer-actions .btn {
  min-width: 6rem;
}
.crm-detail-drawer .crm-drawer-insights {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.5rem;
}
.crm-detail-drawer .crm-drawer-insights > div {
  min-width: 0;
  padding: 0.7rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.55rem;
  background: var(--theme-default-background);
}
.crm-detail-drawer .crm-drawer-insights span {
  display: block;
  margin-bottom: 0.35rem;
  color: var(--theme-text-muted);
  font-size: 0.58rem;
}
.crm-detail-drawer .crm-drawer-insights span i {
  margin-inline-end: 0.2rem;
  color: rgb(var(--theme-success-rgb));
}
.crm-detail-drawer .crm-drawer-insights strong {
  display: block;
  color: var(--theme-default-text-color);
  font-size: 0.74rem;
  font-weight: 600;
  overflow-wrap: anywhere;
}
.crm-detail-drawer .crm-drawer-insights strong small {
  color: var(--theme-text-muted);
  font-size: 0.58rem;
  font-weight: 500;
}
.crm-detail-drawer .crm-drawer-section {
  margin-top: 1.25rem;
}
.crm-detail-drawer .crm-drawer-section > h3 {
  margin: 0 0 0.65rem;
  color: var(--theme-default-text-color);
  font-size: 0.78rem;
  font-weight: 600;
}
.crm-detail-drawer .crm-drawer-info-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.55rem;
}
.crm-detail-drawer .crm-drawer-info-item {
  min-width: 0;
  padding: 0.7rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.5rem;
}
.crm-detail-drawer .crm-drawer-info-item > span {
  display: block;
  margin-bottom: 0.25rem;
  color: var(--theme-text-muted);
  font-size: 0.62rem;
}
.crm-detail-drawer .crm-drawer-info-item > strong {
  display: block;
  color: var(--theme-default-text-color);
  font-size: 0.7rem;
  font-weight: 500;
  overflow-wrap: anywhere;
}
.crm-detail-drawer .crm-drawer-notes > p,
.crm-detail-drawer .crm-drawer-notes-copy {
  margin: 0;
  padding: 0.75rem;
  border-radius: 0.5rem;
  background: var(--theme-default-background);
  color: var(--theme-text-muted);
  font-size: 0.7rem;
  line-height: 1.55;
  overflow-wrap: anywhere;
}
@media (max-width: 575.98px) {
  .crm-detail-drawer .offcanvas-body {
    padding: 1rem;
  }
  .crm-detail-drawer .crm-drawer-insights {
    grid-template-columns: 1fr;
  }
  .crm-detail-drawer .crm-drawer-info-grid {
    grid-template-columns: 1fr;
  }
}
.crm-company-center .crm-company-table {
  min-width: 760px;
  margin-bottom: 0;
}
.crm-company-center .crm-company-table th {
  color: var(--theme-text-muted);
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.035em;
}
.crm-company-center .crm-company-table td,
.crm-company-center .crm-company-table th {
  padding: 0.8rem 1rem;
  vertical-align: middle;
}
.crm-company-center .crm-company-table td {
  font-size: 0.75rem;
}
.crm-company-center .crm-company-row-logo {
  flex: 0 0 auto;
  -o-object-fit: contain;
  object-fit: contain;
  background: var(--theme-custom-white);
}
.crm-opportunities-page .crm-data-metric .card-body {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.25rem 0.8rem;
}
.crm-opportunities-page .crm-data-metric .crm-data-icon {
  display: grid;
  width: 2.6rem;
  height: 2.6rem;
  grid-row: span 3;
  place-items: center;
  border-radius: 0.35rem;
  font-size: 1.2rem;
}
.crm-opportunities-page .crm-data-metric .text-muted {
  font-size: 0.7rem;
}
.crm-opportunities-page .crm-data-metric strong {
  color: var(--theme-default-text-color);
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.2;
}
.crm-opportunities-page .crm-data-metric small {
  color: var(--theme-text-muted);
  font-size: 0.62rem;
}
.crm-opportunities-page .crm-stage-summary-panel .card-body {
  padding: 1rem;
}
.crm-opportunities-page .crm-stage-summary-item {
  display: grid;
  gap: 0.7rem;
  height: 100%;
  padding: 0.85rem;
  border-color: var(--theme-default-border) !important;
  border-radius: 0.55rem;
  background: var(--theme-custom-white);
}
.crm-opportunities-page .crm-stage-summary-top {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  color: var(--theme-default-text-color);
  font-size: 0.72rem;
}
.crm-opportunities-page .crm-stage-summary-top strong {
  margin-inline-start: auto;
  font-weight: 600;
}
.crm-opportunities-page .crm-stage-dot {
  width: 0.5rem;
  height: 0.5rem;
  flex: 0 0 auto;
  border-radius: 50%;
}
.crm-opportunities-page .crm-stage-summary-item .progress {
  height: 0.35rem;
  background: var(--theme-default-background);
}
.crm-opportunities-page .crm-stage-summary-value {
  color: var(--theme-default-text-color);
  font-size: 0.9rem;
  font-weight: 600;
}
.crm-opportunities-page .crm-stage-summary-value small {
  margin-inline-start: 0.2rem;
  color: var(--theme-text-muted);
  font-size: 0.62rem;
  font-weight: 400;
}
.crm-opportunities-page .crm-record-controls {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
.crm-opportunities-page .crm-record-controls .choices {
  margin-bottom: 0px;
}
.crm-opportunities-page .crm-record-search {
  position: relative;
  min-width: 15rem;
}
.crm-opportunities-page .crm-record-search > i {
  position: absolute;
  inset-inline-start: 0.75rem;
  top: 50%;
  z-index: 2;
  color: var(--theme-text-muted);
  transform: translateY(-50%);
}
.crm-opportunities-page .crm-record-search .form-control {
  padding-inline-start: 2.25rem;
}
.crm-opportunities-page .crm-record-controls .form-select {
  min-width: 9rem;
}
.crm-opportunities-page .crm-opportunity-grid {
  align-items: stretch;
}
.crm-opportunities-page .crm-opportunity-item {
  position: relative;
  overflow: hidden;
  border-color: var(--theme-default-border);
  transition:
    border-color 160ms ease,
    box-shadow 160ms ease,
    transform 160ms ease;
}
.crm-opportunities-page .crm-opportunity-item::before {
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: var(--theme-primary-color);
  content: "";
}
.crm-opportunities-page .crm-opportunity-item.stage-qualification {
  border-color: rgb(var(--theme-info-rgb));
}
.crm-opportunities-page .crm-opportunity-item.stage-qualification::before {
  background: rgb(var(--theme-info-rgb));
}
.crm-opportunities-page .crm-opportunity-item.stage-proposal::before {
  background: rgb(var(--theme-secondary-rgb));
}
.crm-opportunities-page .crm-opportunity-item.stage-proposal {
  border-color: rgba(var(--theme-secondary-rgb), 0.55);
}
.crm-opportunities-page .crm-opportunity-item.stage-negotiation {
  border-color: rgba(var(--theme-warning-rgb), 0.55);
}
.crm-opportunities-page .crm-opportunity-item.stage-negotiation::before {
  background: rgb(var(--theme-warning-rgb));
}
.crm-opportunities-page .crm-opportunity-item.stage-closing {
  border-color: rgb(var(--theme-success-rgb));
}
.crm-opportunities-page .crm-opportunity-item.stage-closing::before {
  background: rgb(var(--theme-success-rgb));
}
.crm-opportunities-page .crm-opportunity-item:hover {
  box-shadow: 0 0.45rem 1.15rem rgba(var(--theme-dark-rgb), 0.055);
  transform: translateY(-2px);
}
.crm-opportunities-page .crm-opportunity-item .card-body {
  display: flex;
  flex-direction: column;
  padding: 1.1rem;
}
.crm-opportunities-page .crm-opportunity-card-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.65rem;
  margin-bottom: 0.75rem;
}
.crm-opportunities-page .crm-opportunity-id {
  color: var(--theme-text-muted);
  font-size: 0.65rem;
  font-weight: 500;
}
.crm-opportunities-page .crm-opportunity-name {
  margin: 0 0 0.3rem;
  color: var(--theme-default-text-color);
  font-size: 0.9rem;
  font-weight: 600;
}
.crm-opportunities-page .crm-opportunity-company {
  color: var(--theme-text-muted);
  font-size: 0.72rem;
}
.crm-opportunities-page .crm-opportunity-value-panel {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
  margin: 0.25rem 0 0.85rem;
  padding: 0.75rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.55rem;
  background: var(--theme-default-background);
}
.crm-opportunities-page .crm-opportunity-value-panel > div {
  display: grid;
  gap: 0.2rem;
}
.crm-opportunities-page .crm-opportunity-value-panel > div + div {
  padding-inline-start: 0.75rem;
  border-inline-start: 1px solid var(--theme-default-border);
}
.crm-opportunities-page .crm-opportunity-value-panel span {
  color: var(--theme-text-muted);
  font-size: 0.6rem;
}
.crm-opportunities-page .crm-opportunity-value-panel strong {
  color: var(--theme-default-text-color);
  font-size: 0.82rem;
  font-weight: 600;
}
.crm-opportunities-page .crm-opportunity-probability {
  padding: 0.15rem 0 0.8rem;
}
.crm-opportunities-page .crm-opportunity-probability > div:first-child {
  color: var(--theme-text-muted);
  font-size: 0.65rem;
}
.crm-opportunities-page .crm-opportunity-probability strong {
  color: var(--theme-default-text-color);
  font-size: 0.7rem;
}
.crm-opportunities-page .crm-opportunity-probability .progress {
  height: 0.35rem;
  background: var(--theme-default-background);
}
.crm-opportunities-page .crm-opportunity-probability .progress-bar {
  background: var(--theme-primary-color);
}
.crm-opportunities-page .crm-opportunity-item.stage-proposal .crm-opportunity-probability .progress-bar {
  background: rgb(var(--theme-secondary-rgb));
}
.crm-opportunities-page .crm-opportunity-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.6rem;
  margin-top: auto;
  padding-top: 0.75rem;
  border-top: 1px solid var(--theme-default-border);
}
.crm-opportunities-page .crm-opportunity-owner {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  min-width: 0;
}
.crm-opportunities-page .crm-opportunity-owner > span:last-child {
  display: grid;
  min-width: 0;
  gap: 0.1rem;
}
.crm-opportunities-page .crm-opportunity-owner small,
.crm-opportunities-page .crm-opportunity-close small {
  color: var(--theme-text-muted);
  font-size: 0.58rem;
}
.crm-opportunities-page .crm-opportunity-owner strong {
  max-width: 6.5rem;
  overflow: hidden;
  color: var(--theme-default-text-color);
  font-size: 0.65rem;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.crm-opportunities-page .crm-opportunity-close {
  display: grid;
  gap: 0.1rem;
  text-align: end;
}
.crm-opportunities-page .crm-opportunity-close strong {
  color: var(--theme-default-text-color);
  font-size: 0.65rem;
  font-weight: 500;
}
.crm-opportunities-page .crm-opportunity-close > span {
  color: var(--theme-text-muted);
  font-size: 0.58rem;
}
.crm-opportunities-page .crm-opportunity-close.is-soon > span {
  color: rgb(var(--theme-warning-rgb));
  font-weight: 600;
}
@media (max-width: 767.98px) {
  .crm-opportunities-page .crm-record-controls {
    width: 100%;
    flex-wrap: wrap;
  }
  .crm-opportunities-page .crm-record-search {
    min-width: 100%;
  }
  .crm-opportunities-page .crm-record-controls .form-select {
    flex: 1;
  }
}
.crm-deals-page .crm-deal-metric .card-body {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.25rem 0.75rem;
}
.crm-deals-page .crm-deal-metric .crm-deal-metric-icon {
  display: grid;
  width: 2.6rem;
  height: 2.6rem;
  grid-row: span 3;
  place-items: center;
  border-radius: 0.35rem;
  font-size: 1.2rem;
}
.crm-deals-page .crm-deal-metric strong {
  color: var(--theme-default-text-color);
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.2;
}
.crm-deals-page .crm-deal-metric small {
  color: var(--theme-text-muted);
  font-size: 13px;
}
.crm-deals-page .crm-deal-board-card .choices {
  margin-bottom: 0px;
}
.crm-deals-page .crm-deals-board {
  display: grid;
  grid-auto-columns: minmax(16rem, 1fr);
  grid-auto-flow: column;
  gap: 0.85rem;
  overflow-x: auto;
  padding: 0.1rem 0.1rem 0.65rem;
  scrollbar-width: thin;
}
.crm-deals-page .crm-deal-stage {
  position: relative;
  display: flex;
  min-height: 20rem;
  flex-direction: column;
  padding: 0.75rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.7rem;
  background: var(--theme-default-background);
}
.crm-deals-page .crm-deal-stage > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding-bottom: 0.65rem;
  border-bottom: 1px solid var(--theme-default-border);
}
.crm-deals-page .crm-deal-stage > header h3 {
  margin: 0;
  color: var(--theme-default-text-color);
  font-size: 0.78rem;
  font-weight: 600;
}
.crm-deals-page .crm-deal-stage > header span {
  color: var(--theme-text-muted);
  font-size: 0.6rem;
}
.crm-deals-page .crm-deal-stage > header > strong {
  display: grid;
  min-width: 1.75rem;
  height: 1.75rem;
  place-items: center;
  border-radius: 50%;
  background: var(--theme-custom-white);
  color: var(--theme-default-text-color);
  font-size: 0.65rem;
}
.crm-deals-page .crm-deal-stage-total {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.7rem 0.1rem;
  color: var(--theme-default-text-color);
  font-size: 0.83rem;
  font-weight: 600;
}
.crm-deals-page .crm-deal-stage-total span {
  color: var(--theme-text-muted);
  font-size: 0.62rem;
  font-weight: 400;
}
.crm-deals-page .crm-deal-stage-cards {
  display: grid;
  align-content: start;
  gap: 0.65rem;
  min-height: 12rem;
  flex: 1;
}
.crm-deals-page .crm-deal-card {
  padding: 0.8rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.6rem;
  background: var(--theme-custom-white);
  box-shadow: 0 1px 2px rgba(var(--theme-dark-rgb), 0.025);
  cursor: grab;
  transition:
    border-color 150ms ease,
    box-shadow 150ms ease,
    transform 150ms ease;
}
.crm-deals-page .crm-deal-card:hover {
  border-color: rgba(var(--theme-dark-rgb), 0.1);
  box-shadow: 0 0.4rem 1rem rgba(var(--theme-dark-rgb), 0.06);
  transform: translateY(-1px);
}
.crm-deals-page .crm-deal-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.55rem;
}
.crm-deals-page .crm-deal-menu {
  position: relative;
}
.crm-deals-page .crm-deal-menu .dropdown-menu {
  z-index: 1080;
  min-width: 11rem;
  padding: 0.35rem;
  border-color: var(--theme-default-border);
  box-shadow: 0 0.5rem 1.25rem rgba(var(--theme-dark-rgb), 0.12);
}
.crm-deals-page .crm-deal-menu .dropdown-item {
  padding: 0.5rem 0.65rem;
  border-radius: 0.35rem;
  color: var(--theme-default-text-color);
  font-size: 0.7rem;
}
.crm-deals-page .crm-deal-menu .dropdown-item:hover {
  background: var(--theme-default-background);
}
.crm-deals-page .crm-deal-type {
  color: var(--theme-text-muted);
  font-size: 0.62rem;
}
.crm-deals-page .crm-deal-card h4 {
  margin: 0 0 0.2rem;
  color: var(--theme-default-text-color);
  font-size: 0.75rem;
  font-weight: 600;
}
.crm-deals-page .crm-deal-card > p {
  margin-bottom: 0.7rem;
  color: var(--theme-text-muted);
  font-size: 0.65rem;
}
.crm-deals-page .crm-deal-card-value {
  color: var(--theme-default-text-color);
  font-size: 0.95rem;
  font-weight: 600;
}
.crm-deals-page .crm-deal-card-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin: 0.7rem 0;
  padding-top: 0.65rem;
  border-top: 1px solid var(--theme-default-border);
}
.crm-deals-page .crm-deal-card-meta > span {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 0.35rem;
  color: var(--theme-default-text-color);
  font-size: 0.62rem;
}
.crm-deals-page .crm-deal-card-meta img {
  width: 1.45rem;
  height: 1.45rem;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}
.crm-deals-page .crm-deal-card-meta small {
  color: var(--theme-text-muted);
  font-size: 0.58rem;
  white-space: nowrap;
}
.crm-deals-page .crm-deal-probability {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.3rem;
  color: var(--theme-text-muted);
  font-size: 0.6rem;
}
.crm-deals-page .crm-deal-probability strong {
  color: var(--theme-default-text-color);
  font-size: 0.62rem;
}
.crm-deals-page .crm-deal-card .progress {
  height: 0.3rem;
  background: var(--theme-default-background);
}
.crm-deals-page .crm-deal-card .progress-bar {
  background: var(--theme-primary-color);
}
@media (max-width: 575.98px) {
  .crm-deals-page .crm-deals-board {
    grid-auto-columns: minmax(15rem, 88vw);
  }
  .crm-deals-page .crm-deal-board-card > .card-header {
    align-items: flex-start;
  }
}
.gu-mirror.crm-deal-card {
  box-sizing: border-box;
  width: 15rem;
  padding: 0.8rem;
  border: 1px solid rgba(var(--theme-primary-rgb), 0.4);
  border-radius: 0.6rem;
  background: var(--theme-custom-white);
  box-shadow: 0 0.75rem 1.5rem rgba(var(--theme-dark-rgb), 0.16);
  color: var(--theme-default-text-color);
  cursor: grabbing;
  opacity: 0.98;
}
.gu-mirror.crm-deal-card .crm-deal-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.55rem;
}
.gu-mirror.crm-deal-card .crm-deal-type {
  color: var(--theme-text-muted);
  font-size: 0.62rem;
}
.gu-mirror.crm-deal-card h4 {
  margin: 0 0 0.2rem;
  color: var(--theme-default-text-color);
  font-size: 0.75rem;
  font-weight: 600;
}
.gu-mirror.crm-deal-card > p {
  margin-bottom: 0.7rem;
  color: var(--theme-text-muted);
  font-size: 0.65rem;
}
.gu-mirror.crm-deal-card .crm-deal-card-value {
  color: var(--theme-default-text-color);
  font-size: 0.95rem;
  font-weight: 600;
}
.gu-mirror.crm-deal-card .crm-deal-card-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin: 0.7rem 0;
  padding-top: 0.65rem;
  border-top: 1px solid var(--theme-default-border);
}
.gu-mirror.crm-deal-card .crm-deal-card-meta > span {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 0.35rem;
  color: var(--theme-default-text-color);
  font-size: 0.62rem;
}
.gu-mirror.crm-deal-card .crm-deal-card-meta img {
  width: 1.45rem;
  height: 1.45rem;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}
.gu-mirror.crm-deal-card .crm-deal-card-meta small {
  color: var(--theme-text-muted);
  font-size: 0.58rem;
  white-space: nowrap;
}
.gu-mirror.crm-deal-card .crm-deal-probability {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.3rem;
  color: var(--theme-text-muted);
  font-size: 0.6rem;
}
.gu-mirror.crm-deal-card .crm-deal-probability strong {
  color: var(--theme-default-text-color);
  font-size: 0.62rem;
}
.gu-mirror.crm-deal-card .progress {
  height: 0.3rem;
  background: var(--theme-default-background);
}
.gu-mirror.crm-deal-card .progress-bar {
  background: var(--theme-primary-color);
}
.crm-deals-page .crm-deal-card.gu-transit {
  border-style: dashed;
  background: rgba(var(--theme-primary-rgb), 0.055);
  box-shadow: none;
  opacity: 0.45;
}
.finance-dashboard-page .finance-income-chart {
  min-height: 13rem;
}
.finance-dashboard-page .finance-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: end;
}
.finance-dashboard-page .finance-actions .choices {
  margin-bottom: 0px;
}
.finance-dashboard-page .finance-cards-pagination.swiper-pagination {
  position: static;
  width: auto;
}
.finance-dashboard-page .finance-cards-pagination .swiper-pagination-bullet-active {
  background: var(--theme-primary-color);
}
.finance-dashboard-page .finance-activity-search {
  width: min(100%, 12rem);
}
.finance-dashboard-page .finance-activity-filter {
  width: auto;
  min-width: 7rem;
}
.finance-dashboard-page .finance-activity-table [hidden] {
  display: none;
}
.shipment-options {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.shipment-options .choices {
  margin-bottom: 0px;
}
.shipments-page-shell {
  width: 100%;
  min-width: 0;
}
@media (max-width: 991.98px) {
  .shipments-page-shell {
    width: 100vw;
    max-width: 100vw;
    overflow-x: clip;
  }
}
.dock-date {
  width: 5rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.logistics-trip-card .logistics-trip-stop {
  display: grid;
  grid-template-columns: 0.75rem minmax(0, 1fr);
  -moz-column-gap: 0.75rem;
  column-gap: 0.75rem;
  position: relative;
  padding-bottom: 0.6rem;
}
.logistics-trip-card .logistics-trip-stop:last-child {
  padding-bottom: 0;
}
.logistics-trip-card .logistics-trip-marker {
  position: relative;
  display: flex;
  justify-content: center;
  padding-top: 0.28rem;
}
.logistics-trip-card .logistics-trip-marker::after {
  position: absolute;
  inset-block: 0.9rem -1rem;
  inset-inline-start: 50%;
  border-inline-start: 1px dashed rgba(var(--theme-secondary-rgb), 0.42);
  content: "";
}
.logistics-trip-card .logistics-trip-stop:last-child .logistics-trip-marker::after {
  display: none;
}
.logistics-trip-card .logistics-trip-dot {
  position: relative;
  z-index: 1;
  width: 0.6rem;
  height: 0.6rem;
  border: 2px solid rgb(var(--theme-secondary-rgb));
  border-radius: 50%;
  background: var(--theme-custom-white);
}
.logistics-trip-card .logistics-trip-dot-current {
  background: rgb(var(--theme-secondary-rgb));
  box-shadow: 0 0 0 3px rgba(var(--theme-secondary-rgb), 0.12);
}
.logistics-trip-card .logistics-trip-dot-arrival {
  border-color: var(--theme-default-border);
  background: var(--theme-default-body-bg-color);
}
.logistics-trip-card .logistics-trip-stop-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.5rem;
}
.logistics-trip-card .logistics-trip-details strong {
  display: block;
  overflow-wrap: anywhere;
}
.fleet-management-page-shell {
  width: 100%;
  min-width: 0;
}
.fleet-management-page .card,
.fleet-management-page .card-body,
.fleet-management-page .card-header {
  min-width: 0;
}
.fleet-management-page .fleet-roster-toolbar {
  width: min(100%, 38rem);
  min-width: 0;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.fleet-management-page .fleet-roster-toolbar .choices {
  margin-bottom: 0px;
  min-width: 9rem;
  flex: 1 1 9rem;
}
.fleet-management-page .fleet-roster-toolbar > .input-group {
  width: auto !important;
  min-width: 10rem;
  flex: 1 1 10rem;
}
.fleet-management-page .fleet-roster-toolbar > .btn {
  flex: 0 0 auto;
  white-space: nowrap;
}
.fleet-management-page #fleet-status-filter {
  width: auto;
  min-width: 9rem;
}
.fleet-management-page #fleet-vehicle-table [hidden] {
  display: none;
}
.fleet-management-page .fleet-summary-card .card-body {
  min-height: 6.5rem;
}
.fleet-management-page .table-responsive {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overscroll-behavior-inline: contain;
}
.fleet-management-page .card-footer {
  flex-wrap: wrap;
  gap: 0.65rem;
}
@media (max-width: 991.98px) {
  .fleet-management-page {
    width: 100vw;
    max-width: 100vw;
    min-width: 0;
    margin-inline: 0 !important;
    box-sizing: border-box;
    flex: 0 0 100vw;
  }
  .fleet-management-page > .container-fluid {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
  .fleet-management-page > .page-header-breadcrumb {
    width: 100%;
    max-width: 100%;
  }
  .fleet-management-page .container-fluid > .row > .col-xxl-8,
  .fleet-management-page .container-fluid > .row > .col-xxl-4 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (max-width: 767.98px) {
  .fleet-management-page .fleet-roster-toolbar {
    width: 100%;
    justify-content: flex-start;
  }
  .fleet-management-page .fleet-roster-toolbar .input-group {
    width: auto !important;
    flex: 1 1 10rem;
  }
  .fleet-management-page .fleet-roster-toolbar > .btn {
    flex: 1 1 auto;
  }
}
@media (max-width: 575.98px) {
  .fleet-management-page .fleet-roster-toolbar > .btn {
    flex: 1 1 100%;
  }
  .fleet-management-page .table-responsive {
    margin-inline: -0.25rem;
  }
}
@media (max-width: 991.98px) {
  .fleet-management-page-shell {
    width: 100vw;
    max-width: 100vw;
    overflow-x: clip;
  }
}
.staff-list-page-shell {
  width: 100%;
  min-width: 0;
}
@media (min-width: 992px) {
  .staff-list-page {
    width: calc(100vw - 260px);
    max-width: calc(100vw - 260px);
    box-sizing: border-box;
  }
}
.staff-list-page .card,
.staff-list-page .card-body,
.staff-list-page .card-header,
.staff-list-page .row > * {
  min-width: 0;
}
.staff-list-page .table-responsive {
  display: block;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch;
}
.staff-list-page #staff-directory-table {
  width: -moz-max-content;
  width: max-content;
  min-width: 64rem;
  table-layout: auto;
}
.staff-list-page #staff-directory-table th,
.staff-list-page #staff-directory-table td {
  white-space: normal;
  overflow-wrap: anywhere;
}
.staff-list-page .card-footer {
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
}
@media (max-width: 991.98px) {
  .staff-list-page {
    width: 100vw;
    max-width: 100vw;
    min-width: 0;
    margin-inline: 0 !important;
    box-sizing: border-box;
    flex: 0 0 100vw;
  }
  .staff-list-page > .container-fluid {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
  .staff-list-page .container-fluid > .row > .col-xxl-9,
  .staff-list-page .container-fluid > .row > .col-xxl-3 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
  .staff-list-page #staff-directory-table {
    width: 100%;
    min-width: 100%;
    table-layout: fixed;
  }
  .staff-list-page #staff-directory-table th,
  .staff-list-page #staff-directory-table td {
    padding-inline: 0.5rem;
  }
  .staff-list-page #staff-directory-table th:nth-child(3),
  .staff-list-page #staff-directory-table td:nth-child(3),
  .staff-list-page #staff-directory-table th:nth-child(4),
  .staff-list-page #staff-directory-table td:nth-child(4),
  .staff-list-page #staff-directory-table th:nth-child(5),
  .staff-list-page #staff-directory-table td:nth-child(5),
  .staff-list-page #staff-directory-table th:nth-child(7),
  .staff-list-page #staff-directory-table td:nth-child(7) {
    display: none;
  }
  .staff-list-page .table-responsive {
    overflow-x: hidden;
  }
}
@media (max-width: 575.98px) {
  .staff-list-page .card-header,
  .staff-list-page .card-body {
    padding-inline: 1rem;
  }
  .staff-list-page .table-responsive {
    margin-inline: -0.25rem;
  }
}
@media (max-width: 991.98px) {
  .staff-list-page-shell {
    width: 100vw;
    max-width: 100vw;
    overflow-x: clip;
  }
  .staff-list-page-shell > .topbar {
    width: 100vw;
    max-width: 100vw;
    margin-inline: 0 !important;
  }
}
.departments-page .card,
.departments-page .card-body,
.departments-page .card-header,
.departments-page .row > * {
  min-width: 0;
}
.departments-page .table-responsive {
  display: block;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 991.98px) {
  .departments-page #departments-table {
    width: 100%;
    min-width: 100%;
    table-layout: fixed;
  }
  .departments-page #departments-table th,
  .departments-page #departments-table td {
    padding-inline: 0.5rem;
    white-space: normal;
    overflow-wrap: anywhere;
  }
  .departments-page #departments-table th:nth-child(5),
  .departments-page #departments-table td:nth-child(5),
  .departments-page #departments-table th:nth-child(6),
  .departments-page #departments-table td:nth-child(6) {
    display: none;
  }
  .departments-page .row > .col-xxl-8,
  .departments-page .row > .col-xxl-4 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (max-width: 575.98px) {
  .departments-page #departments-table th,
  .departments-page #departments-table td {
    padding-inline: 0.35rem;
    font-size: 0.75rem;
  }
  .departments-page #departments-table th:nth-child(2),
  .departments-page #departments-table td:nth-child(2) {
    display: none;
  }
}
.route-planning-page-shell {
  width: 100%;
  min-width: 0;
}
.route-planning-page .card,
.route-planning-page .card-body,
.route-planning-page .card-header,
.route-planning-page .row > * {
  min-width: 0;
}
.route-planning-page .route-preview-map {
  max-width: 100%;
  overflow: hidden;
}
.route-planning-page .route-preview-map svg {
  display: block;
  max-width: 100%;
}
.route-planning-page .table-responsive {
  max-width: 100%;
  overscroll-behavior-inline: contain;
}
.route-planning-page .card-footer {
  flex-wrap: wrap;
  gap: 0.65rem;
}
@media (max-width: 991.98px) {
  .route-planning-page {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin-inline: 0 !important;
    box-sizing: border-box;
  }
  .route-planning-page .container-fluid > .row > .col-xxl-8,
  .route-planning-page .container-fluid > .row > .col-xxl-4 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (max-width: 575.98px) {
  .route-planning-page .card-body.p-4 {
    padding: 1rem !important;
  }
  .route-planning-page .route-action-buttons {
    width: 100%;
    flex-wrap: wrap;
  }
  .route-planning-page .route-action-buttons > .btn {
    flex: 1 1 9rem;
  }
}
@media (max-width: 991.98px) {
  .route-planning-page-shell {
    width: 100vw;
    max-width: 100vw;
    overflow-x: clip;
  }
}
.crm-deals-page .crm-create-deal-modal .modal-dialog {
  max-width: 38rem;
}
.crm-deals-page .crm-create-deal-modal .modal-content {
  overflow: hidden;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.65rem;
}
.crm-deals-page .crm-create-deal-modal .modal-header,
.crm-deals-page .crm-create-deal-modal .modal-footer {
  padding: 1rem 1.25rem;
}
.crm-deals-page .crm-create-deal-modal .modal-header {
  border-bottom-color: var(--theme-default-border);
}
.crm-deals-page .crm-create-deal-modal .modal-footer {
  border-top-color: var(--theme-default-border);
}
.crm-deals-page .crm-create-deal-modal .modal-body {
  padding: 1.25rem;
}
.crm-deals-page .crm-create-deal-modal .form-label {
  margin-bottom: 0.4rem;
  color: var(--theme-default-text-color);
  font-size: 0.75rem;
  font-weight: 500;
}
.crm-deals-page .crm-create-deal-modal .form-control,
.crm-deals-page .crm-create-deal-modal .form-select,
.crm-deals-page .crm-create-deal-modal .input-group-text {
  min-height: 2.45rem;
  font-size: 0.78rem;
}
@media (max-width: 575.98px) {
  .crm-deals-page .crm-create-deal-modal .modal-dialog {
    margin: 0.75rem;
  }
  .crm-deals-page .crm-create-deal-modal .modal-header,
  .crm-deals-page .crm-create-deal-modal .modal-footer,
  .crm-deals-page .crm-create-deal-modal .modal-body {
    padding: 1rem;
  }
  .crm-deals-page .crm-create-deal-modal .modal-footer > .btn {
    flex: 1;
  }
}
.crm-pipeline-page .crm-pipeline-metric .card-body {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  min-height: 5.5rem;
}
.crm-pipeline-page .crm-pipeline-metric .card-body > div {
  display: grid;
  gap: 0.2rem;
}
.crm-pipeline-page .crm-pipeline-metric small {
  color: var(--theme-text-muted);
  font-size: 0.75rem;
}
.crm-pipeline-page .crm-pipeline-metric strong {
  color: var(--theme-default-text-color);
  font-size: 1.25rem;
  font-weight: 600;
}
.crm-pipeline-page .crm-pipeline-toolbar .card-body {
  padding: 1rem 1.25rem;
}
.crm-pipeline-page .crm-pipeline-controls {
  display: flex;
  align-items: center;
  margin-top: 1rem;
  gap: 0.65rem;
  flex-wrap: wrap;
}
.crm-pipeline-page .crm-pipeline-search {
  position: relative;
  width: min(100%, 17rem);
}
.crm-pipeline-page .crm-pipeline-search > i {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 0.8rem;
  color: var(--theme-text-muted);
  transform: translateY(-50%);
}
.crm-pipeline-page .crm-pipeline-search .form-control {
  padding-left: 2.25rem;
}
.crm-pipeline-page .crm-pipeline-controls > .form-select {
  width: auto;
  min-width: 8.75rem;
}
.crm-pipeline-page .crm-kanban-scroll > .card-body {
  padding: 1rem;
}
.crm-pipeline-page .crm-kanban-board {
  display: grid;
  grid-auto-columns: minmax(16rem, 1fr);
  grid-auto-flow: column;
  gap: 1rem;
  overflow-x: auto;
  padding: 0.15rem 0.1rem 0.75rem;
  scrollbar-width: thin;
}
.crm-pipeline-page .crm-kanban-column {
  min-width: 0;
  min-height: 33rem;
  padding: 0.9rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.65rem;
  background: var(--theme-default-background);
  transition: border-color 150ms ease, background-color 150ms ease;
}
.crm-pipeline-page .crm-kanban-column[data-stage=Qualification] {
  border-top: 3px solid rgb(var(--theme-info-rgb));
}
.crm-pipeline-page .crm-kanban-column[data-stage=Proposal] {
  border-top: 3px solid rgb(var(--theme-secondary-rgb));
}
.crm-pipeline-page .crm-kanban-column[data-stage=Negotiation] {
  border-top: 3px solid rgb(var(--theme-warning-rgb));
}
.crm-pipeline-page .crm-kanban-column[data-stage=Closing] {
  border-top: 3px solid rgb(var(--theme-primary-rgb));
}
.crm-pipeline-page .crm-kanban-column[data-stage=Won] {
  border-top: 3px solid rgb(var(--theme-success-rgb));
}
.crm-pipeline-page .crm-kanban-column.is-drop-target {
  border-color: var(--theme-primary-color);
  background: rgba(var(--theme-primary-rgb), 0.045);
}
.crm-pipeline-page .crm-kanban-column > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.5rem;
  padding-bottom: 0.8rem;
  border-bottom: 1px solid var(--theme-default-border);
}
.crm-pipeline-page .crm-kanban-column > header h3 {
  margin: 0 0 0.2rem;
  color: var(--theme-default-text-color);
  font-size: 0.85rem;
  font-weight: 600;
}
.crm-pipeline-page .crm-kanban-column > header .crm-stage-description {
  margin: 0 0 0.45rem;
  color: var(--theme-text-muted);
  font-size: 0.66rem;
}
.crm-pipeline-page .crm-kanban-column > header .crm-stage-count {
  display: inline-flex;
  padding: 0.16rem 0.45rem;
  border-radius: 1rem;
  background: var(--theme-custom-white);
  color: var(--theme-text-muted);
  font-size: 0.62rem;
}
.crm-pipeline-page .crm-kanban-column > header .crm-stage-total {
  color: var(--theme-default-text-color);
  font-size: 0.78rem;
  font-weight: 600;
  white-space: nowrap;
}
.crm-pipeline-page .crm-kanban-cards {
  display: grid;
  align-content: start;
  gap: 0.75rem;
  min-height: 27rem;
  padding-top: 0.75rem;
}
.crm-pipeline-page .crm-kanban-deal {
  min-width: 0;
  padding: 0.85rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.6rem;
  background: var(--theme-custom-white);
  box-shadow: 0 1px 2px rgba(var(--theme-dark-rgb), 0.025);
  color: var(--theme-default-text-color);
  cursor: grab;
  transition:
    border-color 150ms ease,
    box-shadow 150ms ease,
    transform 150ms ease;
}
.crm-pipeline-page .crm-kanban-deal:hover {
  border-color: rgba(var(--theme-dark-rgb), 0.2);
  box-shadow: 0 0.4rem 1rem rgba(var(--theme-dark-rgb), 0.07);
  transform: translateY(-1px);
}
.crm-pipeline-page .crm-kanban-deal.is-dragging {
  opacity: 0.45;
  cursor: grabbing;
}
.crm-pipeline-page .crm-deal-topline,
.crm-pipeline-page .crm-deal-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
.crm-pipeline-page .crm-deal-topline {
  margin-bottom: 0.55rem;
  color: var(--theme-text-muted);
  font-size: 0.68rem;
}
.crm-pipeline-page .crm-deal-topline .btn {
  display: grid;
  width: 2rem;
  height: 2rem;
  place-items: center;
  padding: 0;
  border-color: var(--theme-default-border);
  color: var(--theme-default-text-color);
}
.crm-pipeline-page .crm-pipeline-menu .dropdown-menu {
  z-index: 1080;
  min-width: 11.5rem;
  padding: 0.35rem;
  border-color: var(--theme-default-border);
  box-shadow: 0 0.5rem 1.25rem rgba(var(--theme-dark-rgb), 0.12);
}
.crm-pipeline-page .crm-pipeline-menu .dropdown-item {
  padding: 0.5rem 0.65rem;
  border-radius: 0.35rem;
  color: var(--theme-default-text-color);
  font-size: 0.75rem;
}
.crm-pipeline-page .crm-pipeline-menu .dropdown-item:hover {
  background: var(--theme-default-background);
}
.crm-pipeline-page .crm-kanban-deal h4 {
  margin: 0 0 0.2rem;
  color: var(--theme-default-text-color);
  font-size: 0.85rem;
  font-weight: 600;
}
.crm-pipeline-page .crm-deal-company {
  margin: 0 0 0.8rem;
  color: var(--theme-text-muted);
  font-size: 0.75rem;
}
.crm-pipeline-page .crm-deal-value {
  color: var(--theme-default-text-color);
  font-size: 1rem;
  font-weight: 600;
}
.crm-pipeline-page .crm-deal-meta {
  margin: 0.75rem 0;
  padding-top: 0.65rem;
  border-top: 1px solid var(--theme-default-border);
}
.crm-pipeline-page .crm-deal-meta > span {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 0.4rem;
  color: var(--theme-default-text-color);
  font-size: 0.7rem;
}
.crm-pipeline-page .crm-deal-meta img {
  width: 1.65rem;
  height: 1.65rem;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}
.crm-pipeline-page .crm-deal-meta small {
  color: var(--theme-text-muted);
  font-size: 0.65rem;
  white-space: nowrap;
}
.crm-pipeline-page .crm-deal-progress {
  height: 0.3rem;
  overflow: hidden;
  border-radius: 1rem;
  background: var(--theme-default-background);
}
.crm-pipeline-page .crm-deal-progress span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--theme-primary-color);
}
.crm-pipeline-page .crm-kanban-column[data-stage=Qualification] .crm-deal-progress span {
  background: rgb(var(--theme-info-rgb));
}
.crm-pipeline-page .crm-kanban-column[data-stage=Proposal] .crm-deal-progress span {
  background: rgb(var(--theme-secondary-rgb));
}
.crm-pipeline-page .crm-kanban-column[data-stage=Negotiation] .crm-deal-progress span {
  background: rgb(var(--theme-warning-rgb));
}
.crm-pipeline-page .crm-kanban-column[data-stage=Closing] .crm-deal-progress span {
  background: rgb(var(--theme-primary-rgb));
}
.crm-pipeline-page .crm-kanban-column[data-stage=Won] .crm-deal-progress span {
  background: rgb(var(--theme-success-rgb));
}
.crm-pipeline-page .crm-deal-action {
  display: flex;
  justify-content: flex-end;
  padding-top: 0.65rem;
}
.crm-pipeline-page .crm-deal-action button {
  border-radius: 0.35rem;
  gap: 0.35rem;
  padding: 0;
  border: 0;
  background: rgb(var(--theme-light-rgb));
  font-size: 0.7rem;
  font-weight: 500;
  width: 100%;
  padding: 0.5rem 0.75rem;
}
.crm-pipeline-page .crm-deal-won {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  color: var(--success);
  font-size: 0.7rem;
}
.crm-pipeline-page .crm-column-empty {
  padding: 1rem;
  border: 1px dashed var(--theme-default-border);
  border-radius: 0.5rem;
  color: var(--theme-text-muted);
  font-size: 0.75rem;
  text-align: center;
}
@media (max-width: 575.98px) {
  .crm-pipeline-page .crm-kanban-board {
    grid-auto-columns: minmax(15rem, 86vw);
  }
  .crm-pipeline-page .crm-kanban-column {
    min-height: 28rem;
  }
  .crm-pipeline-page .crm-pipeline-controls {
    width: 100%;
  }
  .crm-pipeline-page .crm-pipeline-search,
  .crm-pipeline-page .crm-pipeline-controls > .form-select {
    width: 100%;
  }
}
.ai-dashboard-page .ai-request-activity-card .card-header {
  min-height: 4.25rem;
}
.ai-dashboard-page .ai-request-activity-card .card-body {
  padding: 1.05rem 1.25rem 0.55rem;
}
.ai-dashboard-page .ai-request-stage-grid {
  display: grid;
  grid-template-columns: repeat(4, 25%);
  margin-bottom: 0.15rem;
  border-radius: 0.5rem;
  overflow: hidden;
}
.ai-dashboard-page .ai-request-stage {
  min-width: 0;
  padding: 1rem;
  border-right: 1px solid var(--theme-default-border);
  background-color: var(--theme-default-background);
}
.ai-dashboard-page .ai-request-stage:last-child {
  border-right: 0;
}
.ai-dashboard-page .ai-request-stage > strong {
  display: block;
  margin-top: 0.25rem;
  color: var(--theme-default-text-color);
  font-size: 1.25rem;
  font-weight: 600;
  letter-spacing: -0.03em;
  line-height: 1.2;
}
.ai-dashboard-page .ai-request-stage-top {
  display: flex;
  min-height: 1.35rem;
  align-items: center;
  justify-content: space-between;
  gap: 0.3rem;
  color: var(--theme-text-muted);
  font-size: 0.75rem;
  white-space: nowrap;
}
.ai-dashboard-page .ai-request-stage-top .badge {
  padding: 0.16rem 0.35rem;
  border: 1px solid var(--theme-default-border);
  background-color: rgb(var(--theme-light-rgb));
  font-size: 0.65rem;
  font-weight: 500;
}
.ai-dashboard-page .ai-request-chart-wrap {
  position: relative;
  height: 250px;
}
.ai-dashboard-page .ai-request-funnel {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.ai-dashboard-page .ai-request-funnel-segment {
  fill: rgb(var(--theme-secondary-rgb));
}
.ai-dashboard-page .ai-request-funnel-segment-1 {
  fill-opacity: 0.82;
}
.ai-dashboard-page .ai-request-funnel-segment-2 {
  fill-opacity: 0.62;
}
.ai-dashboard-page .ai-request-funnel-segment-3 {
  fill-opacity: 0.38;
}
.ai-dashboard-page .ai-request-funnel-segment-4 {
  fill-opacity: 0.28;
}
.ai-dashboard-page .ai-request-funnel-line {
  fill: none;
  stroke: rgb(var(--theme-secondary-rgb));
  stroke-width: 3;
  vector-effect: non-scaling-stroke;
}
.ai-dashboard-page .ai-request-funnel-separator {
  fill: none;
  stroke: var(--theme-default-border);
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}
.ai-dashboard-page .ai-request-activity-footer {
  padding: 0.8rem 1.25rem;
  background: rgb(var(--theme-light-rgb));
}
.ai-dashboard-page .ai-model-chart-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.ai-dashboard-page .ai-model-chart-wrap #ai-model-chart {
  width: 180px;
  height: 180px;
}
.ai-dashboard-page .ai-model-usage-list {
  display: grid;
  gap: 1rem;
  min-width: 0;
}
.ai-dashboard-page .ai-model-usage-item {
  display: grid;
  gap: 0.35rem;
  min-width: 0;
}
.ai-dashboard-page .ai-model-usage-item > .d-flex strong {
  color: var(--theme-default-text-color);
  font-size: 0.75rem;
}
.ai-dashboard-page .ai-model-usage-item .progress {
  height: 0.3rem;
  background-color: rgb(var(--theme-light-rgb));
}
.ai-dashboard-page .ai-model-name {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: 0.4rem;
  overflow: hidden;
  color: var(--theme-default-text-color);
  font-size: 0.75rem;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ai-dashboard-page .ai-model-dot {
  width: 0.5rem;
  height: 0.5rem;
  flex: 0 0 auto;
  border-radius: 50%;
}
.ai-dashboard-page .ai-latency-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.65rem;
  margin-bottom: 0.5rem;
}
.ai-dashboard-page .ai-latency-stat {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 0.18rem;
  padding: 0.65rem 0.75rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.5rem;
  background: rgb(var(--theme-light-rgb));
}
.ai-dashboard-page .ai-latency-stat > strong {
  color: var(--theme-default-text-color);
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.2;
}
.ai-dashboard-page .ai-latency-stat > strong small {
  font-size: 0.72rem;
  font-weight: 500;
}
.ai-dashboard-page .ai-response-time-card #ai-latency-chart {
  min-height: 235px;
}
@media (max-width: 575.98px) {
  .ai-dashboard-page .ai-latency-summary {
    gap: 0.4rem;
  }
  .ai-dashboard-page .ai-latency-stat {
    padding: 0.55rem;
  }
  .ai-dashboard-page .ai-latency-stat > strong {
    font-size: 1rem;
  }
  .ai-dashboard-page .ai-model-usage-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
  }
}
.ai-dashboard-page .ai-dashboard-widget {
  overflow: hidden;
  background:
    linear-gradient(
      108deg,
      #e2f2e9 0%,
      #eff6e7 58%,
      #f5f0da 100%);
}
.ai-dashboard-page .card:has(> .card-body > .ai-metric-main) {
  display: flex;
  overflow: hidden;
}
.ai-dashboard-page .card:has(> .card-body > .ai-metric-main) > .card-body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding: 0;
}
.ai-dashboard-page .ai-metric-main {
  flex: 1 1 auto;
  padding: 1.1rem 1.15rem 0.9rem;
}
.ai-dashboard-page .ai-metric-heading {
  display: flex;
  min-height: 42px;
  align-items: center;
  gap: 0.7rem;
  margin-bottom: 1.2rem;
}
.ai-dashboard-page .ai-metric-heading > div {
  min-width: 0;
}
.ai-dashboard-page .ai-metric-heading .avatar {
  flex: 0 0 auto;
}
.ai-dashboard-page .ai-metric-title {
  margin: 0 0 0.15rem;
  color: var(--theme-default-text-color);
  font-size: 0.86rem;
  font-weight: 600;
  line-height: 1.25;
}
.ai-dashboard-page .ai-metric-value-row {
  display: flex;
  align-items: center;
  gap: 0.55rem;
}
.ai-dashboard-page .ai-metric-value {
  color: var(--theme-default-text-color);
  font-size: 1.75rem;
  font-weight: 600;
  letter-spacing: -0.04em;
  line-height: 1.1;
}
.ai-dashboard-page .ai-metric-value-row .badge {
  padding: 0.32rem 0.48rem;
  border-radius: 2rem;
  font-size: 0.67rem;
  font-weight: 600;
}
.ai-dashboard-page .ai-metric-action {
  display: flex;
  min-height: 2.7rem;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.55rem 1.1rem;
  border-top: 1px solid var(--theme-default-border);
  background: rgb(var(--theme-light-rgb));
  color: var(--theme-text-muted);
  font-size: 0.75rem;
  text-decoration: none;
  transition: color 0.15s ease, background-color 0.15s ease;
}
.ai-dashboard-page .ai-metric-action i {
  color: var(--theme-default-text-color);
  font-size: 1rem;
  transition: transform 0.15s ease;
}
.ai-dashboard-page .ai-metric-action:hover {
  background: rgba(var(--theme-primary-rgb), 0.05);
  color: var(--theme-default-text-color);
}
.ai-dashboard-page .ai-metric-action:hover i {
  transform: translateX(3px);
}
.ai-dashboard-page .ai-workspace-content {
  max-width: 520px;
  padding: 0.75rem;
}
.ai-dashboard-page .ai-workspace-title {
  margin-bottom: 0.8rem;
  color: var(--theme-default-text-color);
  font-size: clamp(1.45rem, 2.3vw, 2rem);
  font-weight: 600;
  line-height: 1.2;
}
.ai-dashboard-page .ai-workspace-visual {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.ai-dashboard-page .ai-workspace-visual::before,
.ai-dashboard-page .ai-workspace-visual::after {
  position: absolute;
  top: 50%;
  left: 50%;
  border: 1px dashed rgba(var(--theme-primary-rgb), 0.2);
  border-radius: 50%;
  content: "";
  pointer-events: none;
  transform: translate(-50%, -50%);
}
.ai-dashboard-page .ai-workspace-visual::before {
  width: 260px;
  height: 260px;
}
.ai-dashboard-page .ai-workspace-visual::after {
  width: 205px;
  height: 205px;
  border-style: solid;
  opacity: 0.65;
}
.ai-dashboard-page .ai-orchestration-robot {
  position: relative;
  z-index: 1;
  display: block;
  width: min(72%, 270px);
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
  rotate: 7deg;
  filter: drop-shadow(0 0.8rem 1rem rgba(37, 47, 65, 0.07));
}
.ai-dashboard-page .ai-float-card {
  position: absolute;
  z-index: 2;
  display: flex;
  width: 142px;
  min-height: 50px;
  align-items: center;
  gap: 0.45rem;
  padding: 0.4rem 0.5rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.35rem;
  background: var(--theme-custom-white);
  box-shadow: 0 0.25rem 0.8rem rgba(28, 38, 55, 0.08);
}
.ai-dashboard-page .ai-float-card > span:nth-child(2) {
  display: flex;
  min-width: 0;
  flex-direction: column;
}
.ai-dashboard-page .ai-float-card strong {
  overflow: hidden;
  color: var(--theme-default-text-color);
  font-size: 0.65rem;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ai-dashboard-page .ai-float-card small {
  color: var(--theme-text-muted);
  font-size: 0.6rem;
  white-space: nowrap;
}
.ai-dashboard-page .ai-float-card .avatar {
  flex: 0 0 auto;
}
.ai-dashboard-page .ai-float-apps {
  top: 0.55rem;
  left: 57%;
  transform: translateX(-50%);
}
.ai-dashboard-page .ai-float-routing {
  top: 32%;
  left: 0.35rem;
  rotate: -12deg;
}
.ai-dashboard-page .ai-float-knowledge {
  top: 49%;
  right: 0.35rem;
  rotate: -17deg;
}
.ai-dashboard-page .ai-float-live {
  bottom: 15%;
  left: 0.35rem;
}
.ai-dashboard-page .ai-float-tools {
  right: 0.35rem;
  bottom: 15%;
}
.ai-dashboard-page .ai-float-review {
  bottom: 0.55rem;
  left: 50%;
  transform: translateX(-50%);
}
.ai-dashboard-page .ai-live-indicator {
  display: inline-block;
  width: 0.4rem;
  height: 0.4rem;
  margin-inline-end: 0.25rem;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 0 0.2rem rgba(25, 135, 84, 0.1);
  vertical-align: 0.05em;
}
.ai-dashboard-page .ai-cost-total {
  display: block;
  font-size: 1.75rem;
  font-weight: 600;
  letter-spacing: -0.04em;
  line-height: 1.05;
  margin-bottom: 7px;
}
.ai-dashboard-page .ai-cost-detail {
  display: flex;
  min-height: 4.4rem;
  flex-direction: column;
  padding: 0.65rem 0.75rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.35rem;
  background: var(--theme-custom-white);
}
.ai-dashboard-page .ai-cost-detail strong {
  margin-top: 0.15rem;
  color: var(--theme-default-text-color);
  font-size: 1.05rem;
  font-weight: 600;
}
.ai-dashboard-page .ai-cost-detail small {
  color: var(--theme-text-muted);
  font-size: 0.65rem;
}
.ai-dashboard-page .ai-cost-chart-wrap {
  height: 138px;
  padding-top: 0.35rem;
}
.ai-dashboard-page #ai-cost-chart {
  height: 130px;
}
@media (max-width: 991.98px) {
  .ai-dashboard-page .ai-workspace-layout {
    min-height: 0;
  }
  .ai-dashboard-page .ai-workspace-content {
    max-width: none;
    padding: 0.5rem;
  }
}
@media (max-width: 575.98px) {
  .ai-dashboard-page .ai-workspace-visual {
    min-height: 320px;
  }
  .ai-dashboard-page .ai-orchestration-robot {
    width: min(66%, 230px);
  }
  .ai-dashboard-page .ai-float-card {
    width: 132px;
    min-height: 46px;
    padding: 0.3rem;
  }
  .ai-dashboard-page .ai-float-routing,
  .ai-dashboard-page .ai-float-live {
    left: 0;
  }
  .ai-dashboard-page .ai-float-knowledge,
  .ai-dashboard-page .ai-float-tools {
    right: 0;
  }
  .ai-dashboard-page .ai-workspace-visual::before {
    width: 225px;
    height: 225px;
  }
  .ai-dashboard-page .ai-workspace-visual::after {
    width: 175px;
    height: 175px;
  }
}
@media (max-width: 575.98px) {
  .ai-dashboard-page .ai-cost-total {
    font-size: 2.2rem;
  }
}
@media (max-width: 575.98px) {
  .ai-request-stage-grid {
    grid-template-columns: repeat(1, 100%) !important;
  }
}
.hrm-dashboard-page {
  width: 100%;
  min-width: 0;
}
.hrm-dashboard-page .card {
  min-width: 0;
}
.hrm-dashboard-page #hrm-payroll-chart,
.hrm-dashboard-page #hrm-employee-mix-chart {
  width: 100%;
  min-width: 0;
}
.hrm-dashboard-page .card-title {
  font-size: 0.86rem;
  font-weight: 600;
}
.hrm-dashboard-page .hrm-birthday-card {
  background-color: var(--theme-custom-white);
  background-image:
    radial-gradient(
      ellipse at 100% 0%,
      rgba(var(--theme-secondary-rgb), 0.14) 0%,
      transparent 48%),
    radial-gradient(
      ellipse at 0% 100%,
      rgba(var(--theme-primary-rgb), 0.16) 0%,
      transparent 45%),
    linear-gradient(
      135deg,
      rgba(var(--theme-primary-rgb), 0.055),
      rgba(var(--theme-secondary-rgb), 0.055));
}
.hrm-dashboard-page .hrm-employee-card #hrm-employee-mix-chart {
  min-height: 205px;
}
.hrm-dashboard-page .hrm-employee-chart-wrap {
  position: relative;
}
.hrm-dashboard-page .hrm-employee-chart-total {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.1rem;
  pointer-events: none;
  text-align: center;
}
.hrm-dashboard-page .hrm-employee-chart-total span {
  color: var(--theme-text-muted);
  font-size: 0.68rem;
  line-height: 1.2;
}
.hrm-dashboard-page .hrm-employee-chart-total strong {
  color: var(--theme-default-text-color);
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1.2;
}
.hrm-dashboard-page .hrm-interview-card .hrm-interview-list {
  padding-top: 0.35rem;
  height: auto;
  max-height: none;
  overflow: visible;
}
.hrm-dashboard-page .hrm-interview-card .hrm-interview-item {
  position: relative;
  display: grid;
  grid-template-columns: 3.25rem minmax(0, 1fr);
  gap: 0.65rem;
  padding-bottom: 0.8rem;
}
.hrm-dashboard-page .hrm-interview-card .hrm-interview-item:not(:last-of-type)::before {
  position: absolute;
  top: 1.5rem;
  bottom: -0.1rem;
  left: 1.55rem;
  border-left: 1px dashed var(--theme-default-border);
  content: "";
}
.hrm-dashboard-page .hrm-interview-card .hrm-interview-time {
  display: flex;
  align-items: center;
  align-self: start;
  justify-content: center;
  gap: 0.2rem;
  padding: 0.4rem 0.25rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.45rem;
  background: var(--theme-custom-white);
  color: var(--theme-default-text-color);
  font-size: 0.68rem;
  line-height: 1;
}
.hrm-dashboard-page .hrm-interview-card .hrm-interview-time span {
  color: var(--theme-text-muted);
  font-size: 0.58rem;
}
.hrm-dashboard-page .hrm-interview-card .hrm-interview-detail {
  display: grid;
  gap: 0.5rem;
  min-width: 0;
  padding: 0.55rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.5rem;
  background: var(--theme-default-background);
}
.hrm-dashboard-page .hrm-interview-card .hrm-interview-detail strong {
  color: var(--theme-default-text-color);
  font-size: 0.72rem;
}
.hrm-dashboard-page .hrm-interview-card .hrm-interview-detail .badge {
  justify-self: start;
  font-size: 0.61rem;
  font-weight: 500;
}
.hrm-dashboard-page .hrm-payroll-card .card-body .border.rounded.p-3 {
  border-color: var(--theme-default-border) !important;
  background: rgb(var(--theme-light-rgb));
}
.hrm-dashboard-page .hrm-messages-card .list-group-item {
  transition: background-color 0.15s ease;
}
.hrm-dashboard-page .hrm-messages-card .list-group-item:hover {
  background: rgb(var(--theme-light-rgb));
}
.hrm-dashboard-page .hrm-workforce-overview .hrm-workforce-progress {
  height: 0.55rem;
  overflow: hidden;
  border-radius: 1rem;
  background: rgb(var(--theme-light-rgb));
}
.hrm-dashboard-page .hrm-workforce-overview .hrm-workforce-table {
  font-size: 0.7rem;
}
.hrm-dashboard-page .hrm-workforce-overview .hrm-workforce-table thead th {
  padding: 0.55rem 0.35rem;
  background: rgb(var(--theme-light-rgb));
  color: var(--theme-default-text-color);
  font-weight: 600;
  white-space: nowrap;
}
.hrm-dashboard-page .hrm-workforce-overview .hrm-workforce-table tbody td {
  padding: 0.5rem 0.35rem;
  color: var(--theme-text-muted);
  white-space: nowrap;
}
.hrm-dashboard-page .hrm-workforce-overview .hrm-workforce-table tbody td:first-child {
  color: var(--theme-default-text-color);
}
.hrm-dashboard-page .hrm-activity-card .hrm-activity-feed {
  display: grid;
  gap: 0.15rem;
}
.hrm-dashboard-page .hrm-activity-card .hrm-activity-item {
  display: flex;
  align-items: flex-start;
  gap: 0.7rem;
  min-width: 0;
  padding: 0.65rem 1rem;
}
.hrm-dashboard-page .hrm-activity-card .hrm-activity-item + .hrm-activity-item {
  border-top: 1px solid var(--theme-default-border);
}
.hrm-dashboard-page .hrm-activity-card .hrm-activity-item > .avatar {
  flex: 0 0 auto;
}
.hrm-dashboard-page .hrm-activity-card .hrm-activity-copy {
  flex: 1 1 auto;
  min-width: 0;
}
.hrm-dashboard-page .hrm-activity-card .hrm-activity-copy strong {
  color: var(--theme-default-text-color);
  font-size: 0.73rem;
  font-weight: 600;
}
.hrm-dashboard-page .hrm-activity-card .hrm-activity-copy p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hrm-dashboard-page .hrm-activity-card .hrm-activity-copy .badge {
  font-size: 0.62rem;
  font-weight: 500;
}
.hrm-dashboard-page .card-header {
  min-height: 4rem;
}
@media (max-width: 575.98px) {
  .hrm-dashboard-page {
    padding-inline: 0.25rem;
  }
  .hrm-dashboard-page .hrm-metric-card .card-body {
    min-height: 104px;
  }
  .hrm-dashboard-page .hrm-payroll-card .card-header {
    align-items: flex-start !important;
  }
  .hrm-dashboard-page .hrm-payroll-card .card-body {
    padding: 0.85rem;
  }
  .hrm-dashboard-page .hrm-payroll-card .card-body > .row > [class*=col-] {
    width: 100%;
  }
  .hrm-dashboard-page .hrm-workforce-overview .hrm-workforce-table {
    min-width: 28rem;
  }
  .hrm-dashboard-page .hrm-workforce-overview .card-body {
    padding-inline: 0.85rem;
  }
  .hrm-dashboard-page .hrm-activity-card .hrm-activity-item {
    padding-inline: 0;
  }
  .hrm-dashboard-page .hrm-interview-card .hrm-interview-item {
    grid-template-columns: 3rem minmax(0, 1fr);
    gap: 0.5rem;
  }
  .hrm-dashboard-page .hrm-interview-card .hrm-interview-detail {
    padding: 0.45rem;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .hrm-dashboard-page .hrm-payroll-card .card-body > .row > [class*=col-] {
    width: 100%;
  }
}
.hrm-attendance-log-card .choices {
  margin-bottom: 0px;
}
.hrm-attendance-summary {
  background-image:
    radial-gradient(
      ellipse at 0% 0%,
      rgba(var(--theme-primary-rgb), 0.055),
      transparent 42%);
}
.hrm-attendance-summary .hrm-attendance-ring {
  width: 6.5rem;
  height: 6.5rem;
}
.hrm-attendance-summary .hrm-attendance-ring svg {
  display: block;
  width: 100%;
  height: 100%;
}
.hrm-attendance-summary .hrm-attendance-stat {
  height: 100%;
  padding: 0.75rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.6rem;
  background: var(--theme-custom-white);
}
.hrm-attendance-summary .hrm-attendance-stat strong {
  display: block;
  color: var(--theme-default-text-color);
  line-height: 1.3;
}
.hrm-attendance-summary .hrm-attendance-stat small {
  font-size: 0.65rem;
  line-height: 1.35;
}
.hrm-attendance-log-card {
  min-width: 0;
}
.hrm-attendance-log-card .table-responsive {
  max-width: 100%;
}
.hrm-attendance-log-card table {
  min-width: 76rem;
}
@media (max-width: 575.98px) {
  .hrm-attendance-log-card .card-header,
  .hrm-attendance-log-card .card-footer {
    align-items: flex-start !important;
    flex-direction: column;
  }
  .hrm-attendance-log-card .card-body .row > [class*=col-] {
    width: 100%;
  }
}
.holiday-month-card {
  overflow: hidden;
}
.holiday-month-card .holiday-month-overview {
  padding: 1rem 1.1rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.75rem;
  background: var(--theme-default-background);
}
.holiday-month-card .holiday-month-stats > span {
  padding: 0.4rem 0.65rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 999px;
  background: var(--theme-custom-white);
  color: var(--theme-text-muted);
  font-size: 0.75rem;
  white-space: nowrap;
}
.holiday-month-card .holiday-calendar .holiday-day {
  min-height: 68px;
  padding: 9px;
  border: 1px solid var(--theme-default-border);
  border-radius: 9px;
  background: var(--theme-custom-white);
  color: var(--theme-default-text-color);
  text-align: left;
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease;
}
.holiday-month-card .holiday-calendar .holiday-day:hover {
  border-color: rgba(var(--theme-primary-rgb), 0.4);
  box-shadow: 0 4px 12px rgba(16, 24, 40, 0.06);
  transform: translateY(-1px);
}
.holiday-month-card .holiday-calendar .holiday-day-weekend {
  background: var(--theme-default-background);
}
.holiday-month-card .holiday-calendar .holiday-day-event {
  border-color: rgba(var(--theme-success-rgb), 0.35);
  background: rgba(var(--theme-success-rgb), 0.08);
  color: var(--success-color);
}
.holiday-month-card .holiday-calendar .holiday-event-label {
  white-space: normal;
  line-height: 1.25;
}
.holiday-weekday-grid,
.holiday-calendar {
  display: grid !important;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 0.5rem;
  width: 100%;
  margin-inline: 0;
}
.holiday-weekday-grid > .col,
.holiday-calendar > .col {
  width: auto;
  max-width: none;
  padding: 0;
  flex: initial;
  min-width: 0;
}
.holiday-weekday-grid > .col {
  padding-block: 0.5rem;
  border-bottom: 1px solid var(--theme-default-border);
}
.holiday-calendar .holiday-day {
  min-height: 68px;
  padding: 10px;
  border: 1px solid var(--theme-default-border);
  border-radius: 10px;
  background: var(--theme-custom-white);
  color: var(--theme-default-text-color);
  text-align: left;
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease;
}
.holiday-calendar .holiday-day:hover {
  border-color: rgba(var(--theme-dark-rgb), 0.2);
  box-shadow: 0 5px 16px rgba(16, 24, 40, 0.08);
  transform: translateY(-2px);
}
.holiday-calendar .holiday-day-weekend {
  background: rgba(var(--theme-primary-rgb), 0.035);
}
.holiday-calendar .holiday-day-muted {
  color: var(--theme-text-muted) !important;
  opacity: 0.45;
  background: var(--theme-default-background);
}
.holiday-calendar .holiday-day-event {
  border-color: rgba(var(--theme-success-rgb), 0.35);
  background: rgba(var(--theme-success-rgb), 0.08);
  color: var(--success-color);
  text-align: center;
}
.holiday-calendar .holiday-day-event:hover {
  border-color: var(--theme-primary-color);
}
.holiday-calendar .holiday-day-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  font-weight: 600;
}
.holiday-calendar .holiday-day-event .holiday-day-number {
  background: rgb(var(--theme-success-rgb));
  color: #fff;
}
.holiday-calendar .holiday-event-label {
  display: block;
  margin-top: 5px;
  font-size: 10px;
  font-weight: 600;
  white-space: nowrap;
}
.holiday-calendar .holiday-weekday {
  padding: 8px 0;
  color: var(--theme-text-muted);
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.holiday-spotlight {
  overflow: hidden;
  border: 1px solid rgba(var(--theme-secondary-rgb), 0.18);
  background:
    linear-gradient(
      115deg,
      rgba(var(--theme-secondary-rgb), 0.1),
      var(--theme-custom-white) 58%);
}
.holiday-date-tile {
  min-width: 76px;
  padding: 12px 10px;
  border: 1px solid rgba(var(--theme-secondary-rgb), 0.2);
  border-radius: 12px;
  background: rgba(var(--theme-secondary-rgb), 0.1);
  text-align: center;
}
.holiday-date-tile strong {
  display: block;
  color: var(--secondary-color);
  font-size: 27px;
  line-height: 1.1;
}
.holiday-date-tile span {
  color: var(--theme-text-muted);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
}
.holiday-agenda-item {
  position: relative;
}
.holiday-agenda-item .holiday-agenda-date {
  min-width: 52px;
  border: 1px solid var(--theme-default-border);
  border-radius: 10px;
  background: var(--theme-default-background);
  text-align: center;
}
.holiday-agenda-item:first-child .holiday-agenda-date {
  border-color: rgba(var(--theme-success-rgb), 0.25);
  background: rgba(var(--theme-success-rgb), 0.1);
}
@media (max-width: 575.98px) {
  .holiday-weekday-grid,
  .holiday-calendar {
    gap: 0.25rem;
  }
  .holiday-calendar .holiday-day {
    min-height: 48px;
    padding: 6px 4px;
    text-align: center;
  }
  .holiday-calendar .holiday-event-label {
    font-size: 0;
  }
  .holiday-calendar .holiday-event-label i {
    font-size: 11px;
  }
  .holiday-calendar .holiday-day-number {
    width: 25px;
    height: 25px;
  }
}
.payroll-span {
  width: 4px;
  height: 2rem;
  border-radius: 4px !important;
}
.hrm-salary-slip-net {
  border: 1px solid rgba(var(--theme-primary-rgb), 0.18);
  border-radius: 12px;
  background:
    linear-gradient(
      115deg,
      rgba(var(--theme-primary-rgb), 0.1),
      var(--theme-custom-white) 72%);
}
.hrm-salary-slip-meta {
  padding: 12px 14px;
  border: 1px solid var(--theme-default-border);
  border-radius: 10px;
  background: var(--theme-default-background);
}
.hrm-salary-slip-lines {
  min-width: 0;
  border: 1px solid var(--theme-default-border);
  border-radius: 12px;
  background: var(--theme-custom-white);
}
.hrm-salary-slip-earnings {
  background:
    linear-gradient(
      145deg,
      rgba(var(--theme-success-rgb), 0.055),
      var(--theme-custom-white) 55%);
}
.hrm-salary-slip-deductions {
  background:
    linear-gradient(
      145deg,
      rgba(var(--theme-danger-rgb), 0.045),
      var(--theme-custom-white) 55%);
}
.hrm-salary-slip-table {
  width: 100%;
  table-layout: fixed;
}
.hrm-salary-slip-table th:last-child,
.hrm-salary-slip-table td:last-child {
  width: 38%;
  white-space: nowrap;
}
.hrm-salary-slip-table tfoot tr {
  border-top: 1px solid var(--theme-default-border);
}
.hrm-salary-slip-table tfoot th {
  padding-top: 0.85rem;
  color: var(--theme-default-text-color);
}
@media print {
  body.salary-slip-page * {
    visibility: hidden !important;
  }
  body.salary-slip-page .hrm-salary-slip-card,
  body.salary-slip-page .hrm-salary-slip-card * {
    visibility: visible !important;
  }
  body.salary-slip-page .hrm-salary-slip-card {
    position: absolute;
    inset: 0 auto auto 0;
    width: 100%;
    margin: 0 !important;
    box-shadow: none !important;
  }
  body.salary-slip-page .hrm-salary-slip-card .card-header button {
    display: none !important;
  }
}
.projects-dashboard-page .project-workspace .project-metric-card {
  background-color: rgba(var(--theme-success-rgb), 0.045);
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
.projects-dashboard-page .project-workspace .project-metric-card::before {
  position: absolute;
  z-index: 0;
  inset-block-end: 0;
  inset-block-start: -23px;
  border-radius: inherit;
  background-image:
    linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.2) 50%,
      transparent 50%),
    linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.2) 50%,
      transparent 82%);
  background-size: 48px 48px;
  content: "";
  pointer-events: none;
  rotate: 54deg;
  inset-inline-end: -87px;
  opacity: 0.1;
  width: 100%;
  height: 100%;
}
.projects-dashboard-page .project-workspace .project-metric-card > .card-body {
  position: relative;
  z-index: 1;
}
.projects-dashboard-page .projects-portfolio-hero {
  border-color: rgba(var(--theme-primary-rgb), 0.2);
  background:
    linear-gradient(
      115deg,
      rgba(var(--theme-primary-rgb), 0.07),
      var(--theme-custom-white) 58%);
}
.projects-dashboard-page .project-featured-card {
  border: 1px solid rgba(var(--theme-primary-rgb), 0.18);
  background:
    linear-gradient(
      135deg,
      rgba(var(--theme-primary-rgb), 0.12),
      rgba(var(--theme-primary-rgb), 0.035));
}
.projects-dashboard-page .project-budget-line .progress {
  overflow: hidden;
  border-radius: 999px;
  background: var(--theme-default-background);
}
.projects-dashboard-page .project-reminder-card .card-body {
  padding-top: 0.8rem;
}
.projects-dashboard-page .project-reminder-card .card-footer .btn {
  white-space: nowrap;
}
.projects-dashboard-page .project-calendar-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 8px;
}
.projects-dashboard-page .project-calendar-weekday,
.projects-dashboard-page .project-calendar-day {
  display: grid;
  min-width: 0;
  min-height: 27px;
  place-items: center;
  border-radius: 7px;
  color: var(--theme-default-text-color);
}
.projects-dashboard-page .project-calendar-weekday {
  min-height: 20px;
  color: var(--theme-text-muted);
  font-size: 0.65rem;
  font-weight: 600;
}
.projects-dashboard-page .project-calendar-day.is-weekend,
.projects-dashboard-page .project-calendar-day.is-muted {
  color: var(--theme-text-muted);
}
.projects-dashboard-page .project-calendar-day.is-muted {
  opacity: 0.45;
}
.projects-dashboard-page .project-calendar-day.is-event {
  background: rgb(var(--theme-light-rgb));
  font-weight: 600;
}
.projects-dashboard-page .project-calendar-day.is-selected {
  background: var(--theme-primary-color);
  color: #000;
}
.projects-dashboard-page .project-schedule-item {
  display: flex;
  align-items: flex-start;
  gap: 0.55rem;
  padding: 0.65rem 1rem;
  border-radius: 0.5rem;
  border: 1px solid var(--theme-default-border);
  line-height: 1;
}
.projects-dashboard-page .project-schedule-icon {
  display: grid;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  place-items: center;
  border-radius: 7px;
  font-size: 0.8rem;
}
.projects-dashboard-page .project-calendar-card .project-schedule-item {
  margin-bottom: 0.55rem;
}
.projects-dashboard-page .project-calendar-card .project-schedule-item:last-child {
  margin-bottom: 0px;
}
.projects-dashboard-page .project-schedule-date {
  display: flex;
  min-width: 44px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.35rem;
  border-radius: 9px;
  font-size: 0.58rem;
  font-weight: 600;
}
.projects-dashboard-page .project-schedule-date strong {
  font-size: 1rem;
  line-height: 1.2;
}
.projects-dashboard-page .project-timeline-scroll {
  overflow-x: auto;
  padding-bottom: 0.25rem;
}
.projects-dashboard-page .project-timeline-grid {
  position: relative;
  display: grid;
  min-width: 760px;
  grid-template-columns: 54px repeat(7, minmax(0, 1fr));
  grid-template-rows: repeat(5, 54px) 32px;
}
.projects-dashboard-page .project-timeline-corner,
.projects-dashboard-page .project-timeline-day,
.projects-dashboard-page .project-timeline-time,
.projects-dashboard-page .project-timeline-slot {
  border-bottom: 1px solid var(--theme-default-border);
}
.projects-dashboard-page .project-timeline-day {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--theme-text-muted);
  font-size: 0.7rem;
}
.projects-dashboard-page .project-timeline-day.is-current {
  align-self: center;
  justify-self: center;
  min-width: 30px;
  min-height: 23px;
  border: 0;
  border-radius: 6px;
  background: var(--theme-primary-color);
  color: #fff;
  font-weight: 600;
}
.projects-dashboard-page .project-timeline-time {
  display: flex;
  align-items: flex-start;
  gap: 0.18rem;
  padding-top: 0.28rem;
  border-bottom-style: dashed;
  color: var(--theme-text-muted);
  font-size: 0.65rem;
}
.projects-dashboard-page .project-timeline-time small {
  font-size: 0.56rem;
}
.projects-dashboard-page .project-timeline-slot {
  border-bottom-style: dashed;
}
.projects-dashboard-page .project-timeline-slot.is-off-day {
  background: transparent;
}
.projects-dashboard-page .project-timeline-today-line {
  position: relative;
  z-index: 1;
  grid-column: 3;
  grid-row: 1/6;
  justify-self: center;
  width: 0;
  margin-top: 0.2rem;
  border-left: 2px solid var(--theme-primary-color);
  pointer-events: none;
}
.projects-dashboard-page .project-timeline-today-line::after {
  position: absolute;
  bottom: -3px;
  left: -4px;
  width: 6px;
  height: 6px;
  border-radius: 1px;
  background: var(--theme-primary-color);
  content: "";
}
.projects-dashboard-page .project-timeline-event {
  z-index: 2;
  display: flex;
  min-width: 0;
  align-self: center;
  align-items: center;
  gap: 0.45rem;
  padding: 0.38rem 0.5rem;
  margin: 0 0.2rem;
  overflow: hidden;
  border: 1px solid var(--theme-default-border);
  border-radius: 10px;
  background: var(--theme-custom-white);
  box-shadow: 0 2px 6px rgba(16, 24, 40, 0.04);
  font-size: 0.65rem;
}
.projects-dashboard-page .project-timeline-event .project-event-marker {
  width: 6px;
  height: 28px;
  flex: 0 0 6px;
  border-radius: 99px;
}
.projects-dashboard-page .project-timeline-event .marker-danger {
  background: var(--bs-danger);
}
.projects-dashboard-page .project-timeline-event .marker-warning {
  background: var(--bs-warning);
}
.projects-dashboard-page .project-timeline-event .marker-primary {
  background: var(--theme-primary-color);
}
.projects-dashboard-page .project-timeline-event .project-event-app {
  display: grid;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  place-items: center;
  border-radius: 6px;
  background: var(--theme-default-background);
  font-size: 0.9rem;
}
.projects-dashboard-page .project-timeline-event .project-event-copy {
  flex: 1 1 auto;
  line-height: 1.3;
}
.projects-dashboard-page .project-timeline-event .project-event-avatars {
  flex: 0 0 auto;
  display: flex;
}
.projects-dashboard-page .project-timeline-event .project-event-avatars .avatar {
  width: 22px;
  height: 22px;
}
.projects-dashboard-page .project-timeline-event .btn {
  flex: 0 0 auto;
  text-decoration: none;
}
.projects-dashboard-page .project-timeline-event span,
.projects-dashboard-page .project-timeline-event strong,
.projects-dashboard-page .project-timeline-event small {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.projects-dashboard-page .project-timeline-event strong {
  color: var(--theme-default-text-color);
  font-size: 0.68rem;
}
.projects-dashboard-page .project-timeline-event small {
  color: var(--theme-text-muted);
  font-size: 0.6rem;
}
.projects-dashboard-page .project-timeline-event.event-design {
  grid-column: 3/span 3;
  grid-row: 1;
}
.projects-dashboard-page .project-timeline-event.event-review {
  grid-column: 5/span 3;
  grid-row: 3;
}
.projects-dashboard-page .project-timeline-event.event-handoff {
  grid-column: 4/span 3;
  grid-row: 4;
}
.projects-dashboard-page .project-status-card .card-body {
  display: flex;
  flex-direction: column;
}
.projects-dashboard-page .project-status-total > div {
  display: flex;
  align-items: center;
  gap: 0.55rem;
}
.projects-dashboard-page .project-status-total strong {
  color: var(--theme-default-text-color);
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.15;
}
.projects-dashboard-page .project-status-total .badge {
  font-size: 0.65rem;
  font-weight: 500;
}
.projects-dashboard-page .project-status-ranges {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.25rem;
  margin: 1rem 0 0.25rem;
}
.projects-dashboard-page .project-status-ranges .btn {
  min-width: 34px;
  padding: 0.3rem 0.45rem;
  border: 0;
  border-radius: 7px;
  color: var(--theme-text-muted);
  font-size: 0.68rem;
}
.projects-dashboard-page .project-status-ranges .btn.active {
  background: rgb(var(--theme-dark-rgb));
  color: var(--theme-custom-white);
  box-shadow: 0 2px 5px rgba(var(--theme-dark-rgb), 0.2);
}
.projects-dashboard-page #projects-status-chart {
  min-width: 0;
  height: 112px;
}
.projects-dashboard-page .project-status-activity {
  display: grid;
  gap: 0.1rem;
  margin-top: 0.35rem;
}
.projects-dashboard-page .project-status-row {
  display: grid;
  align-items: center;
  gap: 0.45rem;
  grid-template-columns: 48px minmax(0, 1fr) auto auto;
  padding: 0.62rem 0;
  border-bottom: 1px solid var(--theme-default-border);
}
.projects-dashboard-page .project-status-row:last-child {
  border-bottom: 0;
}
.projects-dashboard-page .project-status-row time,
.projects-dashboard-page .project-status-row .project-status-name {
  overflow: hidden;
  color: var(--theme-text-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.projects-dashboard-page .project-status-row strong {
  color: var(--theme-default-text-color);
  white-space: nowrap;
}
.projects-dashboard-page .project-status-row > span:last-child {
  font-size: 0.75rem;
  font-weight: 500;
  white-space: nowrap;
}
.projects-dashboard-page .project-summary-progress {
  width: 118px;
}
.projects-dashboard-page .project-summary-progress .progress {
  min-width: 60px;
  height: 5px;
  border-radius: 99px;
  background: var(--theme-default-background);
}
.projects-dashboard-page .project-summary-progress > span {
  min-width: 32px;
  color: var(--theme-default-text-color);
  font-size: 0.68rem;
  text-align: end;
}
.projects-dashboard-page .project-productivity-kpis {
  margin-bottom: 0.6rem;
}
.projects-dashboard-page .project-productivity-kpi {
  height: 100%;
  padding: 0.7rem 0.8rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 10px;
  background: var(--theme-default-background);
}
.projects-dashboard-page .project-productivity-kpi > div > strong {
  color: var(--theme-default-text-color);
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.2;
}
.projects-dashboard-page .project-productivity-kpi .badge {
  font-size: 0.62rem;
  font-weight: 500;
}
.projects-dashboard-page .project-productivity-insight {
  padding: 0.65rem 0.8rem;
  border: 1px solid rgba(var(--theme-success-rgb), 0.15);
  border-radius: 9px;
  background: rgba(var(--theme-success-rgb), 0.1);
}
.projects-dashboard-page .project-productivity-insight .avatar {
  display: grid;
  flex: 0 0 24px;
  place-items: center;
}
.projects-dashboard-page .team-performance-list li {
  margin-bottom: 1rem;
}
.projects-dashboard-page .team-performance-list li:last-child {
  margin-bottom: 0px;
}
@media (max-width: 575.98px) {
  .projects-dashboard-page .card-header,
  .projects-dashboard-page .card-footer {
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .projects-dashboard-page .projects-portfolio-hero .d-flex.gap-4 {
    gap: 1rem !important;
  }
}
.support-dashboard-page .support-channel-banner-content {
  z-index: 1;
}
.support-dashboard-page .support-channel-illustration {
  position: absolute;
  right: 0.35rem;
  bottom: 0.2rem;
  width: 180px;
  height: 148px;
  overflow: visible;
  pointer-events: none;
}
@media (max-width: 575.98px) {
  .support-dashboard-page .support-channel-illustration {
    right: 0;
    width: 130px;
    height: 106px;
    opacity: 0.65;
  }
}
.support-dashboard-page .support-resolved-radial {
  min-width: 0;
  height: 220px;
}
.support-dashboard-page #support-resolved-category-chart {
  width: 100%;
  min-height: 220px;
}
.support-dashboard-page .support-resolved-radial-total {
  position: absolute;
  top: 50%;
  left: 50%;
  color: var(--theme-default-text-color);
  font-size: 1.1rem;
  font-weight: 600;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.support-dashboard-page .support-resolved-legend {
  padding-bottom: 0.25rem;
  color: var(--theme-default-text-color);
  font-size: 13px;
  margin-block-start: -1rem;
}
.support-dashboard-page .support-resolved-legend span {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
}
.support-dashboard-page .support-resolved-legend i {
  width: 9px;
  height: 9px;
  border-radius: 50%;
}
.support-dashboard-page .support-legend-today {
  background: rgb(10, 10, 10);
}
.support-dashboard-page .support-legend-week {
  background: rgb(94, 120, 253);
}
.support-dashboard-page .support-legend-month {
  background: rgb(253, 175, 34);
}
.crm-lead-center {
  --crm-lead-surface: var(--theme-custom-white);
  color: var(--theme-default-text-color);
}
.crm-lead-center .page-header-breadcrumb {
  min-height: 2.25rem;
}
.crm-lead-center .crm-lead-overview {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(13rem, 0.35fr);
  align-items: center;
  gap: 1.5rem;
  min-height: 12rem;
  margin-bottom: 1rem;
  padding: clamp(1.25rem, 2vw, 1.75rem);
  overflow: hidden;
  border: 1px solid rgba(var(--theme-secondary-rgb), 0.15);
  border-radius: 0.75rem;
  background:
    linear-gradient(
      112deg,
      rgba(var(--theme-secondary-rgb), 0.1),
      var(--theme-custom-white) 65%);
}
.crm-lead-center .crm-lead-overview-copy,
.crm-lead-center .crm-lead-overview-value {
  position: relative;
  z-index: 1;
}
.crm-lead-center .crm-lead-overview-copy > span,
.crm-lead-center .crm-lead-section-kicker {
  display: inline-flex;
  align-items: center;
  color: rgb(var(--theme-secondary-rgb));
  font-size: 0.64rem;
  font-weight: 700;
  letter-spacing: 0.08em;
}
.crm-lead-center .crm-lead-overview-copy h2 {
  max-width: 39rem;
  margin: 0.45rem 0;
  color: var(--theme-default-text-color);
  font-size: clamp(1.2rem, 2vw, 1.6rem);
  font-weight: 600;
}
.crm-lead-center .crm-lead-overview-copy p {
  max-width: 39rem;
  margin-bottom: 0.9rem;
  color: var(--theme-text-muted);
  font-size: 0.78rem;
  line-height: 1.55;
}
.crm-lead-center .crm-lead-overview-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.crm-lead-center .crm-lead-overview-actions .btn {
  padding: 0.45rem 0.75rem;
  font-size: 0.72rem;
}
.crm-lead-center .crm-lead-overview-value {
  display: grid;
  gap: 0.3rem;
  padding: 1rem 1.15rem;
  border: 1px solid rgba(var(--theme-secondary-rgb), 0.12);
  border-radius: 0.65rem;
  background: var(--crm-lead-surface);
  box-shadow: 0 0.25rem 0.9rem rgba(var(--theme-dark-rgb), 0.035);
}
.crm-lead-center .crm-lead-overview-value > span,
.crm-lead-center .crm-lead-overview-value > small {
  color: var(--theme-text-muted);
  font-size: 0.68rem;
}
.crm-lead-center .crm-lead-overview-value > strong {
  color: var(--theme-default-text-color);
  font-size: 1.65rem;
  font-weight: 650;
  line-height: 1.2;
}
.crm-lead-center .crm-lead-overview-value > small i {
  margin-right: 0.2rem;
  color: rgb(var(--theme-success-rgb));
}
.crm-lead-center .crm-lead-overview-decoration {
  position: absolute;
  inset: auto 17% -4rem auto;
  display: grid;
  width: 12rem;
  height: 12rem;
  place-items: center;
  border: 1px solid rgba(var(--theme-secondary-rgb), 0.08);
  border-radius: 50%;
  color: rgba(var(--theme-secondary-rgb), 0.15);
  font-size: 6rem;
  pointer-events: none;
}
.crm-lead-center .crm-lead-kpis {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.85rem;
  margin-bottom: 1rem;
}
.crm-lead-center .crm-lead-kpis article {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.3rem 0.7rem;
  padding: 1rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.65rem;
  background: var(--crm-lead-surface);
}
.crm-lead-center .lead-kpi-icon {
  display: grid;
  width: 2.5rem;
  height: 2.5rem;
  grid-row: span 2;
  place-items: center;
  border-radius: 0.6rem;
  font-size: 1.15rem;
}
.crm-lead-center .kpi-leads {
  background: rgba(var(--theme-secondary-rgb), 0.1);
  color: rgb(var(--theme-secondary-rgb));
}
.crm-lead-center .kpi-qualified {
  background: rgba(var(--theme-info-rgb), 0.12);
  color: rgb(var(--theme-info-rgb));
}
.crm-lead-center .kpi-conversion {
  background: rgba(var(--theme-success-rgb), 0.12);
  color: rgb(var(--theme-success-rgb));
}
.crm-lead-center .crm-lead-kpis article > div {
  display: grid;
  gap: 0.1rem;
}
.crm-lead-center .crm-lead-kpis article > div > span {
  color: var(--theme-text-muted);
  font-size: 0.7rem;
}
.crm-lead-center .crm-lead-kpis article > div > strong {
  color: var(--theme-default-text-color);
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.2;
}
.crm-lead-center .crm-lead-kpis article > small {
  grid-column: 2;
  color: var(--theme-text-muted);
  font-size: 0.63rem;
}
.crm-lead-center .crm-lead-funnel,
.crm-lead-center .crm-lead-directory {
  margin-bottom: 1rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.7rem;
  background: var(--crm-lead-surface);
}
.crm-lead-center .crm-lead-table-wrap {
  border: 1px solid var(--theme-default-border);
  border-radius: 0.5rem;
}
.crm-lead-center .crm-lead-table {
  min-width: 900px;
  margin-bottom: 0;
}
.crm-lead-center .crm-lead-table th {
  color: var(--theme-text-muted);
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.035em;
}
.crm-lead-center .crm-lead-table td,
.crm-lead-center .crm-lead-table th {
  padding: 0.8rem 0.9rem;
  vertical-align: middle;
}
.crm-lead-center .crm-lead-table td {
  font-size: 0.75rem;
}
.crm-lead-center .crm-lead-table a {
  color: var(--theme-default-text-color);
}
.crm-lead-center .crm-lead-funnel {
  padding: 1rem;
}
.crm-lead-center .crm-lead-funnel-heading,
.crm-lead-center .crm-lead-directory-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.85rem;
}
.crm-lead-center .crm-lead-funnel-heading h2,
.crm-lead-center .crm-lead-directory-heading h2 {
  margin: 0.2rem 0 0;
  color: var(--theme-default-text-color);
  font-size: 0.95rem;
  font-weight: 600;
}
.crm-lead-center .crm-all-stages-button,
.crm-lead-center .crm-stage-filter {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 0.45rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.5rem;
  background: var(--crm-lead-surface);
  color: var(--theme-text-muted);
  font-size: 0.68rem;
}
.crm-lead-center .crm-all-stages-button {
  padding: 0.4rem 0.65rem;
}
.crm-lead-center .crm-all-stages-button strong {
  color: var(--theme-default-text-color);
}
.crm-lead-center .crm-stage-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.55rem;
}
.crm-lead-center .crm-stage-filter {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  padding: 0.6rem;
  text-align: start;
  transition: border-color 0.15s ease, background-color 0.15s ease;
}
.crm-lead-center .crm-stage-filter.is-active,
.crm-lead-center .crm-all-stages-button.is-active {
  border-color: rgba(var(--theme-secondary-rgb), 0.45);
  background: rgba(var(--theme-secondary-rgb), 0.055);
  color: var(--theme-default-text-color);
}
.crm-lead-center .crm-stage-filter > strong {
  color: var(--theme-default-text-color);
  font-size: 0.7rem;
}
.crm-lead-center .crm-stage-dot {
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 50%;
  background: rgb(var(--theme-secondary-rgb));
}
.crm-lead-center .stage-dot-contacted {
  background: rgb(var(--theme-info-rgb));
}
.crm-lead-center .stage-dot-qualified {
  background: rgb(var(--theme-success-rgb));
}
.crm-lead-center .stage-dot-negotiation {
  background: rgb(var(--theme-warning-rgb));
}
.crm-lead-center .stage-dot-lead-closed {
  background: rgb(var(--theme-primary-rgb));
}
.crm-lead-center .crm-stage-progress {
  height: 0.2rem;
  grid-column: 1/-1;
  margin-top: 0.3rem;
  overflow: hidden;
  border-radius: 1rem;
  background: rgba(var(--theme-secondary-rgb), 0.1);
}
.crm-lead-center .crm-stage-progress b {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: rgb(var(--theme-secondary-rgb));
}
.crm-lead-center .crm-lead-directory {
  padding: 1rem;
}
.crm-lead-center .crm-lead-directory-heading {
  align-items: flex-end;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.crm-lead-center .crm-lead-directory-heading p {
  margin: 0.25rem 0 0;
  color: var(--theme-text-muted);
  font-size: 0.72rem;
}
.crm-lead-center .crm-lead-directory-controls {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.crm-lead-center .crm-lead-directory-search {
  position: relative;
  display: flex;
  min-width: 14rem;
  align-items: center;
}
.crm-lead-center .crm-lead-directory-search > i {
  position: absolute;
  left: 0.65rem;
  z-index: 1;
  color: var(--theme-text-muted);
}
.crm-lead-center .crm-lead-directory-search input {
  min-height: 2.25rem;
  padding-left: 2rem;
  border-color: var(--theme-default-border);
  font-size: 0.7rem;
}
.crm-lead-center .crm-lead-directory-controls .form-select {
  width: auto;
  min-width: 8.5rem;
  min-height: 2.25rem;
  font-size: 0.7rem;
}
.crm-lead-center .crm-lead-directory-controls .btn {
  min-height: 2.25rem;
  font-size: 0.7rem;
}
.crm-lead-center .crm-lead-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
}
.crm-lead-center .crm-lead-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  padding: 0.85rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.6rem;
  background: var(--crm-lead-surface);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.crm-lead-center .crm-lead-card:hover {
  border-color: rgba(var(--theme-secondary-rgb), 0.35);
  box-shadow: 0 0.35rem 1rem rgba(var(--theme-dark-rgb), 0.045);
}
.crm-lead-center .crm-lead-card-top,
.crm-lead-center .crm-lead-card-bottom,
.crm-lead-center .crm-lead-card-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
.crm-lead-center .crm-lead-select-wrap {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  color: var(--theme-text-muted);
  font-size: 0.58rem;
  text-transform: uppercase;
}
.crm-lead-center .crm-lead-select-wrap .form-check-input {
  margin: 0;
}
.crm-lead-center .crm-lead-stage {
  padding: 0.22rem 0.5rem;
  border-radius: 50rem;
  font-size: 0.61rem;
  font-weight: 500;
  white-space: nowrap;
}
.crm-lead-center .stage-new-lead {
  background: rgba(var(--theme-secondary-rgb), 0.1);
  color: rgb(var(--theme-secondary-rgb));
}
.crm-lead-center .stage-contacted {
  background: rgba(var(--theme-info-rgb), 0.12);
  color: rgb(var(--theme-info-rgb));
}
.crm-lead-center .stage-qualified {
  background: rgba(var(--theme-success-rgb), 0.12);
  color: rgb(var(--theme-success-rgb));
}
.crm-lead-center .stage-negotiation {
  background: rgba(var(--theme-warning-rgb), 0.14);
  color: rgb(var(--theme-warning-rgb));
}
.crm-lead-center .stage-lead-closed {
  background: rgba(var(--theme-primary-rgb), 0.2);
  color: var(--theme-default-text-color);
}
.crm-lead-center .crm-lead-card .crm-lead-person {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin: 0.8rem 0;
}
.crm-lead-center .crm-lead-card .crm-lead-person img {
  width: 2.4rem;
  height: 2.4rem;
  flex: 0 0 auto;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}
.crm-lead-center .crm-lead-card .crm-lead-person h2 {
  margin: 0;
  color: var(--theme-default-text-color);
  font-size: 0.78rem;
  font-weight: 600;
}
.crm-lead-center .crm-lead-card .crm-lead-person p {
  margin: 0.1rem 0 0;
  color: var(--theme-text-muted);
  font-size: 0.65rem;
}
.crm-lead-center .crm-lead-initials {
  display: none;
}
.crm-lead-center .crm-lead-value {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.55rem 0;
  border-top: 1px solid var(--theme-default-border);
  border-bottom: 1px solid var(--theme-default-border);
}
.crm-lead-center .crm-lead-value > span {
  color: var(--theme-text-muted);
  font-size: 0.63rem;
}
.crm-lead-center .crm-lead-value > strong {
  color: var(--theme-default-text-color);
  font-size: 0.85rem;
  font-weight: 600;
}
.crm-lead-center .crm-lead-card-details {
  display: grid;
  gap: 0.3rem;
  padding: 0.65rem 0;
}
.crm-lead-center .crm-lead-card-details a,
.crm-lead-center .crm-lead-card-bottom > span {
  overflow: hidden;
  color: var(--theme-text-muted);
  font-size: 0.62rem;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.crm-lead-center .crm-lead-card-details i,
.crm-lead-center .crm-lead-card-bottom > span i {
  margin-right: 0.3rem;
  color: rgb(var(--theme-secondary-rgb));
}
.crm-lead-center .crm-lead-card-bottom {
  min-height: 2rem;
  padding-top: 0.55rem;
  border-top: 1px solid var(--theme-default-border);
}
.crm-lead-center .crm-lead-card-tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.25rem;
}
.crm-lead-center .crm-lead-tag {
  padding: 0.15rem 0.35rem;
  border-radius: 50rem;
  background: rgba(var(--theme-secondary-rgb), 0.08);
  color: rgb(var(--theme-secondary-rgb));
  font-size: 0.56rem;
  white-space: nowrap;
}
.crm-lead-center .crm-lead-card-actions {
  margin-top: auto;
  padding-top: 0.65rem;
}
.crm-lead-center .crm-lead-card-actions .btn {
  padding: 0.35rem 0.55rem;
  font-size: 0.65rem;
}
.crm-lead-center .crm-lead-remove {
  display: grid;
  width: 1.9rem;
  height: 1.9rem;
  place-items: center;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.4rem;
  background: var(--crm-lead-surface);
  color: var(--theme-text-muted);
}
.crm-lead-center .crm-lead-remove:hover {
  border-color: rgba(var(--theme-danger-rgb), 0.25);
  background: rgba(var(--theme-danger-rgb), 0.08);
  color: rgb(var(--theme-danger-rgb));
}
.crm-lead-center .crm-lead-directory-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-top: 0.9rem;
  padding-top: 0.75rem;
  border-top: 1px solid var(--theme-default-border);
  color: var(--theme-text-muted);
  font-size: 0.68rem;
}
.crm-lead-center .crm-lead-directory-footer label {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
}
.crm-lead-center .crm-lead-directory-footer .form-check-input {
  margin: 0;
}
.crm-lead-center .crm-lead-empty {
  padding: 2rem 1rem;
  color: var(--theme-text-muted);
  text-align: center;
  font-size: 0.78rem;
}
.crm-lead-center .crm-lead-drawer {
  width: min(100%, 26rem) !important;
}
.crm-lead-center .crm-lead-drawer-person {
  display: grid;
  justify-items: center;
  padding: 0.5rem 0 1rem;
  text-align: center;
}
.crm-lead-center .crm-lead-drawer-person img {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}
.crm-lead-center .crm-lead-drawer-person h3 {
  margin: 0.65rem 0 0.1rem;
  color: var(--theme-default-text-color);
  font-size: 1rem;
}
.crm-lead-center .crm-lead-drawer-person p {
  margin: 0;
  color: var(--theme-text-muted);
  font-size: 0.75rem;
}
.crm-lead-center .crm-lead-drawer-detail {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.75rem 0;
  border-bottom: 1px solid var(--theme-default-border);
  font-size: 0.73rem;
}
.crm-lead-center .crm-lead-drawer-detail span {
  color: var(--theme-text-muted);
}
.crm-lead-center .crm-lead-drawer-detail strong {
  color: var(--theme-default-text-color);
  text-align: end;
}
.crm-lead-center .crm-lead-form-section {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  margin-bottom: 0.8rem;
}
.crm-lead-center .crm-lead-form-section > span {
  display: grid;
  width: 2.2rem;
  height: 2.2rem;
  place-items: center;
  border-radius: 0.5rem;
  background: rgba(var(--theme-secondary-rgb), 0.1);
  color: rgb(var(--theme-secondary-rgb));
}
.crm-lead-center .crm-lead-form-section > div {
  display: grid;
  gap: 0.1rem;
}
.crm-lead-center .crm-lead-form-section strong {
  color: var(--theme-default-text-color);
  font-size: 0.78rem;
}
.crm-lead-center .crm-lead-form-section small {
  color: var(--theme-text-muted);
  font-size: 0.67rem;
}
.crm-lead-center .crm-lead-modal .modal-content {
  border: 1px solid var(--theme-default-border);
  border-radius: 0.75rem;
}
.crm-lead-center .crm-lead-modal .form-label {
  color: var(--theme-default-text-color);
  font-size: 0.72rem;
  font-weight: 500;
}
.crm-lead-center .crm-lead-modal .form-label b {
  color: rgb(var(--theme-danger-rgb));
}
.crm-lead-center .crm-lead-modal .form-control,
.crm-lead-center .crm-lead-modal .form-select {
  font-size: 0.75rem;
}
.crm-lead-center .crm-lead-primary-button {
  background: var(--theme-primary-color);
  color: var(--theme-default-text-color);
}
.crm-lead-center .crm-lead-primary-button:hover {
  background: rgba(var(--theme-primary-rgb), 0.86);
  color: var(--theme-default-text-color);
}
.crm-lead-center .crm-secondary-button {
  border: 1px solid var(--theme-default-border);
  background: var(--crm-lead-surface);
  color: var(--theme-default-text-color);
}
.crm-lead-center .crm-secondary-button:hover {
  border-color: rgba(var(--theme-secondary-rgb), 0.35);
  background: rgba(var(--theme-secondary-rgb), 0.06);
  color: var(--theme-default-text-color);
}
@media (max-width: 1199.98px) {
  .crm-lead-center .crm-lead-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767.98px) {
  .crm-lead-center .crm-lead-overview {
    grid-template-columns: 1fr;
  }
  .crm-lead-center .crm-lead-overview-value {
    max-width: 22rem;
  }
  .crm-lead-center .crm-stage-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .crm-lead-center .crm-lead-directory-heading {
    align-items: flex-start;
  }
}
@media (max-width: 575.98px) {
  .crm-lead-center .crm-lead-kpis {
    grid-template-columns: 1fr;
  }
  .crm-lead-center .crm-stage-grid,
  .crm-lead-center .crm-lead-card-grid {
    grid-template-columns: 1fr;
  }
  .crm-lead-center .crm-lead-directory-controls,
  .crm-lead-center .crm-lead-directory-search,
  .crm-lead-center .crm-lead-directory-controls .form-select,
  .crm-lead-center .crm-lead-directory-controls .btn {
    width: 100%;
  }
  .crm-lead-center .crm-lead-directory-footer {
    align-items: flex-start;
    flex-direction: column;
  }
}
.auth-brand-logos {
  display: inline-flex;
  align-items: center;
}
.auth-brand-logos .auth-logo-dark {
  display: none;
}
[data-theme-color=dark] .auth-brand-logos .auth-logo-light {
  display: none;
}
[data-theme-color=dark] .auth-brand-logos .auth-logo-dark {
  display: block;
}
.authentication {
  min-height: 100vh;
}
.authentication .authentication-brand.desktop-dark {
  display: block;
}
.authentication .form-control {
  padding-inline-end: 2.5rem;
}
.authentication .google-svg {
  width: 0.75rem;
  height: 0.75rem;
  margin-inline-end: 0.5rem;
}
.authentication .authentication-barrier {
  position: relative;
}
.authentication .authentication-barrier span {
  position: relative;
  z-index: 2;
}
.authentication .authentication-barrier:before {
  position: absolute;
  content: "";
  width: 45%;
  height: 1px;
  background-color: var(--theme-default-border);
  border-radius: 50%;
  inset-inline-end: -5px;
  inset-block-start: 10px;
  z-index: 1;
}
.authentication .authentication-barrier:after {
  position: absolute;
  content: "";
  width: 45%;
  height: 1px;
  background-color: var(--theme-default-border);
  border-radius: 50%;
  inset-inline-start: -5px;
  inset-block-start: 10px;
  z-index: 1;
}
.authentication.coming-soon .authentication-cover,
.authentication.under-maintenance .authentication-cover {
  background-image: none;
}
.authentication.coming-soon .authentication-cover:before,
.authentication.coming-soon .authentication-cover:after,
.authentication.under-maintenance .authentication-cover:before,
.authentication.under-maintenance .authentication-cover:after {
  display: none;
}
.authentication.coming-soon .authentication-cover .authentication-cover-content,
.authentication.under-maintenance .authentication-cover .authentication-cover-content {
  width: 100%;
  height: 100%;
  backdrop-filter: none;
}
.authentication.coming-soon .authentication-cover .authentication-cover-content:before,
.authentication.coming-soon .authentication-cover .authentication-cover-content:after,
.authentication.under-maintenance .authentication-cover .authentication-cover-content:before,
.authentication.under-maintenance .authentication-cover .authentication-cover-content:after {
  display: none;
}
.authentication.coming-soon .authentication-cover .authentication-cover-content .coming-soon-time,
.authentication.coming-soon .authentication-cover .authentication-cover-content .under-maintenance-time,
.authentication.under-maintenance .authentication-cover .authentication-cover-content .coming-soon-time,
.authentication.under-maintenance .authentication-cover .authentication-cover-content .under-maintenance-time {
  border: 2px dashed rgba(var(--theme-primary-rgb), 0.2);
}
.authentication.coming-soon .authentication-cover .authentication-cover-content .authentication-brand,
.authentication.under-maintenance .authentication-cover .authentication-cover-content .authentication-brand {
  width: auto;
  height: auto;
  border: 0;
}
.authentication .coming-soom-image-container img,
.authentication .under-maintenance-image-container img {
  width: 100%;
  height: auto;
}
.authentication .authentication-cover {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.authentication .authentication-cover .authentication-cover-background {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  inset-inline-start: 0;
  inset-block-start: 0;
  opacity: 0.15;
}
.authentication .authentication-cover .authentication-cover-background img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.authentication .authentication-cover .authentication-cover-content {
  padding-inline: 1.25rem;
}
.authentication.authentication-basic .desktop-dark {
  display: block;
}
.authentication .form-control-lg#one,
.authentication .form-control-lg#two,
.authentication .form-control-lg#three,
.authentication .form-control-lg#four {
  padding-inline: 0;
}
@media (min-width: 992px) {
  .authentication-cover-content {
    border-radius: 0.3rem;
  }
}
[data-theme-color=dark] .authentication.authentication-basic .desktop-dark {
  display: block;
}
[data-theme-color=dark] .authentication .authentication-brand.desktop-dark {
  display: block;
}
[data-theme-color=dark] .authentication.authentication-cover.desktop-dark {
  display: block;
}
.authentication .desktop-logo,
.authentication .desktop-dark {
  height: 2rem;
  line-height: 2rem;
}
.authentication-brand {
  display: inline-block;
}
.authentication-brand.dark {
  display: none;
}
[data-theme-color=dark] .authentication-brand {
  display: none;
}
[data-theme-color=dark] .authentication-brand.dark {
  display: inline-block;
}
.coming-soon-main {
  position: relative;
  background-color: var(--theme-custom-white);
}
.coming-soon-main .coming-soon-background {
  position: absolute;
  width: 100%;
  height: 100%;
  inset-inline-start: 0;
  inset-block-start: 0;
  z-index: -1;
  opacity: 0.2;
  overflow: hidden;
}
.coming-soon-main .coming-soon-background img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.footer.authentication-footer {
  background-color: transparent;
  box-shadow: none;
  z-index: 100;
  padding-inline-start: 0;
}
#particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 6px;
}
.show-password-button {
  position: absolute;
  padding: 0.55rem;
  inset-block-start: 0;
  inset-inline-end: 4px;
}
.authentication.authentication-cover-main .show-password-button {
  padding: 0.65rem;
}
.authentication-background {
  position: relative;
}
.authentication-background .authentication-basic-background {
  position: absolute;
  width: 100%;
  height: 100%;
  inset-inline-start: 0;
  inset-block-start: 0;
  z-index: -1;
  opacity: 0.15;
}
.authentication-background .authentication-basic-background img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.authentication-cover-image {
  border-radius: 50%;
}
.authentication-cover-icon {
  background-color: rgba(255, 255, 255, 0.2) !important;
  color: #fff !important;
  border: 0 !important;
}
.authentication-cover-icon:hover,
.authentication-cover-icon:active,
.authentication-cover-icon:focus {
  background-color: rgba(255, 255, 255, 0.2) !important;
  color: #fff !important;
  border: 0 !important;
}
.authentication.two-step-verification .form-control {
  padding-inline-end: 0.5rem;
}
.authentication-cover .authentication-cover-logo {
  position: absolute;
  top: 30px;
  inset-inline-end: 30px;
}
.coming-soon .authentication-cover-content h1 {
  font-size: 4rem;
}
@media (max-width: 500px) {
  .coming-soon .authentication-cover-content h1 {
    font-size: 2rem;
  }
}
.error-shell {
  width: 100%;
  min-height: 100vh;
  min-height: 100svh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(1rem, 4vw, 3rem);
  background-color: #f6f7fb;
  position: relative;
  isolation: isolate;
  overflow-x: clip;
  background-image:
    radial-gradient(
      ellipse at 16% 18%,
      rgba(var(--theme-secondary-rgb), 0.14),
      transparent 34rem),
    radial-gradient(
      ellipse at 88% 84%,
      rgba(var(--theme-primary-rgb), 0.2),
      transparent 30rem),
    linear-gradient(
      135deg,
      #f5f7ff 0%,
      #f8f9fc 52%,
      #f3f8e8 100%);
}
.error-shell::before,
.error-shell::after {
  content: "";
  position: fixed;
  z-index: -1;
  width: clamp(26rem, 56vw, 54rem);
  aspect-ratio: 1;
  border: 1px solid rgba(var(--theme-secondary-rgb), 0.1);
  border-radius: 50%;
  pointer-events: none;
}
.error-shell::before {
  top: -24%;
  left: -19%;
  background:
    radial-gradient(
      circle,
      rgba(var(--theme-secondary-rgb), 0.07),
      transparent 68%);
  box-shadow:
    0 0 0 2rem rgba(var(--theme-secondary-rgb), 0.025),
    0 0 0 4rem rgba(var(--theme-secondary-rgb), 0.035),
    0 0 0 6rem rgba(var(--theme-secondary-rgb), 0.025),
    0 0 0 8rem rgba(var(--theme-secondary-rgb), 0.02);
}
.error-shell::after {
  right: -22%;
  bottom: -46%;
  border-color: rgba(var(--theme-primary-rgb), 0.2);
  background:
    radial-gradient(
      circle,
      rgba(var(--theme-primary-rgb), 0.12),
      transparent 68%);
  box-shadow:
    0 0 0 2rem rgba(var(--theme-primary-rgb), 0.035),
    0 0 0 4rem rgba(var(--theme-primary-rgb), 0.045),
    0 0 0 6rem rgba(var(--theme-primary-rgb), 0.03),
    0 0 0 8rem rgba(var(--theme-primary-rgb), 0.02);
}
.error-shell .error-layout {
  position: relative;
  z-index: 1;
  width: min(100%, 1080px);
  margin: auto;
}
.error-shell .error-card {
  position: relative;
  width: 100%;
  height: min(620px, 100svh - 4rem);
  margin: 0;
  overflow: hidden;
  border: 0;
  border-radius: 0.8rem;
  background: var(--theme-custom-white);
  box-shadow: none;
}
.error-shell .error-card .card-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr);
  align-items: center;
  gap: clamp(1rem, 4vw, 2.5rem);
  height: 100%;
  min-height: 0;
  padding: clamp(2.5rem, 7vw, 5rem);
}
.error-shell .error-menu {
  position: absolute;
  z-index: 1;
  top: 1.25rem;
  left: 1.25rem;
  display: inline-grid;
  width: 2rem;
  height: 2rem;
  place-items: center;
  border-radius: 0.35rem;
  color: #294a82;
  font-size: 1.2rem;
  text-decoration: none;
}
.error-shell .error-menu:hover {
  background: rgba(var(--theme-secondary-rgb), 0.08);
}
.error-shell .error-visual {
  display: grid;
  min-width: 0;
  min-height: 0;
  place-items: center;
}
.error-shell .error-illustration {
  display: block;
  width: min(100%, 470px);
  height: auto;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.error-shell .error-copy {
  min-width: 0;
  text-align: center;
}
.error-shell .error-code {
  display: block;
  color: rgb(var(--theme-secondary-rgb));
  font-size: clamp(3.75rem, 8vw, 5.75rem);
  font-weight: 700;
  letter-spacing: 0em;
  font-style: oblique;
  line-height: 0.98;
  font-variant-numeric: tabular-nums;
}
.error-shell .error-card h1 {
  margin: 0.55rem 0 0.65rem;
  color: var(--theme-default-text-color);
  font-size: clamp(1.35rem, 3vw, 1.8rem);
  font-weight: 600;
  letter-spacing: -0.035em;
  line-height: 1.25;
}
.error-shell .error-description {
  max-width: 360px;
  margin: 0 auto;
  color: var(--theme-text-muted);
  font-size: 0.8rem;
  line-height: 1.7;
}
.error-shell .error-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1.25rem;
}
.error-shell .error-help {
  margin: 0.85rem 0 0;
  color: var(--theme-text-muted);
  font-size: 0.76rem;
  text-align: center;
}
.error-shell .error-help a,
.error-shell .error-help strong {
  color: var(--theme-default-text-color);
  font-weight: 600;
  text-decoration: none;
}
.error-shell .error-help a:hover {
  color: rgb(var(--theme-secondary-rgb));
}
@media (max-width: 767.98px) {
  .error-shell .error-card {
    height: auto;
  }
  .error-shell .error-card .card-body {
    grid-template-columns: 1fr;
    gap: 0.75rem;
    height: auto;
    padding: 3.75rem clamp(1.25rem, 5vw, 2rem) 2rem;
    text-align: center;
  }
  .error-shell .error-visual {
    min-height: 180px;
  }
  .error-shell .error-illustration {
    width: min(100%, 300px);
    max-height: 180px;
  }
  .error-shell .error-description {
    margin-inline: auto;
  }
}
@media (min-width: 768px) and (max-height: 720px) {
  .error-shell {
    padding: 1rem;
  }
  .error-shell .error-card {
    height: calc(100svh - 2rem);
  }
  .error-shell .error-card .card-body {
    padding: 2rem;
  }
  .error-shell .error-illustration {
    max-height: 250px;
  }
}
@media (max-width: 575.98px) {
  .error-shell {
    padding: 1rem;
  }
  .error-shell .error-card {
    border-radius: 0.85rem;
  }
  .error-shell .error-actions .btn {
    flex: 1 1 100%;
  }
}
.error-shell-centered {
  background-color: #f7f8fc;
  background-image:
    linear-gradient(rgba(var(--theme-secondary-rgb), 0.035) 1px, transparent 1px),
    linear-gradient(
      90deg,
      rgba(var(--theme-secondary-rgb), 0.035) 1px,
      transparent 1px),
    radial-gradient(
      ellipse at 18% 20%,
      rgba(var(--theme-secondary-rgb), 0.14),
      transparent 30rem),
    radial-gradient(
      ellipse at 84% 80%,
      rgba(var(--theme-primary-rgb), 0.18),
      transparent 27rem),
    linear-gradient(
      145deg,
      #f8f9ff 0%,
      #f7f8fc 55%,
      #f5f9ed 100%);
  background-size:
    56px 56px,
    56px 56px,
    auto,
    auto,
    auto;
}
.error-shell-centered::before,
.error-shell-centered::after {
  position: fixed;
  width: clamp(15rem, 32vw, 28rem);
  border: 0;
  box-shadow: none;
}
.error-shell-centered::before {
  top: -16%;
  left: -10%;
  border-radius: 58% 42% 65% 35%;
  background:
    linear-gradient(
      145deg,
      rgba(var(--theme-secondary-rgb), 0.09),
      rgba(var(--theme-secondary-rgb), 0.015));
  transform: rotate(-18deg);
}
.error-shell-centered::after {
  right: -12%;
  bottom: -18%;
  border-radius: 38% 62% 40% 60%;
  background:
    linear-gradient(
      145deg,
      rgba(var(--theme-primary-rgb), 0.16),
      rgba(var(--theme-primary-rgb), 0.025));
  transform: rotate(22deg);
}
.error-shell-centered .error-layout {
  width: min(100%, 720px);
}
.error-shell-centered .error-card {
  height: auto;
  aspect-ratio: auto;
  max-height: none;
  overflow: visible;
  background: var(--theme-custom-white);
  box-shadow: none;
}
.error-shell-centered .error-card .card-body {
  display: block;
  height: auto;
  padding: clamp(1.5rem, 5vw, 3rem);
  text-align: center;
}
.error-shell-centered .error-copy {
  max-width: 560px;
  margin: 0 auto;
  text-align: center;
}
.error-shell-centered .error-symbol {
  display: grid;
  width: 3.5rem;
  height: 3.5rem;
  margin: 0 auto 1.25rem;
  place-items: center;
  border: 1px solid rgba(var(--theme-secondary-rgb), 0.15);
  border-radius: 1.1rem;
  background: rgba(var(--theme-secondary-rgb), 0.09);
  color: rgb(var(--theme-secondary-rgb));
  font-size: 1.65rem;
  box-shadow: 0 0.75rem 2rem rgba(var(--theme-secondary-rgb), 0.1);
}
.error-shell-centered .error-label {
  display: block;
  margin-bottom: 0.35rem;
  color: var(--theme-text-muted);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.16em;
}
.error-shell-centered .error-code {
  margin: 0.15rem 0 0.25rem;
  color: #294a82;
  font-size: clamp(6.5rem, 19vw, 12rem);
  font-style: normal;
  font-weight: 600;
  line-height: 0.95;
}
.error-shell-centered .error-card h1 {
  margin: 0.25rem 0;
  font-size: clamp(1.5rem, 3.5vw, 1rem);
}
.error-shell-centered .error-description {
  max-width: 420px;
  font-size: 0.9rem;
}
.error-shell-centered .error-actions {
  margin-top: 1.6rem;
}
.error-shell,
.error-shell.error-shell-centered {
  background-color: var(--theme-default-body-bg-color);
  background-image:
    radial-gradient(
      ellipse at 12% 18%,
      rgba(var(--theme-secondary-rgb), 0.09),
      transparent 46%),
    radial-gradient(
      ellipse at 88% 82%,
      rgba(var(--theme-primary-rgb), 0.08),
      transparent 46%);
}
.error-shell::before,
.error-shell.error-shell-centered::before {
  position: fixed;
  inset: 0;
  width: auto;
  height: auto;
  aspect-ratio: auto;
  border: 0;
  border-radius: 0;
  transform: none;
  box-shadow: none;
  background-image: radial-gradient(rgba(var(--theme-secondary-rgb), 0.18) 1px, transparent 1px);
  background-size: 24px 24px;
  -webkit-mask-image:
    radial-gradient(
      ellipse at center,
      transparent 18%,
      #000 85%);
  mask-image:
    radial-gradient(
      ellipse at center,
      transparent 18%,
      #000 85%);
}
.error-shell::after,
.error-shell.error-shell-centered::after {
  position: fixed;
  inset: 0;
  width: auto;
  height: auto;
  aspect-ratio: auto;
  border: 0;
  border-radius: 0;
  transform: none;
  box-shadow: none;
  background-image:
    linear-gradient(rgba(var(--theme-secondary-rgb), 0.035) 1px, transparent 1px),
    linear-gradient(
      90deg,
      rgba(var(--theme-secondary-rgb), 0.035) 1px,
      transparent 1px);
  background-size: 96px 96px;
  -webkit-mask-image:
    linear-gradient(
      135deg,
      #000,
      transparent 45%,
      transparent 65%,
      #000);
  mask-image:
    linear-gradient(
      135deg,
      #000,
      transparent 45%,
      transparent 65%,
      #000);
}
@media (max-width: 575.98px) {
  .error-shell::before {
    background-size: 20px 20px;
  }
  .error-shell::after {
    background-size: 80px 80px;
  }
}
[data-theme-color=dark] .error-shell {
  color: var(--theme-default-text-color);
}
[data-theme-color=dark] .error-shell .error-card {
  border: 1px solid var(--theme-default-border);
  background: var(--theme-custom-white);
}
[data-theme-color=dark] .error-shell .error-code {
  color: var(--theme-primary-color);
}
[data-theme-color=dark] .error-shell .error-menu {
  color: var(--theme-default-text-color);
}
.crm-contacts-page {
  --crm-contact-surface: var(--theme-custom-white);
  color: var(--theme-default-text-color);
}
.crm-contacts-page .page-header-breadcrumb {
  min-height: 2.25rem;
}
.crm-contacts-page .crm-contacts-spotlight {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(12rem, 0.32fr);
  align-items: center;
  gap: 1.5rem;
  min-height: 12rem;
  margin-bottom: 1rem;
  padding: clamp(1.25rem, 2vw, 1.75rem);
  overflow: hidden;
  border: 1px solid rgba(var(--theme-secondary-rgb), 0.15);
  border-radius: 0.75rem;
  background:
    linear-gradient(
      112deg,
      rgba(var(--theme-secondary-rgb), 0.1),
      var(--theme-custom-white) 65%);
}
.crm-contacts-page .crm-spotlight-copy,
.crm-contacts-page .crm-spotlight-stat {
  position: relative;
  z-index: 1;
}
.crm-contacts-page .crm-spotlight-kicker,
.crm-contacts-page .crm-directory-kicker {
  display: inline-flex;
  align-items: center;
  color: rgb(var(--theme-secondary-rgb));
  font-size: 0.64rem;
  font-weight: 700;
  letter-spacing: 0.08em;
}
.crm-contacts-page .crm-spotlight-copy h2 {
  max-width: 36rem;
  margin: 0.45rem 0;
  color: var(--theme-default-text-color);
  font-size: clamp(1.2rem, 2vw, 1.6rem);
  font-weight: 600;
}
.crm-contacts-page .crm-spotlight-copy p {
  max-width: 36rem;
  margin-bottom: 0.9rem;
  color: var(--theme-text-muted);
  font-size: 0.78rem;
  line-height: 1.55;
}
.crm-contacts-page .crm-spotlight-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.crm-contacts-page .crm-spotlight-actions .btn {
  padding: 0.45rem 0.75rem;
  font-size: 0.72rem;
}
.crm-contacts-page .crm-spotlight-stat {
  display: grid;
  gap: 0.3rem;
  padding: 1rem 1.15rem;
  border: 1px solid rgba(var(--theme-secondary-rgb), 0.12);
  border-radius: 0.65rem;
  background: var(--crm-contact-surface);
  box-shadow: 0 0.25rem 0.9rem rgba(var(--theme-dark-rgb), 0.035);
}
.crm-contacts-page .crm-spotlight-stat > span:first-child,
.crm-contacts-page .crm-score-caption {
  color: var(--theme-text-muted);
  font-size: 0.68rem;
}
.crm-contacts-page .crm-spotlight-stat > strong {
  color: var(--theme-default-text-color);
  font-size: 1.75rem;
  font-weight: 650;
  line-height: 1.2;
}
.crm-contacts-page .crm-spotlight-stat > strong small {
  color: var(--theme-text-muted);
  font-size: 0.8rem;
  font-weight: 500;
}
.crm-contacts-page .crm-score-caption i {
  margin-right: 0.2rem;
  color: rgb(var(--theme-success-rgb));
}
.crm-contacts-page .crm-spotlight-orbit {
  position: absolute;
  inset: auto 17% -4rem auto;
  display: grid;
  width: 12rem;
  height: 12rem;
  place-items: center;
  border: 1px solid rgba(var(--theme-secondary-rgb), 0.08);
  border-radius: 50%;
  color: rgba(var(--theme-secondary-rgb), 0.15);
  font-size: 6rem;
  pointer-events: none;
}
.crm-contacts-page .crm-contact-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.85rem;
  margin-bottom: 1rem;
}
.crm-contacts-page .crm-contact-metric {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.3rem 0.7rem;
  padding: 1rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.65rem;
  background: var(--crm-contact-surface);
}
.crm-contacts-page .crm-metric-icon {
  display: grid;
  width: 2.5rem;
  height: 2.5rem;
  grid-row: span 2;
  place-items: center;
  border-radius: 0.6rem;
  font-size: 1.15rem;
}
.crm-contacts-page .metric-forest {
  background: rgba(var(--theme-secondary-rgb), 0.1);
  color: rgb(var(--theme-secondary-rgb));
}
.crm-contacts-page .metric-lime {
  background: rgba(var(--theme-success-rgb), 0.12);
  color: rgb(var(--theme-success-rgb));
}
.crm-contacts-page .metric-lavender {
  background: rgba(var(--theme-info-rgb), 0.12);
  color: rgb(var(--theme-info-rgb));
}
.crm-contacts-page .crm-contact-metric > div {
  display: grid;
  gap: 0.1rem;
}
.crm-contacts-page .crm-contact-metric > div > span {
  color: var(--theme-text-muted);
  font-size: 0.7rem;
}
.crm-contacts-page .crm-contact-metric > div > strong {
  color: var(--theme-default-text-color);
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.2;
}
.crm-contacts-page .crm-contact-metric > small {
  grid-column: 2;
  color: var(--theme-text-muted);
  font-size: 0.63rem;
}
.crm-contacts-page .crm-contact-directory {
  margin-bottom: 1rem;
  padding: 1rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.7rem;
  background: var(--crm-contact-surface);
}
.crm-contacts-page .crm-contact-table-wrap {
  border: 1px solid var(--theme-default-border);
  border-radius: 0.5rem;
}
.crm-contacts-page .crm-contact-table {
  min-width: 780px;
  margin-bottom: 0;
}
.crm-contacts-page .crm-contact-table th {
  color: var(--theme-text-muted);
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.035em;
}
.crm-contacts-page .crm-contact-table td,
.crm-contacts-page .crm-contact-table th {
  padding: 0.8rem 1rem;
}
.crm-contacts-page .crm-contact-table td {
  font-size: 0.75rem;
}
.crm-contacts-page .crm-contact-table a {
  color: var(--theme-default-text-color);
}
.crm-contacts-page .crm-directory-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 1rem;
}
.crm-contacts-page .crm-directory-heading h2 {
  margin: 0.2rem 0 0;
  color: var(--theme-default-text-color);
  font-size: 0.95rem;
  font-weight: 600;
}
.crm-contacts-page .crm-directory-heading p {
  margin: 0.25rem 0 0;
  color: var(--theme-text-muted);
  font-size: 0.72rem;
}
.crm-contacts-page .crm-directory-controls {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.crm-contacts-page .crm-directory-controls .choices {
  margin-bottom: 0px;
}
.crm-contacts-page .crm-directory-search {
  position: relative;
  display: flex;
  min-width: 14rem;
  align-items: center;
}
.crm-contacts-page .crm-directory-search > i {
  position: absolute;
  left: 0.65rem;
  z-index: 1;
  color: var(--theme-text-muted);
}
.crm-contacts-page .crm-directory-search input {
  min-height: 2.25rem;
  padding-left: 2rem;
  border-color: var(--theme-default-border);
  font-size: 0.7rem;
}
.crm-contacts-page .crm-directory-controls .form-select {
  width: auto;
  min-width: 8.5rem;
  min-height: 2.25rem;
  font-size: 0.7rem;
}
.crm-contacts-page .crm-contact-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
}
.crm-contacts-page .crm-person-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  padding: 0.85rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.6rem;
  background: var(--crm-contact-surface);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.crm-contacts-page .crm-person-card:hover {
  border-color: rgba(var(--theme-secondary-rgb), 0.35);
  box-shadow: 0 0.35rem 1rem rgba(var(--theme-dark-rgb), 0.045);
}
.crm-contacts-page .crm-person-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.crm-contacts-page .crm-person-avatar {
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}
.crm-contacts-page .crm-contact-favorite,
.crm-contacts-page .crm-contact-delete {
  display: grid;
  width: 1.9rem;
  height: 1.9rem;
  place-items: center;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.4rem;
  background: var(--crm-contact-surface);
  color: var(--theme-text-muted);
}
.crm-contacts-page .crm-contact-favorite[aria-pressed=true] {
  border-color: rgba(var(--theme-warning-rgb), 0.25);
  background: rgba(var(--theme-warning-rgb), 0.1);
  color: rgb(var(--theme-warning-rgb));
}
.crm-contacts-page .crm-contact-delete:hover {
  border-color: rgba(var(--theme-danger-rgb), 0.25);
  background: rgba(var(--theme-danger-rgb), 0.08);
  color: rgb(var(--theme-danger-rgb));
}
.crm-contacts-page .crm-person-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin: 0.7rem 0 0.45rem;
}
.crm-contacts-page .crm-person-heading h2 {
  margin: 0;
  color: var(--theme-default-text-color);
  font-size: 0.78rem;
  font-weight: 600;
}
.crm-contacts-page .crm-person-heading p {
  margin: 0.1rem 0 0;
  color: var(--theme-text-muted);
  font-size: 0.65rem;
}
.crm-contacts-page .crm-score-pill {
  flex: 0 0 auto;
  padding: 0.25rem 0.4rem;
  border-radius: 0.4rem;
  background: rgba(var(--theme-secondary-rgb), 0.09);
  color: rgb(var(--theme-secondary-rgb));
  font-size: 0.72rem;
  font-weight: 600;
}
.crm-contacts-page .crm-score-pill small {
  margin-left: 0.1rem;
  font-size: 0.56rem;
  font-weight: 500;
}
.crm-contacts-page .crm-score-track {
  height: 0.28rem;
  margin-bottom: 0.6rem;
  overflow: hidden;
  border-radius: 50rem;
  background: rgba(var(--theme-secondary-rgb), 0.1);
}
.crm-contacts-page .crm-score-track span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: rgb(var(--theme-secondary-rgb));
}
.crm-contacts-page .crm-person-details {
  display: grid;
  gap: 0.3rem;
  padding: 0.5rem 0;
  border-top: 1px solid var(--theme-default-border);
}
.crm-contacts-page .crm-person-details a,
.crm-contacts-page .crm-person-meta span {
  overflow: hidden;
  color: var(--theme-text-muted);
  font-size: 0.62rem;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.crm-contacts-page .crm-person-details a:hover {
  color: rgb(var(--theme-secondary-rgb));
}
.crm-contacts-page .crm-person-details i,
.crm-contacts-page .crm-person-meta i {
  margin-right: 0.3rem;
  color: rgb(var(--theme-secondary-rgb));
}
.crm-contacts-page .crm-person-meta {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.5rem 0;
  border-top: 1px solid var(--theme-default-border);
}
.crm-contacts-page .crm-person-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
  min-height: 1.4rem;
}
.crm-contacts-page .crm-contact-tag {
  padding: 0.17rem 0.4rem;
  border-radius: 50rem;
  background: rgba(var(--theme-secondary-rgb), 0.08);
  color: rgb(var(--theme-secondary-rgb));
  font-size: 0.57rem;
}
.crm-contacts-page .crm-person-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-top: auto;
  padding-top: 0.65rem;
}
.crm-contacts-page .crm-person-actions .btn {
  padding: 0.35rem 0.55rem;
  font-size: 0.65rem;
}
.crm-contacts-page .crm-contact-empty {
  padding: 2rem 1rem;
  color: var(--theme-text-muted);
  text-align: center;
  font-size: 0.78rem;
}
.crm-contacts-page .crm-contact-drawer {
  width: min(100%, 26rem) !important;
}
.crm-contacts-page .crm-drawer-person {
  display: grid;
  justify-items: center;
  padding: 0.5rem 0 1rem;
  text-align: center;
}
.crm-contacts-page .crm-drawer-person img {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}
.crm-contacts-page .crm-drawer-person h3 {
  margin: 0.65rem 0 0.1rem;
  color: var(--theme-default-text-color);
  font-size: 1rem;
}
.crm-contacts-page .crm-drawer-person p {
  margin: 0;
  color: var(--theme-text-muted);
  font-size: 0.75rem;
}
.crm-contacts-page .crm-drawer-detail {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.75rem 0;
  border-bottom: 1px solid var(--theme-default-border);
  font-size: 0.73rem;
}
.crm-contacts-page .crm-drawer-detail span {
  color: var(--theme-text-muted);
}
.crm-contacts-page .crm-drawer-detail strong {
  color: var(--theme-default-text-color);
  text-align: end;
}
.crm-contacts-page .crm-contact-modal .modal-content {
  border: 1px solid var(--theme-default-border);
  border-radius: 0.75rem;
}
.crm-contacts-page .crm-contact-modal .form-label {
  color: var(--theme-default-text-color);
  font-size: 0.72rem;
  font-weight: 500;
}
.crm-contacts-page .crm-contact-modal .form-label span {
  color: rgb(var(--theme-danger-rgb));
}
.crm-contacts-page .crm-contact-modal .form-control,
.crm-contacts-page .crm-contact-modal .form-select {
  font-size: 0.75rem;
}
.crm-contacts-page .crm-form-section-heading {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  margin-bottom: 0.8rem;
}
.crm-contacts-page .crm-form-section-heading > div {
  display: grid;
  gap: 0.1rem;
}
.crm-contacts-page .crm-form-section-heading strong {
  color: var(--theme-default-text-color);
  font-size: 0.78rem;
}
.crm-contacts-page .crm-form-section-heading small {
  color: var(--theme-text-muted);
  font-size: 0.67rem;
}
.crm-contacts-page .crm-form-section-icon {
  display: grid;
  width: 2.2rem;
  height: 2.2rem;
  place-items: center;
  border-radius: 0.5rem;
  background: rgba(var(--theme-secondary-rgb), 0.1);
  color: rgb(var(--theme-secondary-rgb));
}
.crm-contacts-page .crm-add-contact-button {
  background: var(--theme-primary-color);
  color: var(--theme-default-text-color);
}
.crm-contacts-page .crm-add-contact-button:hover {
  background: rgba(var(--theme-primary-rgb), 0.86);
  color: var(--theme-default-text-color);
}
@media (max-width: 1199.98px) {
  .crm-contacts-page .crm-contact-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767.98px) {
  .crm-contacts-page .crm-contacts-spotlight {
    grid-template-columns: 1fr;
  }
  .crm-contacts-page .crm-spotlight-stat {
    max-width: 22rem;
  }
}
@media (max-width: 575.98px) {
  .crm-contacts-page .crm-contact-metrics,
  .crm-contacts-page .crm-contact-card-grid {
    grid-template-columns: 1fr;
  }
  .crm-contacts-page .crm-directory-controls,
  .crm-contacts-page .crm-directory-search,
  .crm-contacts-page .crm-directory-controls .form-select {
    width: 100%;
  }
}
.ai-chat-page {
  color: var(--theme-default-text-color);
}
.ai-chat-page .chatgpt-shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 280px;
  width: 100%;
  height: clamp(620px, 100vh - 255px, 920px);
  min-height: 0;
  overflow: hidden;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.5rem;
  background: var(--theme-custom-white);
}
.ai-chat-page .chatgpt-main {
  display: flex;
  min-width: 0;
  min-height: 0;
  flex-direction: column;
  overflow: hidden;
  background: var(--theme-custom-white);
}
.ai-chat-page .chatgpt-home {
  display: flex;
  min-height: 0;
  flex: 1;
  flex-direction: column;
  align-items: center;
  padding: 55px clamp(18px, 4vw, 64px) 55px;
  overflow: auto;
  background:
    linear-gradient(
      108deg,
      #f8fffb 0%,
      #fafff4 58%,
      #ffffff 100%);
}
.ai-chat-page .chatgpt-welcome {
  width: 100%;
  margin: auto 0 0;
  text-align: center;
}
.ai-chat-page .chatgpt-orbit {
  display: grid;
  width: 76px;
  height: 76px;
  place-items: center;
  margin: 0 auto 24px;
  border: 1px solid rgba(var(--theme-primary-rgb), 0.38);
  border-radius: 50%;
  color: #000;
  background:
    radial-gradient(
      circle at 33% 24%,
      #fff 0 8%,
      rgba(var(--theme-primary-rgb), 0.82) 18%,
      var(--theme-primary-color) 48%,
      rgba(var(--theme-primary-rgb), 0.78) 78%,
      rgba(var(--theme-primary-rgb), 0.62) 100%);
  background:
    radial-gradient(
      circle at 33% 24%,
      #fff 0 8%,
      color-mix(in srgb, var(--theme-primary-color) 42%, #fff) 18%,
      var(--theme-primary-color) 48%,
      color-mix(in srgb, var(--theme-primary-color) 78%, #151515) 78%,
      color-mix(in srgb, var(--theme-primary-color) 62%, #151515) 100%);
  box-shadow:
    inset -8px -9px 14px rgba(15, 20, 10, 0.16),
    inset 5px 6px 12px rgba(255, 255, 255, 0.72),
    0 14px 24px rgba(var(--theme-primary-rgb), 0.2);
  font-size: 31px;
  animation: orbitRotate 14s linear infinite;
  transform-origin: center;
}
.ai-chat-page .chatgpt-home h1 {
  margin: 0 0 28px;
  font-size: clamp(28px, 3vw, 40px);
  font-weight: 500;
  letter-spacing: -0.035em;
  line-height: 1.4;
}
.ai-chat-page .chatgpt-home h1 span {
  color: #b0d82b;
}
.ai-chat-page .chatgpt-suggestions {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 0 auto 28px;
}
.ai-chat-page .chatgpt-suggestion {
  display: flex;
  min-width: 0;
  min-height: 150px;
  flex-direction: column;
  align-items: flex-start;
  gap: 18px;
  padding: 16px;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.75rem;
  background: var(--theme-custom-white);
  color: var(--theme-default-text-color);
  text-align: left;
  transition:
    border-color 0.18s ease,
    background-color 0.18s ease,
    transform 0.18s ease;
}
.ai-chat-page .chatgpt-suggestion:hover {
  transform: translateY(-2px);
  border-color: rgba(var(--theme-dark-rgb), 0.15);
  background: rgba(var(--theme-dark-rgb), 0.04);
}
.ai-chat-page .chatgpt-suggestion > i {
  font-size: 23px;
}
.ai-chat-page .chatgpt-suggestion strong {
  display: block;
  margin-bottom: 7px;
  font-size: 15px;
  font-weight: 500;
}
.ai-chat-page .chatgpt-suggestion .text-muted {
  font-size: 12px;
  line-height: 1.55;
}
.ai-chat-page .chatgpt-prompt-wrap {
  width: 100%;
  margin-top: auto;
}
.ai-chat-page .chatgpt-composer {
  overflow: hidden;
  border: 1px solid var(--theme-input-border);
  border-radius: 0.85rem;
  background: var(--theme-custom-white);
  box-shadow: 0 2px 4px rgba(20, 25, 40, 0.08);
  transition: border-color 0.2s, box-shadow 0.2s;
}
.ai-chat-page .chatgpt-composer:focus-within {
  border-color: rgba(var(--theme-dark-rgb), 0.1);
  box-shadow: 0 0 0 0.2rem rgba(var(--theme-dark-rgb), 0.04);
}
.ai-chat-page .chatgpt-composer textarea {
  min-height: 66px;
  padding: 13px 15px 6px;
  border: 0;
  background: transparent;
  resize: none;
  box-shadow: none !important;
}
.ai-chat-page .chatgpt-composer textarea::-moz-placeholder {
  color: var(--theme-text-muted);
}
.ai-chat-page .chatgpt-composer textarea::placeholder {
  color: var(--theme-text-muted);
}
.ai-chat-page .chatgpt-composer-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 10px 9px;
}
.ai-chat-page .chatgpt-composer-actions .chatgpt-send {
  width: 40px;
  height: 40px;
  margin-left: auto;
  border-radius: 0.65rem !important;
  background: #2868ed;
  border-color: #2868ed;
}
.ai-chat-page .chatgpt-composer-actions .chatgpt-tool.is-active {
  border-color: rgba(var(--theme-dark-rgb), 0.1);
  background: rgba(var(--theme-dark-rgb), 0.04);
}
.ai-chat-page .chatgpt-footer-note {
  margin: 8px 0 0;
  color: var(--theme-text-muted);
  font-size: 11px;
  text-align: center;
}
.ai-chat-page .chatgpt-rail {
  display: flex;
  min-width: 0;
  min-height: 0;
  flex-direction: column;
  border-left: 1px solid var(--theme-default-border);
  background: var(--theme-custom-white);
  --bs-offcanvas-width: min(22rem, 90vw);
}
.ai-chat-page .chatgpt-rail-header {
  padding: 1rem;
  border-bottom: 1px solid var(--theme-default-border);
}
.ai-chat-page .chatgpt-rail-body {
  display: flex;
  min-height: 0;
  flex-direction: column;
  padding: 14px 10px 10px;
  overflow: hidden;
}
.ai-chat-page .chatgpt-rail-body .chatgpt-history {
  min-height: 0;
  flex: 1 1 auto;
}
@media (min-width: 992px) {
  .ai-chat-page .chatgpt-rail.offcanvas-lg {
    position: relative;
    inset: auto;
    width: auto;
    height: 100%;
    max-width: none;
    visibility: visible;
    transform: none;
    border-radius: 0;
  }
  .ai-chat-page .chatgpt-rail.offcanvas-lg .chatgpt-rail-header {
    display: none;
  }
  .ai-chat-page .chatgpt-rail.offcanvas-lg .chatgpt-rail-body {
    display: flex;
    width: 100%;
    min-height: 0;
    flex: 1 1 auto;
    padding: 14px 10px 10px;
    overflow: hidden;
  }
}
.ai-chat-page .chatgpt-search {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0 0 20px;
}
.ai-chat-page .chatgpt-search > i {
  position: absolute;
  left: 12px;
  color: var(--theme-text-muted);
}
.ai-chat-page .chatgpt-search input {
  height: 40px;
  padding: 7px 58px 7px 34px;
  border-radius: 0.6rem;
  background: var(--theme-custom-white);
}
.ai-chat-page .chatgpt-shortcut {
  position: absolute;
  right: 9px;
  color: var(--theme-text-muted);
  font-size: 11px;
}
.ai-chat-page .chatgpt-section-label {
  padding: 0 8px;
  color: var(--theme-text-muted);
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
}
.ai-chat-page .chatgpt-history {
  display: grid;
  align-content: start;
  gap: 3px;
  margin: 6px 0 16px;
  overflow-y: auto;
}
.ai-chat-page .chatgpt-history-divider {
  margin-top: 16px;
}
.ai-chat-page .chatgpt-history button {
  display: flex;
  width: 100%;
  min-width: 0;
  align-items: flex-start;
  gap: 12px;
  padding: 9px 8px;
  border: 0;
  border-radius: 0.5rem;
  background: transparent;
  color: var(--theme-default-text-color);
  text-align: left;
}
.ai-chat-page .chatgpt-history button:hover,
.ai-chat-page .chatgpt-history button.active {
  background: rgb(var(--theme-light-rgb));
}
.ai-chat-page .chatgpt-history button[hidden] {
  display: none;
}
.ai-chat-page .chatgpt-history button > i {
  flex: 0 0 auto;
  margin-top: 3px;
  font-size: 19px;
}
.ai-chat-page .chatgpt-history-copy {
  display: block;
  min-width: 0;
}
.ai-chat-page .chatgpt-history-copy strong {
  display: block;
  overflow: hidden;
  font-size: 13px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ai-chat-page .chatgpt-history-copy span {
  display: block;
  margin-top: 3px;
  overflow: hidden;
  color: var(--theme-text-muted);
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ai-chat-page .chatgpt-rail-footer {
  margin-top: auto;
  padding-top: 10px;
}
.ai-chat-page .chatgpt-thread {
  display: none;
  width: min(100%, 850px);
  min-height: 0;
  flex: 1 1 0%;
  align-self: center;
  padding: 28px 24px 16px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.ai-chat-page.is-chatting .chatgpt-home {
  display: none;
}
.ai-chat-page.is-chatting .chatgpt-thread {
  display: block;
}
.ai-chat-page.is-chatting .chatgpt-prompt-wrap {
  width: min(100%, 850px);
  flex: 0 0 auto;
  align-self: center;
  padding: 0 24px 12px;
}
.ai-chat-page .chatgpt-user-message {
  width: -moz-fit-content;
  width: fit-content;
  max-width: 82%;
  margin: 0 0 24px auto;
  padding: 12px 16px;
  color: var(--theme-default-text-color);
  border: 1px solid var(--theme-default-border);
  border-radius: 1rem 0.25rem 1rem 1rem;
  background: var(--theme-default-body-bg-color);
  font-size: 14px;
  white-space: pre-wrap;
}
.ai-chat-page .chatgpt-assistant-message {
  display: flex;
  gap: 12px;
  margin: 0 0 30px;
}
.ai-chat-page .chatgpt-assistant-icon {
  display: grid;
  width: 30px;
  height: 30px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 50%;
  color: #000;
  background: #8ae51f;
}
.ai-chat-page .chatgpt-assistant-copy {
  color: var(--theme-default-text-color);
  font-size: 14px;
  line-height: 1.75;
}
.ai-chat-page .chatgpt-assistant-copy p:last-child {
  margin-bottom: 0;
}
.ai-chat-page .chatgpt-mobilebar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px;
  border-bottom: 1px solid var(--theme-default-border);
}
@media (max-width: 1400px) {
  .ai-chat-page .chatgpt-suggestions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 991.98px) {
  .ai-chat-page .chatgpt-shell {
    grid-template-columns: minmax(0, 1fr);
  }
  .ai-chat-page .chatgpt-rail {
    border-left: 0;
  }
  .ai-chat-page .chatgpt-rail-header {
    display: flex;
  }
  .ai-chat-page .chatgpt-rail-body {
    overflow-y: auto;
  }
  .ai-chat-page .chatgpt-suggestions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767.98px) {
  .ai-chat-page .chatgpt-shell {
    height: clamp(580px, 100vh - 220px, 800px);
    grid-template-columns: minmax(0, 1fr);
  }
  .ai-chat-page .chatgpt-home {
    padding: 18px 14px 12px;
  }
  .ai-chat-page .chatgpt-home h1 {
    margin-bottom: 20px;
    font-size: 29px;
  }
  .ai-chat-page .chatgpt-suggestions {
    gap: 8px;
    margin-bottom: 16px;
  }
  .ai-chat-page .chatgpt-suggestion {
    min-height: 116px;
    gap: 10px;
    padding: 12px;
  }
  .ai-chat-page .chatgpt-suggestion strong {
    font-size: 13px;
  }
  .ai-chat-page .chatgpt-suggestion .text-muted {
    font-size: 11px;
  }
  .ai-chat-page.is-chatting .chatgpt-thread {
    padding: 20px 14px 10px;
  }
  .ai-chat-page.is-chatting .chatgpt-prompt-wrap {
    padding: 0 12px 10px;
  }
}
@media (max-width: 420px) {
  .ai-chat-page .chatgpt-suggestions {
    grid-template-columns: minmax(0, 1fr);
  }
  .ai-chat-page .chatgpt-suggestion {
    min-height: auto;
    flex-direction: row;
    align-items: center;
  }
  .ai-chat-page .chatgpt-suggestion > i {
    width: 28px;
    flex: 0 0 auto;
  }
}
[data-theme-color=dark] .ai-chat-page .chatgpt-home {
  background: transparent;
}
@keyframes orbitRotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .ai-chat-page .chatgpt-orbit {
    animation: none;
  }
}
.application-chat-page .main-chart-wrapper.app-chat-workspace {
  display: flex;
  gap: 0.5rem;
  height: clamp(34rem, 100vh - 12rem, 58rem);
  min-height: 0;
  overflow: hidden;
  background: transparent;
}
.application-chat-page .app-chat-inbox,
.application-chat-page .app-chat-conversation {
  min-width: 0;
  min-height: 0;
  height: 100%;
  overflow: hidden;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.35rem;
  background: var(--theme-custom-white);
  box-shadow: 0 0.25rem 1rem rgba(1, 26, 66, 0.04);
}
.application-chat-page .app-chat-inbox {
  display: flex;
  flex: 0 0 32%;
  flex-direction: column;
}
.application-chat-page .app-chat-inbox-toolbar {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1.25rem 1rem;
  border-bottom: 1px solid var(--theme-default-border);
}
.application-chat-page .app-chat-search {
  display: flex;
  min-width: 0;
  height: 2.5rem;
  flex: 1 1 auto;
  align-items: center;
  gap: 0.65rem;
  padding: 0 0.9rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.45rem;
  background: var(--theme-default-body-bg-color);
  color: var(--theme-text-muted);
  font-size: 0.875rem;
}
.application-chat-page .app-chat-search .form-control {
  min-width: 0;
  height: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  font-size: 0.875rem;
}
.application-chat-page .app-chat-list {
  flex: 1 1 auto;
  overflow: auto;
  padding: 0.5rem;
}
.application-chat-page .app-chat-person {
  margin: 0 0 0.2rem;
  border-radius: 0.45rem;
}
.application-chat-page .app-chat-person > a {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 0.9rem;
  padding: 0.85rem 1rem;
  border-radius: inherit;
  color: var(--theme-default-text-color);
  text-decoration: none;
}
.application-chat-page .app-chat-person:hover > a {
  background: var(--theme-default-body-bg-color);
}
.application-chat-page .app-chat-person.active > a {
  background: rgba(var(--theme-primary-rgb), 0.1);
}
.application-chat-page .app-chat-person .avatar img {
  width: auto;
}
.application-chat-page .app-chat-person-copy {
  display: block;
  min-width: 0;
  flex: 1 1 auto;
}
.application-chat-page .app-chat-person-name {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
}
.application-chat-page .app-chat-person-name time {
  flex: 0 0 auto;
  color: var(--theme-text-muted);
  font-size: 0.75rem;
  font-weight: 400;
}
.application-chat-page .app-chat-person-preview {
  display: block;
  overflow: hidden;
  color: var(--theme-text-muted);
  font-size: 0.8125rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.application-chat-page .app-chat-conversation {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
}
.application-chat-page .responsive-chat-close {
  display: none;
}
.application-chat-page .app-chat-head {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.25rem 1.5rem;
  border-bottom: 1px dashed var(--theme-default-border);
}
.application-chat-page .app-chat-presence-dot {
  width: 0.65rem;
  height: 0.65rem;
  border-radius: 50%;
  background: rgb(var(--theme-success-rgb));
}
.application-chat-page .app-chat-presence-dot.is-away {
  background: var(--theme-text-muted);
}
.application-chat-page .app-chat-thread-scroll {
  min-height: 0;
  flex: 1 1 auto;
  overflow: auto;
  padding: 0.25rem 1.5rem;
}
.application-chat-page .app-chat-thread {
  display: flex;
  min-height: 100%;
  flex-direction: column;
  justify-content: space-around;
  gap: 1rem;
  padding: 0.5rem 0;
}
.application-chat-page .chat-item-start .main-chat-msg div {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}
.application-chat-page .chat-item-end .main-chat-msg div {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
.application-chat-page .chat-item-start,
.application-chat-page .chat-item-end {
  margin: 0;
}
.application-chat-page .chat-item-start .chat-list-inner,
.application-chat-page .chat-item-end .chat-list-inner {
  display: flex;
  max-width: 84%;
  align-items: flex-start;
  gap: 1rem;
}
.application-chat-page .chat-item-start .avatar,
.application-chat-page .chat-item-end .avatar {
  width: 2.25rem;
  height: 2.25rem;
  flex: 0 0 2.25rem;
}
.application-chat-page .chat-item-start .app-chat-message-wrap,
.application-chat-page .chat-item-end .app-chat-message-wrap {
  min-width: 0;
}
.application-chat-page .chat-item-start .main-chat-msg div,
.application-chat-page .chat-item-end .main-chat-msg div {
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  margin: 0;
  padding: 1rem 1.35rem;
  background: var(--theme-default-body-bg-color);
  color: var(--theme-default-text-color);
}
.application-chat-page .chat-item-start .main-chat-msg div p,
.application-chat-page .chat-item-end .main-chat-msg div p {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.5;
}
.application-chat-page .chat-item-start .app-chat-time,
.application-chat-page .chat-item-end .app-chat-time {
  display: block;
  margin: 0.55rem 0 0;
  color: var(--theme-text-muted);
  font-size: 0.75rem;
}
.application-chat-page .chat-item-end .chat-list-inner {
  margin-inline-start: auto;
  justify-content: flex-end;
}
.application-chat-page .chat-item-end .main-chat-msg div {
  background: rgba(var(--theme-primary-rgb), 0.2);
}
.application-chat-page .chat-item-end .app-chat-time {
  text-align: right;
}
.application-chat-page .app-chat-message-meta {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-bottom: 0.3rem;
  color: var(--theme-text-muted);
  font-size: 0.75rem;
}
.application-chat-page .app-chat-composer {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 1.5rem;
  border-top: 1px dashed var(--theme-default-border);
  background: var(--theme-custom-white);
}
.application-chat-page .app-chat-composer .form-control {
  min-width: 0;
  flex: 1 1 auto;
  padding-inline: 1rem;
  border-color: var(--theme-default-border);
  background: var(--theme-default-body-bg-color);
  font-size: 0.95rem;
}
.application-chat-page .app-chat-action-status {
  display: block;
  padding: 0.45rem 1rem;
  border-top: 1px solid var(--theme-default-border);
  background: var(--theme-default-body-bg-color);
  color: var(--theme-text-muted);
  font-size: 0.75rem;
}
.application-chat-page .app-chat-send {
  text-wrap: nowrap;
  color: #000;
}
.application-chat-page .app-chat-contact-panel {
  width: min(26rem, 100vw);
  border-inline-start: 1px solid var(--theme-default-border);
  background: var(--theme-default-body-bg-color);
}
.application-chat-page .app-chat-contact-panel .offcanvas-header {
  background: var(--theme-custom-white);
}
.application-chat-page .app-chat-contact-panel .offcanvas-body {
  padding: 1rem;
}
.application-chat-page .app-chat-contact-body .app-chat-contact-hero {
  overflow: hidden;
  background:
    linear-gradient(
      145deg,
      var(--theme-custom-white) 45%,
      rgba(var(--theme-primary-rgb), 0.05) 100%);
}
.application-chat-page .app-chat-contact-body .chat-contact-role {
  display: block;
}
.application-chat-page .app-chat-contact-body .app-chat-contact-facts {
  display: grid;
  gap: 1rem;
}
.application-chat-page .app-chat-contact-body .app-chat-contact-facts > div {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 0.7rem;
}
.application-chat-page .app-chat-contact-body .app-chat-contact-facts > div > span:last-child {
  display: block;
  min-width: 0;
}
.application-chat-page .app-chat-contact-body .app-chat-contact-facts small,
.application-chat-page .app-chat-contact-body .app-chat-contact-facts strong {
  display: block;
  overflow-wrap: anywhere;
}
.application-chat-page .app-chat-contact-body .app-chat-contact-facts small {
  margin-bottom: 0.15rem;
  color: var(--theme-text-muted);
  font-size: 0.7rem;
}
.application-chat-page .app-chat-contact-body .app-chat-contact-facts strong {
  font-size: 0.8rem;
  font-weight: 500;
}
.application-chat-page .app-chat-contact-body .app-chat-contact-stat {
  text-align: center;
}
.application-chat-page .app-chat-contact-body .app-chat-contact-stat .card-body {
  display: flex;
  min-height: 7rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.2rem;
  padding: 0.75rem;
}
.application-chat-page .app-chat-contact-body .app-chat-contact-stat .avatar {
  width: 1.85rem;
  height: 1.85rem;
  margin-bottom: 0.2rem;
  font-size: 0.85rem;
}
.application-chat-page .app-chat-contact-body .app-chat-contact-stat strong {
  max-width: 100%;
  color: var(--theme-default-text-color);
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.1;
  overflow-wrap: anywhere;
}
.application-chat-page .app-chat-contact-body .app-chat-contact-stat .app-chat-contact-stat-label {
  color: var(--theme-text-muted);
  font-size: 0.68rem;
  line-height: 1.2;
}
.application-chat-page .app-chat-contact-body .app-chat-contact-stat.app-chat-contact-stat-files {
  background:
    linear-gradient(
      155deg,
      var(--theme-custom-white) 25%,
      rgba(var(--theme-secondary-rgb), 0.06) 100%);
}
.application-chat-page .app-chat-contact-body .app-chat-contact-stat.app-chat-contact-stat-projects {
  background:
    linear-gradient(
      155deg,
      var(--theme-custom-white) 25%,
      rgba(var(--theme-info-rgb), 0.06) 100%);
}
.application-chat-page .app-chat-contact-body .app-chat-contact-stat.app-chat-contact-stat-seen {
  background:
    linear-gradient(
      155deg,
      var(--theme-custom-white) 25%,
      rgba(var(--theme-success-rgb), 0.06) 100%);
}
.application-chat-page .modal-content.custom-card {
  overflow: hidden;
}
.application-chat-page .app-chat-compose:focus-visible,
.application-chat-page .app-chat-composer .btn:focus-visible,
.application-chat-page .app-chat-head .btn:focus-visible {
  outline: 2px solid var(--theme-primary-color);
  outline-offset: 2px;
}
@media (max-width: 1199.98px) {
  .application-chat-page .main-chart-wrapper.app-chat-workspace {
    height: calc(100vh - 11rem);
    min-height: 34rem;
  }
  .application-chat-page .app-chat-inbox {
    flex-basis: 36%;
  }
}
@media (max-width: 767.98px) {
  .application-chat-page .main-chart-wrapper.app-chat-workspace {
    position: relative;
    display: block;
    height: calc(100vh - 9rem);
    min-height: 29rem;
  }
  .application-chat-page .app-chat-inbox,
  .application-chat-page .app-chat-conversation {
    width: 100%;
    height: 100%;
  }
  .application-chat-page .app-chat-conversation {
    display: none;
  }
  .application-chat-page .main-chart-wrapper.responsive-chat-open .app-chat-inbox {
    display: none;
  }
  .application-chat-page .main-chart-wrapper.responsive-chat-open .app-chat-conversation {
    display: flex;
  }
  .application-chat-page .responsive-chat-close {
    display: inline-flex !important;
  }
  .application-chat-page .app-chat-head {
    min-height: 5.5rem;
    padding: 0.75rem;
  }
  .application-chat-page .app-chat-head > .d-flex:last-child {
    gap: 0.35rem !important;
  }
  .application-chat-page .app-chat-thread-scroll {
    padding: 0.5rem 0.75rem;
  }
  .application-chat-page .chat-item-start .chat-list-inner,
  .application-chat-page .chat-item-end .chat-list-inner {
    max-width: 94%;
    gap: 0.55rem;
  }
  .application-chat-page .chat-item-start .avatar,
  .application-chat-page .chat-item-end .avatar {
    width: 2.5rem;
    height: 2.5rem;
    flex-basis: 2.5rem;
  }
  .application-chat-page .chat-item-start .main-chat-msg div,
  .application-chat-page .chat-item-end .main-chat-msg div {
    padding: 0.75rem 0.85rem;
  }
  .application-chat-page .chat-item-start .main-chat-msg p,
  .application-chat-page .chat-item-end .main-chat-msg p {
    font-size: 0.9rem;
  }
  .application-chat-page .app-chat-composer {
    min-height: 5rem;
    gap: 0.4rem;
    padding: 0.65rem;
  }
  .application-chat-page .app-chat-composer .form-control {
    height: 2.25rem;
  }
  .application-chat-page .app-chat-composer .app-chat-send {
    min-width: 2.25rem;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    font-size: 0;
  }
  .application-chat-page .app-chat-composer .app-chat-send i {
    margin: 0 !important;
    font-size: 1rem;
  }
}
.ai-image-page {
  padding-bottom: 1rem;
}
.ai-image-page .image-settings-mobilebar {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0.75rem;
}
.ai-image-page .image-workspace {
  min-height: max(700px, 100vh - 16rem);
  overflow: hidden;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.35rem;
  background: var(--theme-custom-white);
}
.ai-image-page .image-settings-rail {
  display: flex;
  max-height: max(700px, 100vh - 16rem);
  flex-direction: column;
  gap: 1rem;
  overflow-y: auto;
  padding: 1.25rem;
  border-inline-end: 1px solid var(--theme-default-border);
  background: var(--theme-custom-white);
  --bs-offcanvas-width: min(24rem, 92vw);
}
@media (min-width: 1200px) {
  .ai-image-page .image-settings-rail.offcanvas-xl {
    position: relative;
    width: 25% !important;
    height: auto;
    max-height: max(700px, 100vh - 16rem);
    max-width: 25%;
    flex: 0 0 25%;
    visibility: visible;
    transform: none;
  }
}
.ai-image-page .image-settings-heading {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--theme-default-border);
}
.ai-image-page .image-settings-section .form-label {
  margin-bottom: 0.45rem;
}
.ai-image-page .image-settings-section .form-select {
  min-height: 2.65rem;
}
.ai-image-page .image-settings-section small {
  display: block;
  margin-top: 0.35rem;
  line-height: 1.4;
}
.ai-image-page .image-mode-switch {
  display: flex;
  gap: 0.25rem;
  padding: 0.25rem;
  border-radius: 0.35rem;
  background: var(--theme-default-background);
}
.ai-image-page .image-mode-switch button {
  flex: 1 1 0;
  padding: 0.45rem 0.35rem;
  border: 0;
  border-radius: 0.35rem;
  background: transparent;
  color: var(--theme-default-text-color);
  font-size: 0.8rem;
  font-weight: 500;
}
.ai-image-page .image-mode-switch button.active {
  background: var(--theme-custom-white);
  box-shadow: 0px 0.125rem 0.25rem rgba(0, 0, 0, 0.05);
}
.ai-image-page .image-count-options {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.5rem;
}
.ai-image-page .image-count-option {
  display: flex;
  min-height: 2.5rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.05rem;
  padding: 0.35rem 0.2rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.35rem;
  background: var(--theme-custom-white);
  color: var(--theme-default-text-color);
  transition:
    border-color 0.18s ease,
    background-color 0.18s ease,
    color 0.18s ease;
}
.ai-image-page .image-count-option > span {
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1.2;
}
.ai-image-page .image-count-option > small {
  margin: 0;
  font-size: 0.62rem;
}
.ai-image-page .image-count-option:hover,
.ai-image-page .image-count-option.active {
  border-color: var(--theme-primary-color);
}
.ai-image-page .image-count-option.active {
  background: rgba(var(--theme-dark-rgb), 0.05);
  border-color: rgba(var(--theme-dark-rgb), 0.15);
}
.ai-image-page .form-range {
  accent-color: rgba(var(--theme-dark-rgb), 0.3);
}
.ai-image-page .image-style-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.45rem;
}
.ai-image-page .gallery-card {
  display: block;
  width: 100%;
  aspect-ratio: 1;
  overflow: hidden;
  padding: 0.2rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.6rem;
  background: var(--theme-custom-white);
  cursor: pointer;
  transition:
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    transform 0.18s ease;
}
.ai-image-page .gallery-card img {
  width: 100%;
  height: 100%;
  border-radius: 0.4rem;
  -o-object-fit: cover;
  object-fit: cover;
}
.ai-image-page .gallery-card:hover {
  transform: translateY(-1px);
}
.ai-image-page .gallery-card.active {
  border-color: var(--theme-primary-color);
  box-shadow: 0 0 0 2px rgba(var(--theme-primary-rgb), 0.2);
}
.ai-image-page .image-settings-note {
  padding: 0.75rem;
  border-radius: 0.35rem;
  background: var(--theme-default-background);
  line-height: 1.5;
}
.ai-image-page .image-canvas {
  display: flex;
  min-width: 0;
  min-height: inherit;
  flex-direction: column;
  padding: 1.25rem;
  background: var(--theme-custom-white);
}
.ai-image-page .image-empty-state {
  display: flex;
  flex: 1 1 auto;
  min-height: 320px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  text-align: center;
}
.ai-image-page .image-empty-state[hidden] {
  display: none;
}
.ai-image-page .image-empty-state p {
  font-size: 1rem;
}
.ai-image-page .image-empty-icon {
  position: relative;
  display: grid;
  width: 5.25rem;
  height: 5.25rem;
  margin-bottom: 1.15rem;
  place-items: center;
  border: 1px solid rgba(var(--theme-primary-rgb), 0.7);
  border-radius: 1.35rem;
  background:
    linear-gradient(
      108deg,
      #e2f2e9 0%,
      #eff6e7 58%,
      #f5f0da 100%);
  box-shadow: 0 0.75rem 1.75rem rgba(0, 0, 0, 0.06);
}
.ai-image-page .image-empty-icon::before {
  position: absolute;
  inset: -0.55rem;
  border: 1px dashed rgba(var(--theme-primary-rgb), 0.2);
  border-radius: 1.7rem;
  content: "";
  opacity: 0.7;
}
.ai-image-page .image-empty-icon-tile {
  display: grid;
  width: 100%;
  height: 100%;
  place-items: center;
  color: #81d61e;
  font-size: 2.75rem;
}
.ai-image-page .image-empty-sparkle {
  position: absolute;
  inset-block-start: -0.45rem;
  inset-inline-end: -0.45rem;
  display: grid;
  width: 1.8rem;
  height: 1.8rem;
  place-items: center;
  border: 1px solid var(--theme-default-border);
  border-radius: 50%;
  background: var(--theme-custom-white);
  box-shadow: 0px 0.125rem 0.25rem rgba(0, 0, 0, 0.05);
  color: rgb(var(--theme-secondary-rgb));
  font-size: 0.9rem;
}
.ai-image-page .image-result {
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
  flex-direction: column;
  gap: 1rem;
  padding: 0.25rem 0 1rem;
}
.ai-image-page .image-result.d-none {
  display: none;
}
.ai-image-page .image-result-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.ai-image-page .image-results-grid {
  display: grid;
  flex: 1 1 auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  min-height: 0;
}
.ai-image-page .image-variation {
  display: flex;
  min-width: 0;
  min-height: 0;
  flex-direction: column;
  overflow: hidden;
  padding: 0;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.35rem;
  background: var(--theme-custom-white);
  text-align: start;
  cursor: pointer;
  transition: border-color 0.18s ease, box-shadow 0.18s ease;
}
.ai-image-page .image-variation > img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  flex: 1 1 auto;
  -o-object-fit: cover;
  object-fit: cover;
}
.ai-image-page .image-variation:hover {
  border-color: var(--theme-primary-color);
}
.ai-image-page .image-variation.active {
  border-color: var(--theme-primary-color);
  box-shadow: 0 0 0 2px rgba(var(--theme-primary-rgb), 0.2);
}
.ai-image-page .image-variation-caption {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.55rem 0.7rem;
  font-size: 0.75rem;
}
.ai-image-page .image-result-prompt {
  padding: 0.75rem 0.9rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.35rem;
  background: var(--theme-default-background);
}
.ai-image-page .image-result-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}
.ai-image-page .image-prompt-dock {
  flex: 0 0 auto;
  padding: 1rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.8rem;
  background: var(--theme-custom-white);
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.06);
}
.ai-image-page .image-prompt-dock .prompt-field {
  min-height: 3rem;
  max-height: 9rem;
  resize: vertical;
  border: 0;
  padding-inline: 0;
  box-shadow: none;
}
.ai-image-page .image-feedback {
  max-width: 24rem;
  min-height: 1rem;
}
@media (max-width: 1199.98px) {
  .ai-image-page .image-workspace {
    min-height: 0;
    overflow: visible;
  }
  .ai-image-page .image-settings-rail.offcanvas-xl {
    max-height: 100vh;
    padding: 1.25rem;
    border: 0;
    border-inline-end: 1px solid var(--theme-default-border);
    box-shadow: 0 0.75rem 2rem rgba(15, 23, 42, 0.12);
  }
  .ai-image-page .image-canvas {
    min-height: 650px;
  }
  .ai-image-page .image-style-grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
}
@media (max-width: 767.98px) {
  .ai-image-page .image-results-grid {
    grid-template-columns: 1fr;
  }
  .ai-image-page .image-variation {
    min-height: 220px;
  }
}
@media (max-width: 575.98px) {
  .ai-image-page .image-settings-rail,
  .ai-image-page .image-canvas {
    padding: 1rem;
  }
  .ai-image-page .image-style-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .ai-image-page .image-canvas {
    min-height: 560px;
  }
  .ai-image-page .image-empty-state {
    min-height: 260px;
  }
  .ai-image-page .image-empty-state p {
    font-size: 0.875rem;
  }
  .ai-image-page .image-prompt-dock {
    padding: 0.75rem;
  }
  .ai-image-page .image-result-actions {
    align-items: flex-start;
    flex-direction: column;
  }
}
[data-theme-color=dark] .image-empty-icon {
  background: transparent;
}
[data-theme-color=dark] .writer-assistant-orb {
  background: transparent !important;
}
.ai-writer-page .writer-studio {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  min-height: max(700px, 100vh - 16rem);
  overflow: hidden;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.35rem;
  background: var(--theme-custom-white);
  margin-bottom: 1rem;
}
.ai-writer-page .writer-document {
  display: flex;
  min-width: 0;
  min-height: 0;
  flex-direction: column;
}
.ai-writer-page .writer-editor-toolbar {
  display: flex;
  min-height: 3.75rem;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.6rem 1rem;
  border-bottom: 1px solid var(--theme-default-border);
}
.ai-writer-page .writer-format-actions {
  display: flex;
  align-items: center;
  gap: 0.2rem;
}
.ai-writer-page .writer-tool-button {
  display: inline-grid;
  width: 2rem;
  height: 2rem;
  place-items: center;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.35rem;
  background: transparent;
  color: var(--theme-default-text-color);
  font-size: 0.9rem;
}
.ai-writer-page .writer-tool-button:hover,
.ai-writer-page .writer-tool-button:focus-visible {
  background: var(--theme-default-background);
}
.ai-writer-page .writer-tool-divider {
  width: 1px;
  height: 1.4rem;
  margin-inline: 0.3rem;
  background: var(--theme-default-border);
}
.ai-writer-page .writer-document-meta {
  padding: 1.5rem 1.5rem 0;
}
.ai-writer-page .writer-editor-scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}
.ai-writer-page .writer-editor {
  min-height: 100%;
  padding: 1rem clamp(1.25rem, 4vw, 2rem);
  color: var(--theme-default-text-color);
  line-height: 1.8;
  outline: 0;
  overflow-wrap: anywhere;
}
.ai-writer-page .writer-editor:focus {
  box-shadow: inset 0 0 0 2px rgba(var(--theme-primary-rgb), 0.05);
}
.ai-writer-page .writer-editor h1 {
  margin: 0 0 1.15rem;
  font-size: clamp(1.55rem, 2.2vw, 2rem);
  font-weight: 650;
  line-height: 1.3;
}
.ai-writer-page .writer-editor h2 {
  margin: 1.7rem 0 0.6rem;
  font-size: 1.2rem;
  font-weight: 600;
}
.ai-writer-page .writer-editor p {
  margin-bottom: 1rem;
}
.ai-writer-page .writer-editor li {
  margin-bottom: 0.35rem;
}
.ai-writer-page .writer-editor .writer-document-deck {
  margin-bottom: 1.8rem;
  color: var(--theme-text-muted);
  font-size: 1.05rem;
  font-style: italic;
}
.ai-writer-page .writer-document-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.85rem 1rem;
  border-top: 1px solid var(--theme-default-border);
}
.ai-writer-page .writer-assistant {
  display: flex;
  min-width: 0;
  min-height: 0;
  flex-direction: column;
  border-inline-start: 1px solid var(--theme-default-border);
}
.ai-writer-page .writer-assistant-header {
  display: flex;
  min-height: 3.75rem;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid var(--theme-default-border);
}
.ai-writer-page .writer-assistant-main {
  display: flex;
  flex: 1 1 auto;
  min-height: 320px;
  align-items: center;
  justify-content: center;
  overflow-y: auto;
  padding: 1.25rem;
}
.ai-writer-page .writer-assistant-empty {
  max-width: 19rem;
  text-align: center;
}
.ai-writer-page .writer-assistant-orb {
  display: grid;
  width: 3.5rem;
  height: 3.5rem;
  margin: 0 auto 1rem;
  place-items: center;
  border: 1px solid rgba(var(--theme-primary-rgb), 0.5);
  border-radius: 50%;
  background:
    linear-gradient(
      108deg,
      #e2f2e9 0%,
      #eff6e7 58%,
      #f5f0da 100%);
  color: rgb(var(--theme-dark-rgb));
  font-size: 1.45rem;
}
.ai-writer-page .writer-assistant-response {
  width: 100%;
  max-width: 26rem;
  height: -moz-fit-content;
  height: fit-content;
  align-self: end;
  padding: 1rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.35rem;
  background: var(--theme-custom-white);
  box-shadow: 0px 0.125rem 0.25rem rgba(0, 0, 0, 0.05);
}
.ai-writer-page .writer-selected-passage {
  margin: 0.75rem 0;
  padding: 0.7rem;
  border-inline-start: 2px solid var(--theme-primary-color);
  background: var(--theme-default-background);
  color: var(--theme-default-text-color);
  font-size: 0.75rem;
}
.ai-writer-page .writer-assistant-compose {
  padding: 0.8rem;
  border-top: 1px solid var(--theme-default-border);
}
.ai-writer-page .writer-assistant-suggestions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-bottom: 0.6rem;
}
.ai-writer-page .writer-assistant-promptbox {
  display: flex;
  align-items: end;
  gap: 0.5rem;
  padding: 0.5rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.75rem;
  background: var(--theme-custom-white);
}
.ai-writer-page .writer-assistant-promptbox:focus-within {
  border-color: var(--theme-primary-color);
  box-shadow: 0 0 0 0.15rem rgba(var(--theme-primary-rgb), 0.05);
}
.ai-writer-page .writer-assistant-promptbox .form-control {
  min-height: 2.5rem;
  max-height: 7rem;
  resize: vertical;
  border: 0;
  box-shadow: none;
}
.ai-writer-page .writer-brief-offcanvas {
  width: min(440px, 92vw) !important;
}
.ai-writer-page .writer-prompt {
  min-height: 120px;
  resize: vertical;
}
.ai-writer-page .template-choice {
  display: block;
  width: 100%;
  padding: 0.7rem 0.75rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.35rem;
  background: var(--theme-custom-white);
  color: var(--theme-default-text-color);
  text-align: start;
  transition: border-color 0.18s ease, background-color 0.18s ease;
}
.ai-writer-page .template-choice:hover,
.ai-writer-page .template-choice:focus-visible {
  border-color: var(--theme-primary-color);
  background: rgba(var(--theme-primary-rgb), 0.05);
}
@media (max-width: 1199.98px) {
  .ai-writer-page .writer-studio {
    grid-template-columns: minmax(0, 1fr) 320px;
    min-height: 700px;
  }
  .ai-writer-page .writer-assistant-suggestions {
    gap: 0.25rem;
  }
}
@media (max-width: 991.98px) {
  .ai-writer-page .writer-studio {
    grid-template-columns: 1fr;
    min-height: 0;
  }
  .ai-writer-page .writer-document {
    min-height: 650px;
  }
  .ai-writer-page .writer-assistant {
    min-height: 520px;
    border-inline-start: 0;
    border-top: 1px solid var(--theme-default-border);
  }
  .ai-writer-page .writer-assistant-main {
    min-height: 280px;
  }
}
@media (max-width: 575.98px) {
  .ai-writer-page .writer-document {
    min-height: 580px;
  }
  .ai-writer-page .writer-editor-toolbar {
    align-items: flex-start;
    flex-direction: column;
  }
  .ai-writer-page .writer-document-meta {
    padding-inline: 1rem;
  }
  .ai-writer-page .writer-document-footer {
    align-items: flex-start;
    flex-direction: column;
  }
  .ai-writer-page .writer-editor {
    padding: 1.25rem 1rem;
  }
}
.calendar-workspace .calendar-overview-strip {
  display: flex;
  min-height: 4.5rem;
  align-items: center;
  gap: clamp(1rem, 3vw, 2.5rem);
  margin-bottom: 1rem;
  padding: 0.7rem 1rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.35rem;
  background: var(--theme-custom-white);
}
.calendar-workspace .calendar-overview-item {
  display: flex;
  align-items: center;
  gap: 0.55rem;
}
.calendar-workspace .calendar-overview-item > span:last-child {
  display: grid;
  gap: 0.1rem;
}
.calendar-workspace .calendar-overview-item small {
  color: var(--theme-text-muted);
  font-size: 0.55rem;
  font-weight: 600;
  letter-spacing: 0.06em;
}
.calendar-workspace .calendar-overview-item strong {
  font-size: 0.68rem;
  font-weight: 550;
}
.calendar-workspace .calendar-overview-icon {
  display: grid;
  width: 2.25rem;
  height: 2.25rem;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 0.6rem;
  font-size: 1rem;
}
.calendar-workspace .calendar-overview-manage {
  margin-inline-start: auto;
  font-size: 0.65rem;
}
.calendar-workspace .calendar-workspace-grid {
  display: grid;
  grid-template-columns: 18rem minmax(0, 1fr);
  align-items: start;
  gap: 0.9rem;
}
.calendar-workspace .calendar-sidebar {
  display: grid;
  gap: 0.9rem;
}
.calendar-workspace .calendar-side-card {
  margin: 0;
}
.calendar-workspace .calendar-side-card .card-header {
  min-height: 3.2rem;
  padding: 0.7rem 0.8rem;
}
.calendar-workspace .calendar-side-card .card-title {
  font-size: 0.75rem;
  font-weight: 600;
}
.calendar-workspace .calendar-side-card .card-body {
  padding: 0.7rem 0.8rem;
}
.calendar-workspace .calendar-source-option {
  display: flex;
  min-height: 3.35rem;
  align-items: center;
  gap: 0.5rem;
  padding: 0.45rem 0.35rem;
  border-bottom: 1px solid var(--theme-default-border);
  color: var(--theme-default-text-color);
  cursor: pointer;
}
.calendar-workspace .calendar-source-option:last-child {
  border-bottom: 0;
}
.calendar-workspace .calendar-source-option:hover {
  border-radius: 0.35rem;
  background: var(--theme-default-body-bg-color);
}
.calendar-workspace .calendar-source-option input {
  width: 0.8rem;
  height: 0.8rem;
  margin: 0;
  accent-color: var(--theme-primary-color);
}
.calendar-workspace .calendar-source-summary {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  margin-bottom: 0.35rem;
  padding: 0.35rem 0.4rem 0.6rem;
  border-bottom: 1px solid var(--theme-default-border);
  color: var(--theme-text-muted);
  font-size: 0.61rem;
}
.calendar-workspace .calendar-source-summary i {
  color: var(--theme-primary-color);
  font-size: 0.85rem;
}
.calendar-workspace .calendar-source-summary strong {
  margin-inline-start: auto;
  color: var(--theme-default-text-color);
  font-size: 0.62rem;
  font-weight: 600;
}
.calendar-workspace .calendar-source-copy {
  display: grid;
  min-width: 0;
  flex: 1 1 auto;
  gap: 0.1rem;
}
.calendar-workspace .calendar-source-copy strong {
  font-size: 0.64rem;
  font-weight: 550;
}
.calendar-workspace .calendar-source-copy small {
  color: var(--theme-text-muted);
  font-size: 0.55rem;
}
.calendar-workspace .calendar-source-count {
  display: grid;
  min-width: 1.35rem;
  height: 1.25rem;
  place-items: center;
  border-radius: 0.3rem;
  background: var(--theme-default-body-bg-color);
  color: var(--theme-text-muted);
  font-size: 0.57rem;
}
.calendar-workspace .calendar-source-dot {
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 50%;
}
.calendar-workspace .calendar-next-card .card-body {
  padding-top: 0.25rem;
}
.calendar-workspace .calendar-upcoming-item {
  display: flex;
  gap: 0.6rem;
  padding: 0.7rem 0;
  border-bottom: 1px solid var(--theme-default-border);
}
.calendar-workspace .calendar-upcoming-item:last-child {
  border-bottom: 0;
}
.calendar-workspace .calendar-upcoming-item > time {
  display: grid;
  width: 2.6rem;
  height: 2.9rem;
  flex: 0 0 auto;
  align-content: center;
  justify-items: center;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.35rem;
}
.calendar-workspace .calendar-upcoming-item > time strong {
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 1.1;
}
.calendar-workspace .calendar-upcoming-item > time span {
  color: var(--theme-text-muted);
  font-size: 0.5rem;
  font-weight: 600;
}
.calendar-workspace .calendar-upcoming-item > div {
  min-width: 0;
}
.calendar-workspace .calendar-upcoming-item h3 {
  margin: 0.15rem 0;
  font-size: 0.67rem;
  font-weight: 600;
}
.calendar-workspace .calendar-upcoming-item p {
  margin: 0 0 0.3rem;
  color: var(--theme-text-muted);
  font-size: 0.59rem;
}
.calendar-workspace .calendar-upcoming-kind {
  font-size: 0.5rem;
  font-weight: 650;
  letter-spacing: 0.045em;
}
.calendar-workspace .calendar-side-note {
  display: flex;
  gap: 0.6rem;
  padding: 0.85rem;
  border: 1px solid rgba(var(--theme-primary-rgb), 0.14);
  border-radius: 0.35rem;
  background: rgba(var(--theme-primary-rgb), 0.035);
}
.calendar-workspace .calendar-side-note strong {
  font-size: 0.67rem;
  font-weight: 600;
}
.calendar-workspace .calendar-side-note p {
  margin: 0.2rem 0 0.45rem;
  color: var(--theme-text-muted);
  font-size: 0.6rem;
  line-height: 1.5;
}
.calendar-workspace .calendar-side-note .btn {
  font-size: 0.62rem;
}
.calendar-workspace .calendar-side-note-icon {
  display: grid;
  width: 1.8rem;
  height: 1.8rem;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 0.5rem;
  background: var(--theme-custom-white);
  color: var(--theme-primary-color);
}
.calendar-workspace .calendar-main-card {
  min-width: 0;
  margin: 0;
  overflow: hidden;
}
.calendar-workspace .calendar-main-card .card-header {
  min-height: 3.6rem;
  padding: 0.75rem 1rem;
}
.calendar-workspace .calendar-main-card .card-title {
  font-size: 0.82rem;
  font-weight: 600;
}
.calendar-workspace .calendar-header-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
}
.calendar-workspace .calendar-header-legend span {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  color: var(--theme-text-muted);
  font-size: 0.56rem;
}
.calendar-workspace .calendar-header-legend i {
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
}
.calendar-workspace .calendar-main-body {
  padding: 0.75rem 0.9rem 1rem;
}
.calendar-workspace #calendar {
  --fc-border-color: var(--theme-default-border);
  --fc-page-bg-color: var(--theme-custom-white);
  --fc-neutral-bg-color: var(--theme-default-body-bg-color);
  --fc-today-bg-color: rgba(var(--theme-primary-rgb), 0.055);
  font-family: var(--theme-default-font-family);
  font-size: 0.68rem;
}
.calendar-workspace #calendar .fc-toolbar {
  gap: 0.65rem;
  margin-bottom: 0.85rem;
}
.calendar-workspace #calendar .fc-toolbar-title {
  font-size: 1rem;
  font-weight: 600;
}
.calendar-workspace #calendar .fc-button-primary {
  border-color: var(--theme-default-border);
  background: var(--theme-custom-white);
  color: var(--theme-default-text-color);
  box-shadow: none;
  font-size: 0.65rem;
  text-transform: capitalize;
}
.calendar-workspace #calendar .fc-button-primary:hover,
.calendar-workspace #calendar .fc-button-primary:focus,
.calendar-workspace #calendar .fc-button-primary:not(:disabled).fc-button-active {
  border-color: var(--theme-primary-color);
  background: var(--theme-primary-color);
  color: #fff;
  box-shadow: none;
}
.calendar-workspace #calendar .fc-daygrid-day-number,
.calendar-workspace #calendar .fc-col-header-cell-cushion {
  padding: 0.4rem;
  color: var(--theme-default-text-color);
  font-size: 0.63rem;
  text-decoration: none;
}
.calendar-workspace #calendar .fc-col-header-cell-cushion {
  color: var(--theme-text-muted);
  font-size: 0.59rem;
  font-weight: 550;
}
.calendar-workspace #calendar .fc-daygrid-day-frame {
  min-height: 5.1rem;
}
.calendar-workspace #calendar .fc-daygrid-day {
  transition: background-color 0.12s ease;
}
.calendar-workspace #calendar .fc-daygrid-day:hover {
  background-color: rgba(var(--theme-primary-rgb), 0.025);
}
.calendar-workspace #calendar .fc-daygrid-event {
  margin: 1px 3px;
  border: 0;
  border-radius: 0.22rem;
  padding: 1px 3px;
  font-size: 0.58rem;
}
.calendar-workspace #calendar .calendar-event-team {
  background: rgba(var(--theme-primary-rgb), 0.13);
  color: var(--theme-primary-color);
}
.calendar-workspace #calendar .calendar-event-meeting {
  background: rgba(var(--theme-info-rgb), 0.13);
  color: rgb(var(--theme-info-rgb));
}
.calendar-workspace #calendar .calendar-event-deadline {
  background: rgba(var(--theme-warning-rgb), 0.18);
  color: rgb(var(--theme-warning-rgb));
}
.calendar-workspace #calendar .calendar-event-personal {
  background: rgba(var(--theme-success-rgb), 0.13);
  color: rgb(var(--theme-success-rgb));
}
.calendar-workspace #calendar .calendar-event-team .fc-event-main,
.calendar-workspace #calendar .calendar-event-meeting .fc-event-main,
.calendar-workspace #calendar .calendar-event-deadline .fc-event-main,
.calendar-workspace #calendar .calendar-event-personal .fc-event-main {
  color: inherit;
}
.calendar-workspace #calendar .fc-list-event-title a,
.calendar-workspace #calendar .fc-list-day-text,
.calendar-workspace #calendar .fc-list-day-side-text {
  color: var(--theme-default-text-color);
  text-decoration: none;
}
.calendar-workspace #calendar .fc-timegrid-event {
  border: 0;
  border-radius: 0.3rem;
  box-shadow: 0 1px 2px rgba(20, 35, 70, 0.1);
}
.calendar-workspace #calendar .fc-timegrid-slot-label {
  color: var(--theme-text-muted);
  font-size: 0.58rem;
}
.calendar-workspace .calendar-feedback {
  min-height: 1.2rem;
  margin: 0.4rem 0 0;
  text-align: end;
}
.calendar-source-option input:checked + .calendar-source-dot {
  box-shadow: 0 0 0 2px var(--theme-custom-white), 0 0 0 3px var(--theme-default-border);
}
.calendar-event-category-label {
  color: var(--theme-primary-color);
  font-size: 0.58rem;
  font-weight: 650;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.calendar-event-detail-line {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  margin-top: 0.75rem;
  font-size: 0.72rem;
}
.calendar-event-detail-line i {
  color: var(--theme-text-muted);
  font-size: 0.9rem;
}
@media (max-width: 1199.98px) {
  .calendar-workspace .calendar-workspace-grid {
    grid-template-columns: 16rem minmax(0, 1fr);
  }
}
@media (max-width: 991.98px) {
  .calendar-workspace .calendar-workspace-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .calendar-workspace .calendar-sidebar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .calendar-workspace .calendar-side-note {
    grid-column: 1/-1;
  }
}
@media (max-width: 767.98px) {
  .calendar-workspace .calendar-overview-strip {
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 0.8rem 1.1rem;
  }
  .calendar-workspace .calendar-overview-item {
    flex: 1 1 40%;
  }
  .calendar-workspace .calendar-overview-manage {
    margin-inline-start: 0;
  }
  .calendar-workspace .calendar-sidebar {
    grid-template-columns: minmax(0, 1fr);
  }
  .calendar-workspace .calendar-side-note {
    grid-column: auto;
  }
  .calendar-workspace .calendar-main-card .card-header {
    align-items: flex-start;
    flex-direction: column;
  }
  .calendar-workspace #calendar .fc-toolbar {
    align-items: flex-start;
    flex-direction: column;
  }
  .calendar-workspace #calendar .fc-toolbar-chunk {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
  }
  .calendar-workspace #calendar .fc-daygrid-day-frame {
    min-height: 3.6rem;
  }
}
.calendar-workspace.calendar-theme-page {
  font-family: var(--theme-default-font-family);
  font-size: 0.875rem;
}
.calendar-workspace.calendar-theme-page .calendar-overview-strip {
  border-radius: 0.35rem;
  box-shadow: none;
}
.calendar-workspace.calendar-theme-page .calendar-overview-item strong {
  font-size: 0.8125rem;
}
.calendar-workspace.calendar-theme-page .calendar-overview-item small {
  font-size: 0.6875rem;
}
.calendar-workspace.calendar-theme-page .calendar-side-card,
.calendar-workspace.calendar-theme-page .calendar-main-card {
  border: 1px solid var(--theme-default-border);
  box-shadow: none;
  border-radius: 0.35rem;
}
.calendar-workspace.calendar-theme-page .calendar-source-copy strong {
  font-size: 0.8125rem;
}
.calendar-workspace.calendar-theme-page .calendar-source-copy small {
  font-size: 0.75rem;
}
.calendar-workspace.calendar-theme-page .calendar-source-option {
  padding-block: 0.75rem;
}
.calendar-workspace.calendar-theme-page .calendar-source-option .form-check-input {
  margin: 0;
}
.calendar-workspace.calendar-theme-page .calendar-header-legend span {
  font-size: 0.75rem;
}
.calendar-workspace.calendar-theme-page .calendar-theme-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 1.25rem;
}
.calendar-workspace.calendar-theme-page .calendar-theme-toolbar .form-select {
  width: 7rem;
}
.calendar-workspace.calendar-theme-page .calendar-upcoming-button {
  display: block;
  width: 100%;
  text-align: start;
  background: transparent;
  color: var(--theme-default-text-color);
  border: 0;
  border-bottom: 1px solid var(--theme-default-border);
  padding: 0.85rem 0;
  font: inherit;
}
.calendar-workspace.calendar-theme-page .calendar-upcoming-button strong {
  display: block;
  font-size: 0.8125rem;
  font-weight: 500;
}
.calendar-workspace.calendar-theme-page .calendar-upcoming-button span {
  display: block;
  font-size: 0.75rem;
  margin-top: 0.35rem;
  color: var(--theme-text-muted);
}
.calendar-workspace.calendar-theme-page .calendar-upcoming-button:last-child {
  border-bottom: 0;
}
.calendar-workspace.calendar-theme-page .calendar-upcoming-button:hover {
  color: var(--theme-primary-color);
}
.calendar-workspace.calendar-theme-page .calendar-upcoming-button:focus-visible {
  outline: 2px solid var(--theme-primary-color);
}
.calendar-workspace.calendar-theme-page #calendar {
  font-size: 0.8125rem;
}
.calendar-workspace.calendar-theme-page #calendar .fc-daygrid-day-number {
  font-size: 0.8125rem;
}
.calendar-workspace.calendar-theme-page #calendar .fc-col-header-cell-cushion {
  font-size: 0.75rem;
  padding: 0.7rem 0.4rem;
}
.calendar-workspace.calendar-theme-page #calendar .fc-daygrid-event {
  font-size: 0.75rem;
  padding: 0.2rem 0.35rem;
  border-radius: 0.35rem;
}
.calendar-workspace.calendar-theme-page #calendar .fc-timegrid-slot-label {
  font-size: 0.75rem;
}
.calendar-workspace.calendar-theme-page #calendar .fc-daygrid-day-frame {
  min-height: 6rem;
}
@media (max-width: 575.98px) {
  .calendar-theme-page .calendar-theme-toolbar h3 {
    order: -1;
    width: 100%;
  }
}
.calendar-reference {
  font-family: var(--theme-default-font-family);
  font-size: 0.875rem;
  color: var(--theme-default-text-color);
  background: var(--theme-custom-white);
  border: 1px solid var(--theme-default-border);
  border-radius: 0.35rem;
  height: max(40rem, 100vh - 10.5rem);
  overflow-y: hidden;
}
.calendar-reference .calendar-reference-layout {
  display: grid;
  grid-template-columns: 30.5% minmax(0, 1fr);
  height: 100%;
  min-height: 0;
}
.calendar-reference .calendar-reference-sidebar {
  padding: 1.875rem;
  border-inline-end: 5px solid var(--theme-default-body-bg-color);
  min-height: 0;
  overflow-y: auto;
}
.calendar-reference .calendar-reference-main {
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding: 1.875rem;
}
.calendar-reference .calendar-reference-sidebar > p {
  margin-block: 1rem 2rem !important;
  line-height: 1.5;
}
.calendar-reference #calendar-external-events {
  margin-top: 0 !important;
  gap: 0.55rem !important;
}
.calendar-reference .calendar-drag-event {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  min-height: 3.35rem;
  padding: 0.85rem 1.5rem;
  border: 0;
  border-radius: 0.35rem;
  font-size: 0.875rem;
  font-weight: 400;
  cursor: grab;
  white-space: normal;
}
.calendar-reference .calendar-drag-event:active {
  cursor: grabbing;
}
.calendar-reference .calendar-template-dot {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  flex: 0 0 auto;
}
.calendar-reference #calendar {
  flex: 1 1 auto;
  min-height: 0;
}
.calendar-reference .calendar-reference-toolbar {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  gap: 1rem;
  min-height: 3rem;
  margin-bottom: 1rem;
}
.calendar-reference .calendar-reference-toolbar h2 {
  position: absolute;
  inset-inline-start: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  font-size: 1.125rem !important;
  font-weight: 500 !important;
}
.calendar-reference .calendar-reference-toolbar .btn {
  font-size: 0.8125rem;
}
.calendar-reference [data-calendar-view].active {
  background: rgb(var(--theme-dark-rgb)) !important;
  color: #fff !important;
  border-color: rgb(var(--theme-dark-rgb)) !important;
}
.calendar-reference #calendar {
  font: inherit;
  --fc-border-color: var(--theme-default-border);
  --fc-page-bg-color: var(--theme-custom-white);
  --fc-neutral-bg-color: var(--theme-default-body-bg-color);
  --fc-today-bg-color: rgba(var(--theme-primary-rgb), 0.05);
}
.calendar-reference #calendar .fc-col-header-cell {
  background: var(--theme-default-body-bg-color);
}
.calendar-reference #calendar .fc-col-header-cell-cushion {
  padding: 1rem 0.25rem;
  color: var(--theme-default-text-color);
  font-size: 0.875rem;
  font-weight: 500;
  text-decoration: none;
}
.calendar-reference #calendar .fc-daygrid-day-frame {
  min-height: 9.4rem;
}
.calendar-reference #calendar .fc-daygrid-day-number {
  padding: 0.65rem;
  color: var(--theme-default-text-color);
  font-size: 0.8125rem;
  text-decoration: none;
}
.calendar-reference #calendar .fc-day-today .fc-daygrid-day-number {
  display: grid;
  place-items: center;
  margin: 0.25rem;
  padding: 0;
  width: 2.2rem;
  height: 2.2rem;
  background: var(--theme-primary-color);
  color: #fff;
  border-radius: 50%;
}
.calendar-reference #calendar .fc-daygrid-event {
  margin: 0.3rem 0.2rem;
  padding: 0.65rem 0.45rem;
  border: 0;
  border-inline-start: 3px solid currentColor;
  border-radius: 0.15rem;
  font-size: 0.8125rem;
}
.calendar-reference #calendar .fc-event-main {
  color: inherit;
}
.calendar-reference #calendar .fc-event-title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 400;
}
.calendar-reference #calendar .fc-daygrid-day-events {
  margin-bottom: 0.2rem;
}
.calendar-reference #calendar .fc-list-event-title a,
.calendar-reference #calendar .fc-list-day-text,
.calendar-reference #calendar .fc-list-day-side-text {
  color: var(--theme-default-text-color);
}
.calendar-reference #calendar .calendar-tone-primary {
  background: rgba(var(--theme-primary-rgb), 0.12);
  color: rgb(var(--theme-primary-rgb));
}
.calendar-reference #calendar .calendar-tone-secondary {
  background: rgba(var(--theme-secondary-rgb), 0.12);
  color: rgb(var(--theme-secondary-rgb));
}
.calendar-reference #calendar .calendar-tone-success {
  background: rgba(var(--theme-success-rgb), 0.12);
  color: rgb(var(--theme-success-rgb));
}
.calendar-reference #calendar .calendar-tone-danger {
  background: rgba(var(--theme-danger-rgb), 0.12);
  color: rgb(var(--theme-danger-rgb));
}
.calendar-reference #calendar .calendar-tone-info {
  background: rgba(var(--theme-info-rgb), 0.12);
  color: rgb(var(--theme-info-rgb));
}
.calendar-reference #calendar .calendar-tone-warning {
  background: rgba(var(--theme-warning-rgb), 0.12);
  color: rgb(var(--theme-warning-rgb));
}
.calendar-reference #calendar .calendar-tone-dark {
  background: rgba(var(--theme-dark-rgb), 0.12);
  color: rgb(var(--theme-dark-rgb));
}
@media (max-width: 1399.98px) {
  .calendar-reference .calendar-reference-sidebar,
  .calendar-reference .calendar-reference-main {
    padding: 1.25rem;
  }
  .calendar-reference .calendar-reference-toolbar h2 {
    position: static;
    transform: none;
    font-size: 0.875rem !important;
  }
  .calendar-reference .calendar-reference-toolbar .btn {
    font-size: 0.75rem;
  }
}
@media (max-width: 991.98px) {
  .calendar-reference .calendar-reference-toolbar {
    flex-wrap: wrap;
  }
  .calendar-reference .calendar-reference-toolbar h2 {
    order: -1;
    width: 100%;
  }
}
@media (max-width: 991.98px) {
  .calendar-reference .calendar-reference-layout {
    grid-template-columns: minmax(0, 1fr);
  }
  .calendar-reference .calendar-reference-sidebar {
    border-inline-end: 0;
    border-bottom: 1px solid var(--theme-default-border);
  }
  .calendar-reference #calendar-external-events {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .calendar-reference .calendar-drag-event {
    padding: 0.65rem;
    gap: 0.65rem;
    font-size: 0.75rem;
  }
}
.calendar-reference.appointment-calendar .calendar-reference-layout {
  grid-template-columns: 17rem minmax(0, 1fr);
}
.calendar-reference.appointment-calendar .calendar-reference-sidebar {
  border-inline-end: 1px solid var(--theme-default-border);
  padding: 1.25rem;
}
.calendar-reference.appointment-calendar .calendar-reference-main {
  padding: 1.25rem;
  background: var(--theme-default-body-bg-color);
}
.calendar-reference.appointment-calendar .appointment-agenda-day {
  margin-bottom: 1.5rem;
}
.calendar-reference.appointment-calendar .appointment-agenda-item {
  position: relative;
  display: block;
  width: 100%;
  padding: 1rem 0.75rem 1rem 1.25rem;
  text-align: start;
  border: 0;
  border-bottom: 1px solid var(--theme-default-border);
  background: transparent;
  color: var(--theme-default-text-color);
  font: inherit;
}
.calendar-reference.appointment-calendar .appointment-agenda-item strong {
  display: block;
  font-weight: 500;
}
.calendar-reference.appointment-calendar .appointment-agenda-item span {
  display: block;
  color: var(--theme-text-muted);
}
.calendar-reference.appointment-calendar .appointment-agenda-item::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: 1rem;
  bottom: 1rem;
  width: 3px;
  border-radius: 2px;
  background: rgb(var(--appointment-tone));
}
.calendar-reference.appointment-calendar .appointment-agenda-item:hover {
  background: var(--theme-default-body-bg-color);
}
.calendar-reference.appointment-calendar .appointment-agenda-item:focus-visible {
  outline: 2px solid var(--theme-primary-color);
}
.calendar-reference.appointment-calendar #calendar {
  background: var(--theme-custom-white);
}
.calendar-reference.appointment-calendar #calendar .fc-timegrid-slot {
  height: 3.5rem;
}
.calendar-reference.appointment-calendar #calendar .fc-timegrid-slot-label {
  color: var(--theme-text-muted);
  font-size: 0.75rem;
}
.calendar-reference.appointment-calendar #calendar .fc-timegrid-event {
  background: var(--theme-custom-white);
  border: 1px solid var(--theme-default-border);
  border-radius: 0.35rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  padding: 0.75rem;
}
.calendar-reference.appointment-calendar #calendar .fc-timegrid-event .fc-event-main {
  position: relative;
  padding-inline-start: 0.75rem;
  color: var(--theme-default-text-color);
}
.calendar-reference.appointment-calendar #calendar .fc-timegrid-event .fc-event-main::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: 0;
  width: 3px;
  height: 2.75rem;
  border-radius: 2px;
  background: currentColor;
}
.calendar-reference.appointment-calendar #calendar .fc-timegrid-event.calendar-tone-primary .fc-event-main::before {
  background: rgb(var(--theme-primary-rgb));
}
.calendar-reference.appointment-calendar #calendar .fc-timegrid-event.calendar-tone-secondary .fc-event-main::before {
  background: rgb(var(--theme-secondary-rgb));
}
.calendar-reference.appointment-calendar #calendar .fc-timegrid-event.calendar-tone-success .fc-event-main::before {
  background: rgb(var(--theme-success-rgb));
}
.calendar-reference.appointment-calendar #calendar .fc-timegrid-event.calendar-tone-danger .fc-event-main::before {
  background: rgb(var(--theme-danger-rgb));
}
.calendar-reference.appointment-calendar #calendar .fc-timegrid-event.calendar-tone-info .fc-event-main::before {
  background: rgb(var(--theme-info-rgb));
}
.calendar-reference.appointment-calendar #calendar .fc-timegrid-event.calendar-tone-warning .fc-event-main::before {
  background: rgb(var(--theme-warning-rgb));
}
.calendar-reference.appointment-calendar #calendar .fc-timegrid-event.calendar-tone-dark .fc-event-main::before {
  background: rgb(var(--theme-dark-rgb));
}
.calendar-reference.appointment-calendar #calendar .appointment-event-content strong {
  display: block;
  font-weight: 500;
  font-size: 0.8125rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
.calendar-reference.appointment-calendar #calendar .appointment-event-time {
  display: block;
  margin-top: 0.35rem;
  color: var(--theme-text-muted);
  font-size: 0.6875rem;
}
.calendar-reference.appointment-calendar #calendar .fc-timegrid-col.fc-day-today {
  background:
    repeating-linear-gradient(
      -18deg,
      transparent,
      transparent 9px,
      rgba(var(--theme-primary-rgb), 0.045) 10px,
      rgba(var(--theme-primary-rgb), 0.045) 12px);
}
.calendar-reference.appointment-calendar #calendar .fc-timegrid-now-indicator-line {
  border-color: rgb(var(--theme-danger-rgb));
}
.calendar-reference.appointment-calendar #calendar .fc-timegrid-now-indicator-arrow {
  border-color: rgb(var(--theme-danger-rgb));
}
.calendar-reference.appointment-calendar #calendar .fc-col-header-cell {
  background: var(--theme-custom-white);
}
@media (max-width: 991.98px) {
  .calendar-reference.appointment-calendar .calendar-reference-layout {
    grid-template-columns: 14rem minmax(0, 1fr);
  }
}
@media (max-width: 767.98px) {
  .calendar-reference.appointment-calendar .calendar-reference-layout {
    grid-template-columns: minmax(0, 1fr);
  }
  .calendar-reference.appointment-calendar #appointment-agenda {
    max-height: 20rem;
    overflow-y: auto;
  }
  .calendar-reference.appointment-calendar .calendar-reference-sidebar {
    border-inline-end: 0;
  }
  .calendar-reference.appointment-calendar #calendar .fc-timegrid-event {
    padding: 0.35rem;
  }
  .calendar-reference.appointment-calendar #calendar .appointment-event-content .avatar-list-stacked {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .calendar-reference.appointment-calendar {
    height: auto;
    overflow: visible;
  }
  .calendar-reference.appointment-calendar .calendar-reference-layout {
    height: auto;
    min-height: 0;
  }
  .calendar-reference.appointment-calendar .calendar-reference-sidebar {
    height: auto;
    overflow: visible;
  }
  .calendar-reference.appointment-calendar .calendar-reference-main {
    height: clamp(30rem, 75vh, 44rem);
    height: clamp(30rem, 75dvh, 44rem);
  }
  .calendar-reference.appointment-calendar .calendar-reference-toolbar {
    flex: 0 0 auto;
    margin-bottom: 1rem;
  }
  .calendar-reference.appointment-calendar #appointment-agenda {
    max-height: 15rem;
    overscroll-behavior: contain;
  }
}
.calendar-reference.appointment-calendar #calendar .fc-timegrid-event {
  padding: 0.5rem 0.55rem !important;
  border: 1px solid var(--theme-default-border) !important;
  border-radius: 0.5rem !important;
  background: var(--theme-custom-white) !important;
  color: var(--theme-default-text-color) !important;
  box-shadow: 0 2px 7px rgba(20, 35, 70, 0.07) !important;
}
.calendar-reference.appointment-calendar #calendar .fc-timegrid-event .fc-event-main {
  position: relative;
  padding-inline-start: 0.65rem;
  color: var(--theme-default-text-color) !important;
}
.calendar-reference.appointment-calendar #calendar .fc-timegrid-event .fc-event-main::before {
  content: "";
  position: absolute;
  inset-block: 0.05rem;
  inset-inline-start: 0;
  width: 3px;
  height: auto;
  border-radius: 3px;
  background: var(--theme-primary-color);
}
.calendar-reference.appointment-calendar #calendar .appointment-event-content strong {
  display: block;
  color: var(--theme-default-text-color);
  font-size: 0.8rem;
  font-weight: 550;
  line-height: 1.3;
}
.calendar-reference.appointment-calendar #calendar .appointment-event-time {
  display: block;
  margin-top: 0.25rem;
  color: var(--theme-text-muted);
  font-size: 0.7rem;
}
.calendar-reference.appointment-calendar #calendar .fc-timegrid-event.calendar-tone-primary {
  border-color: rgba(var(--theme-primary-rgb), 0.35) !important;
}
.calendar-reference.appointment-calendar #calendar .fc-timegrid-event.calendar-tone-primary .fc-event-main::before {
  background: rgb(var(--theme-primary-rgb)) !important;
}
.calendar-reference.appointment-calendar #calendar .fc-timegrid-event.calendar-tone-secondary {
  border-color: rgba(var(--theme-secondary-rgb), 0.35) !important;
}
.calendar-reference.appointment-calendar #calendar .fc-timegrid-event.calendar-tone-secondary .fc-event-main::before {
  background: rgb(var(--theme-secondary-rgb)) !important;
}
.calendar-reference.appointment-calendar #calendar .fc-timegrid-event.calendar-tone-success {
  border-color: rgba(var(--theme-success-rgb), 0.35) !important;
}
.calendar-reference.appointment-calendar #calendar .fc-timegrid-event.calendar-tone-success .fc-event-main::before {
  background: rgb(var(--theme-success-rgb)) !important;
}
.calendar-reference.appointment-calendar #calendar .fc-timegrid-event.calendar-tone-danger {
  border-color: rgba(var(--theme-danger-rgb), 0.35) !important;
}
.calendar-reference.appointment-calendar #calendar .fc-timegrid-event.calendar-tone-danger .fc-event-main::before {
  background: rgb(var(--theme-danger-rgb)) !important;
}
.calendar-reference.appointment-calendar #calendar .fc-timegrid-event.calendar-tone-info {
  border-color: rgba(var(--theme-info-rgb), 0.35) !important;
}
.calendar-reference.appointment-calendar #calendar .fc-timegrid-event.calendar-tone-info .fc-event-main::before {
  background: rgb(var(--theme-info-rgb)) !important;
}
.calendar-reference.appointment-calendar #calendar .fc-timegrid-event.calendar-tone-warning {
  border-color: rgba(var(--theme-warning-rgb), 0.35) !important;
}
.calendar-reference.appointment-calendar #calendar .fc-timegrid-event.calendar-tone-warning .fc-event-main::before {
  background: rgb(var(--theme-warning-rgb)) !important;
}
.calendar-reference.appointment-calendar #calendar .fc-timegrid-event.calendar-tone-dark {
  border-color: rgba(var(--theme-dark-rgb), 0.35) !important;
}
.calendar-reference.appointment-calendar #calendar .fc-timegrid-event.calendar-tone-dark .fc-event-main::before {
  background: rgb(var(--theme-dark-rgb)) !important;
}
.calendar-reference.appointment-calendar .calendar-reference-sidebar {
  background: var(--theme-custom-white);
}
.calendar-reference.appointment-calendar .appointment-agenda-day {
  margin-bottom: 1rem;
}
.calendar-reference.appointment-calendar .appointment-agenda-day > h3 {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  margin: 0 0 0.55rem;
  padding: 0.6rem 0.8rem !important;
  border-radius: 999px !important;
  background: var(--theme-default-body-bg-color) !important;
  color: var(--theme-text-muted);
  font-size: 0.75rem !important;
  font-weight: 500 !important;
}
.calendar-reference.appointment-calendar .appointment-agenda-item {
  padding: 0.8rem 0.5rem 0.8rem 1rem;
  border-bottom-color: var(--theme-default-border);
}
.calendar-reference.appointment-calendar .appointment-agenda-item strong {
  color: var(--theme-default-text-color);
  font-size: 0.8125rem;
  line-height: 1.35;
}
.calendar-reference.appointment-calendar .appointment-agenda-item .appointment-agenda-time {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-top: 0.35rem;
  color: var(--theme-text-muted);
  font-size: 0.75rem;
}
.calendar-reference.appointment-calendar .appointment-agenda-item .appointment-agenda-time i {
  font-size: 0.85rem;
}
.calendar-reference.appointment-calendar .appointment-agenda-item:hover {
  border-radius: 0.45rem;
  background: var(--theme-default-body-bg-color);
}
.calendar-reference.appointment-calendar .calendar-reference-toolbar {
  min-height: 2.75rem;
  margin-bottom: 0.75rem;
}
.calendar-reference.appointment-calendar .calendar-reference-toolbar h2 {
  color: var(--theme-default-text-color);
  font-size: 1rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.025em;
}
.calendar-reference.appointment-calendar #calendar .fc-timegrid-axis {
  width: 4rem !important;
}
.calendar-reference.appointment-calendar #calendar .fc-timegrid-axis-cushion,
.calendar-reference.appointment-calendar #calendar .fc-timegrid-slot-label-cushion {
  color: var(--theme-text-muted);
  font-size: 0.72rem;
}
.calendar-reference.appointment-calendar #calendar .fc-col-header-cell {
  position: relative;
  background: var(--theme-custom-white);
}
.calendar-reference.appointment-calendar #calendar .fc-col-header-cell-cushion {
  display: block;
  padding: 0.8rem 0.25rem;
}
.calendar-reference.appointment-calendar #calendar .appointment-day-heading {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  min-height: 2.25rem;
}
.calendar-reference.appointment-calendar #calendar .appointment-day-date {
  color: var(--theme-text-muted);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.025em;
}
.calendar-reference.appointment-calendar #calendar .appointment-day-count {
  display: inline-grid;
  min-width: 1.4rem;
  height: 1.4rem;
  place-items: center;
  padding-inline: 0.3rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.35rem;
  background: var(--theme-custom-white);
  color: var(--theme-default-text-color);
  font-size: 0.68rem;
  line-height: 1;
}
.calendar-reference.appointment-calendar #calendar .fc-col-header-cell.fc-day-today {
  box-shadow: inset 0 -3px 0 var(--theme-primary-color);
}
.calendar-reference.appointment-calendar #calendar .fc-col-header-cell.fc-day-today .appointment-day-date {
  color: var(--theme-default-text-color);
}
.calendar-reference.appointment-calendar #calendar .fc-col-header-cell.fc-day-today .appointment-day-count {
  border-color: var(--theme-primary-color);
  background: var(--theme-primary-color);
  color: #000;
}
.calendar-reference.appointment-calendar #calendar .fc-timegrid-col.fc-day-today {
  background:
    repeating-linear-gradient(
      165deg,
      rgba(var(--theme-primary-rgb), 0.025) 0,
      rgba(var(--theme-primary-rgb), 0.025) 7px,
      rgba(var(--theme-primary-rgb), 0.075) 8px,
      rgba(var(--theme-primary-rgb), 0.075) 9px);
}
.calendar-reference.appointment-calendar #calendar .fc-timegrid-event {
  margin: 0.2rem 0.15rem;
  padding: 0.5rem 0.55rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.5rem;
  background: var(--theme-custom-white);
  box-shadow: 0 2px 7px rgba(20, 35, 70, 0.06);
}
.calendar-reference.appointment-calendar #calendar .fc-timegrid-event .fc-event-main {
  padding-inline-start: 0.6rem;
}
.calendar-reference.appointment-calendar #calendar .fc-timegrid-event .fc-event-main::before {
  top: 0.05rem;
  bottom: 0.05rem;
  width: 3px;
  height: 50%;
  border-radius: 3px;
}
.calendar-reference.appointment-calendar #calendar .appointment-event-content strong {
  font-size: 0.8rem;
  line-height: 1.3;
}
.calendar-reference.appointment-calendar #calendar .appointment-event-time {
  margin-top: 0.25rem;
  font-size: 0.7rem;
}
.calendar-reference.appointment-calendar #calendar .fc-timegrid-now-indicator-line {
  border-width: 2px 0 0;
}
.calendar-reference.appointment-calendar #calendar .fc-timegrid-now-indicator-arrow {
  border-top-color: rgb(var(--theme-danger-rgb));
  border-bottom-color: rgb(var(--theme-danger-rgb));
}
@media (max-width: 767.98px) {
  .calendar-reference.appointment-calendar .calendar-reference-sidebar {
    padding: 1rem;
  }
  .calendar-reference.appointment-calendar .appointment-agenda-day {
    margin-bottom: 0.65rem;
  }
  .calendar-reference.appointment-calendar .appointment-agenda-item {
    padding-block: 0.65rem;
  }
  .calendar-reference.appointment-calendar .calendar-reference-toolbar h2 {
    order: -1;
  }
}
.calendar-reference.appointment-calendar .calendar-reference-main {
  min-width: 0;
}
.calendar-reference.appointment-calendar #calendar {
  width: 100%;
  min-width: 0;
  min-height: 0;
  flex: 1 1 auto;
  padding: 0.75rem;
  overflow: hidden;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.35rem;
  background: var(--theme-custom-white);
  color: var(--theme-default-text-color);
  --fc-border-color: var(--theme-default-border);
  --fc-page-bg-color: var(--theme-custom-white);
  --fc-neutral-bg-color: var(--theme-default-body-bg-color);
  --fc-today-bg-color: rgba(var(--theme-primary-rgb), 0.07);
  --fc-now-indicator-color: rgb(var(--theme-danger-rgb));
}
.calendar-reference.appointment-calendar #calendar .fc {
  height: 100%;
  min-height: 0;
  font-family: var(--theme-default-font-family);
  font-size: 0.8125rem;
}
.calendar-reference.appointment-calendar #calendar .fc-view-harness,
.calendar-reference.appointment-calendar #calendar .fc-view-harness-active,
.calendar-reference.appointment-calendar #calendar .fc-scroller-harness,
.calendar-reference.appointment-calendar #calendar .fc-scroller {
  min-height: 0;
}
.calendar-reference.appointment-calendar #calendar .fc-scrollgrid,
.calendar-reference.appointment-calendar #calendar .fc-theme-standard td,
.calendar-reference.appointment-calendar #calendar .fc-theme-standard th {
  border-color: var(--theme-default-border) !important;
}
.calendar-reference.appointment-calendar #calendar .fc-col-header-cell {
  background: var(--theme-default-body-bg-color);
}
.calendar-reference.appointment-calendar #calendar .fc-col-header-cell-cushion,
.calendar-reference.appointment-calendar #calendar .fc-daygrid-day-number {
  color: var(--theme-default-text-color);
  text-decoration: none;
}
.calendar-reference.appointment-calendar #calendar .fc-col-header-cell-cushion {
  padding: 0.8rem 0.75rem;
  font-size: 0.75rem;
  font-weight: 600;
}
.calendar-reference.appointment-calendar #calendar .fc-daygrid-day-number {
  padding: 0.55rem;
  font-size: 0.75rem;
}
.calendar-reference.appointment-calendar #calendar .fc-daygrid-day-frame {
  min-height: 7rem;
}
.calendar-reference.appointment-calendar #calendar .fc-day-today .fc-daygrid-day-number {
  display: grid;
  width: 1.9rem;
  height: 1.9rem;
  place-items: center;
  margin: 0.25rem;
  padding: 0;
  border-radius: 50%;
  background: var(--theme-primary-color);
  color: #fff;
}
.calendar-reference.appointment-calendar #calendar .fc-daygrid-event {
  margin: 0.2rem 0.25rem;
  padding: 0.35rem 0.45rem;
  border: 0;
  border-inline-start: 3px solid currentColor;
  border-radius: 0.3rem;
  font-size: 0.72rem;
}
.calendar-reference.appointment-calendar #calendar .fc-event-main,
.calendar-reference.appointment-calendar #calendar .fc-event-title,
.calendar-reference.appointment-calendar #calendar .fc-event-time {
  color: inherit;
}
.calendar-reference.appointment-calendar #calendar .fc-event-title {
  overflow: hidden;
  font-weight: 500;
  text-overflow: ellipsis;
}
.calendar-reference.appointment-calendar #calendar .fc-timegrid-slot-label,
.calendar-reference.appointment-calendar #calendar .fc-list-event-time {
  color: var(--theme-text-muted);
  font-size: 0.72rem;
}
.calendar-reference.appointment-calendar #calendar .fc-timegrid-slot {
  height: 3rem;
}
.calendar-reference.appointment-calendar #calendar .fc-timegrid-event {
  border-radius: 0.35rem;
  box-shadow: 0 1px 3px rgba(20, 35, 70, 0.08);
  padding: 0.45rem;
}
.calendar-reference.appointment-calendar #calendar .fc-list {
  border-color: var(--theme-default-border);
}
.calendar-reference.appointment-calendar #calendar .fc-list-day-cushion {
  background: var(--theme-default-body-bg-color);
}
.calendar-reference.appointment-calendar #calendar .fc-list-event:hover td {
  background: rgba(var(--theme-primary-rgb), 0.04);
}
.calendar-reference.appointment-calendar #calendar .calendar-tone-primary {
  background: rgba(var(--theme-primary-rgb), 0.12);
  color: rgb(var(--theme-primary-rgb));
}
.calendar-reference.appointment-calendar #calendar .calendar-tone-secondary {
  background: rgba(var(--theme-secondary-rgb), 0.12);
  color: rgb(var(--theme-secondary-rgb));
}
.calendar-reference.appointment-calendar #calendar .calendar-tone-success {
  background: rgba(var(--theme-success-rgb), 0.12);
  color: rgb(var(--theme-success-rgb));
}
.calendar-reference.appointment-calendar #calendar .calendar-tone-danger {
  background: rgba(var(--theme-danger-rgb), 0.12);
  color: rgb(var(--theme-danger-rgb));
}
.calendar-reference.appointment-calendar #calendar .calendar-tone-info {
  background: rgba(var(--theme-info-rgb), 0.12);
  color: rgb(var(--theme-info-rgb));
}
.calendar-reference.appointment-calendar #calendar .calendar-tone-warning {
  background: rgba(var(--theme-warning-rgb), 0.12);
  color: rgb(var(--theme-warning-rgb));
}
.calendar-reference.appointment-calendar #calendar .calendar-tone-dark {
  background: rgba(var(--theme-dark-rgb), 0.12);
  color: rgb(var(--theme-dark-rgb));
}
.calendar-reference.appointment-calendar .calendar-reference-toolbar .btn {
  white-space: nowrap;
}
@media (max-width: 767.98px) {
  .calendar-reference.appointment-calendar .calendar-reference-main {
    min-width: 0;
    padding: 0.85rem;
  }
  .calendar-reference.appointment-calendar .calendar-reference-toolbar {
    align-items: flex-start;
    gap: 0.65rem;
  }
  .calendar-reference.appointment-calendar .calendar-reference-toolbar > .btn-group:last-child {
    max-width: 100%;
    overflow-x: auto;
  }
  .calendar-reference.appointment-calendar #calendar {
    padding: 0.35rem;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .calendar-reference.appointment-calendar #calendar .fc {
    min-width: 34rem;
  }
}
.calendar-reference.appointment-calendar #calendar .fc-timegrid-event {
  padding: 0.5rem 0.55rem !important;
  border: 1px solid var(--theme-default-border) !important;
  border-radius: 0.5rem !important;
  background: var(--theme-custom-white) !important;
  color: var(--theme-default-text-color) !important;
  box-shadow: 0 2px 7px rgba(20, 35, 70, 0.07) !important;
}
.calendar-reference.appointment-calendar #calendar .fc-timegrid-event .fc-event-main {
  position: relative;
  padding-inline-start: 0.65rem;
  color: var(--theme-default-text-color) !important;
}
.calendar-reference.appointment-calendar #calendar .fc-timegrid-event .fc-event-main::before {
  content: "";
  position: absolute;
  inset-block: 0.05rem;
  inset-inline-start: 0;
  width: 3px;
  height: 50%;
  border-radius: 3px;
  background: var(--theme-primary-color);
}
.calendar-reference.appointment-calendar #calendar .appointment-event-content strong {
  display: block;
  color: var(--theme-default-text-color);
  font-size: 0.8rem;
  font-weight: 550;
  line-height: 1.3;
}
.calendar-reference.appointment-calendar #calendar .appointment-event-time {
  display: block;
  margin-top: 0.25rem;
  color: var(--theme-text-muted);
  font-size: 0.7rem;
}
.calendar-reference.appointment-calendar #calendar .fc-timegrid-event.calendar-tone-primary {
  border-color: rgba(var(--theme-primary-rgb), 0.35) !important;
}
.calendar-reference.appointment-calendar #calendar .fc-timegrid-event.calendar-tone-primary .fc-event-main::before {
  background: rgb(var(--theme-primary-rgb)) !important;
}
.calendar-reference.appointment-calendar #calendar .fc-timegrid-event.calendar-tone-secondary {
  border-color: rgba(var(--theme-secondary-rgb), 0.35) !important;
}
.calendar-reference.appointment-calendar #calendar .fc-timegrid-event.calendar-tone-secondary .fc-event-main::before {
  background: rgb(var(--theme-secondary-rgb)) !important;
}
.calendar-reference.appointment-calendar #calendar .fc-timegrid-event.calendar-tone-success {
  border-color: rgba(var(--theme-success-rgb), 0.35) !important;
}
.calendar-reference.appointment-calendar #calendar .fc-timegrid-event.calendar-tone-success .fc-event-main::before {
  background: rgb(var(--theme-success-rgb)) !important;
}
.calendar-reference.appointment-calendar #calendar .fc-timegrid-event.calendar-tone-danger {
  border-color: rgba(var(--theme-danger-rgb), 0.35) !important;
}
.calendar-reference.appointment-calendar #calendar .fc-timegrid-event.calendar-tone-danger .fc-event-main::before {
  background: rgb(var(--theme-danger-rgb)) !important;
}
.calendar-reference.appointment-calendar #calendar .fc-timegrid-event.calendar-tone-info {
  border-color: rgba(var(--theme-info-rgb), 0.35) !important;
}
.calendar-reference.appointment-calendar #calendar .fc-timegrid-event.calendar-tone-info .fc-event-main::before {
  background: rgb(var(--theme-info-rgb)) !important;
}
.calendar-reference.appointment-calendar #calendar .fc-timegrid-event.calendar-tone-warning {
  border-color: rgba(var(--theme-warning-rgb), 0.35) !important;
}
.calendar-reference.appointment-calendar #calendar .fc-timegrid-event.calendar-tone-warning .fc-event-main::before {
  background: rgb(var(--theme-warning-rgb)) !important;
}
.calendar-reference.appointment-calendar #calendar .fc-timegrid-event.calendar-tone-dark {
  border-color: rgba(var(--theme-dark-rgb), 0.35) !important;
}
.calendar-reference.appointment-calendar #calendar .fc-timegrid-event.calendar-tone-dark .fc-event-main::before {
  background: rgb(var(--theme-dark-rgb)) !important;
}
.products-list-filters .choices {
  margin-block-end: 0;
}
#product-table .gridjs.gridjs-container {
  padding: 0;
}
#product-table .gridjs.gridjs-container tr.gridjs-tr th,
#product-table .gridjs.gridjs-container tr.gridjs-tr td {
  border-left-width: 0 !important;
  border-right-width: 0 !important;
}
#product-table .gridjs-footer {
  padding: 0.75rem 1rem !important;
}
.grid-card-table {
  margin-bottom: -6px !important;
}
.gridjs-pagination .gridjs-summary {
  margin-top: 7px !important;
}
.product-catalog-card {
  overflow: hidden;
  border: 1px solid var(--theme-default-border);
  transition:
    transform 180ms ease,
    box-shadow 180ms ease,
    border-color 180ms ease;
}
.product-catalog-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 0.75rem 1.75rem rgba(28, 39, 55, 0.1);
}
.product-catalog-card .product-catalog-image {
  min-height: 15rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
  overflow: hidden;
  background: rgba(var(--theme-light-rgb), 0.5);
}
.product-catalog-card .product-catalog-image .product-card-tags {
  position: absolute;
  z-index: 2;
  inset-block-start: 1rem;
  inset-inline-start: 1rem;
  display: flex;
  gap: 0.35rem;
  flex-wrap: wrap;
}
.product-catalog-card .product-catalog-image .product-favorite {
  position: absolute;
  z-index: 2;
  inset-block-start: 0.75rem;
  inset-inline-end: 0.75rem;
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.product-catalog-card .product-catalog-image .product-favorite.is-favorite {
  color: #dc3545;
}
.product-catalog-card .product-catalog-image > a {
  display: grid;
  place-items: center;
  width: 100%;
}
.product-catalog-card .product-catalog-image img {
  width: 100%;
  height: 11rem;
  -o-object-fit: contain;
  object-fit: contain;
  transition: transform 220ms ease;
}
.product-catalog-card .product-catalog-image .product-image-actions {
  position: absolute;
  inset-inline: 0;
  inset-block-end: -3rem;
  display: flex;
  justify-content: center;
  transition: inset-block-end 180ms ease;
}
.product-catalog-card .product-catalog-image:hover img {
  transform: scale(1.06);
}
.product-catalog-card .product-catalog-image:hover .product-image-actions {
  inset-block-end: 0.85rem;
}
.product-catalog-card .product-catalog-name {
  display: inline-block;
  font-size: 1rem;
  text-decoration: none;
}
.product-catalog-card .product-catalog-name:hover {
  color: var(--theme-primary-color);
}
.product-catalog-card .card-footer {
  border-top: 1px solid var(--theme-default-border);
}
[data-theme-color=dark] .category-card-pattern {
  display: none;
}
.product-grid-panel .product-view-toggle .btn {
  min-width: 2.4rem;
}
.product-grid-panel .product-view-toggle .btn.active {
  color: #fff !important;
  background: rgb(var(--theme-dark-rgb)) !important;
  border-color: rgb(var(--theme-dark-rgb)) !important;
}
.product-grid-panel .product-category-chips .btn {
  border-radius: 2rem;
}
.product-grid-panel #products-grid.product-list-view {
  grid-template-columns: 1fr;
}
.product-grid-panel #products-grid.product-list-view > .col {
  width: 100%;
}
.product-grid-panel #products-grid.product-list-view .product-catalog-card {
  display: grid;
  grid-template-columns: 13rem minmax(0, 1fr) auto;
  align-items: stretch;
}
.product-grid-panel #products-grid.product-list-view .product-catalog-image {
  grid-row: 1;
  grid-column: 1;
  min-height: 100%;
}
.product-grid-panel #products-grid.product-list-view .card-body {
  grid-row: 1;
  grid-column: 2;
}
.product-grid-panel #products-grid.product-list-view .card-footer {
  grid-row: 1;
  grid-column: 3;
  flex-direction: column;
  justify-content: center;
  border-top: 0;
  border-inline-start: 1px solid var(--theme-default-border);
}
@media (max-width: 767.98px) {
  .product-grid-panel #products-grid.product-list-view .product-catalog-card {
    grid-template-columns: 7rem minmax(0, 1fr);
  }
  .product-grid-panel #products-grid.product-list-view .product-catalog-image {
    min-height: 100%;
    padding: 0.5rem;
  }
  .product-grid-panel #products-grid.product-list-view .product-catalog-image img {
    height: 7rem;
  }
  .product-grid-panel #products-grid.product-list-view .card-body {
    grid-column: 2;
  }
  .product-grid-panel #products-grid.product-list-view .card-footer {
    grid-column: 1/-1;
    grid-row: 2;
    flex-direction: row;
    border-inline-start: 0;
    border-top: 1px solid var(--theme-default-border);
  }
}
.product-catalog-modern .catalog-spotlight {
  overflow: hidden;
  border: 0;
  background:
    linear-gradient(
      108deg,
      #dff2e9 0%,
      #eff7e8 54%,
      #f8f4dc 100%);
}
.product-catalog-modern .catalog-spotlight-copy {
  padding: clamp(1.5rem, 4vw, 3rem);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.product-catalog-modern .catalog-spotlight-copy h2 {
  font-size: clamp(1.7rem, 3vw, 2.5rem);
  letter-spacing: -0.035em;
  line-height: 1.08;
}
.product-catalog-modern .catalog-spotlight-copy p {
  max-width: 35rem;
  color: #54635d;
  line-height: 1.6;
}
.product-catalog-modern .catalog-spotlight-foot {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-top: 1.75rem;
  color: #40534a;
  font-size: 0.75rem;
}
.product-catalog-modern .catalog-health-track {
  width: 6rem;
  height: 0.35rem;
  overflow: hidden;
  border-radius: 2rem;
  background: rgba(38, 75, 56, 0.15);
}
.product-catalog-modern .catalog-health-track span {
  display: block;
  height: 100%;
  width: 86%;
  border-radius: inherit;
  background: #468766;
}
.product-catalog-modern .catalog-spotlight-visual {
  min-height: 18rem;
  height: 100%;
  position: relative;
  display: grid;
  place-items: center;
  overflow: hidden;
  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.3),
      rgba(177, 208, 172, 0.38));
}
.product-catalog-modern .catalog-spotlight-orbit {
  position: absolute;
  width: 16rem;
  height: 16rem;
  border: 1px solid rgba(67, 117, 90, 0.2);
  border-radius: 50%;
  box-shadow: 0 0 0 1.7rem rgba(255, 255, 255, 0.12), 0 0 0 3.4rem rgba(255, 255, 255, 0.09);
}
.product-catalog-modern .catalog-spotlight-visual > img {
  position: relative;
  z-index: 1;
  width: 75%;
  height: 15rem;
  -o-object-fit: contain;
  object-fit: contain;
  filter: drop-shadow(0 1rem 1rem rgba(38, 53, 44, 0.16));
}
.product-catalog-modern .catalog-featured-tag {
  position: absolute;
  z-index: 2;
  inset-inline-start: 1rem;
  inset-block-end: 1rem;
  display: grid;
  gap: 0.2rem;
  padding: 0.65rem 0.85rem;
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 0.65rem;
  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(8px);
}
.product-catalog-modern .catalog-featured-tag strong {
  font-size: 0.85rem;
}
.product-catalog-modern .catalog-floating-stat {
  position: absolute;
  z-index: 2;
  inset-inline-end: 1rem;
  inset-block-start: 1rem;
  padding: 0.45rem 0.7rem;
  border-radius: 2rem;
  background: var(--theme-custom-white);
  color: var(--theme-default-text-color);
  font-size: 0.7rem;
  font-weight: 600;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.product-catalog-modern .catalog-filter-panel {
  position: sticky;
  inset-block-start: 1rem;
}
.product-catalog-modern .catalog-filter-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.75rem;
  font-size: 0.8rem;
  font-weight: 600;
}
.product-catalog-modern .catalog-filter-title a {
  font-size: 0.7rem;
  font-weight: 500;
}
.product-catalog-modern .catalog-category-list {
  display: grid;
  gap: 0.25rem;
}
.product-catalog-modern .catalog-category-list button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.65rem 0.7rem;
  border: 0;
  border-radius: 0.5rem;
  background: transparent;
  color: var(--theme-default-text-color);
  font-size: 0.8rem;
  text-align: start;
  transition: background 0.15s ease, color 0.15s ease;
}
.product-catalog-modern .catalog-category-list button span {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
.product-catalog-modern .catalog-category-list button i {
  color: var(--theme-text-muted);
  font-size: 1rem;
}
.product-catalog-modern .catalog-category-list button b {
  color: var(--theme-text-muted);
  font-size: 0.7rem;
  font-weight: 500;
}
.product-catalog-modern .catalog-category-list button:hover,
.product-catalog-modern .catalog-category-list button.active {
  background: rgba(var(--theme-primary-rgb), 0.1);
  color: var(--theme-default-text-color);
}
.product-catalog-modern .catalog-category-list button.active i,
.product-catalog-modern .catalog-category-list button.active b {
  color: var(--theme-primary-color);
}
.product-catalog-modern .catalog-replenish-card {
  padding: 1.25rem;
  border: 1px solid rgba(231, 163, 62, 0.22);
  border-radius: 0.5rem;
  background:
    linear-gradient(
      145deg,
      rgba(231, 163, 62, 0.1),
      var(--theme-custom-white));
}
.product-catalog-modern .catalog-replenish-card p {
  line-height: 1.55;
}
.product-catalog-modern .catalog-replenish-card a {
  text-decoration: none;
}
.product-catalog-modern .catalog-results-panel .card-header {
  align-items: center;
}
.product-catalog-modern .catalog-results-panel .product-view-toggle .btn {
  min-width: 2.4rem;
}
.product-catalog-modern .catalog-results-panel .product-view-toggle .btn.active {
  color: var(--theme-primary-color);
  background: rgba(var(--theme-primary-rgb), 0.1);
  border-color: rgba(var(--theme-primary-rgb), 0.18);
}
.product-catalog-modern #products-grid.product-list-view {
  grid-template-columns: 1fr;
}
.product-catalog-modern #products-grid.product-list-view > .col {
  width: 100%;
}
.product-catalog-modern #products-grid.product-list-view .product-catalog-card {
  display: grid;
  grid-template-columns: 12rem minmax(0, 1fr) auto;
  align-items: stretch;
}
.product-catalog-modern #products-grid.product-list-view .product-catalog-image {
  grid-row: 1;
  grid-column: 1;
  min-height: 100%;
}
.product-catalog-modern #products-grid.product-list-view .card-body {
  grid-row: 1;
  grid-column: 2;
}
.product-catalog-modern #products-grid.product-list-view .card-footer {
  grid-row: 1;
  grid-column: 3;
  flex-direction: column;
  justify-content: center;
  border-top: 0;
  border-inline-start: 1px solid var(--theme-default-border);
}
@media (max-width: 767.98px) {
  .product-catalog-modern .catalog-filter-panel {
    position: static;
  }
  .product-catalog-modern #products-grid.product-list-view .product-catalog-card {
    grid-template-columns: 6rem minmax(0, 1fr);
  }
  .product-catalog-modern #products-grid.product-list-view .product-catalog-image {
    min-height: 100%;
    padding: 0.5rem;
  }
  .product-catalog-modern #products-grid.product-list-view .product-catalog-image img {
    height: 6rem;
  }
  .product-catalog-modern #products-grid.product-list-view .card-body {
    grid-column: 2;
  }
  .product-catalog-modern #products-grid.product-list-view .card-footer {
    grid-column: 1/-1;
    grid-row: 2;
    flex-direction: row;
    border-inline-start: 0;
    border-top: 1px solid var(--theme-default-border);
  }
}
.product-management-page .product-feature-panel {
  background:
    linear-gradient(
      115deg,
      rgba(var(--theme-secondary-rgb), 0.07) 60%,
      var(--theme-custom-white) 100%);
}
.product-management-page .product-health-link {
  min-height: 4.25rem;
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.6rem;
  border: 1px solid rgba(var(--theme-dark-rgb), 0.1);
  border-radius: 0.5rem;
  color: var(--theme-default-text-color);
  text-decoration: none;
  transition: border-color 150ms ease, transform 150ms ease;
}
.product-management-page .product-health-link:hover {
  border-color: rgba(var(--theme-dark-rgb), 0.2);
  transform: translateY(-2px);
}
.product-management-page .product-health-link .avatar {
  flex-shrink: 0;
}
.product-management-page .product-health-link strong,
.product-management-page .product-health-link small {
  display: block;
  line-height: 1.35;
}
.product-management-page .product-health-link small {
  color: var(--theme-text-muted);
  font-size: 0.7rem;
}
.product-management-page .product-filter-chip span {
  margin-inline-start: 0.35rem;
  opacity: 0.7;
}
.product-management-page .product-row-image {
  width: 2.8rem;
  height: 2.8rem;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 0.5rem;
  background: rgb(var(--theme-light-rgb));
}
.product-management-page .product-row-image img {
  width: 2.4rem;
  height: 2.4rem;
  -o-object-fit: contain;
  object-fit: contain;
}
.product-management-page .product-catalog-table {
  min-width: 900px;
}
.product-management-page .product-catalog-table th {
  color: var(--theme-text-muted);
  font-size: 0.75rem;
  font-weight: 600;
}
.product-management-page .product-catalog-table td,
.product-management-page .product-catalog-table th {
  padding: 0.8rem 1rem;
}
.product-management-page .product-catalog-table tbody tr:hover {
  --bs-table-bg: rgba(var(--theme-primary-rgb), 0.025);
}
.category-management-page .category-spotlight {
  overflow: hidden;
  border: 0;
  background:
    linear-gradient(
      108deg,
      #e2f2e9 0%,
      #eff6e7 58%,
      #f5f0da 100%);
}
.category-management-page .category-spotlight-copy {
  padding: clamp(1.5rem, 4vw, 3rem);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.category-management-page .category-spotlight-copy h2 {
  font-size: clamp(1.7rem, 3vw, 2.5rem);
  letter-spacing: -0.035em;
  line-height: 1.08;
}
.category-management-page .category-spotlight-copy p {
  max-width: 35rem;
  color: #54635d;
  line-height: 1.6;
}
.category-management-page .category-spotlight-foot {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin-top: 1.75rem;
  color: #40534a;
  font-size: 0.75rem;
}
.category-management-page .category-spotlight-art {
  min-height: 18rem;
  height: 100%;
  position: relative;
  display: grid;
  place-items: center;
  overflow: hidden;
  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.35),
      rgba(177, 208, 172, 0.38));
}
.category-management-page .category-art-orbit {
  position: absolute;
  border: 1px solid rgba(67, 117, 90, 0.17);
  border-radius: 50%;
}
.category-management-page .orbit-one {
  width: 18rem;
  height: 18rem;
  box-shadow: 0 0 0 2rem rgba(255, 255, 255, 0.13), 0 0 0 4rem rgba(255, 255, 255, 0.08);
}
.category-management-page .orbit-two {
  width: 12rem;
  height: 12rem;
}
.category-management-page .category-art-tile {
  position: absolute;
  z-index: 1;
  min-width: 8.5rem;
  display: grid;
  grid-template-columns: 2rem 1fr;
  align-items: center;
  gap: 0.15rem 0.55rem;
  padding: 0.7rem;
  border: 1px solid rgba(255, 255, 255, 0.75);
  border-radius: 0.8rem;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 0.6rem 1.5rem rgba(45, 70, 53, 0.1);
  backdrop-filter: blur(8px);
}
.category-management-page .category-art-tile i {
  grid-row: span 2;
  width: 2rem;
  height: 2rem;
  display: grid;
  place-items: center;
  border-radius: 0.6rem;
  background: rgba(10, 10, 10, 0.05);
  color: #000;
  font-size: 1.1rem;
}
.category-management-page .category-art-tile span {
  color: #000;
  font-size: 0.65rem;
}
.category-management-page .category-art-tile strong {
  font-size: 0.82rem;
  line-height: 1;
}
.category-management-page .tile-main {
  z-index: 2;
  padding: 1rem;
  transform: translateY(-0.4rem);
}
.category-management-page .tile-main i {
  width: 2.4rem;
  height: 2.4rem;
}
.category-management-page .tile-top {
  inset-inline-end: 1rem;
  inset-block-start: 1.4rem;
  transform: rotate(4deg);
}
.category-management-page .tile-bottom {
  inset-inline-start: 1rem;
  inset-block-end: 1.5rem;
  transform: rotate(-4deg);
}
.category-management-page .category-art-caption {
  position: absolute;
  inset-inline-end: 1rem;
  inset-block-end: 0.7rem;
  color: #52745e;
  font-size: 0.65rem;
  font-weight: 600;
}
.category-management-page .category-summary-card {
  height: calc(100% - 1rem);
}
.category-management-page .category-directory-controls {
  display: flex;
  gap: 0.5rem;
  width: min(100%, 27rem);
}
.category-management-page .category-directory-controls .input-group {
  flex: 1;
}
.category-management-page .category-directory-controls .form-select {
  width: 10.5rem;
}
.category-management-page .category-card {
  overflow: hidden;
  transition:
    transform 160ms ease,
    box-shadow 160ms ease,
    border-color 160ms ease;
}
.category-management-page .category-card-visual {
  position: relative;
  min-height: 6.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.85rem 1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.65);
}
.category-management-page .category-card-visual > .badge,
.category-management-page .category-card-visual > .dropdown {
  position: relative;
  z-index: 2;
}
.category-management-page .category-card-icon {
  position: relative;
  z-index: 1;
  width: 2.85rem;
  height: 2.85rem;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 0.85rem;
  background: rgba(255, 255, 255, 0.82);
  color: #35424b;
  font-size: 1.45rem;
  box-shadow: 0 0.25rem 0.8rem rgba(28, 39, 55, 0.06);
}
.category-management-page .category-card-pattern {
  position: absolute;
  width: 8rem;
  height: 8rem;
  inset-inline-end: -1.75rem;
  inset-block-end: -5rem;
  border: 1px solid rgba(255, 255, 255, 0.62);
  border-radius: 50%;
  box-shadow: 0 0 0 1.3rem rgba(255, 255, 255, 0.17), 0 0 0 2.6rem rgba(255, 255, 255, 0.12);
}
.category-management-page .tone-mint {
  background:
    linear-gradient(
      130deg,
      #d9eee4,
      #eef5df);
}
.category-management-page .tone-lavender {
  background:
    linear-gradient(
      130deg,
      #e5e1f6,
      #eeeafa);
}
.category-management-page .tone-peach {
  background:
    linear-gradient(
      130deg,
      #f7e1d6,
      #f5ecdc);
}
.category-management-page .tone-blue {
  background:
    linear-gradient(
      130deg,
      #dcecf4,
      #e9f2ee);
}
.category-management-page .tone-yellow {
  background:
    linear-gradient(
      130deg,
      #f4edce,
      #f7f1de);
}
.category-management-page .tone-rose {
  background:
    linear-gradient(
      130deg,
      #f4dfe5,
      #f7e9e6);
}
.category-management-page .category-card-description {
  min-height: 2.2rem;
  line-height: 1.5;
}
.category-management-page .category-card .card-body {
  padding: 1rem 1.05rem;
}
.category-management-page .category-share {
  display: grid;
  justify-items: end;
  padding: 0.35rem 0.55rem;
  border: 1px solid rgba(var(--theme-primary-rgb), 0.12);
  border-radius: 0.55rem;
  background: rgba(var(--theme-primary-rgb), 0.06);
  color: var(--theme-primary-color);
  font-size: 0.78rem;
  font-weight: 700;
  white-space: nowrap;
}
.category-management-page .category-share small {
  color: var(--theme-text-muted);
  font-size: 0.58rem;
  font-weight: 400;
}
.category-management-page .category-card-metrics {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
  margin-top: 0.85rem;
  padding: 0.75rem 0;
  border-block: 1px solid var(--theme-default-border);
}
.category-management-page .category-card-metrics > div {
  display: grid;
  gap: 0.2rem;
}
.category-management-page .category-card-metrics strong {
  font-size: 0.85rem;
}
.category-management-page .category-card-metrics span {
  color: var(--theme-text-muted);
  font-size: 0.62rem;
}
.category-management-page .category-share-meter {
  margin-top: 0.8rem;
}
.category-management-page .category-share-meter .progress {
  height: 0.32rem;
  background: rgb(var(--theme-light-rgb));
}
.category-management-page .category-share-meter .progress-bar {
  border-radius: 1rem;
  background: var(--theme-primary-color);
}
.category-management-page .category-top-product-image {
  width: 2.4rem;
  height: 2.4rem;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 0.55rem;
  background: rgb(var(--theme-light-rgb));
}
.category-management-page .category-top-product-image img {
  width: 2rem;
  height: 2rem;
  -o-object-fit: contain;
  object-fit: contain;
}
.category-management-page .category-top-product {
  min-width: 0;
  display: grid;
  gap: 0.15rem;
}
.category-management-page .category-top-product small {
  color: var(--theme-text-muted);
  font-size: 0.62rem;
}
.category-management-page .category-top-product strong {
  max-width: 10rem;
  overflow: hidden;
  color: var(--theme-default-text-color);
  font-size: 0.7rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.category-management-page .category-card .card-footer {
  min-height: 4.25rem;
  padding: 0.7rem 1rem;
  border-top: 1px solid var(--theme-default-border);
}
.category-management-page .category-card .card-footer .btn {
  border: 1px solid var(--theme-default-border);
  background: var(--theme-custom-white);
}
.category-management-page .category-empty-state {
  padding: 3rem 1rem;
  text-align: center;
}
@media (max-width: 767.98px) {
  .category-management-page .category-directory-controls {
    width: 100%;
  }
  .category-management-page .category-spotlight-art {
    min-height: 15rem;
  }
  .category-management-page .category-spotlight-foot {
    flex-wrap: wrap;
    margin-top: 1.25rem;
  }
}
.swiper-view-details .swiper-slide {
  background-color: var(--theme-custom-white) !important;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.35rem !important;
}
.swiper-view-details .swiper-slide.swiper-slide-thumb-active {
  background-color: rgb(var(--theme-light-rgb)) !important;
}
.swiper-preview-details .swiper-button-next {
  background-color: var(--theme-black-1);
  color: var(--theme-custom-white) !important;
}
.swiper-preview-details .swiper-button-prev {
  background-color: var(--theme-black-1);
  color: var(--theme-custom-white) !important;
}
.product-detail-workspace .product-detail-gallery-card {
  overflow: hidden;
}
.product-detail-workspace .product-detail-gallery-main {
  min-height: 26rem;
  position: relative;
  display: grid;
  place-items: center;
  padding: 0.5rem;
  background:
    linear-gradient(
      145deg,
      rgb(var(--theme-light-rgb)),
      var(--theme-custom-white));
}
.product-detail-workspace .product-gallery-status {
  position: absolute;
  z-index: 2;
  inset-block-start: 1.25rem;
  inset-inline-start: 1.25rem;
}
.product-detail-workspace .product-detail-main-swiper {
  width: 100%;
  height: 100%;
}
.product-detail-workspace .product-detail-main-swiper .swiper-slide {
  display: grid;
  place-items: center;
}
.product-detail-workspace .product-detail-main-swiper img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  mix-blend-mode: multiply;
}
.product-detail-workspace .product-detail-main-swiper .swiper-button-next,
.product-detail-workspace .product-detail-main-swiper .swiper-button-prev {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  background: var(--theme-custom-white);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
  border: 1px solid var(--theme-default-border);
}
.product-detail-workspace .product-detail-main-swiper .swiper-button-next::after,
.product-detail-workspace .product-detail-main-swiper .swiper-button-prev::after {
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--theme-default-text-color);
}
.product-detail-workspace .product-detail-thumbs-swiper .swiper-slide {
  height: auto;
  display: grid;
  place-items: center;
  padding: 0.35rem;
  cursor: pointer;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.5rem;
  background: transparent;
}
.product-detail-workspace .product-detail-thumbs-swiper .swiper-slide.swiper-slide-thumb-active {
  border-color: rgba(var(--theme-dark-rgb), 0.3);
}
.product-detail-workspace .product-detail-thumbs-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  mix-blend-mode: multiply;
}
.product-detail-workspace .product-detail-summary {
  border-top: 3px solid rgb(var(--theme-secondary-rgb));
}
.product-detail-workspace .product-detail-price-block {
  padding-block: 1rem;
  border-block: 1px solid var(--theme-default-border);
}
.product-detail-workspace .product-detail-description {
  max-width: 42rem;
  line-height: 1.7;
}
.product-detail-workspace .product-detail-color {
  width: 1.8rem;
  height: 1.8rem;
  border: 3px solid var(--theme-custom-white);
  outline: 1px solid var(--theme-default-border);
  border-radius: 50%;
  background: var(--swatch);
}
.product-detail-workspace .product-detail-color.selected {
  outline: 2px solid rgba(var(--theme-light-rgb)) !important;
}
.product-detail-workspace .product-detail-size {
  min-width: 2.65rem;
  height: 2.4rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.5rem;
  background: var(--theme-custom-white);
  color: var(--theme-default-text-color);
}
.product-detail-workspace .product-detail-size:hover,
.product-detail-workspace .product-detail-size.selected {
  border-color: rgba(var(--theme-dark-rgb), 0.5);
  background: rgba(var(--theme-dark-rgb), 0.05);
}
.product-detail-workspace .product-detail-stock {
  padding: 0.85rem 1rem;
  border-radius: 0.5rem;
  background: rgb(var(--theme-light-rgb));
}
.product-detail-workspace .product-detail-specs th {
  width: 20%;
  color: var(--theme-text-muted);
  font-size: 0.8rem;
  font-weight: 500;
  white-space: nowrap;
}
.product-detail-workspace .product-detail-specs td {
  font-size: 0.85rem;
}
.product-detail-workspace .product-size-inventory > div > div {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.75rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.5rem;
}
.product-detail-workspace .product-size-inventory > div > div span {
  color: var(--theme-text-muted);
  font-size: 0.75rem;
}
.product-detail-workspace .product-size-inventory > div > div strong {
  font-size: 1rem;
}
.product-detail-workspace .product-rating-bars {
  display: grid;
  gap: 0.45rem;
}
.product-detail-workspace .product-rating-bars > div {
  display: grid;
  grid-template-columns: 2.5rem 1fr 2rem;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.75rem;
  color: var(--theme-text-muted);
}
.product-detail-workspace .product-rating-bars span i {
  color: #f1ae35;
}
.product-detail-workspace .product-rating-bars .progress {
  height: 0.35rem;
}
.product-detail-workspace .product-rating-bars small {
  text-align: end;
  color: var(--theme-text-muted);
}
.product-detail-workspace .product-featured-review {
  padding: 1rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.5rem;
  background: rgb(var(--theme-light-rgb));
}
.product-detail-workspace .product-featured-review-text {
  line-height: 1.65;
  overflow-wrap: anywhere;
}
.product-detail-workspace .product-review-meta {
  align-items: center;
  gap: 0.5rem 1rem !important;
}
.product-detail-workspace .product-info-note {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  padding: 1rem;
  border-radius: 0.5rem;
  background-color: #d5ffe4 !important;
}
.product-detail-workspace .product-info-note p {
  color: var(--theme-text-muted);
  font-size: 0.82rem;
  line-height: 1.55;
}
.product-detail-workspace .product-info-grid {
  margin-inline: -0.35rem;
}
.product-detail-workspace .product-info-item {
  min-height: 4.2rem;
  display: flex;
  align-items: center;
  gap: 0.7rem;
  padding: 0.7rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.5rem;
  background: var(--theme-custom-white);
}
.product-detail-workspace .product-info-icon {
  width: 2rem;
  height: 2rem;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border-radius: 0.55rem;
  background: rgb(var(--theme-light-rgb));
}
.product-detail-workspace .product-info-item small,
.product-detail-workspace .product-info-item strong {
  display: block;
  line-height: 1.35;
}
.product-detail-workspace .product-info-item small {
  color: var(--theme-text-muted);
  font-size: 0.68rem;
  margin-bottom: 0.15rem;
}
.product-detail-workspace .product-info-item strong {
  font-size: 0.78rem;
  font-weight: 600;
  overflow-wrap: anywhere;
}
.product-detail-workspace .product-info-footer {
  display: flex;
  gap: 0.6rem;
  flex-wrap: wrap;
  margin-top: 1rem;
}
.product-detail-workspace .product-info-footer span {
  padding: 0.4rem 0.6rem;
  border-radius: 2rem;
  background: rgb(var(--theme-light-rgb));
  color: var(--theme-text-muted);
  font-size: 0.68rem;
}
.product-detail-workspace .product-inventory-summary {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  padding: 0.8rem;
  border-radius: 0.5rem;
  background: rgb(var(--theme-light-rgb));
}
.product-detail-workspace .product-inventory-summary > div:first-child {
  display: grid;
  gap: 0.1rem;
}
.product-detail-workspace .product-inventory-summary > div:first-child strong {
  font-size: 1.35rem;
  line-height: 1;
}
.product-detail-workspace .product-inventory-summary-meter {
  flex: 1;
}
.product-detail-workspace .product-inventory-summary-meter span {
  display: block;
  color: var(--theme-text-muted);
  font-size: 0.65rem;
  margin-bottom: 0.25rem;
}
.product-detail-workspace .product-inventory-summary-meter .progress {
  height: 0.35rem;
}
.product-detail-workspace .product-size-stock-list {
  display: grid;
  gap: 0.75rem;
  margin-top: 1.15rem;
}
.product-detail-workspace .product-size-stock-row {
  display: grid;
  grid-template-columns: 2rem minmax(3rem, 1fr) 1.6rem 2rem;
  align-items: center;
  gap: 0.55rem;
  font-size: 0.7rem;
}
.product-detail-workspace .product-size-stock-row .product-size-label {
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.45rem;
  font-weight: 600;
}
.product-detail-workspace .product-size-stock-row strong {
  text-align: end;
  font-size: 0.75rem;
}
.product-detail-workspace .product-size-stock-row > span:last-child {
  font-size: 0.63rem;
}
.product-detail-workspace .product-size-stock-row .progress {
  height: 0.32rem;
  background: rgb(var(--theme-light-rgb));
}
.product-detail-workspace .product-size-stock-row .progress-bar {
  border-radius: 1rem;
  background: var(--theme-primary-color);
}
.product-detail-workspace .product-review-score {
  padding: 1.1rem;
  border-radius: 0.5rem;
  background-color: rgb(var(--theme-light-rgb));
}
.product-detail-workspace .product-review-score > div strong {
  font-size: 3.1rem;
  line-height: 1;
  letter-spacing: -0.06em;
}
.product-detail-workspace .product-rating-bars {
  padding: 0.4rem 0;
}
.product-detail-workspace .product-featured-review {
  background: var(--theme-custom-white);
}
.product-detail-workspace .product-review-topics {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin-top: 1.25rem;
  padding-top: 1rem;
  border-top: 1px solid var(--theme-default-border);
}
.product-detail-workspace .product-review-topics > span:not(:first-child) {
  padding: 0.35rem 0.6rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 2rem;
  color: var(--theme-text-muted);
  font-size: 0.68rem;
}
.product-detail-workspace .product-review-topics strong {
  margin-inline-start: 0.2rem;
  color: var(--theme-default-text-color);
}
.product-detail-workspace .product-detail-favorite.is-saved {
  color: #dc3545;
}
@media (max-width: 575.98px) {
  .product-detail-workspace .product-detail-gallery-main {
    min-height: 19rem;
    padding: 1rem;
  }
  .product-detail-workspace .product-detail-main-swiper {
    height: 18rem;
  }
  .product-detail-workspace .product-detail-main-swiper img {
    height: 17rem;
  }
  .product-detail-workspace .product-detail-specs th {
    white-space: normal;
  }
}
.product-colors {
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3.125rem;
  border: 1px solid var(--theme-default-border);
  margin-inline-end: 0.5rem;
  background-color: rgb(var(--theme-light-rgb));
}
.product-colors i {
  font-size: 1.5rem;
}
.product-colors.color-1.selected {
  border: 0.125rem solid #05a9d3;
}
.product-colors.color-1 i {
  color: #05a9d3;
}
.product-colors.color-2.selected {
  border: 0.125rem solid #fff;
}
.product-colors.color-2 i {
  color: #fff;
}
.product-colors.color-3.selected {
  border: 0.125rem solid #ff5733;
}
.product-colors.color-3 i {
  color: #ff5733;
}
.product-colors.color-4.selected {
  border: 0.125rem solid #007bff;
}
.product-colors.color-4 i {
  color: #007bff;
}
.product-colors.color-5.selected {
  border: 0.125rem solid #6c757d;
}
.product-colors.color-5 i {
  color: #6c757d;
}
.product-sizes {
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3.125rem;
  border: 1px solid var(--theme-default-border);
  margin-inline-end: 0.5rem;
  font-size: 0.75rem;
  background-color: rgb(var(--theme-light-rgb));
  color: var(--theme-text-muted);
}
.product-sizes.selected {
  background-color: rgba(var(--theme-success-rgb), 0.1);
  color: rgb(var(--theme-success-rgb));
}
.product-images {
  padding-inline-start: 1.875rem;
}
.product-images .products-review-images img {
  width: 3.125rem;
  height: 3.125rem;
  margin-inline-end: 0.25rem;
  border-radius: 0.35rem;
  background-color: rgb(var(--theme-light-rgb));
}
ul.product-details-features-list {
  margin-block-end: 0;
}
ul.product-details-features-list li {
  margin-block-end: 0.75rem;
  padding-inline-start: 1.15rem;
  position: relative;
}
ul.product-details-features-list li:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--theme-default-text-color);
  inset-inline-start: 0;
  inset-block-start: 0.5625rem;
}
ul.product-details-features-list li:last-child {
  margin-block-end: 0;
}
ul.cart-order-summary-list {
  margin-block-end: 0;
}
ul.cart-order-summary-list li {
  margin-block-end: 1rem;
}
ul.cart-order-summary-list li:last-child {
  margin-block-end: 0;
}
.shopping-cart-page .cart-checkout-steps {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(0.6rem, 3vw, 2.3rem);
  padding: 1rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.8rem;
  background: var(--theme-custom-white);
}
.shopping-cart-page .cart-checkout-steps > span {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--theme-text-muted);
  font-size: 0.72rem;
}
.shopping-cart-page .cart-checkout-steps > span > i {
  display: grid;
  width: 1.9rem;
  height: 1.9rem;
  place-items: center;
  border-radius: 50%;
  background: rgb(var(--theme-light-rgb));
  font-size: 0.9rem;
}
.shopping-cart-page .cart-checkout-steps > span.is-current {
  color: rgb(var(--theme-secondary-rgb));
}
.shopping-cart-page .cart-checkout-steps > span.is-current > i {
  color: rgb(var(--theme-secondary-rgb));
  background: rgba(var(--theme-primary-rgb), 0.1);
}
.shopping-cart-page .cart-checkout-steps > i {
  color: var(--theme-text-muted);
  font-size: 1.1rem;
}
.shopping-cart-page .cart-items-card,
.shopping-cart-page .cart-summary-card,
.shopping-cart-page .cart-saved-card {
  overflow: hidden;
}
.shopping-cart-page .cart-items-card > .card-header,
.shopping-cart-page .cart-summary-card > .card-header,
.shopping-cart-page .cart-saved-card > .card-header {
  padding: 1.1rem 1.25rem;
}
.shopping-cart-page .cart-delivery-promise {
  color: rgb(var(--theme-success-rgb));
  font-size: 0.72rem;
  font-weight: 600;
}
.shopping-cart-page .cart-items-list {
  border-top: 0;
}
.shopping-cart-page .cart-items-table {
  min-width: 42rem;
  margin-bottom: 0;
  border-color: var(--theme-default-border);
  vertical-align: middle;
}
.shopping-cart-page .cart-items-table thead th {
  padding: 0.8rem 0.65rem;
  border-bottom: 1px solid var(--theme-default-border);
  color: var(--theme-text-muted);
  font-size: 0.65rem;
  font-weight: 600;
  letter-spacing: 0.035em;
  text-transform: uppercase;
  white-space: nowrap;
}
.shopping-cart-page .cart-items-table tbody td {
  padding: 0.9rem 1rem;
  border-bottom-color: var(--theme-default-border);
}
.shopping-cart-page .cart-items-table tbody tr:last-child td {
  border-bottom: 0;
}
.shopping-cart-page .cart-item {
  vertical-align: middle;
}
.shopping-cart-page .cart-item-image {
  display: grid;
  width: 4.25rem;
  height: 4.25rem;
  place-items: center;
  overflow: hidden;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.75rem;
  background: rgb(var(--theme-light-rgb));
}
.shopping-cart-page .cart-item-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.shopping-cart-page .cart-item-details {
  min-width: 0;
  min-width: 14rem;
}
.shopping-cart-page .cart-item-brand,
.shopping-cart-page .cart-item-name,
.shopping-cart-page .cart-item-variant,
.shopping-cart-page .cart-stock-state {
  display: block;
}
.shopping-cart-page .cart-item-brand {
  color: var(--theme-text-muted);
  font-size: 0.65rem;
}
.shopping-cart-page .cart-item-name {
  margin-top: 0.2rem;
  color: var(--theme-default-text-color);
  font-size: 0.8rem;
  font-weight: 600;
}
.shopping-cart-page .cart-item-name:hover {
  color: rgb(var(--theme-secondary-rgb));
}
.shopping-cart-page .cart-item-variant {
  margin-top: 0.3rem;
  color: var(--theme-text-muted);
  font-size: 0.65rem;
  line-height: 1.45;
  overflow-wrap: anywhere;
}
.shopping-cart-page .cart-item-variant i {
  display: inline-block;
  width: 0.18rem;
  height: 0.18rem;
  margin: 0 0.25rem 0.1rem;
  border-radius: 50%;
  background: var(--theme-text-muted);
}
.shopping-cart-page .cart-stock-state {
  margin-top: 0.4rem;
  color: var(--success);
  font-size: 0.64rem;
}
.shopping-cart-page .cart-stock-state i {
  margin-right: 0.25rem;
}
.shopping-cart-page .cart-stock-state.is-limited {
  color: var(--warning);
}
.shopping-cart-page .cart-item-price,
.shopping-cart-page .cart-item-total {
  white-space: nowrap;
}
.shopping-cart-page .cart-item-price > span,
.shopping-cart-page .cart-item-total > span {
  color: var(--theme-text-muted);
  font-size: 0.62rem;
}
.shopping-cart-page .cart-item-price strong,
.shopping-cart-page .cart-item-total strong {
  color: var(--theme-default-text-color);
  font-size: 0.76rem;
  font-weight: 600;
  white-space: nowrap;
}
.shopping-cart-page .cart-quantity {
  display: inline-flex;
  align-items: center;
  overflow: hidden;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.55rem;
  background: var(--theme-custom-white);
}
.shopping-cart-page .cart-qty-button {
  display: grid;
  width: 1.9rem;
  height: 2rem;
  place-items: center;
  border: 0;
  color: var(--theme-text-muted);
  background: transparent;
}
.shopping-cart-page .cart-qty-button:hover {
  color: rgb(var(--theme-secondary-rgb));
  background: rgba(var(--theme-primary-rgb), 0.07);
}
.shopping-cart-page .cart-qty-input {
  width: 2.3rem;
  height: 2rem;
  padding: 0;
  border: 0;
  border-inline: 1px solid var(--theme-default-border);
  border-radius: 0;
  color: var(--theme-default-text-color);
  background: transparent;
  text-align: center;
  font-size: 0.72rem;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.shopping-cart-page .cart-qty-input::-webkit-inner-spin-button,
.shopping-cart-page .cart-qty-input::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
  appearance: none;
}
.shopping-cart-page .cart-item-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.35rem;
}
.shopping-cart-page .cart-save-button,
.shopping-cart-page .cart-remove-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  padding: 0.35rem;
  border: 0;
  color: var(--theme-text-muted);
  background: transparent;
  font-size: 0.67rem;
}
.shopping-cart-page .cart-save-button:hover {
  color: rgb(var(--theme-secondary-rgb));
}
.shopping-cart-page .cart-remove-button:hover {
  color: var(--danger);
}
.shopping-cart-page .cart-remove-button {
  width: 1.9rem;
  height: 1.9rem;
  border-radius: 0.45rem;
  font-size: 0.9rem;
}
.shopping-cart-page .cart-empty-state {
  padding: 3rem 1rem;
  text-align: center;
}
.shopping-cart-page .cart-empty-state > span {
  display: grid;
  width: 3.5rem;
  height: 3.5rem;
  margin: 0 auto 1rem;
  place-items: center;
  border-radius: 50%;
  color: var(--theme-text-muted);
  background: rgb(var(--theme-light-rgb));
  font-size: 1.4rem;
}
.shopping-cart-page .cart-empty-state h3 {
  font-size: 1rem;
  font-weight: 600;
}
.shopping-cart-page .cart-empty-state p {
  color: var(--theme-text-muted);
  font-size: 0.75rem;
}
.shopping-cart-page .cart-saved-card {
  margin-top: 1rem;
}
.shopping-cart-page .cart-saved-list {
  padding: 0;
}
.shopping-cart-page .cart-item.is-saved .cart-stock-state,
.shopping-cart-page .cart-item.is-saved .cart-item-price,
.shopping-cart-page .cart-item.is-saved .cart-quantity,
.shopping-cart-page .cart-item.is-saved .cart-item-total {
  display: none;
}
.shopping-cart-page .cart-item.is-saved {
  color: var(--theme-text-muted);
}
.shopping-cart-page .cart-item.is-saved > td:nth-child(3),
.shopping-cart-page .cart-item.is-saved > td:nth-child(4),
.shopping-cart-page .cart-item.is-saved > td:nth-child(5) {
  display: none;
}
.shopping-cart-page .cart-item.is-saved .cart-save-button {
  color: rgb(var(--theme-secondary-rgb));
}
.shopping-cart-page .cart-assurance-strip {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1.25rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.8rem;
  background: var(--theme-custom-white);
}
.shopping-cart-page .cart-assurance-strip > span {
  display: grid;
  grid-template-columns: 1.6rem 1fr;
  align-items: center;
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
}
.shopping-cart-page .cart-assurance-strip i {
  grid-row: span 2;
  color: rgb(var(--theme-secondary-rgb));
  font-size: 1.05rem;
}
.shopping-cart-page .cart-assurance-strip strong {
  font-size: 0.68rem;
  font-weight: 600;
}
.shopping-cart-page .cart-assurance-strip small {
  color: var(--theme-text-muted);
  font-size: 0.6rem;
}
.shopping-cart-page .cart-summary-card {
  position: sticky;
  top: 1rem;
}
.shopping-cart-page .cart-coupon-form {
  padding-bottom: 1.1rem;
  border-bottom: 1px solid var(--theme-default-border);
}
.shopping-cart-page .cart-coupon-form .form-label {
  font-size: 0.7rem;
  font-weight: 600;
}
.shopping-cart-page .cart-coupon-form .form-control {
  min-height: 2.55rem;
  font-size: 0.74rem;
}
.shopping-cart-page .cart-coupon-form .btn {
  padding-inline: 0.9rem;
  font-size: 0.72rem;
}
.shopping-cart-page .cart-coupon-form > small {
  display: block;
  margin-top: 0.45rem;
  color: var(--theme-text-muted);
  font-size: 0.65rem;
}
.shopping-cart-page .cart-coupon-form > small.is-success {
  color: var(--success);
}
.shopping-cart-page .cart-coupon-form > small.is-error {
  color: var(--danger);
}
.shopping-cart-page .cart-summary-lines {
  display: grid;
  gap: 0.85rem;
  padding: 1.1rem 0;
}
.shopping-cart-page .cart-summary-lines > div,
.shopping-cart-page .cart-summary-grand-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  font-size: 0.73rem;
}
.shopping-cart-page .cart-summary-lines > div > span {
  color: var(--theme-text-muted);
}
.shopping-cart-page .cart-summary-lines > div > strong {
  color: var(--theme-default-text-color);
  font-weight: 500;
}
.shopping-cart-page .cart-summary-grand-total {
  padding-top: 1rem;
  border-top: 1px solid var(--theme-default-border);
  color: var(--theme-default-text-color);
  font-size: 0.84rem;
  font-weight: 600;
}
.shopping-cart-page .cart-summary-grand-total strong {
  font-size: 1.2rem;
  font-weight: 700;
}
.shopping-cart-page .cart-continue-link {
  display: block;
  margin-top: 0.85rem;
  color: var(--theme-text-muted);
  text-align: center;
  font-size: 0.7rem;
}
.shopping-cart-page .cart-continue-link:hover {
  color: rgb(var(--theme-secondary-rgb));
}
.shopping-cart-page .cart-payment-methods {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1.1rem;
  padding-top: 0.9rem;
  border-top: 1px solid var(--theme-default-border);
}
.shopping-cart-page .cart-payment-methods > span {
  margin-right: auto;
  color: var(--theme-text-muted);
  font-size: 0.64rem;
}
.shopping-cart-page .cart-payment-methods b {
  padding: 0.25rem 0.4rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.3rem;
  color: var(--theme-text-muted);
  font-size: 0.55rem;
  font-weight: 700;
}
@media (max-width: 991.98px) {
  .shopping-cart-page .cart-summary-card {
    position: static;
  }
}
@media (max-width: 767.98px) {
  .shopping-cart-page .cart-item-image {
    width: 3.5rem;
    height: 3.5rem;
  }
  .shopping-cart-page .cart-item.is-saved .cart-remove-button {
    display: none;
  }
  .shopping-cart-page .cart-assurance-strip {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 575.98px) {
  .shopping-cart-page .cart-checkout-steps {
    justify-content: space-between;
    gap: 0.25rem;
    padding: 0.8rem 0.5rem;
  }
  .shopping-cart-page .cart-checkout-steps > span {
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.58rem;
  }
  .shopping-cart-page .cart-checkout-steps > i {
    font-size: 0.8rem;
  }
}
.badge.custom-badge-3 {
  position: absolute;
  inset-inline-end: 1.25rem;
  top: 1.25rem;
}
.all-0 {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  cursor: pointer;
}
.checkout-address-card {
  border: 1px solid var(--theme-default-border);
  box-shadow: none;
}
.checkout-address-card .avatar.avatar-md {
  border: 1px solid var(--theme-default-border);
  background-color: rgb(var(--theme-light-rgb));
  color: var(--theme-default-text-color);
}
.checkout-address-card:has(.form-check-input:checked) {
  border-color: rgba(var(--theme-primary-rgb), 0.5);
  background-color: rgba(var(--theme-primary-rgb), 0.05);
  border-style: dashed;
}
.checkout-address-card:has(.form-check-input:checked) .avatar.avatar-md {
  border: 1px solid rgba(var(--theme-primary-rgb), 0.5);
  background-color: rgba(var(--theme-primary-rgb), 0.05);
  color: var(--theme-primary-color);
}
.checkout-address-card:has(.form-check-input:checked) .checkout-address-card-avatar {
  color: var(--theme-primary-color);
}
.checkout-address-card:has(.form-check-input:checked) .checkout-address-card-avatar .avatar {
  border-color: var(--theme-primary-color);
}
.checkout-address-card .checkout-address-card-avatar .avatar {
  border: 1px solid var(--theme-default-border);
}
.checkout-address-card:not(:has(.form-check-input:checked)):hover {
  box-shadow: 0px 0.125rem 0.25rem rgba(0, 0, 0, 0.05);
}
.custom-nav-tabs-2 {
  border-bottom: none;
}
.custom-nav-tabs-2 .nav-item {
  flex: 1 1 48%;
}
.custom-nav-tabs-2 .nav-link {
  margin-bottom: unset;
  color: var(--theme-text-muted);
  border-color: var(--theme-default-border);
  border-radius: 0.275rem;
  border-style: dashed;
  cursor: pointer;
}
.custom-nav-tabs-2 .nav-link:not(.active, :active):hover {
  color: var(--theme-primary-color);
  border-color: var(--theme-default-border);
}
.custom-nav-tabs-2 .nav-link.active,
.custom-nav-tabs-2 .nav-link:active {
  color: var(--theme-primary-color);
  border-color: var(--theme-primary-color);
  background-color: rgba(var(--theme-primary-rgb), 0.05);
}
#customers-list .gridjs.gridjs-container {
  padding: 0;
}
#customers-list .gridjs.gridjs-container tr.gridjs-tr th,
#customers-list .gridjs.gridjs-container tr.gridjs-tr td {
  border-left-width: 0 !important;
  border-right-width: 0 !important;
  border-top: 0px !important;
}
#customers-list .gridjs-footer {
  padding: 0.75rem 1rem !important;
}
#orders-table .gridjs.gridjs-container {
  padding: 0;
}
#orders-table .gridjs.gridjs-container tr.gridjs-tr th,
#orders-table .gridjs.gridjs-container tr.gridjs-tr td {
  border-left-width: 0 !important;
  border-right-width: 0 !important;
}
#orders-table .gridjs-footer {
  padding: 0.75rem 1rem !important;
}
ul.order-address-list {
  margin-block-end: 0;
}
ul.order-address-list li {
  margin-block-end: 0.25rem;
}
ul.order-address-list li:last-child {
  margin-block-end: 0;
}
ul.order-activity-list {
  margin-block-end: 0;
}
ul.order-activity-list li {
  position: relative;
  margin-block-end: 1.82rem;
  padding-inline-start: 2rem;
}
ul.order-activity-list li:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--theme-primary-color);
  inset-inline-start: 0;
  inset-block-start: 6px;
  box-shadow: 0px 0px 0px 4px rgba(var(--theme-primary-rgb), 0.2);
}
ul.order-activity-list li:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  inset-block-start: 24px;
  inset-inline-start: 4px;
  border-inline-end: 2px dashed var(--theme-default-border);
}
ul.order-activity-list li.pending:before {
  background-color: var(--theme-gray-6);
  box-shadow: none;
}
ul.order-activity-list li:last-child {
  margin-block-end: 0;
}
ul.order-activity-list li:last-child:after {
  display: none;
}
.add-product-workspace .add-product-progress-card {
  border-inline-start: 3px solid rgb(var(--theme-secondary-rgb));
}
.add-product-workspace .add-product-progress-layout {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  flex-wrap: wrap;
}
.add-product-workspace .add-product-progress-intro {
  display: flex;
  align-items: center;
  gap: 0.9rem;
  min-width: min(100%, 19rem);
}
.add-product-workspace .add-product-progress-intro .avatar {
  flex: 0 0 auto;
  width: 2.75rem;
  height: 2.75rem;
}
.add-product-workspace .add-product-progress-intro > div {
  display: grid;
  gap: 0.2rem;
}
.add-product-workspace .add-product-eyebrow {
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.08em;
}
.add-product-workspace .add-product-completion {
  width: min(100%, 19rem);
  display: grid;
  gap: 0.5rem;
}
.add-product-workspace .add-product-completion-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.add-product-workspace .add-product-completion-heading span {
  color: var(--theme-text-muted);
  font-size: 0.72rem;
  font-weight: 600;
}
.add-product-workspace .add-product-completion-heading strong {
  color: var(--theme-default-text-color);
  font-size: 0.9rem;
}
.add-product-workspace .add-product-completion-note {
  display: flex;
  align-items: flex-start;
  gap: 0.35rem;
  color: var(--theme-text-muted);
  font-size: 0.65rem;
  line-height: 1.4;
}
.add-product-workspace .add-product-completion-note .ri-information-line {
  color: rgb(var(--theme-secondary-rgb));
  flex: 0 0 auto;
}
.add-product-workspace .add-product-completion .progress {
  margin: 0;
  height: 0.4rem;
  background: rgb(var(--theme-light-rgb));
}
.add-product-workspace .add-product-completion .progress-bar {
  background: var(--theme-primary-color);
}
.add-product-workspace .add-product-card-heading {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.add-product-workspace .add-product-card-heading .avatar {
  flex: 0 0 auto;
}
.add-product-workspace .form-text {
  font-size: 0.7rem;
}
.add-product-workspace .add-product-editor {
  min-height: 12rem;
  border-radius: 0 0 0.5rem 0.5rem;
  background: var(--theme-custom-white);
}
.add-product-workspace .add-product-editor .ql-editor {
  min-height: 8rem;
  color: var(--theme-default-text-color);
}
.add-product-workspace .add-product-editor .ql-toolbar,
.add-product-workspace .add-product-editor .ql-container {
  border-color: var(--theme-default-border);
}
.add-product-workspace .add-product-submit-bar {
  padding: 1rem 1.25rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.5rem;
  background: var(--theme-custom-white);
  box-shadow: 0 0.25rem 1rem rgba(25, 35, 45, 0.04);
}
.add-product-workspace .choices {
  margin-bottom: 0;
}
.add-product-workspace .filepond--root {
  margin-bottom: 0;
}
@media (max-width: 991.98px) {
  .add-product-workspace .add-product-completion {
    width: 100%;
  }
}
@media (max-width: 575.98px) {
  .add-product-workspace .add-product-submit-bar {
    align-items: stretch !important;
  }
  .add-product-workspace .add-product-submit-bar > div {
    width: 100%;
  }
  .add-product-workspace .add-product-submit-bar .btn {
    flex: 1;
  }
}
.add-products .tab-style-2 .nav-item .nav-link {
  padding: 0.85rem 2rem;
}
.color-selection .choices__input {
  width: 6.25rem;
}
.product-image-default {
  width: 100%;
  height: 16.25rem;
}
.productupload-image-container .filepond--root[data-style-panel-layout~=circle],
.productupload-image-container1 .filepond--root[data-style-panel-layout~=circle],
.productupload-image-container2 .filepond--root[data-style-panel-layout~=circle] {
  border-radius: 0.35rem;
  width: 100%;
}
.productupload-image-container .filepond--drop-label.filepond--drop-label label,
.productupload-image-container1 .filepond--drop-label.filepond--drop-label label,
.productupload-image-container2 .filepond--drop-label.filepond--drop-label label {
  padding: 2em;
}
.productupload-image-container .filepond--drop-label,
.productupload-image-container1 .filepond--drop-label,
.productupload-image-container2 .filepond--drop-label {
  color: var(--theme-text-muted) !important;
}
.productupload-image-container .filepond--panel-root,
.productupload-image-container1 .filepond--panel-root,
.productupload-image-container2 .filepond--panel-root {
  border: 0.125rem dashed var(--theme-input-border) !important;
}
.productupload-image-container .filepond--root[data-style-panel-layout~=circle] .filepond--image-preview-wrapper,
.productupload-image-container1 .filepond--root[data-style-panel-layout~=circle] .filepond--image-preview-wrapper,
.productupload-image-container2 .filepond--root[data-style-panel-layout~=circle] .filepond--image-preview-wrapper {
  border-radius: 0.3rem;
}
.productupload-image-container .filepond--root[data-style-panel-layout~=circle] {
  height: 16.25rem !important;
}
.productupload-image-container .filepond--drop-label label {
  font-size: 0.75rem;
}
.productupload-image-container .filepond--root[data-style-panel-layout~=circle] .filepond--image-preview-wrapper,
.productupload-image-container .filepond--file {
  height: 16.25rem;
}
.productupload-image-container1 .filepond--root[data-style-panel-layout~=circle],
.productupload-image-container2 .filepond--root[data-style-panel-layout~=circle] {
  height: 7.375rem !important;
}
.productupload-image-container1 .filepond--drop-label label,
.productupload-image-container2 .filepond--drop-label label {
  font-size: 0.75rem;
}
.productupload-image-container1 .filepond--root[data-style-panel-layout~=circle] .filepond--image-preview-wrapper,
.productupload-image-container1 .filepond--file,
.productupload-image-container2 .filepond--root[data-style-panel-layout~=circle] .filepond--image-preview-wrapper,
.productupload-image-container2 .filepond--file {
  height: 7.375rem !important;
}
.productupload-image-container1 .filepond--file [data-align*=bottom],
.productupload-image-container2 .filepond--file [data-align*=bottom] {
  bottom: 9.125em;
}
.product-img-icon {
  font-size: 1.625rem !important;
  opacity: 0.5;
}
.product-documents-container .filepond--root {
  width: 100%;
}
.product-documents-container .filepond--panel-root {
  border-color: var(--theme-input-border) !important;
  border-radius: 0.35rem;
}
.product-documents-container .filepond--root .filepond--drop-label label {
  color: var(--theme-text-muted);
}
#product-features {
  max-height: 12.5rem;
  overflow-y: scroll;
}
.orders-management-page .orders-summary-card {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.orders-management-page .orders-summary-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 0.5rem 1.5rem rgba(16, 24, 40, 0.07);
}
.orders-management-page .orders-summary-icon {
  width: 2.6rem;
  height: 2.6rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.35rem;
  font-size: 1.25rem;
}
.orders-management-page .orders-fulfillment-card {
  background:
    linear-gradient(
      110deg,
      var(--theme-custom-white) 65%,
      rgba(var(--theme-primary-rgb), 0.035));
}
.orders-management-page .orders-fulfillment-card .card-body {
  padding: 1rem 1.25rem;
}
.orders-management-page .orders-pipeline {
  max-width: 42rem;
  min-width: 20rem;
}
.orders-management-page .orders-table-card {
  overflow: hidden;
}
.orders-management-page .orders-table-card .card-header {
  padding: 1.25rem;
}
.orders-management-page .orders-table-card .card-footer {
  border-top: 1px solid var(--theme-default-border);
  padding: 0.85rem 1.25rem;
}
.orders-management-page .orders-table-filters {
  flex: 1 1 35rem;
  justify-content: flex-end;
}
.orders-management-page .orders-search {
  position: relative;
  min-width: 16rem;
  flex: 1 1 17rem;
}
.orders-management-page .orders-search > i {
  position: absolute;
  inset-inline-start: 0.8rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--theme-text-muted);
  z-index: 1;
}
.orders-management-page .orders-search .form-control {
  padding-inline-start: 2.25rem;
}
.orders-management-page .orders-table-filters .choices {
  min-width: 10.5rem;
  margin-bottom: 0;
}
.orders-management-page #orders-table .gridjs-wrapper {
  border: 0;
  box-shadow: none;
  overflow-x: auto;
}
.orders-management-page #orders-table .gridjs-table {
  min-width: 66rem;
  border-collapse: separate;
  border-spacing: 0;
}
.orders-management-page #orders-table .gridjs-container {
  color: var(--theme-default-text-color);
}
.orders-management-page #orders-table .gridjs-th {
  background: var(--light);
  color: var(--theme-text-muted);
  font-size: 0.66rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.045em;
  white-space: nowrap;
}
.orders-management-page #orders-table .gridjs-th {
  border-color: var(--theme-default-border);
}
.orders-management-page #orders-table .gridjs-td,
.orders-management-page #orders-table .gridjs-th {
  padding: 0.8rem 0.75rem;
  vertical-align: middle;
}
.orders-management-page #orders-table .gridjs-td {
  border-color: var(--theme-default-border);
}
.orders-management-page #orders-table .gridjs-tr {
  transition: background-color 0.16s ease;
}
.orders-management-page #orders-table .gridjs-tbody .gridjs-tr:hover {
  background: rgba(var(--theme-primary-rgb), 0.025);
}
.orders-management-page #orders-table .gridjs-tbody .gridjs-tr:hover .orders-action-toggle {
  color: rgb(var(--theme-secondary-rgb));
  background: rgba(var(--theme-primary-rgb), 0.1);
}
.orders-management-page #orders-table .gridjs-th:first-child,
.orders-management-page #orders-table .gridjs-td:first-child {
  padding-inline: 1.1rem 0.35rem;
}
.orders-management-page #orders-table .gridjs-th:last-child,
.orders-management-page #orders-table .gridjs-td:last-child {
  padding-inline: 0.35rem 1rem;
}
.orders-management-page .orders-id-link {
  display: inline-flex;
  align-items: center;
  min-height: 1.65rem;
  padding: 0.2rem 0.45rem;
  border: 1px solid rgba(var(--theme-primary-rgb), 0.14);
  border-radius: 0.4rem;
  background: rgba(var(--theme-primary-rgb), 0.045);
  color: var(--theme-primary-color);
  font-size: 0.78rem;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}
.orders-management-page .orders-id-link:hover {
  border-color: rgba(var(--theme-primary-rgb), 0.32);
  background: rgba(var(--theme-primary-rgb), 0.09);
}
.orders-management-page .orders-cell-meta {
  display: block;
  margin-top: 0.3rem;
  color: var(--theme-text-muted);
  font-size: 0.68rem;
  white-space: nowrap;
}
.orders-management-page .orders-item-cell,
.orders-management-page .orders-customer-cell {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  min-width: 0;
}
.orders-management-page .orders-item-thumb {
  display: grid;
  width: 2.5rem;
  height: 2.5rem;
  flex: 0 0 auto;
  place-items: center;
  overflow: hidden;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.65rem;
  background: rgb(var(--theme-light-rgb));
}
.orders-management-page .orders-item-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.orders-management-page .orders-item-copy,
.orders-management-page .orders-customer-copy {
  display: block;
  min-width: 0;
}
.orders-management-page .orders-item-copy strong,
.orders-management-page .orders-customer-copy strong {
  display: block;
  overflow: hidden;
  color: var(--theme-default-text-color);
  font-size: 0.75rem;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.orders-management-page .orders-item-copy small,
.orders-management-page .orders-customer-copy small {
  display: block;
  overflow: hidden;
  color: var(--theme-text-muted);
  font-size: 0.67rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.orders-management-page .orders-customer-cell .avatar {
  flex: 0 0 auto;
}
.orders-management-page .orders-customer-cell .avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.orders-management-page .orders-total {
  color: var(--theme-default-text-color);
  font-size: 0.8rem;
  font-weight: 700;
  white-space: nowrap;
}
.orders-management-page .orders-payment-cell {
  display: grid;
  gap: 0.25rem;
}
.orders-management-page .orders-payment-state {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.7rem;
  font-weight: 600;
  white-space: nowrap;
}
.orders-management-page .orders-payment-state i {
  font-size: 0.42rem;
}
.orders-management-page .orders-payment-state.is-completed {
  color: var(--success);
}
.orders-management-page .orders-payment-state.is-pending {
  color: var(--warning);
}
.orders-management-page .orders-payment-state.is-failed,
.orders-management-page .orders-payment-state.is-cancelled {
  color: var(--danger);
}
.orders-management-page .orders-payment-state.is-refunded {
  color: var(--theme-text-muted);
}
.orders-management-page .orders-payment-cell small {
  color: var(--theme-text-muted);
  font-size: 0.66rem;
  white-space: nowrap;
}
.orders-management-page .orders-action-toggle {
  border: 1px solid var(--theme-default-border);
}
.orders-management-page #orders-table .gridjs-footer {
  border: 0;
  box-shadow: none;
  padding: 1rem 1.25rem;
}
@media (max-width: 767.98px) {
  .orders-management-page .orders-pipeline {
    min-width: 100%;
    order: 3;
  }
  .orders-management-page .orders-table-filters {
    flex-basis: 100%;
    justify-content: stretch;
  }
  .orders-management-page .orders-search {
    min-width: 100%;
  }
  .orders-management-page .orders-table-filters .choices {
    flex: 1 1 10rem;
  }
}
.order-detail-page .order-back-link {
  color: var(--theme-text-muted);
  font-size: 0.78rem;
  font-weight: 500;
}
.order-detail-page .order-detail-status {
  display: inline-flex;
  align-items: center;
  padding: 0.32rem 0.65rem;
  border-radius: 2rem;
  color: #0878a9;
  background: rgba(56, 167, 220, 0.13);
  font-size: 0.7rem;
  font-weight: 600;
}
.order-detail-page .order-detail-metric-icon {
  display: inline-grid;
  width: 2.6rem;
  height: 2.6rem;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 0.5rem;
  font-size: 1.2rem;
}
.order-detail-page .order-detail-metrics .card-body {
  min-height: 5rem;
}
.order-detail-page .order-items-card {
  overflow: hidden;
}
.order-detail-page .order-items-card .card-header,
.order-detail-page .order-timeline-card .card-header,
.order-detail-page .order-customer-card .card-header,
.order-detail-page .order-address-card .card-header,
.order-detail-page .order-payment-card .card-header {
  padding: 1.1rem 1.25rem;
}
.order-detail-page .order-items-table thead th {
  padding: 0.75rem 1rem;
  border-bottom-color: var(--theme-default-border);
  background: rgb(var(--theme-light-rgb));
  color: var(--theme-text-muted);
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.order-detail-page .order-items-table tbody td {
  padding: 0.9rem 1rem;
  border-color: var(--theme-default-border);
  font-size: 0.78rem;
}
.order-detail-page .order-product-cell {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  min-width: 16rem;
}
.order-detail-page .order-product-image {
  display: grid;
  width: 3.75rem;
  height: 3.75rem;
  flex: 0 0 auto;
  place-items: center;
  overflow: hidden;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.8rem;
  background: rgb(var(--theme-light-rgb));
}
.order-detail-page .order-product-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.order-detail-page .order-product-cell strong,
.order-detail-page .order-product-cell small {
  display: block;
}
.order-detail-page .order-product-cell strong {
  color: var(--theme-default-text-color);
  font-size: 0.78rem;
  font-weight: 600;
}
.order-detail-page .order-product-cell small {
  margin-top: 0.3rem;
  color: var(--theme-text-muted);
  font-size: 0.68rem;
}
.order-detail-page .order-product-cell small span {
  padding-inline: 0.15rem;
}
.order-detail-page .order-sku {
  color: var(--theme-text-muted);
  font-size: 0.72rem;
}
.order-detail-page .order-cost-summary {
  width: min(100%, 21rem);
  display: grid;
  gap: 0.7rem;
}
.order-detail-page .order-cost-summary > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  color: var(--theme-text-muted);
  font-size: 0.78rem;
}
.order-detail-page .order-cost-summary strong {
  color: var(--theme-default-text-color);
  font-weight: 500;
}
.order-detail-page .order-cost-summary .order-grand-total {
  margin-top: 0.2rem;
  padding-top: 0.85rem;
  border-top: 1px solid var(--theme-default-border);
  color: var(--theme-default-text-color);
  font-size: 0.85rem;
  font-weight: 600;
}
.order-detail-page .order-cost-summary .order-grand-total strong {
  font-size: 1.05rem;
  font-weight: 700;
}
.order-detail-page .order-timeline-card {
  margin-top: 1rem;
}
.order-detail-page .order-detail-timeline {
  list-style: none;
  margin: 0;
  padding: 0.1rem 0;
}
.order-detail-page .order-detail-timeline li {
  position: relative;
  display: flex;
  gap: 0.85rem;
  min-height: 5.1rem;
  padding-bottom: 1.15rem;
}
.order-detail-page .order-detail-timeline li:last-child {
  min-height: 0;
  padding-bottom: 0;
}
.order-detail-page .order-detail-timeline li:not(:last-child)::before {
  position: absolute;
  top: 2rem;
  bottom: -0.05rem;
  left: 0.95rem;
  width: 1px;
  background: var(--theme-default-border);
  content: "";
}
.order-detail-page .order-timeline-icon {
  z-index: 1;
  display: grid;
  width: 2rem;
  height: 2rem;
  flex: 0 0 auto;
  place-items: center;
  border: 1px solid var(--theme-default-border);
  border-radius: 50%;
  color: var(--theme-text-muted);
  background: var(--theme-custom-white);
  font-size: 0.9rem;
}
.order-detail-page .order-detail-timeline .is-complete .order-timeline-icon {
  border-color: rgba(var(--theme-success-rgb), 0.5);
  background: rgba(var(--theme-success-rgb), 0.1);
}
.order-detail-page .order-detail-timeline .is-current .order-timeline-icon {
  border-color: rgba(var(--theme-secondary-rgb), 0.5);
  color: rgba(var(--theme-secondary-rgb), 1);
  background: rgba(var(--theme-secondary-rgb), 0.1);
  box-shadow: 0 0 0 0.2rem rgba(var(--theme-secondary-rgb), 0.05);
}
.order-detail-page .order-detail-timeline li > div {
  padding-top: 0.1rem;
}
.order-detail-page .order-detail-timeline strong {
  color: var(--theme-default-text-color);
  font-size: 0.78rem;
  font-weight: 600;
}
.order-detail-page .order-detail-timeline p {
  margin: 0.2rem 0;
  color: var(--theme-text-muted);
  font-size: 0.72rem;
}
.order-detail-page .order-detail-timeline time {
  color: var(--theme-text-muted);
  font-size: 0.67rem;
}
.order-detail-page .order-customer-profile {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--theme-default-border);
}
.order-detail-page .order-customer-profile strong,
.order-detail-page .order-customer-profile span:not(.avatar) {
  display: block;
}
.order-detail-page .order-customer-profile strong {
  font-size: 0.82rem;
}
.order-detail-page .order-customer-profile div span {
  margin-top: 0.25rem;
  color: var(--theme-text-muted);
  font-size: 0.7rem;
}
.order-detail-page .order-contact-list {
  display: grid;
  gap: 0.75rem;
  padding-top: 1rem;
}
.order-detail-page .order-contact-list a {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  color: var(--theme-default-text-color);
  font-size: 0.73rem;
}
.order-detail-page .order-contact-list i {
  color: var(--theme-text-muted);
  font-size: 0.95rem;
}
.order-detail-page .order-address-card,
.order-detail-page .order-payment-card {
  margin-top: 1rem;
}
.order-detail-page .order-address-card address {
  margin: 0.35rem 0 0.85rem;
  color: var(--theme-text-muted);
  font-size: 0.75rem;
  line-height: 1.8;
}
.order-detail-page .order-address-card .card-body > strong {
  font-size: 0.78rem;
}
.order-detail-page .order-payment-brand {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--theme-default-border);
}
.order-detail-page .order-payment-card-icon {
  display: grid;
  width: 2.5rem;
  height: 2.5rem;
  place-items: center;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.65rem;
  color: rgb(var(--theme-secondary-rgb));
  background: rgb(var(--theme-light-rgb));
  font-size: 1.1rem;
}
.order-detail-page .order-payment-brand strong,
.order-detail-page .order-payment-brand small {
  display: block;
}
.order-detail-page .order-payment-brand strong {
  font-size: 0.75rem;
}
.order-detail-page .order-payment-brand small {
  margin-top: 0.2rem;
  color: var(--theme-text-muted);
  font-size: 0.68rem;
}
.order-detail-page .order-payment-list {
  display: grid;
  gap: 0.75rem;
  margin: 1rem 0 0;
}
.order-detail-page .order-payment-list > div {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  font-size: 0.7rem;
}
.order-detail-page .order-payment-list dt {
  color: var(--theme-text-muted);
  font-weight: 400;
}
.order-detail-page .order-payment-list dd {
  margin: 0;
  color: var(--theme-default-text-color);
  text-align: right;
}
@media (max-width: 575.98px) {
  .order-detail-page .order-items-table thead th,
  .order-detail-page .order-items-table tbody td {
    padding-inline: 0.65rem;
  }
  .order-detail-page .order-product-cell {
    min-width: 13rem;
  }
}
.order-edit-page .order-edit-items-table thead th {
  padding: 0.75rem 1rem;
  border-bottom-color: var(--theme-default-border);
  background: rgb(var(--theme-light-rgb));
  color: var(--theme-text-muted);
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.035em;
  text-transform: uppercase;
}
.order-edit-page .order-edit-items-table tbody td {
  padding: 0.85rem 1rem;
  border-color: var(--theme-default-border);
  font-size: 0.78rem;
}
.order-edit-page .order-edit-product {
  display: flex;
  min-width: 15rem;
  align-items: center;
  gap: 0.75rem;
}
.order-edit-page .order-edit-product-image {
  display: grid;
  width: 3.25rem;
  height: 3.25rem;
  flex: 0 0 auto;
  place-items: center;
  overflow: hidden;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.7rem;
  background: rgb(var(--theme-light-rgb));
}
.order-edit-page .order-edit-product-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.order-edit-page .order-edit-product strong,
.order-edit-page .order-edit-product small {
  display: block;
}
.order-edit-page .order-edit-product strong {
  color: var(--theme-default-text-color);
  font-size: 0.76rem;
  font-weight: 600;
}
.order-edit-page .order-edit-product small {
  margin-top: 0.25rem;
  color: var(--theme-text-muted);
  font-size: 0.66rem;
}
.order-edit-page .order-edit-unit-price {
  color: var(--theme-default-text-color);
  white-space: nowrap;
}
.order-edit-page .order-qty-control {
  display: inline-flex;
  align-items: center;
  overflow: hidden;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.35rem;
  background: var(--theme-custom-white);
}
.order-edit-page .order-qty-control button {
  display: grid;
  width: 1.9rem;
  height: 2rem;
  place-items: center;
  border: 0;
  color: var(--theme-text-muted);
  background: transparent;
}
.order-edit-page .order-qty-control button:hover {
  color: rgb(var(--theme-secondary-rgb));
  background: rgba(var(--theme-primary-rgb), 0.07);
}
.order-edit-page .order-qty-control input {
  width: 2.5rem;
  height: 2rem;
  padding: 0;
  border: 0;
  border-inline: 1px solid var(--theme-default-border);
  border-radius: 0;
  color: var(--theme-default-text-color);
  background: transparent;
  text-align: center;
  font-size: 0.75rem;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.order-edit-page .order-qty-control input::-webkit-inner-spin-button,
.order-edit-page .order-qty-control input::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
  appearance: none;
}
.order-edit-page .order-edit-note {
  color: var(--theme-text-muted);
  background: rgba(var(--theme-primary-rgb), 0.025);
  font-size: 0.7rem;
}
.order-edit-page .order-edit-note i {
  color: rgb(var(--theme-secondary-rgb));
}
.order-edit-page .form-label {
  margin-bottom: 0.4rem;
  font-size: 0.72rem;
  font-weight: 600;
}
.order-edit-page .order-status-card .form-label {
  color: var(--theme-text-muted);
}
.order-edit-page .order-edit-order-meta {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0.65rem;
  padding-top: 0.9rem;
  border-top: 1px solid var(--theme-default-border);
  font-size: 0.7rem;
}
.order-edit-page .order-edit-order-meta span {
  color: var(--theme-text-muted);
}
.order-edit-page .order-edit-order-meta strong {
  text-align: right;
  font-weight: 600;
}
.order-edit-page .order-summary-line,
.order-edit-page .order-summary-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.5rem 0;
  font-size: 0.75rem;
}
.order-edit-page .order-summary-line span {
  color: var(--theme-text-muted);
}
.order-edit-page .order-summary-line strong {
  color: var(--theme-default-text-color);
  font-weight: 500;
}
.order-edit-page .order-summary-total {
  margin-top: 0.5rem;
  padding-top: 0.9rem;
  border-top: 1px solid var(--theme-default-border);
  color: var(--theme-default-text-color);
  font-size: 0.82rem;
  font-weight: 600;
}
.order-edit-page .order-summary-total strong {
  font-size: 1.1rem;
  font-weight: 700;
}
.order-edit-page .order-edit-feedback {
  color: rgb(var(--theme-success-rgb));
  font-size: 0.7rem;
}
.order-edit-page .order-edit-help {
  display: flex;
  gap: 0.75rem;
  padding: 1rem;
  border: 1px solid rgba(var(--theme-success-rgb), 0.3);
  border-radius: 0.8rem;
  background: rgba(var(--theme-success-rgb), 0.1);
}
.order-edit-page .order-edit-help-icon {
  color: rgba(var(--theme-success-rgb));
  font-size: 1.2rem;
}
.order-edit-page .order-edit-help strong {
  font-size: 0.74rem;
}
.order-edit-page .order-edit-help p {
  margin: 0.25rem 0 0;
  color: var(--theme-text-muted);
  font-size: 0.68rem;
  line-height: 1.55;
}
@media (max-width: 575.98px) {
  .order-edit-page .order-edit-items-table thead th,
  .order-edit-page .order-edit-items-table tbody td {
    padding-inline: 0.6rem;
  }
  .order-edit-page .order-edit-product {
    min-width: 13rem;
  }
}
.customers-management-page .customer-metric-card {
  height: 100%;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.65rem;
}
.customers-management-page .customer-metric-card .card-body {
  display: flex;
  align-items: flex-start;
  gap: 0.8rem;
  padding: 1rem 1.1rem;
}
.customers-management-page .customer-metric-icon {
  display: grid;
  width: 2.6rem;
  height: 2.6rem;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 0.35rem;
  font-size: 1.15rem;
}
.customers-management-page .customer-metric-copy {
  min-width: 0;
  display: grid;
  gap: 0.12rem;
}
.customers-management-page .customer-metric-copy > span {
  color: var(--theme-text-muted);
  font-size: 0.7rem;
}
.customers-management-page .customer-metric-copy strong {
  color: var(--theme-default-text-color);
  font-size: 1.35rem;
  font-weight: 700;
  line-height: 1.25;
}
.customers-management-page .customer-metric-copy small {
  color: var(--theme-text-muted);
  font-size: 0.64rem;
}
.customers-management-page .customer-directory-card {
  overflow: hidden;
}
.customers-management-page .customer-directory-card .card-header {
  padding: 1.2rem 1.25rem;
}
.customers-management-page .customer-directory-card .card-footer {
  border-top: 1px solid var(--theme-default-border);
  padding: 0.8rem 1.25rem;
}
.customers-management-page .customer-directory-toolbar {
  display: flex;
  flex: 1 1 38rem;
  align-items: center;
  justify-content: flex-end;
  gap: 0.65rem;
}
.customers-management-page .customer-directory-controls {
  display: flex;
  flex: 1 1 24rem;
  align-items: center;
  justify-content: flex-end;
  gap: 0.6rem;
}
.customers-management-page .customer-directory-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: 0 0 auto;
}
.customers-management-page .customer-search {
  position: relative;
  min-width: 15rem;
  flex: 1 1 18rem;
}
.customers-management-page .customer-search > i {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0.8rem;
  color: var(--theme-text-muted);
  transform: translateY(-50%);
}
.customers-management-page .customer-search .form-control {
  padding-inline-start: 2.25rem;
}
.customers-management-page .customer-directory-controls .form-select {
  width: auto;
  min-width: 11rem;
  font-size: 0.75rem;
}
.customers-management-page #customers-list .gridjs-wrapper {
  border: 0;
  box-shadow: none;
  overflow-x: auto;
}
.customers-management-page #customers-list .gridjs-table {
  min-width: 65rem;
  border-collapse: separate;
  border-spacing: 0;
}
.customers-management-page #customers-list .gridjs-container {
  color: var(--theme-default-text-color);
}
.customers-management-page #customers-list .gridjs-th {
  border-color: var(--theme-default-border);
  background: var(--light);
  color: var(--theme-text-muted);
  font-size: 0.67rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  white-space: nowrap;
}
.customers-management-page #customers-list .gridjs-td,
.customers-management-page #customers-list .gridjs-th {
  padding: 0.8rem 0.75rem;
  vertical-align: middle;
}
.customers-management-page #customers-list .gridjs-td {
  border-color: var(--theme-default-border);
}
.customers-management-page #customers-list .gridjs-tr {
  transition: background-color 0.16s ease;
}
.customers-management-page #customers-list .gridjs-tbody .gridjs-tr:hover {
  background: rgba(var(--theme-primary-rgb), 0.025);
}
.customers-management-page #customers-list .gridjs-footer {
  border: 0;
  box-shadow: none;
  padding: 0.9rem 1.2rem;
}
.customers-management-page .customer-profile-cell {
  display: flex;
  min-width: 14rem;
  align-items: center;
  gap: 0.7rem;
}
.customers-management-page .customer-profile-cell .avatar {
  flex: 0 0 auto;
}
.customers-management-page .customer-profile-cell .avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.customers-management-page .customer-profile-cell strong,
.customers-management-page .customer-profile-cell small {
  display: block;
}
.customers-management-page .customer-profile-cell strong {
  color: var(--theme-default-text-color);
  font-size: 0.75rem;
  font-weight: 600;
}
.customers-management-page .customer-profile-cell small {
  margin-top: 0.22rem;
  color: var(--theme-text-muted);
  font-size: 0.67rem;
}
.customers-management-page .customer-orders-count {
  color: var(--theme-default-text-color);
  font-size: 0.76rem;
  font-weight: 600;
}
.customers-management-page .customer-orders-count small {
  display: block;
  margin-top: 0.15rem;
  color: var(--theme-text-muted);
  font-size: 0.62rem;
  font-weight: 400;
}
.customers-management-page .customer-spend-value {
  color: var(--theme-default-text-color);
  font-size: 0.76rem;
  white-space: nowrap;
}
.customers-management-page .customer-action-toggle {
  border: 1px solid var(--theme-default-border);
}
.customers-management-page #addtask .modal-header,
.customers-management-page #addtask .modal-body,
.customers-management-page #addtask .modal-footer {
  padding-inline: 1.25rem;
}
.customers-management-page #addtask .form-label {
  margin-bottom: 0.4rem;
  font-size: 0.72rem;
  font-weight: 600;
}
.customers-management-page #addtask .form-control,
.customers-management-page #addtask .form-select {
  min-height: 2.6rem;
  font-size: 0.75rem;
}
@media (max-width: 767.98px) {
  .customers-management-page .customer-directory-toolbar {
    flex-basis: 100%;
    flex-wrap: wrap;
  }
  .customers-management-page .customer-directory-controls {
    flex-basis: 100%;
    flex-wrap: wrap;
  }
  .customers-management-page .customer-search {
    min-width: 100%;
  }
  .customers-management-page .customer-directory-controls .form-select {
    flex: 1 1 100%;
  }
  .customers-management-page .customer-directory-actions {
    width: 100%;
  }
  .customers-management-page .customer-directory-actions .btn {
    flex: 1;
  }
}
.checkout-page .checkout-form-card {
  margin-bottom: 1rem;
  overflow: hidden;
}
.checkout-page .checkout-form-card > .card-header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 1.25rem;
}
.checkout-page .checkout-form-card > .card-body {
  padding: 1.25rem;
}
.checkout-page .checkout-page .form-label {
  margin-bottom: 0.4rem;
  font-size: 0.7rem;
  font-weight: 600;
}
.checkout-page .checkout-page .form-control,
.checkout-page .checkout-page .form-select {
  min-height: 2.65rem;
  font-size: 0.75rem;
}
.checkout-page .checkout-page textarea.form-control {
  min-height: auto;
}
.checkout-page .checkout-delivery-options {
  display: grid;
  gap: 0.65rem;
}
.checkout-page .checkout-choice-card {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.85rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.75rem;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease;
}
.checkout-page .checkout-choice-card.is-selected {
  border-color: rgba(var(--theme-success-rgb), 0.55);
  background: rgba(var(--theme-success-rgb), 0.07);
}
.checkout-page .checkout-choice-card input,
.checkout-page .checkout-payment-option input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.checkout-page .checkout-choice-icon {
  display: grid;
  width: 2.35rem;
  height: 2.35rem;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 0.7rem;
  color: rgb(var(--theme-dark-rgb));
  background: rgba(var(--theme-dark-rgb), 0.05);
  font-size: 1.1rem;
}
.checkout-page .checkout-choice-copy {
  flex: 1;
}
.checkout-page .checkout-choice-copy strong,
.checkout-page .checkout-choice-copy small {
  display: block;
}
.checkout-page .checkout-choice-copy strong {
  color: var(--theme-default-text-color);
  font-size: 0.75rem;
  font-weight: 600;
}
.checkout-page .checkout-choice-copy small {
  margin-top: 0.2rem;
  color: var(--theme-text-muted);
  font-size: 0.66rem;
}
.checkout-page .checkout-choice-price {
  color: var(--theme-default-text-color);
  font-size: 0.72rem;
  font-weight: 600;
}
.checkout-page .checkout-lock-badge {
  margin-inline-start: auto;
  color: var(--success);
  font-size: 0.67rem;
  white-space: nowrap;
}
.checkout-page .checkout-payment-options {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.6rem;
  margin-bottom: 1.1rem;
}
.checkout-page .checkout-payment-option {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  padding: 0.55rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.5rem;
  color: var(--theme-text-muted);
  cursor: pointer;
  transition:
    border-color 0.15s ease,
    background 0.15s ease,
    color 0.15s ease;
}
.checkout-page .checkout-payment-option i {
  font-size: 1rem;
}
.checkout-page .checkout-payment-option.is-selected {
  border-color: rgba(var(--theme-success-rgb), 0.55);
  color: rgba(var(--theme-dark-rgb));
  background: rgba(var(--theme-success-rgb), 0.07);
}
.checkout-page .checkout-card-input {
  position: relative;
}
.checkout-page .checkout-card-input > i {
  position: absolute;
  top: 50%;
  left: 0.8rem;
  z-index: 1;
  color: var(--theme-text-muted);
  transform: translateY(-50%);
}
.checkout-page .checkout-card-input .form-control {
  padding-inline-start: 2.25rem;
}
.checkout-page .checkout-other-payment {
  padding: 0.85rem;
  border-radius: 0.65rem;
  color: var(--theme-text-muted);
  background: rgb(var(--theme-light-rgb));
  font-size: 0.72rem;
}
.checkout-page .checkout-summary-card {
  position: sticky;
  top: 1rem;
  overflow: hidden;
}
.checkout-page .checkout-summary-card > .card-header {
  justify-content: space-between;
  padding: 1.1rem 1.2rem;
}
.checkout-page .checkout-summary-card > .card-body {
  padding: 1.1rem 1.2rem;
}
.checkout-page .checkout-edit-cart {
  color: rgb(var(--theme-secondary-rgb));
  font-size: 0.7rem;
  font-weight: 600;
}
.checkout-page .checkout-product-list {
  display: grid;
  gap: 0.9rem;
  margin: 0;
  padding: 0 0 1rem;
  border-bottom: 1px solid var(--theme-default-border);
  list-style: none;
}
.checkout-page .checkout-product-list li {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  min-width: 0;
}
.checkout-page .checkout-product-image {
  display: grid;
  width: 3.2rem;
  height: 3.2rem;
  flex: 0 0 auto;
  place-items: center;
  overflow: hidden;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.6rem;
  background: rgb(var(--theme-light-rgb));
}
.checkout-page .checkout-product-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.checkout-page .checkout-product-info {
  min-width: 0;
  flex: 1;
}
.checkout-page .checkout-product-info strong,
.checkout-page .checkout-product-info small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.checkout-page .checkout-product-info strong {
  color: var(--theme-default-text-color);
  font-size: 0.68rem;
  font-weight: 600;
}
.checkout-page .checkout-product-info small {
  margin-top: 0.2rem;
  color: var(--theme-text-muted);
  font-size: 0.61rem;
}
.checkout-page .checkout-product-total {
  color: var(--theme-default-text-color);
  font-size: 0.7rem;
  white-space: nowrap;
}
.checkout-page .checkout-coupon {
  padding: 1rem 0;
  border-bottom: 1px solid var(--theme-default-border);
}
.checkout-page .checkout-coupon .form-label {
  font-size: 0.68rem;
  font-weight: 600;
}
.checkout-page .checkout-coupon .form-control {
  min-height: 2.45rem;
  font-size: 0.7rem;
}
.checkout-page .checkout-coupon .btn {
  font-size: 0.68rem;
}
.checkout-page .checkout-coupon > small {
  display: block;
  margin-top: 0.4rem;
  color: var(--theme-text-muted);
  font-size: 0.62rem;
}
.checkout-page .checkout-coupon > small.is-success {
  color: var(--success);
}
.checkout-page .checkout-coupon > small.is-error {
  color: var(--danger);
}
.checkout-page .checkout-summary-lines {
  display: grid;
  gap: 0.75rem;
  padding: 1rem 0;
}
.checkout-page .checkout-summary-lines > div,
.checkout-page .checkout-total-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  font-size: 0.72rem;
}
.checkout-page .checkout-summary-lines > div > span {
  color: var(--theme-text-muted);
}
.checkout-page .checkout-summary-lines > div > strong {
  color: var(--theme-default-text-color);
  font-weight: 500;
}
.checkout-page .checkout-total-line {
  padding-top: 0.9rem;
  border-top: 1px solid var(--theme-default-border);
  color: var(--theme-default-text-color);
  font-size: 0.82rem;
  font-weight: 600;
}
.checkout-page .checkout-total-line > strong {
  font-size: 1.15rem;
  font-weight: 700;
}
.checkout-page .checkout-place-order {
  font-size: 0.76rem;
}
.checkout-page .checkout-terms {
  margin: 0.75rem 0 0;
  color: var(--theme-text-muted);
  text-align: center;
  font-size: 0.61rem;
  line-height: 1.5;
}
.checkout-page .checkout-trust-note {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
  margin-top: 1rem;
  padding: 0.75rem;
  border-radius: 0.65rem;
  background: rgba(var(--theme-success-rgb), 0.2);
}
.checkout-page .checkout-trust-note > i {
  font-size: 1rem;
}
.checkout-page .checkout-trust-note strong,
.checkout-page .checkout-trust-note small {
  display: block;
}
.checkout-page .checkout-trust-note strong {
  font-size: 0.66rem;
}
.checkout-page .checkout-trust-note small {
  margin-top: 0.2rem;
  color: var(--theme-text-muted);
  font-size: 0.61rem;
  line-height: 1.45;
}
.checkout-page .checkout-confirmation {
  font-size: 0.75rem;
}
@media (max-width: 991.98px) {
  .checkout-page .checkout-summary-card {
    position: static;
  }
}
@media (max-width: 575.98px) {
  .checkout-page .checkout-progress {
    justify-content: space-between;
    gap: 0.2rem;
    padding: 0.75rem 0.45rem;
  }
  .checkout-page .checkout-progress > a,
  .checkout-page .checkout-progress > span {
    flex-direction: column;
    gap: 0.2rem;
    font-size: 0.57rem;
  }
  .checkout-page .checkout-progress > i {
    font-size: 0.75rem;
  }
  .checkout-page .checkout-payment-options {
    grid-template-columns: 1fr;
  }
  .checkout-page .checkout-form-card > .card-header {
    padding-inline: 1rem;
  }
  .checkout-page .checkout-form-card > .card-body {
    padding: 1rem;
  }
  .checkout-page .checkout-lock-badge {
    font-size: 0.59rem;
  }
}
.sellers-page .orders-summary-card {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.sellers-page .orders-summary-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 0.5rem 1.5rem rgba(16, 24, 40, 0.07);
}
.sellers-page .orders-summary-icon {
  display: inline-flex;
  width: 2.6rem;
  height: 2.6rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.35rem;
  font-size: 1.25rem;
}
.sellers-page .orders-summary-card h3 {
  color: var(--theme-default-text-color);
  font-size: 1.3rem;
  line-height: 1.25;
}
.sellers-page .orders-summary-card .badge {
  font-size: 0.62rem;
  font-weight: 600;
}
.sellers-page .seller-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
}
.sellers-page .seller-search {
  position: relative;
  min-width: 15rem;
}
.sellers-page .seller-controls .choices {
  margin-bottom: 0px;
}
.sellers-page .seller-search > i {
  position: absolute;
  top: 50%;
  left: 0.8rem;
  z-index: 1;
  color: var(--theme-text-muted);
  transform: translateY(-50%);
}
.sellers-page .seller-search .form-control {
  padding-left: 2.25rem;
}
.sellers-page .seller-controls .form-select {
  min-width: 10rem;
}
.sellers-page .seller-controls > .btn {
  white-space: nowrap;
}
.sellers-page .seller-table {
  min-width: 850px;
}
.sellers-page .seller-table thead th {
  padding: 0.8rem 1rem;
  border-bottom: 1px solid var(--theme-default-border);
  background: rgb(var(--theme-light-rgb));
  color: var(--theme-text-muted);
  font-size: 0.69rem;
  font-weight: 600;
  letter-spacing: 0.035em;
  text-transform: uppercase;
  white-space: nowrap;
}
.sellers-page .seller-table tbody td {
  padding: 0.85rem 1rem;
  font-size: 0.8rem;
}
.sellers-page .seller-table tbody tr {
  transition: background-color 0.15s ease;
}
.sellers-page .seller-identity {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  min-width: 14rem;
}
.sellers-page .seller-identity img {
  width: 2.45rem;
  height: 2.45rem;
  flex: 0 0 auto;
  border-radius: 0.35rem;
  -o-object-fit: cover;
  object-fit: cover;
}
.sellers-page .seller-rating {
  color: var(--theme-default-text-color);
  font-weight: 600;
  white-space: nowrap;
}
.sellers-page .seller-rating i {
  margin-right: 0.25rem;
  color: #f2a900;
}
.sellers-page .seller-status-dot {
  display: inline-block;
  width: 0.38rem;
  height: 0.38rem;
  margin-right: 0.35rem;
  border-radius: 50%;
  background: currentColor;
  vertical-align: 0.08rem;
}
@media (max-width: 575.98px) {
  .sellers-page .seller-controls,
  .sellers-page .seller-search,
  .sellers-page .seller-controls .form-select {
    width: 100%;
  }
}
.seller-details-page .seller-profile-identity,
.seller-details-page .seller-profile-meta,
.seller-details-page .seller-profile-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.8rem;
}
.seller-details-page .seller-profile-identity > img {
  width: 4.25rem;
  height: 4.25rem;
  border-radius: 0.5rem;
  -o-object-fit: cover;
  object-fit: cover;
}
.seller-details-page .seller-profile-meta {
  gap: 0.45rem 1rem;
  color: var(--theme-text-muted);
  font-size: 0.72rem;
}
.seller-details-page .seller-profile-meta span,
.seller-details-page .seller-profile-meta a {
  color: inherit;
  text-decoration: none;
}
.seller-details-page .seller-profile-meta i {
  margin-right: 0.25rem;
}
.seller-details-page .orders-summary-card {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.seller-details-page .orders-summary-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 0.5rem 1.5rem rgba(16, 24, 40, 0.07);
}
.seller-details-page .orders-summary-icon {
  display: inline-flex;
  width: 2.6rem;
  height: 2.6rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.35rem;
  font-size: 1.25rem;
}
.seller-details-page .orders-summary-card h3 {
  color: var(--theme-default-text-color);
  font-size: 1.3rem;
  line-height: 1.25;
}
.seller-details-page .orders-summary-card .badge {
  font-size: 0.62rem;
  font-weight: 600;
}
.seller-details-page .seller-sales-chart {
  display: flex;
  height: 15rem;
  gap: 0.8rem;
  padding: 0.5rem 0.25rem 0;
}
.seller-details-page .seller-chart-y-axis {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 1.4rem;
  color: var(--theme-text-muted);
  font-size: 0.65rem;
}
.seller-details-page .seller-chart-bars {
  position: relative;
  display: flex;
  flex: 1;
  align-items: stretch;
  justify-content: space-around;
  gap: 0.6rem;
}
.seller-details-page .seller-chart-grid {
  position: absolute;
  inset: 0 0 1.4rem;
  background:
    repeating-linear-gradient(
      to bottom,
      var(--theme-default-border) 0,
      var(--theme-default-border) 1px,
      transparent 1px,
      transparent 25%);
}
.seller-details-page .seller-chart-column {
  z-index: 1;
  display: flex;
  width: min(2rem, 12%);
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: 0.45rem;
}
.seller-details-page .seller-chart-column > span {
  width: 100%;
  height: var(--bar-height);
  border-radius: 0.35rem 0.35rem 0 0;
  background:
    linear-gradient(
      180deg,
      var(--theme-primary-color),
      rgba(var(--theme-primary-rgb), 0.48));
}
.seller-details-page .seller-chart-column small {
  color: var(--theme-text-muted);
  font-size: 0.65rem;
}
.seller-details-page .seller-profile-facts {
  margin: 0;
}
.seller-details-page .seller-profile-facts > div {
  display: flex;
  justify-content: space-between;
  gap: 0.7rem;
  padding: 0.65rem 1rem;
  border-bottom: 1px solid var(--theme-default-border);
}
.seller-details-page .seller-profile-facts > div:last-child {
  border-bottom: 0;
}
.seller-details-page .seller-profile-facts dt {
  color: var(--theme-text-muted);
  font-weight: 400;
}
.seller-details-page .seller-profile-facts dd {
  margin: 0;
  text-align: right;
  font-weight: 500;
}
.seller-details-page .seller-product-thumb {
  display: grid;
  width: 2.3rem;
  height: 2.3rem;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 0.7rem;
  font-size: 1.1rem;
}
.seller-details-page .seller-activity-list {
  position: relative;
  display: grid;
  gap: 0;
  padding: 0.35rem 1.25rem;
}
.seller-details-page .seller-activity-list::before {
  position: absolute;
  top: 1.8rem;
  bottom: 1.8rem;
  left: 2.2rem;
  border-left: 1px dashed var(--theme-default-border);
  content: "";
}
.seller-details-page .seller-activity {
  display: flex;
  align-items: flex-start;
  position: relative;
  gap: 0.75rem;
  padding-bottom: 1.82rem;
}
.seller-details-page .seller-activity:last-child {
  padding-bottom: 0.35rem;
}
.seller-details-page .seller-activity-icon {
  display: grid;
  width: 1.9rem;
  height: 1.9rem;
  flex: 0 0 auto;
  place-items: center;
  border: 2px solid var(--theme-custom-white);
  border-radius: 50%;
  box-shadow: 0 0 0 1px var(--theme-default-border);
  font-size: 0.85rem;
}
.seller-details-page .seller-activity-copy {
  min-width: 0;
  flex: 1;
}
.seller-details-page .seller-activity-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
}
.seller-details-page .seller-activity-heading strong {
  color: var(--theme-default-text-color);
  font-size: 0.813rem;
  font-weight: 600;
}
.seller-details-page .seller-activity-heading time {
  flex: 0 0 auto;
  color: var(--theme-text-muted);
  font-size: 0.62rem;
}
.seller-details-page .seller-activity-copy p {
  margin: 0.25rem 0 0;
  color: var(--theme-text-muted);
  font-size: 0.66rem;
  line-height: 1.45;
}
@media (max-width: 767.98px) {
  .seller-details-page .seller-profile-card > .card-body {
    align-items: flex-start;
    flex-direction: column;
  }
}
.refunds-page .refund-metric .card-body {
  display: grid;
  grid-template-columns: 2.65rem 1fr;
  align-items: center;
  -moz-column-gap: 0.8rem;
  column-gap: 0.8rem;
  row-gap: 0.12rem;
  padding: 1.05rem;
}
.refunds-page .refund-metric-icon {
  display: grid;
  grid-row: span 3;
  width: 2.65rem;
  height: 2.65rem;
  place-items: center;
  border-radius: 0.35rem;
  font-size: 1.2rem;
}
.refunds-page .refund-metric strong {
  color: var(--theme-default-text-color);
  font-size: 1.4rem;
  line-height: 1.25;
}
.refunds-page .refund-metric small {
  color: var(--theme-text-muted);
  font-size: 0.7rem;
}
.refunds-page .refund-directory-card {
  overflow: hidden;
}
.refunds-page .refund-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
}
.refunds-page .refund-search {
  position: relative;
  min-width: 15rem;
}
.refunds-page .refund-search > i {
  position: absolute;
  top: 50%;
  left: 0.8rem;
  z-index: 1;
  color: var(--theme-text-muted);
  transform: translateY(-50%);
}
.refunds-page .refund-search .form-control {
  padding-left: 2.25rem;
}
.refunds-page .refund-controls .form-select {
  min-width: 9rem;
}
.refunds-page .refund-status-dot {
  display: inline-block;
  width: 0.38rem;
  height: 0.38rem;
  margin-right: 0.35rem;
  border-radius: 50%;
  background: currentColor;
  vertical-align: 0.08rem;
}
.refunds-page .refund-review-facts {
  margin: 0 0 1rem;
}
.refunds-page .refund-review-facts > div {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.65rem 0;
  border-bottom: 1px solid var(--theme-default-border);
  font-size: 0.78rem;
}
.refunds-page .refund-review-facts > div:last-child {
  border-bottom: 0;
}
.refunds-page .refund-review-facts dt {
  color: var(--theme-text-muted);
  font-weight: 400;
}
.refunds-page .refund-review-facts dd {
  margin: 0;
  text-align: right;
  font-weight: 500;
}
@media (max-width: 575.98px) {
  .refunds-page .refund-controls,
  .refunds-page .refund-search,
  .refunds-page .refund-controls .form-select {
    width: 100%;
  }
}
.reviews-page .review-score-line {
  display: flex;
  align-items: center;
  gap: 0.9rem;
  margin: 0.3rem 0 1rem;
}
.reviews-page .review-score-line > strong {
  color: var(--theme-default-text-color);
  font-size: 2.7rem;
  line-height: 1;
}
.reviews-page .review-stars,
.reviews-page .review-item-stars {
  color: #f2a900;
  font-size: 0.95rem;
  letter-spacing: 0.04em;
}
.reviews-page .review-score-line small {
  display: block;
  margin-top: 0.15rem;
  font-size: 0.68rem;
}
.reviews-page .review-rating-breakdown {
  display: grid;
  gap: 0.35rem;
}
.reviews-page .review-rating-breakdown > div {
  display: grid;
  grid-template-columns: 0.7rem 0.75rem minmax(3rem, 1fr) 2.2rem;
  align-items: center;
  gap: 0.4rem;
  color: var(--theme-text-muted);
  font-size: 0.66rem;
}
.reviews-page .review-rating-breakdown > div > i {
  color: #f2a900;
  font-size: 0.65rem;
}
.reviews-page .review-rating-breakdown .progress {
  height: 0.35rem;
  background: rgba(var(--theme-primary-rgb), 0.2);
}
.reviews-page .review-rating-breakdown small {
  text-align: right;
}
.reviews-page .review-stat-icon {
  display: grid;
  grid-row: span 3;
  width: 2.65rem;
  height: 2.65rem;
  place-items: center;
  border-radius: 0.75rem;
  font-size: 1.2rem;
  margin-inline: auto;
  margin-bottom: 1rem;
}
.reviews-page .review-stat-card {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--theme-default-border);
  background-color: var(--theme-custom-white);
  background-image:
    linear-gradient(
      135deg,
      rgba(var(--theme-primary-rgb), 0.045),
      transparent 68%);
}
.reviews-page .review-stat-card::before {
  position: absolute;
  top: -1.8rem;
  right: -1rem;
  width: 9rem;
  height: 7rem;
  border-radius: 50%;
  background-image: radial-gradient(rgba(var(--theme-primary-rgb), 0.16) 1px, transparent 1.5px);
  background-size: 0.65rem 0.65rem;
  content: "";
  -webkit-mask-image:
    radial-gradient(
      ellipse at center,
      #000 15%,
      transparent 72%);
  mask-image:
    radial-gradient(
      ellipse at center,
      #000 15%,
      transparent 72%);
  pointer-events: none;
}
.reviews-page .review-stat-card::after {
  position: absolute;
  top: -2.8rem;
  right: -2.4rem;
  width: 8rem;
  height: 8rem;
  border: 1px solid rgba(var(--theme-primary-rgb), 0.07);
  border-radius: 50%;
  box-shadow: 0 0 0 0.9rem rgba(var(--theme-primary-rgb), 0.018), 0 0 0 1.8rem rgba(var(--theme-primary-rgb), 0.012);
  content: "";
  pointer-events: none;
}
.reviews-page .review-stat-card .card-body {
  position: relative;
  z-index: 1;
}
.reviews-page .review-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}
.reviews-page .review-controls .choices {
  margin-bottom: 0px;
}
.reviews-page .review-search {
  position: relative;
  min-width: 14rem;
}
.reviews-page .review-search > i {
  position: absolute;
  top: 50%;
  left: 0.8rem;
  z-index: 1;
  color: var(--theme-text-muted);
  transform: translateY(-50%);
}
.reviews-page .review-search .form-control {
  padding-left: 2.25rem;
}
.reviews-page .review-controls .form-select {
  min-width: 8.5rem;
}
.reviews-page .review-list {
  padding: 0 1.25rem;
}
.reviews-page .review-item {
  display: flex;
  gap: 0.9rem;
  padding: 1.2rem 0;
  border-bottom: 1px solid var(--theme-default-border);
}
.reviews-page .review-item:last-child {
  border-bottom: 0;
}
.reviews-page .review-avatar {
  width: 2.65rem;
  height: 2.65rem;
  flex: 0 0 auto;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}
.reviews-page .review-content {
  min-width: 0;
  flex: 1;
}
.reviews-page .review-item-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}
.reviews-page .review-item-stars {
  display: flex;
  align-items: center;
  gap: 0.05rem;
  margin-top: 0.25rem;
  font-size: 0.78rem;
}
.reviews-page .review-verified {
  margin-left: 0.45rem;
  color: var(--theme-text-muted);
  font-size: 0.64rem;
  letter-spacing: 0;
}
.reviews-page .review-verified i {
  margin-right: 0.15rem;
  color: rgb(var(--theme-success-rgb));
}
.reviews-page .review-product-link {
  color: rgb(var(--theme-secondary-rgb));
  font-size: 0.72rem;
  text-decoration: none;
  white-space: nowrap;
}
.reviews-page .review-content h3 {
  margin: 0.6rem 0 0.2rem;
  color: var(--theme-default-text-color);
  font-size: 0.86rem;
  font-weight: 600;
}
.reviews-page .review-content > p,
.reviews-page .review-seller-reply p {
  margin: 0;
  color: var(--theme-text-muted);
  font-size: 0.76rem;
  line-height: 1.6;
}
.reviews-page .review-seller-reply {
  margin-top: 0.75rem;
  padding: 0.7rem 0.85rem;
  border-left: 2px solid rgb(var(--theme-secondary-rgb));
  border-radius: 0 0.45rem 0.45rem 0;
  background: rgba(var(--theme-primary-rgb), 0.2);
  font-size: 0.72rem;
}
.reviews-page .review-seller-reply p {
  margin-top: 0.2rem;
}
.reviews-page .review-item-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-top: 0.8rem;
}
.reviews-page .review-empty {
  display: grid;
  min-height: 12rem;
  place-content: center;
  justify-items: center;
  color: var(--theme-text-muted);
}
.reviews-page .review-empty > i {
  margin-bottom: 0.5rem;
  font-size: 1.7rem;
}
@media (max-width: 767.98px) {
  .reviews-page .review-item-heading {
    flex-direction: column;
    gap: 0.35rem;
  }
}
@media (max-width: 575.98px) {
  .reviews-page .review-controls,
  .reviews-page .review-search,
  .reviews-page .review-controls .form-select {
    width: 100%;
  }
  .reviews-page .review-list {
    padding-inline: 0.9rem;
  }
  .reviews-page .review-item {
    gap: 0.6rem;
  }
  .reviews-page .review-avatar {
    width: 2.15rem;
    height: 2.15rem;
  }
}
.warehouses-page .orders-summary-card {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.warehouses-page .orders-summary-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 0.5rem 1.5rem rgba(16, 24, 40, 0.07);
}
.warehouses-page .orders-summary-card .card-body {
  padding: 1rem 1.1rem;
}
.warehouses-page .orders-summary-icon {
  display: inline-flex;
  width: 2.6rem;
  height: 2.6rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.35rem;
  font-size: 1.25rem;
}
.warehouses-page .orders-summary-card h3 {
  color: var(--theme-default-text-color);
  font-size: 1.3rem;
  line-height: 1.25;
}
.warehouses-page .orders-summary-card .badge {
  font-size: 0.62rem;
  font-weight: 600;
}
.warehouses-page .warehouse-location-card,
.warehouses-page .warehouse-inventory-card {
  border-radius: 0.85rem;
}
.warehouses-page .warehouse-location-card {
  transition: transform 160ms ease, box-shadow 160ms ease;
}
.warehouses-page .warehouse-location-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 0.5rem 1.5rem rgba(20, 30, 45, 0.08);
}
.warehouses-page .warehouse-location-card .card-body {
  padding: 1rem;
}
.warehouses-page .warehouse-location-icon {
  display: grid;
  width: 2.5rem;
  height: 2.5rem;
  place-items: center;
  border-radius: 0.35rem;
  font-size: 1.2rem;
}
.warehouses-page .warehouse-location-card h3 {
  margin: 0.9rem 0 0.25rem;
  color: var(--theme-default-text-color);
  font-size: 0.9rem;
  font-weight: 600;
}
.warehouses-page .warehouse-location-card > .card-body > p {
  margin-bottom: 1rem;
  color: var(--theme-text-muted);
  font-size: 0.7rem;
}
.warehouses-page .warehouse-location-card > .card-body > p > span {
  color: var(--theme-text-muted);
}
.warehouses-page .warehouse-capacity {
  color: var(--theme-text-muted);
  font-size: 0.68rem;
}
.warehouses-page .warehouse-capacity strong {
  color: var(--theme-default-text-color);
}
.warehouses-page .warehouse-capacity .progress {
  height: 0.38rem;
  margin: 0.4rem 0 0.3rem;
}
.warehouses-page .warehouse-capacity small {
  font-size: 0.65rem;
}
.warehouses-page .warehouse-location-footer {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
  margin-top: 0.85rem;
  padding-top: 0.75rem;
  border-top: 1px solid var(--theme-default-border);
  color: var(--theme-text-muted);
  font-size: 0.75rem;
}
.warehouses-page .warehouse-location-footer > span:last-child {
  text-align: right;
}
.warehouses-page .warehouse-inventory-card {
  overflow: hidden;
}
.warehouses-page .warehouse-table-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}
.warehouses-page .warehouse-table-controls .choices {
  margin-bottom: 0px;
}
.warehouses-page .warehouse-search {
  position: relative;
  min-width: 13rem;
}
.warehouses-page .warehouse-search > i {
  position: absolute;
  top: 50%;
  left: 0.8rem;
  z-index: 1;
  color: var(--theme-text-muted);
  transform: translateY(-50%);
}
.warehouses-page .warehouse-search .form-control {
  padding-left: 2.25rem;
}
.warehouses-page .warehouse-table-controls .form-select {
  min-width: 9rem;
}
.warehouses-page .warehouse-stock-state {
  display: grid;
  min-width: 5.5rem;
  gap: 0.35rem;
}
.warehouses-page .warehouse-stock-state .progress {
  height: 0.25rem;
  background: rgba(var(--theme-primary-rgb), 0.2);
}
@media (max-width: 767.98px) {
  .warehouses-page .warehouse-table-controls,
  .warehouses-page .warehouse-search,
  .warehouses-page .warehouse-table-controls .form-select {
    width: 100%;
  }
}
.product-stocks-page .orders-summary-card {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.product-stocks-page .orders-summary-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 0.5rem 1.5rem rgba(16, 24, 40, 0.07);
}
.product-stocks-page .orders-summary-icon {
  display: inline-flex;
  width: 2.6rem;
  height: 2.6rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.35rem;
  font-size: 1.25rem;
}
.product-stocks-page .orders-summary-card h3 {
  color: var(--theme-default-text-color);
  font-size: 1.3rem;
  line-height: 1.25;
}
.product-stocks-page .orders-summary-card .badge {
  font-size: 0.62rem;
  font-weight: 600;
}
.product-stocks-page .stock-alert-card {
  border-color: rgba(var(--theme-warning-rgb), 0.3);
  background: rgba(var(--theme-warning-rgb), 0.035);
  border-radius: 0.85rem;
}
.product-stocks-page .stock-alert-card .card-body {
  display: flex;
  align-items: center;
  gap: 0.9rem;
  padding: 1rem 1.15rem;
}
.product-stocks-page .stock-alert-icon {
  display: grid;
  width: 2.5rem;
  height: 2.5rem;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 0.75rem;
  background: rgba(var(--theme-warning-rgb), 0.12);
  color: rgb(var(--theme-warning-rgb));
  font-size: 1.2rem;
}
.product-stocks-page .stock-alert-card p strong {
  color: var(--theme-default-text-color);
}
.product-stocks-page .stock-catalog-card {
  overflow: hidden;
  border-radius: 0.85rem;
}
.product-stocks-page .stock-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}
.product-stocks-page .stock-controls .choices {
  margin-bottom: 0px;
}
.product-stocks-page .stock-search {
  position: relative;
  min-width: 13rem;
}
.product-stocks-page .stock-search > i {
  position: absolute;
  top: 50%;
  left: 0.8rem;
  z-index: 1;
  color: var(--theme-text-muted);
  transform: translateY(-50%);
}
.product-stocks-page .stock-search .form-control {
  padding-left: 2.25rem;
}
.product-stocks-page .stock-controls .form-select {
  min-width: 9rem;
}
.product-stocks-page .product-stock-level {
  display: grid;
  width: 6rem;
  gap: 0.24rem;
}
.product-stocks-page .product-stock-level .progress {
  height: 0.25rem;
  background: rgba(var(--theme-primary-rgb), 0.2);
}
.product-stocks-page .product-stock-level small {
  font-size: 0.61rem;
  white-space: nowrap;
}
@media (max-width: 767.98px) {
  .product-stocks-page .stock-controls,
  .product-stocks-page .stock-search,
  .product-stocks-page .stock-controls .form-select {
    width: 100%;
  }
  .product-stocks-page .stock-alert-card .card-body {
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .product-stocks-page .stock-alert-card .flex-fill {
    min-width: calc(100% - 3.5rem);
  }
  .product-stocks-page .stock-alert-card .btn {
    margin-left: 3.4rem;
  }
}
.purchase-orders-page .orders-summary-card {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.purchase-orders-page .orders-summary-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 0.5rem 1.5rem rgba(16, 24, 40, 0.07);
}
.purchase-orders-page .orders-summary-card .card-body {
  padding: 1rem 1.1rem;
}
.purchase-orders-page .orders-summary-icon {
  display: inline-flex;
  width: 2.6rem;
  height: 2.6rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.35rem;
  font-size: 1.25rem;
}
.purchase-orders-page .orders-summary-card h3 {
  color: var(--theme-default-text-color);
  font-size: 1.3rem;
  line-height: 1.25;
}
.purchase-orders-page .orders-summary-card .badge {
  font-size: 0.62rem;
  font-weight: 600;
}
.purchase-orders-page .purchase-order-list-card {
  border-radius: 0.85rem;
}
.purchase-orders-page .purchase-order-list-card {
  overflow: hidden;
}
.purchase-orders-page .po-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}
.purchase-orders-page .po-controls .choices {
  margin-bottom: 0px;
}
.purchase-orders-page .po-search {
  position: relative;
  min-width: 14rem;
}
.purchase-orders-page .po-search > i {
  position: absolute;
  top: 50%;
  left: 0.8rem;
  z-index: 1;
  color: var(--theme-text-muted);
  transform: translateY(-50%);
}
.purchase-orders-page .po-search .form-control {
  padding-left: 2.25rem;
}
.purchase-orders-page .po-controls .form-select {
  min-width: 8.5rem;
}
.purchase-orders-page .po-status-dot {
  display: inline-block;
  width: 0.38rem;
  height: 0.38rem;
  margin-right: 0.32rem;
  border-radius: 50%;
  background: currentColor;
  vertical-align: 0.08rem;
}
@media (max-width: 767.98px) {
  .purchase-orders-page .po-controls,
  .purchase-orders-page .po-search,
  .purchase-orders-page .po-controls .form-select {
    width: 100%;
  }
}
.product-views-page .views-kpi-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
}
.product-views-page .views-kpi-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-text-muted);
}
.product-views-page .views-kpi .card-body > strong {
  color: var(--theme-default-text-color);
  font-size: 1.55rem;
  font-weight: 700;
  line-height: 1.15;
}
.product-views-page .views-kpi .card-body > small {
  color: var(--success);
  font-size: 0.64rem;
}
.product-views-page .views-kpi .card-body > small span {
  color: var(--theme-text-muted);
}
.product-views-page .views-kpi-note {
  display: flex;
  justify-content: space-between;
  margin-top: auto;
  padding-top: 0.35rem;
  font-size: 0.62rem;
}
.product-views-page .views-kpi-note span {
  color: var(--theme-text-muted);
}
.product-views-page .views-kpi-note b {
  color: var(--theme-default-text-color);
  font-weight: 600;
}
.product-views-page .views-kpi-spark {
  position: absolute;
  right: 1rem;
  bottom: 0.9rem;
  display: flex;
  height: 1.6rem;
  align-items: end;
  gap: 0.18rem;
  opacity: 0.65;
}
.product-views-page .views-kpi-spark i {
  width: 0.24rem;
  height: 35%;
  border-radius: 1rem;
  background: var(--theme-primary-color);
}
.product-views-page .views-kpi-spark i:nth-child(2n) {
  height: 60%;
}
.product-views-page .views-kpi-spark i:nth-child(3n) {
  height: 82%;
}
.product-views-page .views-kpi-spark i:nth-child(4n) {
  height: 48%;
}
.product-views-page .spark-visitors i {
  background: rgb(var(--theme-info-rgb));
}
.product-views-page .views-chart-tools {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.65rem;
}
.product-views-page .views-legend-dot {
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 50%;
  background: var(--theme-primary-color);
}
.product-views-page .views-legend-dot.is-visitors {
  background: rgb(var(--theme-info-rgb));
}
.product-views-page .views-traffic-panel .card-body {
  padding: 0.75rem 1rem 1rem;
}
.product-views-page #product-views-chart {
  min-height: 18rem;
}
.product-views-page #views-sources-chart {
  min-height: 12rem;
}
.product-views-page .viewed-product {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  min-width: 12rem;
}
.product-views-page .viewed-product small {
  font-size: 0.65rem;
}
.product-views-page .views-conversion {
  display: inline-block;
  min-width: 3.4rem;
  padding: 0.25rem 0.45rem;
  border-radius: 0.4rem;
  background: rgba(var(--theme-success-rgb), 0.1);
  color: rgb(var(--theme-success-rgb));
  font-size: 0.68rem;
  font-weight: 600;
  text-align: center;
}
.product-views-page #views-period {
  width: auto;
  min-width: 8.5rem;
  font-size: 0.68rem;
}
@media (max-width: 991.98px) {
  .product-views-page .views-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 575.98px) {
  .product-views-page .views-kpi-grid {
    grid-template-columns: 1fr;
  }
  .product-views-page .page-header-breadcrumb > .d-flex {
    width: 100%;
  }
  .product-views-page #views-period {
    flex: 1;
  }
  .product-views-page .views-chart-tools {
    width: 100%;
    justify-content: space-between;
  }
}
.product-attributes-page .attribute-search {
  position: relative;
  width: min(100%, 16rem);
}
.product-attributes-page .attribute-search > i {
  position: absolute;
  top: 50%;
  left: 0.8rem;
  z-index: 1;
  color: var(--theme-text-muted);
  transform: translateY(-50%);
}
.product-attributes-page .attribute-search .form-control {
  padding-left: 2.25rem;
}
.product-attributes-page .attribute-name-cell {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  min-width: 10rem;
}
.product-attributes-page .attribute-icon {
  display: grid;
  width: 2.5rem;
  height: 2.5rem;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 0.55rem;
  background: rgba(var(--theme-primary-rgb), 0.12);
  color: var(--theme-primary-color);
  font-size: 1.05rem;
}
.product-attributes-page .attribute-icon i {
  font-size: 1rem;
}
.product-attributes-page .attribute-icon.tone-blue {
  background: #edf2ff;
  color: #5e78fd;
}
.product-attributes-page .attribute-icon.tone-violet {
  background: #f2edff;
  color: #8b5cf6;
}
.product-attributes-page .attribute-icon.tone-green {
  background: #eaf8f0;
  color: #22a06b;
}
.product-attributes-page .attribute-icon.tone-amber {
  background: #fff5df;
  color: #c98412;
}
.product-attributes-page .attribute-icon.tone-cyan {
  background: #e6f8fb;
  color: #1496a8;
}
.product-attributes-page .attribute-icon.tone-rose {
  background: #fff0f2;
  color: #dc5570;
}
.product-attributes-page .attribute-name-cell strong {
  color: var(--theme-default-text-color);
  font-size: 0.78rem;
  font-weight: 600;
}
.product-attributes-page .attribute-type-badge {
  display: inline-flex;
  padding: 0.28rem 0.55rem;
  border-radius: 2rem;
  background: var(--body-bg);
  color: var(--theme-text-muted);
  font-size: 0.68rem;
  white-space: nowrap;
}
.product-attributes-page .attribute-value-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  min-width: 15rem;
}
.product-attributes-page .attribute-value-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  min-height: 1.5rem;
  padding: 0.2rem 0.45rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.35rem;
  background: var(--theme-custom-white);
  color: var(--theme-default-text-color);
  font-size: 0.65rem;
}
.product-attributes-page .attribute-more-values {
  align-self: center;
  color: var(--theme-text-muted);
  font-size: 0.65rem;
  white-space: nowrap;
}
.product-attributes-page .attribute-color-dot {
  width: 0.7rem;
  height: 0.7rem;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 50%;
  background: #aaa;
}
.product-attributes-page .color-black {
  background: #24272b;
}
.product-attributes-page .color-ivory {
  background: #f5f0e6;
}
.product-attributes-page .color-sage {
  background: #9cae97;
}
.product-attributes-page .color-navy {
  background: #243b58;
}
.product-attributes-page .color-terracotta {
  background: #c87558;
}
@media (max-width: 575.98px) {
  .product-attributes-page .attribute-search {
    width: 100%;
  }
}
.ecommerce-settings-page .settings-nav-card {
  position: sticky;
  top: 1rem;
}
.ecommerce-settings-page .settings-nav-link {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  margin: 0.35rem 0;
  padding: 0.45rem 1rem;
  border-radius: 0.5rem;
  color: var(--theme-text-muted);
  text-decoration: none;
  transition: background-color 140ms ease, color 140ms ease;
}
.ecommerce-settings-page .settings-nav-link i {
  font-size: 1rem;
}
.ecommerce-settings-page .settings-nav-link:hover,
.ecommerce-settings-page .settings-nav-link.active {
  background: rgb(var(--theme-light-rgb));
  color: var(--theme-default-text-color);
}
.ecommerce-settings-page .settings-nav-help {
  display: flex;
  gap: 0.5rem;
  margin-top: 1rem;
  padding: 0.75rem 0.55rem 0.2rem;
  border-top: 1px solid var(--theme-default-border);
  color: var(--theme-text-muted);
  font-size: 0.66rem;
  line-height: 1.45;
}
.ecommerce-settings-page .settings-nav-help i {
  color: rgb(var(--theme-info-rgb));
  font-size: 0.9rem;
}
.ecommerce-settings-page .settings-section-card .card-header {
  padding: 1rem 1.2rem;
}
.ecommerce-settings-page .settings-section-card .card-body {
  padding: 1.15rem 1.2rem;
}
.ecommerce-settings-page .settings-section-card .form-label {
  margin-bottom: 0.4rem;
  font-weight: 500;
}
.ecommerce-settings-page .settings-section-card .form-control,
.ecommerce-settings-page .settings-section-card .form-select {
  font-size: 0.78rem;
}
.ecommerce-settings-page .settings-section-card small {
  display: inline-block;
  margin-top: 0.35rem;
  font-size: 0.65rem;
}
.ecommerce-settings-page .settings-option-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.8rem 0;
  border-bottom: 1px solid var(--theme-default-border);
}
.ecommerce-settings-page .settings-option-row:first-child {
  padding-top: 0;
}
.ecommerce-settings-page .settings-option-row-last {
  padding-bottom: 0;
  border-bottom: 0;
}
.ecommerce-settings-page .settings-option-row strong {
  color: var(--theme-default-text-color);
  font-size: 13px;
  font-weight: 600;
}
.ecommerce-settings-page .settings-option-row p {
  margin: 0.15rem 0 0;
  color: var(--theme-text-muted);
}
.ecommerce-settings-page .settings-option-row .form-check {
  flex: 0 0 auto;
  margin: 0;
  padding-left: 2.5rem;
}
.ecommerce-settings-page .settings-option-row .form-check-input {
  width: 2.1rem;
  height: 1.1rem;
  margin-left: -2.5rem;
}
.ecommerce-settings-page .settings-saved-state {
  color: rgb(var(--theme-success-rgb));
  font-size: 0.72rem;
}
.ecommerce-settings-page .settings-saved-state.is-dirty {
  color: rgb(var(--theme-warning-rgb));
}
.ecommerce-settings-page .settings-save-bar {
  position: sticky;
  bottom: 0.75rem;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.75rem 1rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  background: var(--theme-custom-white);
  box-shadow: 0 0.25rem 1rem rgba(20, 30, 45, 0.08);
}
@media (max-width: 1199.98px) {
  .ecommerce-settings-page .settings-nav-card {
    position: static;
  }
  .ecommerce-settings-page .settings-nav-card .card-body {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25rem;
  }
  .ecommerce-settings-page .settings-nav-card .card-body > span,
  .ecommerce-settings-page .settings-nav-help {
    width: 100%;
  }
  .ecommerce-settings-page .settings-nav-help {
    margin-top: 0.5rem;
  }
}
@media (max-width: 575.98px) {
  .ecommerce-settings-page .settings-nav-link {
    flex: 1 1 calc(50% - 0.25rem);
  }
  .ecommerce-settings-page .settings-save-bar {
    align-items: flex-start;
    flex-direction: column;
  }
  .ecommerce-settings-page .settings-save-bar > div {
    width: 100%;
  }
  .ecommerce-settings-page .settings-save-bar .btn {
    flex: 1;
  }
}
.file-manager-navigation,
.file-manager-folders,
.selected-file-details {
  background-color: var(--theme-custom-white);
}
.files-main-nav {
  max-height: calc(100vh - 17.5rem);
}
@media (min-width: 576px) {
  .file-manager-navigation {
    width: 30rem;
  }
}
.file-format-icon svg {
  width: 2.2rem;
  height: 2.2rem;
}
.folder-svg-container svg {
  width: 3rem;
  height: 3rem;
}
.file-details img {
  width: 150px;
  height: 150px;
  background-color: rgb(var(--theme-light-rgb));
  border-radius: 50%;
}
@media (max-width: 1200px) {
  .selected-file-details.open {
    width: 19.5rem;
    position: absolute;
    display: block;
    inset-inline-end: 0;
    inset-block-start: 0.5rem;
    box-shadow: 0 0.125rem 0 rgba(10, 10, 10, 0.04);
    border-inline-start: 1px solid var(--theme-default-border);
  }
}
.file-manager-navigation.close {
  display: none;
}
.file-manager-folders.open {
  display: block;
}
@media (max-width: 365px) {
  .file-manager-container .file-folders-container {
    max-height: calc(100vh - 12.9rem);
  }
}
ul.files-main-nav {
  margin-block-end: 0;
}
ul.files-main-nav li {
  padding: 0.5rem 0.75rem;
  border-radius: 0.35rem;
  margin-block-end: 0.25rem;
}
ul.files-main-nav li svg {
  width: 20px;
  height: 20px;
}
ul.files-main-nav li i {
  font-size: 20px;
}
ul.files-main-nav li svg,
ul.files-main-nav li i {
  color: var(--theme-text-muted);
  fill: var(--theme-text-muted);
}
ul.files-main-nav li.active svg,
ul.files-main-nav li.active i,
ul.files-main-nav li:hover svg,
ul.files-main-nav li:hover i {
  color: var(--theme-primary-color);
  fill: var(--theme-primary-color);
}
ul.files-main-nav li:last-child {
  margin-block-end: 0;
}
ul.files-main-nav li div {
  color: var(--theme-text-muted);
}
ul.files-main-nav li:hover div {
  color: var(--theme-primary-color);
}
ul.files-main-nav li.active {
  background-color: rgba(var(--theme-primary-rgb), 0.1);
}
ul.files-main-nav li.active div {
  color: var(--theme-primary-color);
}
ul.files-main-nav li div.filemanager-upgrade-storage {
  width: 235px;
  height: auto;
  background-color: rgb(var(--theme-light-rgb));
  border: 2px dashed var(--theme-default-border);
  border-radius: 0.35rem;
  text-align: center;
  color: var(--theme-default-text-color);
  padding: 1rem;
}
ul.files-main-nav li div.filemanager-upgrade-storage img {
  width: 150px;
  height: 150px;
}
#file-manager-storage .apexcharts-pie line,
#file-manager-storage .apexcharts-pie circle {
  stroke: transparent;
}
#file-manager-storage .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-label {
  fill: var(--theme-text-muted) !important;
}
#file-manager-storage .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-value {
  fill: var(--theme-default-text-color) !important;
}
.file-important svg {
  width: 18px;
  height: 18px;
  color: var(--theme-text-muted);
  fill: var(--theme-text-muted);
  cursor: pointer;
}
.file-important svg:hover {
  color: rgb(var(--theme-warning-rgb));
  fill: rgb(var(--theme-warning-rgb));
}
.file-important.true svg {
  color: rgb(var(--theme-warning-rgb));
  fill: rgb(var(--theme-warning-rgb));
}
.card.custom-card.file-quick-card .file-img svg {
  width: 45px;
  height: 45px;
  fill: rgb(var(--theme-success-rgb));
}
.file-icons {
  position: relative;
  z-index: 2;
}
ul.files-media-list {
  margin-block-end: 0;
}
ul.files-media-list li {
  margin-block-end: 1rem;
}
ul.files-media-list li:last-child {
  margin-block-end: 0;
}
.file-manager-upgrade-img img {
  max-height: 150px;
}
ul.file-manager-activity-list {
  margin-block-end: 0;
  position: relative;
}
ul.file-manager-activity-list:before {
  content: "";
  position: absolute;
  width: 0.0938rem;
  height: 100%;
  inset-inline-start: 20px;
  inset-block-start: 0;
  background-color: var(--theme-default-border);
}
ul.file-manager-activity-list li {
  margin-block-end: 1.2rem;
}
ul.file-manager-activity-list li:last-child {
  margin-block-end: 0;
}
.file-hub-page .file-hub-eyebrow {
  display: block;
  margin-bottom: 0.35rem;
  color: var(--theme-text-muted);
  font-size: 0.6rem;
  font-weight: 650;
  letter-spacing: 0.09em;
}
.file-hub-page .file-hub-eyebrow i {
  margin-inline-end: 0.25rem;
  color: var(--theme-primary-color);
  font-size: 0.75rem;
}
.file-hub-page .file-hub-folders-section > .d-flex {
  min-height: 2.4rem;
}
.file-hub-page .file-hub-folder-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
}
.file-hub-page .file-hub-folder-card {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 0.65rem;
  padding: 0.8rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.35rem;
  background: var(--theme-custom-white);
  color: var(--theme-default-text-color);
  text-align: start;
  transition:
    border-color 0.16s ease,
    transform 0.16s ease,
    box-shadow 0.16s ease;
}
.file-hub-page .file-hub-folder-card:hover {
  border-color: rgba(var(--theme-primary-rgb), 0.4);
  box-shadow: 0 0.35rem 1.1rem rgba(1, 26, 66, 0.07);
  transform: translateY(-1px);
}
.file-hub-page .file-hub-folder-icon {
  display: grid;
  width: 2.35rem;
  height: 2.35rem;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 0.65rem;
  font-size: 1.2rem;
}
.file-hub-page .file-hub-folder-info {
  min-width: 0;
  flex: 1 1 auto;
}
.file-hub-page .file-hub-folder-info strong,
.file-hub-page .file-hub-folder-info small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.file-hub-page .file-hub-folder-info strong {
  font-size: 0.68rem;
  font-weight: 600;
}
.file-hub-page .file-hub-folder-info small {
  margin-top: 0.15rem;
  color: var(--theme-text-muted);
  font-size: 0.57rem;
}
.file-hub-page .file-hub-folder-arrow {
  color: var(--theme-text-muted);
}
.file-hub-page .file-hub-workspace-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 18rem;
  align-items: start;
  gap: 0.9rem;
}
.file-hub-page .file-hub-browser {
  min-width: 0;
  overflow: hidden;
}
.file-hub-page .file-hub-browser-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  padding: 0.9rem 1rem;
}
.file-hub-page .file-hub-browser-tools {
  display: flex;
  align-items: center;
  gap: 0.45rem;
}
.file-hub-page .file-hub-browser-tools > .form-select {
  width: auto;
  min-width: 7.7rem;
}
.file-hub-page .file-hub-search {
  display: flex;
  width: min(15rem, 28vw);
  min-height: 2rem;
  align-items: center;
  gap: 0.4rem;
  padding: 0 0.55rem;
  border: 1px solid var(--theme-input-border);
  border-radius: 0.35rem;
  color: var(--theme-text-muted);
}
.file-hub-page .file-hub-search input {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--theme-default-text-color);
  font-size: 0.65rem;
}
.file-hub-page .file-hub-filter-bar {
  display: flex;
  gap: 0.2rem;
  overflow-x: auto;
  padding: 0 0.8rem 0.65rem;
  border-bottom: 1px solid var(--theme-default-border);
}
.file-hub-page .file-hub-filter-bar button {
  flex: 0 0 auto;
  padding: 0.35rem 0.55rem;
  border: 0;
  border-radius: 0.35rem;
  background: transparent;
  color: var(--theme-text-muted);
  font-size: 0.62rem;
}
.file-hub-page .file-hub-filter-bar button:hover,
.file-hub-page .file-hub-filter-bar button.active {
  background: rgba(var(--theme-primary-rgb), 0.05);
  color: var(--theme-primary-color);
}
.file-hub-page .file-hub-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.7rem;
  padding: 0.8rem;
}
.file-hub-page .file-hub-file-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.35rem;
  background: var(--theme-custom-white);
  transition:
    border-color 0.15s ease,
    transform 0.15s ease,
    box-shadow 0.15s ease;
}
.file-hub-page .file-hub-file-card:hover {
  border-color: rgba(var(--theme-primary-rgb), 0.32);
  box-shadow: 0 0.35rem 1.1rem rgba(1, 26, 66, 0.07);
  transform: translateY(-1px);
}
.file-hub-page .file-hub-file-card:hover .file-hub-card-actions {
  opacity: 1;
}
.file-hub-page .file-hub-card-cover {
  position: relative;
  display: grid;
  min-height: 7rem;
  place-items: center;
  overflow: hidden;
}
.file-hub-page .file-hub-card-cover.file-tone-primary {
  background:
    linear-gradient(
      135deg,
      rgba(var(--theme-primary-rgb), 0.12),
      rgba(var(--theme-primary-rgb), 0.04));
  color: var(--theme-primary-color);
}
.file-hub-page .file-hub-card-cover.file-tone-success {
  background:
    linear-gradient(
      135deg,
      rgba(var(--theme-success-rgb), 0.14),
      rgba(var(--theme-success-rgb), 0.04));
  color: rgb(var(--theme-success-rgb));
}
.file-hub-page .file-hub-card-cover.file-tone-warning {
  background:
    linear-gradient(
      135deg,
      rgba(var(--theme-warning-rgb), 0.15),
      rgba(var(--theme-warning-rgb), 0.04));
  color: rgb(var(--theme-warning-rgb));
}
.file-hub-page .file-hub-card-cover.file-tone-danger {
  background:
    linear-gradient(
      135deg,
      rgba(var(--theme-danger-rgb), 0.13),
      rgba(var(--theme-danger-rgb), 0.035));
  color: rgb(var(--theme-danger-rgb));
}
.file-hub-page .file-hub-card-cover.file-tone-info {
  background:
    linear-gradient(
      135deg,
      rgba(var(--theme-info-rgb), 0.14),
      rgba(var(--theme-info-rgb), 0.04));
  color: rgb(var(--theme-info-rgb));
}
.file-hub-page .file-hub-image-cover > img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.file-hub-page .file-hub-card-actions {
  position: absolute;
  z-index: 2;
  top: 0.45rem;
  right: 0.45rem;
  display: flex;
  gap: 0.3rem;
  opacity: 0.15;
  transition: opacity 0.15s ease;
}
.file-hub-page .file-hub-star {
  display: grid;
  width: 1.8rem;
  height: 1.8rem;
  place-items: center;
  border: 0;
  border-radius: 0.4rem;
  background: var(--theme-custom-white);
  color: var(--theme-text-muted);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07);
}
.file-hub-page .file-hub-star.active {
  color: rgb(var(--theme-warning-rgb));
}
.file-hub-page .file-hub-cover-icon {
  display: grid;
  width: 4rem;
  height: 4rem;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.62);
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.68);
  font-size: 2.1rem;
  filter: drop-shadow(0 6px 8px rgba(20, 42, 84, 0.08));
}
.file-hub-page .file-hub-image-cover .file-hub-cover-icon {
  display: none;
}
.file-hub-page .file-hub-cover-tag {
  position: absolute;
  bottom: 0.45rem;
  left: 0.5rem;
  padding: 0.2rem 0.35rem;
  border: 1px solid rgba(255, 255, 255, 0.65);
  border-radius: 0.25rem;
  background: rgba(255, 255, 255, 0.85);
  color: var(--theme-default-text-color);
  font-size: 0.5rem;
  font-weight: 650;
  letter-spacing: 0.04em;
}
.file-hub-page .file-hub-card-info {
  padding: 0.65rem;
}
.file-hub-page .file-hub-card-info h3 {
  overflow: hidden;
  margin: 0;
  font-size: 0.63rem;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.file-hub-page .file-hub-card-info .min-w-0 > span {
  display: block;
  overflow: hidden;
  margin-top: 0.15rem;
  color: var(--theme-text-muted);
  font-size: 0.55rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.file-hub-page .file-hub-card-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.3rem;
  margin-top: 0.65rem;
  padding-top: 0.5rem;
  border-top: 1px solid var(--theme-default-border);
  color: var(--theme-text-muted);
  font-size: 0.52rem;
}
.file-hub-page .file-hub-card-meta > span {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: 0.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.file-hub-page .file-hub-card-meta img {
  width: 1.05rem;
  height: 1.05rem;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}
.file-hub-page .file-hub-card-meta time {
  flex: 0 0 auto;
}
.file-hub-page .file-hub-private-dot,
.file-hub-page .file-hub-shared-icon {
  flex: 0 0 auto;
  color: var(--theme-text-muted);
  font-size: 0.7rem;
}
.file-hub-page .file-hub-side-panel {
  display: grid;
  gap: 0.8rem;
}
.file-hub-page .file-hub-side-card {
  margin: 0;
}
.file-hub-page .file-hub-side-card .card-header {
  min-height: 3.25rem;
  padding: 0.7rem 0.8rem;
}
.file-hub-page .file-hub-side-card .card-title {
  font-size: 0.74rem;
  font-weight: 600;
}
.file-hub-page .file-hub-side-card .card-body {
  padding: 0.75rem 0.8rem;
}
.file-hub-page .file-hub-member {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.45rem 0;
  border-bottom: 1px solid var(--theme-default-border);
}
.file-hub-page .file-hub-member:last-of-type {
  border-bottom: 0;
}
.file-hub-page .file-hub-member > img {
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}
.file-hub-page .file-hub-member > span:nth-child(2) {
  min-width: 0;
  flex: 1 1 auto;
}
.file-hub-page .file-hub-member strong,
.file-hub-page .file-hub-member small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.file-hub-page .file-hub-member strong {
  font-size: 0.63rem;
  font-weight: 550;
}
.file-hub-page .file-hub-member small {
  margin-top: 0.08rem;
  color: var(--theme-text-muted);
  font-size: 0.54rem;
}
.file-hub-page .file-hub-activity {
  display: flex;
  gap: 0.5rem;
  padding: 0.55rem 0;
  border-bottom: 1px solid var(--theme-default-border);
}
.file-hub-page .file-hub-activity:last-child {
  border-bottom: 0;
}
.file-hub-page .file-hub-activity > div {
  min-width: 0;
}
.file-hub-page .file-hub-activity strong,
.file-hub-page .file-hub-activity span,
.file-hub-page .file-hub-activity small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.file-hub-page .file-hub-activity strong {
  font-size: 0.6rem;
  font-weight: 550;
}
.file-hub-page .file-hub-activity span:not(.file-hub-activity-icon) {
  margin-top: 0.1rem;
  color: var(--theme-text-muted);
  font-size: 0.56rem;
}
.file-hub-page .file-hub-activity small {
  margin-top: 0.15rem;
  color: var(--theme-text-muted);
  font-size: 0.52rem;
}
.file-hub-page .file-hub-activity-icon {
  display: grid;
  width: 1.65rem;
  height: 1.65rem;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 0.45rem;
  font-size: 0.75rem;
}
.file-hub-page .file-hub-empty {
  display: grid;
  justify-items: center;
  gap: 0.4rem;
  padding: 3.5rem 1rem;
  color: var(--theme-text-muted);
  text-align: center;
}
.file-hub-page .file-hub-empty > i {
  color: var(--theme-primary-color);
  font-size: 1.8rem;
}
.file-hub-page .file-hub-empty strong {
  color: var(--theme-default-text-color);
  font-size: 0.78rem;
}
.file-hub-page .file-hub-empty span {
  font-size: 0.66rem;
}
.file-hub-page .file-hub-list-view .table > :not(caption) > * > * {
  padding: 0.65rem 0.75rem;
  font-size: 0.65rem;
  vertical-align: middle;
}
.file-hub-page .file-hub-list-view th {
  color: var(--theme-text-muted);
  font-size: 0.6rem !important;
  font-weight: 550;
}
.file-hub-page .file-hub-list-name {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border: 0;
  background: transparent;
  color: var(--theme-default-text-color);
  font-size: 0.65rem;
  font-weight: 550;
}
.file-hub-page .file-hub-list-name .file-hub-file-icon {
  display: grid;
  width: 1.8rem;
  height: 1.8rem;
  place-items: center;
  border-radius: 0.45rem;
  background: var(--theme-default-body-bg-color);
}
.file-hub-page .file-hub-list-name .file-tone-primary {
  color: var(--theme-primary-color);
}
.file-hub-page .file-hub-list-name .file-tone-success {
  color: rgb(var(--theme-success-rgb));
}
.file-hub-page .file-hub-list-name .file-tone-warning {
  color: rgb(var(--theme-warning-rgb));
}
.file-hub-page .file-hub-list-name .file-tone-danger {
  color: rgb(var(--theme-danger-rgb));
}
.file-hub-page .file-hub-list-name .file-tone-info {
  color: rgb(var(--theme-info-rgb));
}
.file-hub-details {
  --bs-offcanvas-width: min(27rem, calc(100vw - 1rem));
}
.file-hub-details .offcanvas-header {
  padding: 1rem;
}
.file-hub-details .offcanvas-body {
  padding: 1.25rem;
}
.file-hub-details .file-hub-preview-icon {
  display: grid;
  width: 5rem;
  height: 5rem;
  margin: 1rem auto;
  place-items: center;
  border-radius: 1rem;
  font-size: 2.3rem;
}
.file-hub-details .file-tone-primary {
  background: rgba(var(--theme-primary-rgb), 0.1);
  color: var(--theme-primary-color);
}
.file-hub-details .file-tone-success {
  background: rgba(var(--theme-success-rgb), 0.1);
  color: rgb(var(--theme-success-rgb));
}
.file-hub-details .file-tone-warning {
  background: rgba(var(--theme-warning-rgb), 0.1);
  color: rgb(var(--theme-warning-rgb));
}
.file-hub-details .file-tone-danger {
  background: rgba(var(--theme-danger-rgb), 0.1);
  color: rgb(var(--theme-danger-rgb));
}
.file-hub-details .file-tone-info {
  background: rgba(var(--theme-info-rgb), 0.1);
  color: rgb(var(--theme-info-rgb));
}
.file-hub-details .file-hub-details-list {
  margin: 0;
}
.file-hub-details .file-hub-details-list > div {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.7rem 0;
  border-bottom: 1px solid var(--theme-default-border);
  font-size: 0.68rem;
}
.file-hub-details .file-hub-details-list dt {
  color: var(--theme-text-muted);
  font-weight: 400;
}
.file-hub-details .file-hub-details-list dd {
  margin: 0;
  text-align: end;
}
.file-hub-details .file-hub-detail-actions {
  margin-top: 1.25rem;
}
@media (max-width: 1199.98px) {
  .file-hub-page .file-hub-workspace-grid {
    grid-template-columns: minmax(0, 1fr) 16rem;
  }
}
@media (max-width: 991.98px) {
  .file-hub-page .file-hub-workspace-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .file-hub-page .file-hub-side-panel {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .file-hub-page .file-hub-card-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 767.98px) {
  .file-hub-page .file-hub-folder-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .file-hub-page .file-hub-browser-header {
    align-items: flex-start;
    flex-direction: column;
  }
  .file-hub-page .file-hub-browser-tools {
    width: 100%;
  }
  .file-hub-page .file-hub-search {
    width: 100%;
    flex: 1 1 auto;
  }
  .file-hub-page .file-hub-browser-tools > .form-select {
    min-width: 7rem;
  }
  .file-hub-page .file-hub-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .file-hub-page .file-hub-side-panel {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 420px) {
  .file-hub-page .file-hub-card-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
.file-hub-page.file-manager-clean .file-manager-intro {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 1.5rem;
  font-size: 0.82rem;
}
.file-hub-page.file-manager-clean .file-hub-folder-grid {
  gap: 1rem;
}
.file-hub-page.file-manager-clean .file-hub-folder-card {
  padding: 1rem;
  box-shadow: none;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.5rem;
  background: var(--theme-custom-white);
}
.file-hub-page.file-manager-clean .file-hub-folder-icon {
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 0.5rem;
}
.file-hub-page.file-manager-clean .file-hub-folder-info strong {
  font-size: 0.82rem;
}
.file-hub-page.file-manager-clean .file-hub-folder-info small {
  font-size: 0.7rem;
}
.file-hub-page.file-manager-clean .file-hub-browser,
.file-hub-page.file-manager-clean .file-hub-side-card {
  box-shadow: none;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.5rem;
}
.file-hub-page.file-manager-clean .file-hub-browser-header {
  padding: 1.1rem;
  gap: 1rem;
  flex-wrap: wrap;
}
.file-hub-page.file-manager-clean .file-hub-browser-tools {
  flex-wrap: wrap;
  gap: 0.5rem;
  min-width: 0;
}
.file-hub-page.file-manager-clean .file-hub-search {
  background: var(--theme-default-body-bg-color);
  border-radius: 0.4rem;
}
.file-hub-page.file-manager-clean .file-hub-filter-bar {
  padding: 0.75rem 1rem;
  gap: 0.35rem;
  overflow-x: auto;
}
.file-hub-page.file-manager-clean .file-hub-filter-bar button {
  flex-shrink: 0;
  border-radius: 0.35rem;
  padding: 0.4rem 0.65rem;
  font-size: 0.75rem;
}
.file-hub-page.file-manager-clean .file-hub-card-grid {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 12rem), 1fr));
  padding: 1rem;
  gap: 1rem;
}
.file-hub-page.file-manager-clean .file-hub-file-card {
  border: 1px solid var(--theme-default-border);
  border-radius: 0.5rem;
  box-shadow: none;
  overflow: hidden;
}
.file-hub-page.file-manager-clean .file-hub-file-card[hidden] {
  display: none;
}
.file-hub-page.file-manager-clean .file-hub-file-card:hover {
  box-shadow: none;
  border-color: rgba(var(--theme-primary-rgb), 0.2);
  transform: none;
}
.file-hub-page.file-manager-clean .file-hub-card-cover {
  height: 7.5rem;
  min-height: 0;
  background: var(--theme-default-body-bg-color);
}
.file-hub-page.file-manager-clean .file-hub-cover-icon {
  font-size: 2.5rem;
}
.file-hub-page.file-manager-clean .file-hub-cover-tag {
  font-size: 0.6rem;
  letter-spacing: 0.03em;
}
.file-hub-page.file-manager-clean .file-hub-card-info {
  padding: 0.85rem;
}
.file-hub-page.file-manager-clean .file-hub-card-info h3 {
  font-size: 0.8rem;
}
.file-hub-page.file-manager-clean .file-hub-card-meta {
  padding-top: 0.65rem;
  font-size: 0.67rem;
}
.file-hub-page.file-manager-clean .file-hub-member strong,
.file-hub-page.file-manager-clean .file-hub-activity strong {
  font-size: 0.78rem;
}
.file-hub-page.file-manager-clean button:focus-visible,
.file-hub-page.file-manager-clean a:focus-visible {
  outline: 2px solid var(--theme-primary-color);
  outline-offset: 2px;
}
@media (max-width: 575.98px) {
  .file-hub-page.file-manager-clean .file-manager-intro {
    align-items: flex-start;
    flex-direction: column;
  }
  .file-hub-page.file-manager-clean .file-hub-browser-tools {
    width: 100%;
  }
  .file-hub-page.file-manager-clean .file-hub-search {
    width: 100%;
  }
  .file-hub-page.file-manager-clean .file-hub-browser-tools .form-select {
    flex: 1;
    width: auto;
  }
  .file-hub-page.file-manager-clean .file-hub-folder-card .avatar-list-stacked {
    display: none;
  }
}
.drive-page {
  display: grid;
  grid-template-columns: 15.5rem minmax(0, 1fr);
  gap: 0.5rem;
  color: var(--theme-default-text-color);
  min-height: 42rem;
  font-family: var(--theme-default-font-family);
  font-size: 0.875rem;
}
.drive-page .drive-sidebar,
.drive-page .drive-content {
  background: var(--theme-custom-white);
  border: 1px solid var(--theme-default-border);
  border-radius: 0.35rem;
  min-width: 0;
  margin-bottom: 0;
}
.drive-page .drive-sidebar {
  padding: 1rem;
}
.drive-page .drive-upload {
  width: 100%;
  margin-bottom: 1rem;
}
.drive-page .drive-nav-item {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 0.8rem;
  padding: 0.3rem 0.85rem;
  margin-bottom: 4px;
  border: 0;
  background: transparent;
  color: var(--theme-default-text-color);
  font-size: 0.8125rem;
  border-radius: 0.35rem;
  text-align: start;
}
.drive-page .drive-nav-item i {
  font-size: 1.1rem;
  color: var(--theme-text-muted);
}
.drive-page .drive-nav-item:hover,
.drive-page .drive-nav-item.active {
  background: rgb(var(--theme-light-rgb));
}
.drive-page .drive-category-heading {
  font-size: 0.8125rem;
  font-weight: 500;
  margin: 1rem 0 0.75rem 0.5rem;
}
.drive-page .drive-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
  padding: 1rem 1rem;
  border-bottom: 1px dashed var(--theme-default-border);
}
.drive-page .drive-search {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  border: 1px solid var(--theme-default-border);
  padding: 0.35rem 0.85rem;
  border-radius: 0.35rem;
  width: 18rem;
  max-width: 100%;
}
.drive-page .drive-search i {
  color: var(--theme-text-muted);
  font-size: 1rem;
}
.drive-page .drive-search input {
  width: 100%;
  min-width: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  padding: 0;
  min-height: auto;
  color: inherit;
  font-size: 0.8125rem;
}
.drive-page .drive-search:focus-within {
  border-color: var(--theme-primary-color);
}
.drive-page .drive-filters {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  font-size: 0.8125rem;
}
.drive-page .drive-filters .form-select {
  width: 10rem;
}
.drive-page .drive-filters #drive-limit {
  width: 5rem;
}
.drive-page .drive-folders {
  padding: 1rem;
}
.drive-page .folder-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.8rem;
}
.drive-page .drive-folder {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  padding: 1rem;
  border: 1px solid var(--theme-default-border);
  background: var(--theme-custom-white);
  border-radius: 0.35rem;
  box-shadow: none;
  text-align: start;
  color: inherit;
  min-width: 0;
}
.drive-page .drive-folder > span:nth-child(2) {
  min-width: 0;
}
.drive-page .drive-folder strong {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.8125rem;
  font-weight: 500;
}
.drive-page .drive-folder small {
  display: block;
  margin-top: 0.15rem;
  color: var(--theme-text-muted);
  font-size: 0.75rem;
}
.drive-page .drive-folder:hover {
  border-color: rgba(var(--theme-dark-rgb), 0.1);
}
.drive-page .filemanager-container {
  height: clamp(34rem, 100vh - 12rem, 58rem);
  overflow-y: scroll;
}
.drive-page .drive-folder-icon,
.drive-page .drive-file-icon {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 2.75rem;
  height: 2.75rem;
  background: rgb(var(--theme-light-rgb));
  color: var(--theme-text-muted);
  border-radius: 0.35rem;
  font-size: 1.65rem;
}
.drive-page .drive-folder-more {
  margin-inline-start: auto;
  color: var(--theme-text-muted);
}
.drive-page .drive-table {
  min-width: 780px;
  white-space: nowrap;
}
.drive-page .drive-table th {
  font-size: 0.7rem;
  font-weight: 600;
  color: var(--theme-text-muted);
  background: var(--theme-default-body-bg-color);
  padding: 0.85rem 1rem;
  white-space: nowrap;
}
.drive-page .drive-table td {
  padding: 0.85rem 1rem;
  vertical-align: middle;
  font-size: 0.8125rem;
}
.drive-page .drive-table th:first-child,
.drive-page .drive-table td:first-child {
  padding-inline-end: 0;
}
.drive-page .drive-table th button {
  border: 0;
  background: transparent;
  padding: 0;
  color: inherit;
  font: inherit;
}
.drive-page .drive-file-name {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  text-align: start;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
}
.drive-page .drive-file-name strong {
  display: block;
  font-size: 0.8125rem;
  font-weight: 500;
  max-width: 12rem;
  overflow-wrap: anywhere;
}
.drive-page .drive-file-name small {
  display: block;
  color: var(--theme-text-muted);
  margin-top: 0.4rem;
}
.drive-page .drive-owner {
  display: flex;
  align-items: center;
  gap: 0.65rem;
}
.drive-page .drive-owner img {
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
}
.drive-page .drive-row-actions {
  display: flex;
  gap: 0.5rem;
}
.drive-page .drive-row-actions button {
  color: var(--theme-text-muted);
}
.drive-page .drive-row-actions .active {
  color: rgb(var(--theme-warning-rgb));
}
.drive-page .drive-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.5rem;
  border-top: 1px solid var(--theme-default-border);
  color: var(--theme-text-muted);
  font-size: 0.75rem;
}
.drive-page .drive-empty {
  display: grid;
  gap: 0.5rem;
  padding: 2rem;
  justify-items: center;
  color: var(--theme-text-muted);
}
.drive-page .drive-empty i {
  font-size: 2rem;
}
.drive-page [hidden] {
  display: none !important;
}
.drive-page button:focus-visible {
  outline: 2px solid var(--theme-primary-color);
  outline-offset: 2px;
}
@media (max-width: 1199.98px) {
  .drive-page {
    grid-template-columns: 13rem minmax(0, 1fr);
  }
  .drive-page .drive-sidebar {
    padding: 1rem;
  }
  .drive-page .drive-folders {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767.98px) {
  .folder-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .drive-page {
    grid-template-columns: minmax(0, 1fr);
  }
  .drive-page .drive-sidebar {
    padding: 1rem;
  }
  .drive-page .drive-sidebar nav {
    display: flex;
    flex-wrap: wrap;
  }
  .drive-page .drive-nav-item {
    width: auto;
    font-size: 0.75rem;
  }
  .drive-page .drive-category-heading {
    margin: 1rem 0 0.5rem;
  }
  .drive-page .drive-upload {
    margin-bottom: 0.75rem;
  }
  .drive-page .drive-toolbar,
  .drive-page .drive-folders {
    padding: 1rem;
  }
  .drive-page .drive-search {
    width: 100%;
  }
  .drive-page .drive-filters {
    flex-wrap: wrap;
    width: 100%;
    gap: 0.5rem;
  }
}
@media (max-width: 479.98px) {
  .folder-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
  .drive-page .drive-folders {
    grid-template-columns: minmax(0, 1fr);
  }
}
.drive-page .drive-folder strong,
.drive-page .drive-file-name strong {
  font-size: 0.8125rem;
  font-weight: 500;
}
.drive-page .drive-folder small,
.drive-page .drive-file-name small {
  font-size: 0.75rem;
}
.drive-page .drive-table th {
  font-size: 0.75rem;
}
.drive-page .drive-table td {
  font-size: 0.8125rem;
}
.drive-page .drive-file-name {
  font-family: inherit;
}
.drive-page .drive-nav-item {
  font-family: inherit;
}
.drive-page .drive-folder {
  white-space: normal;
}
.drive-page .drive-folder-icon,
.drive-page .drive-file-icon {
  border-radius: 0.35rem;
}
#file-details-panel {
  --bs-offcanvas-width: min(24rem, 100vw);
  background: var(--theme-custom-white);
  color: var(--theme-default-text-color);
  font-family: var(--theme-default-font-family);
  font-size: 0.875rem;
}
#file-details-panel .offcanvas-header,
#file-details-panel .offcanvas-body {
  padding: 1.25rem;
}
#file-details-panel .file-hub-preview-icon {
  width: 5rem;
  height: 5rem;
  margin: 0 auto 1rem;
  border-radius: 0.35rem;
  font-size: 2rem;
}
#file-details-panel .file-hub-details-list {
  margin-bottom: 1.5rem;
}
#file-details-panel .file-hub-details-list > div {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding-block: 0.75rem;
  border-bottom: 1px solid var(--theme-default-border);
}
#file-details-panel .file-hub-details-list dt {
  color: var(--theme-text-muted);
  font-weight: 400;
  font-size: 0.8125rem;
}
#file-details-panel .file-hub-details-list dd {
  margin: 0;
  text-align: end;
  font-size: 0.8125rem;
  overflow-wrap: anywhere;
}
@media (min-width: 992px) {
  [data-nav-style=menu-hover][data-sidebar-layout=horizontal][data-theme-color=dark] .landing-body .sidenav-menu .sidenav-item.has-submenu.open .sidenav-submenu.sidenav-level-1::before {
    border-block-start-color: rgba(0, 0, 0, 0.1);
    border-inline-start-color: rgba(0, 0, 0, 0.1);
  }
  [data-nav-style=menu-hover][data-sidebar-layout=horizontal][data-theme-color=dark][dir=rtl] .sidenav-item.has-submenu.open .sidenav-submenu.sidenav-level-1::before {
    border-inline-end-color: var(--border);
    border-inline-start-color: transparent !important;
  }
  [data-nav-style=menu-hover][data-sidebar-layout=horizontal] .landing-body .sidenav-menu .sidenav-link .sidenav-submenu-toggle {
    color: var(--theme-default-text-color);
  }
  [data-nav-style=menu-hover][data-sidebar-layout=horizontal] .landing-body .sidenav-menu .sidenav-item.has-submenu.open .sidenav-submenu.sidenav-level-1 .sidenav-item .sidenav-link .sidenav-submenu-toggle,
  [data-nav-style=menu-hover][data-sidebar-layout=horizontal] .landing-body .sidenav-menu .sidenav-item.has-submenu.open .sidenav-submenu.sidenav-level-2 .sidenav-item .sidenav-link .sidenav-submenu-toggle,
  [data-nav-style=menu-hover][data-sidebar-layout=horizontal] .landing-body .sidenav-menu .sidenav-item.has-submenu.open .sidenav-submenu.sidenav-level-3 .sidenav-item .sidenav-link .sidenav-submenu-toggle {
    color: var(--theme-menu-prime-color) !important;
  }
  [data-nav-style=menu-hover][data-sidebar-layout=horizontal] .landing-body .sidenav-menu .sidenav-item.has-submenu.open .sidenav-submenu.sidenav-level-1 .sidenav-item .sidenav-link:hover,
  [data-nav-style=menu-hover][data-sidebar-layout=horizontal] .landing-body .sidenav-menu .sidenav-item.has-submenu.open .sidenav-submenu.sidenav-level-1 .sidenav-item .sidenav-link.active,
  [data-nav-style=menu-hover][data-sidebar-layout=horizontal] .landing-body .sidenav-menu .sidenav-item.has-submenu.open .sidenav-submenu.sidenav-level-2 .sidenav-item .sidenav-link:hover,
  [data-nav-style=menu-hover][data-sidebar-layout=horizontal] .landing-body .sidenav-menu .sidenav-item.has-submenu.open .sidenav-submenu.sidenav-level-2 .sidenav-item .sidenav-link.active,
  [data-nav-style=menu-hover][data-sidebar-layout=horizontal] .landing-body .sidenav-menu .sidenav-item.has-submenu.open .sidenav-submenu.sidenav-level-3 .sidenav-item .sidenav-link:hover,
  [data-nav-style=menu-hover][data-sidebar-layout=horizontal] .landing-body .sidenav-menu .sidenav-item.has-submenu.open .sidenav-submenu.sidenav-level-3 .sidenav-item .sidenav-link.active {
    color: var(--theme-primary-color);
  }
  [data-nav-style=menu-hover][data-sidebar-layout=horizontal] .landing-body .sidenav-menu .sidenav-item.has-submenu.open .sidenav-submenu.sidenav-level-1 .sidenav-item .sidenav-link:hover .sidenav-submenu-toggle,
  [data-nav-style=menu-hover][data-sidebar-layout=horizontal] .landing-body .sidenav-menu .sidenav-item.has-submenu.open .sidenav-submenu.sidenav-level-1 .sidenav-item .sidenav-link.active .sidenav-submenu-toggle,
  [data-nav-style=menu-hover][data-sidebar-layout=horizontal] .landing-body .sidenav-menu .sidenav-item.has-submenu.open .sidenav-submenu.sidenav-level-2 .sidenav-item .sidenav-link:hover .sidenav-submenu-toggle,
  [data-nav-style=menu-hover][data-sidebar-layout=horizontal] .landing-body .sidenav-menu .sidenav-item.has-submenu.open .sidenav-submenu.sidenav-level-2 .sidenav-item .sidenav-link.active .sidenav-submenu-toggle,
  [data-nav-style=menu-hover][data-sidebar-layout=horizontal] .landing-body .sidenav-menu .sidenav-item.has-submenu.open .sidenav-submenu.sidenav-level-3 .sidenav-item .sidenav-link:hover .sidenav-submenu-toggle,
  [data-nav-style=menu-hover][data-sidebar-layout=horizontal] .landing-body .sidenav-menu .sidenav-item.has-submenu.open .sidenav-submenu.sidenav-level-3 .sidenav-item .sidenav-link.active .sidenav-submenu-toggle {
    color: var(--theme-primary-color) !important;
  }
  [data-nav-style=menu-hover][data-sidebar-layout=horizontal] .landing-body .sidenav-menu .sidenav-item.has-submenu.open .sidenav-submenu.sidenav-level-1 .sidenav-item .sidenav-link:hover:before,
  [data-nav-style=menu-hover][data-sidebar-layout=horizontal] .landing-body .sidenav-menu .sidenav-item.has-submenu.open .sidenav-submenu.sidenav-level-1 .sidenav-item .sidenav-link.active:before,
  [data-nav-style=menu-hover][data-sidebar-layout=horizontal] .landing-body .sidenav-menu .sidenav-item.has-submenu.open .sidenav-submenu.sidenav-level-2 .sidenav-item .sidenav-link:hover:before,
  [data-nav-style=menu-hover][data-sidebar-layout=horizontal] .landing-body .sidenav-menu .sidenav-item.has-submenu.open .sidenav-submenu.sidenav-level-2 .sidenav-item .sidenav-link.active:before,
  [data-nav-style=menu-hover][data-sidebar-layout=horizontal] .landing-body .sidenav-menu .sidenav-item.has-submenu.open .sidenav-submenu.sidenav-level-3 .sidenav-item .sidenav-link:hover:before,
  [data-nav-style=menu-hover][data-sidebar-layout=horizontal] .landing-body .sidenav-menu .sidenav-item.has-submenu.open .sidenav-submenu.sidenav-level-3 .sidenav-item .sidenav-link.active:before {
    border-color: var(--theme-primary-color) !important;
  }
  [data-nav-style=menu-hover][data-sidebar-layout=horizontal] .landing-body .sidenav-menu .sidenav-link {
    border-radius: 0.25rem;
    padding: 1.35rem 1rem;
  }
  [data-nav-style=menu-hover][data-sidebar-layout=horizontal] .landing-body .sidenav-menu .sidenav-submenu.sidenav-level-1 {
    border-radius: 0.25rem;
    padding: 0.55rem 0.3rem;
  }
  [data-nav-style=menu-hover][data-sidebar-layout=horizontal] .landing-body .sidenav-menu .sidenav-submenu.sidenav-level-1 .sidenav-link {
    padding: 0.5rem 1rem;
    font-weight: 500;
  }
  [data-nav-style=menu-hover][data-sidebar-layout=horizontal] .landing-body .sidenav-menu .sidenav-item.has-submenu.open .sidenav-submenu.sidenav-level-1 {
    overflow: visible !important;
  }
  [data-nav-style=menu-hover][data-sidebar-layout=horizontal] .landing-body .sidenav-menu .sidenav-item.has-submenu.open .sidenav-submenu.sidenav-level-1::before {
    content: "";
    position: inherit !important;
    inset-block-start: -7px;
    inset-inline-start: 10%;
    width: 13px;
    height: 13px;
    z-index: 99999;
    border: 1px solid transparent;
    border-block-start-color: var(--border);
    border-inline-start-color: var(--border);
    transform: rotate(45deg);
    background-color: var(--theme-custom-white);
  }
  [data-nav-style=menu-hover][data-sidebar-layout=horizontal] .landing-body .sidenav-menu .sidenav-link.active,
  [data-nav-style=menu-hover][data-sidebar-layout=horizontal] .landing-body .sidenav-menu .sidenav-link:hover {
    background-color: transparent !important;
  }
  [data-nav-style=menu-hover][data-sidebar-layout=horizontal] .landing-body .sidenav-menu .sidenav-submenu.sidenav-level-1 .sidenav-item .sidenav-link:before {
    inset-block-start: 0.838rem;
    inset-inline-start: 0.65rem;
  }
  [data-nav-style=menu-hover][data-sidebar-layout=horizontal] .landing-body .sidenav-menu .sidenav-link:hover .sidenav-submenu-toggle {
    color: var(--theme-primary-color) !important;
  }
  [data-nav-style=menu-hover][data-sidebar-layout=horizontal] .landing-body .sidenav-menu .sidenav-link-label {
    color: var(--theme-default-text-color);
  }
  [data-nav-style=menu-hover][data-sidebar-layout=horizontal] .landing-body .sidenav-menu .sidenav-link.active,
  [data-nav-style=menu-hover][data-sidebar-layout=horizontal] .landing-body .sidenav-menu .sidenav-link:hover {
    background-color: var(--theme-primary-color);
    color: var(--theme-primary-color);
  }
  [data-nav-style=menu-hover][data-sidebar-layout=horizontal] .landing-body .sidenav-menu .sidenav-link.active .sidenav-link-label,
  [data-nav-style=menu-hover][data-sidebar-layout=horizontal] .landing-body .sidenav-menu .sidenav-link.active .sidenav-submenu-toggle,
  [data-nav-style=menu-hover][data-sidebar-layout=horizontal] .landing-body .sidenav-menu .sidenav-link:hover .sidenav-link-label,
  [data-nav-style=menu-hover][data-sidebar-layout=horizontal] .landing-body .sidenav-menu .sidenav-link:hover .sidenav-submenu-toggle {
    color: var(--theme-primary-color);
  }
  [data-sidebar-layout=horizontal] .landing-body .sidenav-menu .sidenav-submenu-toggle {
    inset-inline-end: 0;
  }
  .flex-none {
    flex: none;
  }
  [data-sidebar-layout=horizontal] .landing-body .sidenav-menu .sidenav-list > .sidenav-item {
    margin: 0;
  }
}
@media (min-width: 992px) {
  [data-sidebar-layout=horizontal] .landing-body .landing-page-wrapper .sidenav-menu {
    position: relative;
    border-block-end: 1px solid var(--theme-default-border);
  }
  [data-sidebar-layout=horizontal] .landing-body .landing-page-wrapper .sidenav-menu.sticky.sticky-pin {
    position: fixed;
  }
}
.svg-container {
  position: relative;
}
.svg-container svg {
  position: relative;
  width: 4rem;
  height: 4rem;
}
.svg-container:before {
  position: absolute;
  content: "";
  width: 60px;
  height: 60px;
  inset-inline-end: -1rem;
  inset-block-end: -2rem;
  background-color: rgba(var(--theme-primary-rgb), 0.1);
  border-radius: 40% 60% 60% 40%/70% 30% 70% 30%;
  z-index: 1;
}
.landing-body {
  background-color: var(--theme-custom-white);
}
.landing-body .sidenav-menu {
  border-bottom: 0;
}
.landing-body .sidenav-menu .sidenav-link {
  padding: 0.8rem 1rem;
}
.landing-body .sidenav-menu .sidenav-link.active,
.landing-body .sidenav-menu .sidenav-link:hover {
  color: var(--theme-primary-color) !important;
}
.landing-body .sidenav-menu.sticky.sticky-pin .sidenav-link.active {
  font-weight: normal;
}
.landing-body .sidenav-menu.sticky.sticky-pin .sidenav-link.active .sidenav-link-label {
  color: var(--theme-primary-color) !important;
}
.landing-body .sidenav-menu.sticky.sticky-pin .sidenav-link.active .sidenav-submenu-toggle {
  color: var(--theme-primary-color) !important;
}
.landing-body .accordion.accordion-primary .accordion-button.collapsed:after {
  background-color: rgba(var(--theme-primary-rgb), 0.1);
  color: var(--theme-primary-color);
}
@media (min-width: 992px) {
  .landing-body .sidenav-menu {
    inset-block-start: 0;
    padding: 0.5rem 0;
    height: auto !important;
    background-color: var(--theme-custom-white);
    box-shadow: none;
    border-inline-end: 0;
  }
  .landing-body .sidenav-menu .sidenav-menu-content {
    height: auto !important;
    width: 100%;
  }
  .landing-body .sidenav-menu.sticky.sticky-pin {
    background-color: var(--theme-custom-white);
    box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.1);
  }
  .landing-body .sidenav-menu.sticky.sticky-pin .sidenav-link .sidenav-submenu-toggle {
    color: var(--theme-menu-prime-color);
  }
  .landing-body .sidenav-menu.sticky.sticky-pin .sidenav-link:hover .sidenav-submenu-toggle {
    color: var(--theme-primary-color) !important;
  }
  .landing-body .sidenav-menu.sticky.sticky-pin.sidenav-menu .sidenav-link-label {
    color: var(--theme-default-text-color);
  }
  .landing-body .sidenav-menu.sticky.sticky-pin .landing-logo-container .topbar-logo-wrap .desktop-dark {
    display: none;
  }
  .landing-body .sidenav-menu.sticky.sticky-pin .landing-logo-container .topbar-logo-wrap .desktop-logo {
    display: block;
  }
  .landing-body .sidenav-menu.sticky.sticky-pin.sidenav-menu .sidenav-link:hover .sidenav-link-label {
    color: var(--theme-primary-color) !important;
  }
  .landing-body .sidenav-menu.sidenav-menu .sidenav-item.has-submenu.open .sidenav-submenu.sidenav-level-1::before {
    border-block-start-color: var(--theme-default-border) !important;
    border-inline-start-color: var(--theme-default-border) !important;
  }
  .landing-body .topbar {
    display: none;
  }
  .landing-body .sidenav-menu-header {
    display: block !important;
  }
  .landing-body .sidenav-navigation {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .landing-body .sidenav-navigation .sidenav-scroll-left,
  .landing-body .sidenav-navigation .sidenav-scroll-right {
    display: none;
  }
  .landing-body .main-content {
    padding: 0;
    min-height: calc(100vh - 7.9rem);
  }
  .landing-body .landing-logo-container .topbar-logo-wrap .header-logo .desktop-logo {
    display: block;
  }
  .landing-body .landing-logo-container .topbar-logo-wrap .header-logo .desktop-dark {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .landing-body .sidenav-menu .sidenav-link.active,
  .landing-body .sidenav-menu .sidenav-link:hover {
    background-color: transparent;
  }
  .landing-body .sidenav-navigation .sidenav-list {
    padding-inline: 20px !important;
    width: 100%;
  }
  .landing-body .sidenav-menu .sidenav-submenu {
    padding-inline-start: 2rem;
  }
  .landing-body .sidenav-menu .sidenav-item {
    padding: 0;
  }
}
.landing-body .sidenav-navigation .sidenav-list {
  padding-inline-start: 0;
}
.landing-body .app-content {
  margin-block-start: 4rem;
}
.landing-body .section {
  padding: 4.375rem 0;
  background-size: cover;
  position: relative;
}
.landing-body .section.section-primary {
  background-color: var(--theme-primary-color);
}
.landing-body .section.section-primary .heading-section {
  color: #fff;
}
.landing-body .section.section-primary .heading-section .heading-description {
  color: rgba(255, 255, 255, 0.8);
}
.landing-body .section.section-primary .heading-section .heading-subtitle {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}
.landing-body .section.section-primary .heading-section .heading-subtitle::before,
.landing-body .section.section-primary .heading-section .heading-subtitle::after {
  background-color: #fff;
}
.landing-body .stats-point {
  position: relative;
}
.landing-body .stats-point:before {
  content: "";
  position: absolute;
  font-family: remixicon !important;
  inset-inline-start: 5rem;
  inset-block-start: -10px;
  color: var(--theme-primary-color);
  font-size: 3rem;
  opacity: 0.1;
  line-height: 1;
}
.landing-body .stats-point.one::before {
  content: "\ede2";
  position: absolute;
}
.landing-body .stats-point.two::before {
  content: "\f11d";
  position: absolute;
}
.landing-body .stats-point.three::before {
  content: "\eaf4";
  position: absolute;
}
.landing-body .stats-point.four::before {
  content: "\ee0e";
  position: absolute;
}
.landing-body .landing-banner {
  position: relative;
  width: 100%;
  inset-block-start: 0;
  padding-block: 8rem;
  z-index: 1;
  background-image:
    linear-gradient(
      to top,
      rgba(var(--theme-primary-rgb), 0.05),
      transparent);
}
.landing-body .landing-banner .landing-banner-heading {
  text-shadow: 1px 1px var(--theme-black-1);
  font-size: 3rem;
  color: var(--theme-default-text-color);
}
.landing-body .landing-banner .banner-buttons {
  margin-top: 2rem;
}
.landing-body .landing-banner .banner-main-img img {
  max-height: 400px;
}
.landing-body .landing-banner .banner-image-container {
  position: absolute;
  width: 100%;
  height: 100%;
  inset-inline-start: 0;
  inset-block-start: 0;
  z-index: -1;
  opacity: 0.075;
}
.landing-body .landing-banner .banner-image-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.landing-body .trusted-clients-container img {
  max-height: 120px;
  width: auto;
  margin: 0 auto;
}
.landing-body .heading-section {
  text-align: center;
  margin-block-end: 3rem;
}
.landing-body .heading-subtitle {
  position: relative;
  display: inline-block;
}
.landing-body .heading-subtitle {
  font-size: 1rem;
  color: var(--theme-primary-color);
  font-weight: 500;
  display: inline;
  padding: 0.25rem 1.5rem;
  background-color: rgba(var(--theme-primary-rgb), 0.1);
  border-radius: 0.3rem;
}
.landing-body .heading-subtitle:before {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: var(--theme-primary-color);
  border-radius: 50%;
  inset-inline-start: 10px;
  inset-block-start: 13px;
}
.landing-body .heading-subtitle:after {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: var(--theme-primary-color);
  border-radius: 50%;
  inset-inline-end: 10px;
  inset-block-start: 13px;
}
.landing-body .heading-description {
  font-size: 18px;
  color: var(--theme-text-muted);
}
.landing-body .heading-title {
  font-size: 2rem;
  font-weight: 600;
  margin-block-end: 0.5rem;
  margin-block-start: 0.75rem;
}
@media (max-width: 767.98px) {
  .landing-body .landing-main-image {
    display: none;
  }
  .landing-body .landing-banner .main-banner-container {
    padding: 1rem;
  }
}
@media (max-width: 1115.98px) {
  .landing-body .landing-main-image::before,
  .landing-body .landing-main-image::after {
    display: none;
  }
}
@media (max-width: 480px) {
  .landing-body .landing-banner .section {
    padding: 2.375rem 0;
  }
}
.landing-body .landing-main-image {
  position: relative;
  z-index: 10;
}
.landing-body .landing-main-image img {
  z-index: 11;
  position: relative;
  margin-block-start: -10px;
}
.landing-body .landing-page-wrapper {
  position: relative;
  min-height: calc(100vh - 3.4rem);
}
.landing-body .main-landing-image {
  width: 37.5rem;
  padding: 0.5rem;
  border-radius: 0.35rem;
  background-color: rgba(var(--theme-primary-rgb), 0.1);
}
.landing-body .brand-img-white {
  display: block;
}
.landing-body .brand-img-light {
  display: block;
}
.landing-body .sidenav-menu .sidenav-link-label {
  font-weight: 500;
  font-size: 1rem;
}
.landing-body .landing-section-heading {
  position: relative;
}
.landing-body .landing-missions,
.landing-body .landing-missions-dark {
  position: relative;
  overflow: hidden;
  z-index: 1;
  box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.05) !important;
}
.landing-body .landing-missions:before,
.landing-body .landing-missions-dark:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.15rem;
  inset-block-start: 0;
  inset-inline-start: 0;
  border-radius: 3.125rem;
}
.landing-body .landing-missions svg,
.landing-body .landing-missions-dark svg {
  width: 1.5rem;
  height: 1.5rem;
}
.landing-body .customize-image img {
  width: 30.5rem;
  height: 20rem;
  margin-block-start: 20px;
  padding: 15px;
  position: relative;
}
.landing-body .landing-footer {
  background-color: rgb(35, 35, 35);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.landing-body .landing-footer .landing-footer-list li {
  margin-bottom: 0.5rem;
}
.landing-body .landing-footer .landing-footer-list li:last-child {
  margin-bottom: 0;
}
.landing-body .landing-main-footer {
  background-color: rgb(35, 35, 35);
}
.landing-body .landing-testimonials .swiper-pagination-bullet {
  background: var(--theme-primary-color) !important;
}
.landing-body .landing-testimonials .swiper-pagination-bullet:active {
  background: var(--theme-primary-color) !important;
}
.landing-body .team-card {
  transition: box-shadow 0.2s ease-in;
}
.landing-body .team-card:hover {
  box-shadow: 0 0.25rem 1rem 0 rgba(0, 0, 0, 0.05);
  transition: box-shadow 0.2s ease-in;
}
.landing-body .team-card .team-avatar {
  box-shadow: 0 0 0 0.5rem rgba(0, 0, 0, 0.05);
}
.landing-body .section-bg {
  background-color: var(--theme-gray-1);
}
@media (min-width: 992px) {
  [data-theme-color=dark] .landing-body .sidenav-navigation .landing-logo-container .topbar-logo-wrap .header-logo .desktop-dark,
  [data-theme-color=dark] .landing-body .ecommerce-brand-header .landing-logo-container .topbar-logo-wrap .header-logo .desktop-dark {
    display: block !important;
  }
  [data-theme-color=dark] .landing-body .sidenav-navigation .landing-logo-container .topbar-logo-wrap .header-logo .desktop-logo,
  [data-theme-color=dark] .landing-body .ecommerce-brand-header .landing-logo-container .topbar-logo-wrap .header-logo .desktop-logo {
    display: none !important;
  }
}
@media (max-width: 991.98px) {
  [data-theme-color=dark] .landing-body .topbar .topbar-container .topbar-logo-wrap .header-logo .desktop-logo {
    display: none;
  }
  [data-theme-color=dark] .landing-body .topbar .topbar-container .topbar-logo-wrap .header-logo .desktop-dark {
    display: block;
  }
  [data-theme-color=dark] .landing-body .ecommerce-brand-header .brand-header-container .topbar-logo-wrap .header-logo .desktop-logo {
    display: none;
  }
  [data-theme-color=dark] .landing-body .ecommerce-brand-header .brand-header-container .topbar-logo-wrap .header-logo .desktop-dark {
    display: block;
  }
}
[data-theme-color=dark] .landing-body .sidenav-menu.sticky.sticky-pin .landing-logo-container .topbar-logo-wrap .desktop-dark {
  display: none;
}
[data-theme-color=dark] .brand-img-light {
  display: block;
}
[data-theme-color=dark] .brand-img-white {
  display: none;
}
[data-theme-color=dark] .section-bg {
  background-color: var(--theme-black-1);
}
@media (max-width: 420px) {
  .landing-body .landing-banner .main-banner-container {
    padding: 1rem;
  }
  .landing-body .landing-banner .landing-banner-heading {
    font-size: 2rem;
  }
}
@media (max-width: 992px) {
  .landing-body .sidenav-menu .sidenav-submenu.sidenav-level-1 li,
  .landing-body .sidenav-menu .sidenav-submenu.sidenav-level-2 li,
  .landing-body .sidenav-menu .sidenav-submenu.sidenav-level-3 li {
    padding: 0;
    padding-inline-start: 0;
    position: relative;
  }
}
[dir=rtl] .landing-body .testimonial-card,
[dir=rtl] .landing-body .featured-card-1 {
  direction: rtl;
}
@media (max-width: 480px) {
  .jobs-landing .landing-banner .section {
    padding: 4.375rem 0;
  }
  .jobs-landing .landing-banner .section .main-banner-container .custom-form-group .form-control-lg {
    padding: 0.5rem 0.5rem;
  }
  .jobs-landing .landing-banner .section .main-banner-container .custom-form-btn .btn span {
    display: none;
  }
}
.ad-search-container {
  background-color: var(--theme-primary-color) !important;
}
.landing-body .landing-main-footer .landing-footer-list li {
  display: inline-block;
  padding: 0 12px;
}
.landing-body .icon-style1 {
  padding: 8px;
  display: inline-block;
  background-color: rgba(var(--theme-primary-rgb), 0.1);
  border-radius: 50% 50% 0 50%;
}
.steps-card {
  position: relative;
  z-index: 1;
}
.steps-card.first::after {
  content: "1";
}
.steps-card.second::after {
  content: "2";
}
.steps-card.third::after {
  content: "3";
}
.steps-card::after {
  content: "";
  position: absolute;
  inset-inline-end: 0.5rem;
  inset-block-start: 0rem;
  color: rgb(var(--theme-light-rgb));
  font-size: 100px;
  line-height: 1;
  font-weight: bold;
  z-index: -1;
  opacity: 0.7;
}
@media (max-width: 991.98px) {
  .landing-body .main-content {
    padding-block-start: 4.25rem;
  }
  .landing-body .animated-arrow span {
    inset-block-start: 1.15rem;
  }
  .landing-body.ecommerce-landing .main-content {
    padding-block-start: 0;
  }
}
.landing-body .animated-arrow {
  z-index: 8;
}
@media (max-width: 991.98px) {
  .landing-body.ecommerce-landing .sidenav-menu .categories-menu {
    padding-inline: 2rem;
  }
}
@media (max-width: 991.98px) {
  .btn.menu-btn {
    margin-block-start: 1.5rem;
    display: block;
    width: 100%;
    margin-inline: 2.25rem;
  }
}
@media (min-width: 992px) {
  .landing-body .sidenav-item.has-submenu.open > .sidenav-link .sidenav-submenu-toggle {
    transform: rotate(270deg);
  }
}
@media (min-width: 992px) {
  .landing-body .input-group.group-search .categorydropdown {
    line-height: 2.25;
    border-radius: 0.3rem 0 0 0.3rem;
  }
}
@media (max-width: 991.98px) {
  .landing-body .input-group.group-search {
    flex-wrap: wrap;
    gap: 1rem;
  }
  .landing-body .input-group.group-search .categorydropdown,
  .landing-body .input-group.group-search .custom-form-group,
  .landing-body .input-group.group-search .search-btn {
    width: 100%;
    border-radius: 0.35rem !important;
  }
  .landing-body .input-group.group-search .custom-form-group input {
    border-radius: 0.35rem !important;
    line-height: 1.7;
  }
  .landing-body .input-group.group-search .category-dropdown-wrapper {
    width: 100%;
  }
  .landing-body .input-group.group-search .gps-location ~ .ad-dropdown {
    padding: 10px 0;
  }
  .landing-body .input-group.group-search .gps-location ~ .ad-dropdown:before {
    height: 43px;
  }
}
@media (min-width: 992px) {
  [dir=rtl] .landing-body .input-group.group-search .categorydropdown {
    border-radius: 0 0.3rem 0.3rem 0;
  }
}
@media (max-width: 991.98px) {
  .landing-body .topbar {
    border-block-end: 0;
  }
}
.card.custom-card.landing-services-card {
  overflow: hidden;
}
.card.custom-card.landing-services-card:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 100%;
  inset-inline-start: 0;
  inset-block-start: 0;
}
.card.custom-card.landing-services-card.primary:before {
  background-color: rgba(var(--theme-primary-rgb), 0.3);
}
.card.custom-card.landing-services-card.secondary:before {
  background-color: rgba(var(--theme-secondary-rgb), 0.3);
}
.card.custom-card.landing-services-card.warning:before {
  background-color: rgba(var(--theme-warning-rgb), 0.3);
}
.card.custom-card.landing-services-card.success:before {
  background-color: rgba(var(--theme-success-rgb), 0.3);
}
.card.custom-card.landing-services-card .card-body {
  padding: 2rem;
}
.services-image-container {
  position: relative;
}
.services-image-container img {
  max-height: 250px;
}
.services-image-container:before {
  position: absolute;
  content: "";
  width: 300px;
  background-position: center;
  height: 300px;
  inset-inline-start: 85px;
  z-index: 0;
  background:
    linear-gradient(
      145deg,
      rgba(var(--theme-primary-rgb), 0.1),
      transparent);
  border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
  inset-block-start: -50px;
}
.workflow-icon-container {
  position: relative;
}
.workflow-icon-container:before {
  position: absolute;
  content: "";
  width: 45px;
  height: 45px;
  inset-inline-end: 0;
  inset-block-end: 0;
  border-radius: 40% 60% 60% 40%/70% 30% 70% 30%;
  z-index: 1;
}
.workflow-icon-container.text-primary.svg-primary:before {
  background-color: rgba(var(--theme-primary-rgb), 0.1);
}
.workflow-icon-container.text-warning.svg-warning:before {
  background-color: rgba(var(--theme-warning-rgb), 0.1);
}
.workflow-icon-container.text-success.svg-success:before {
  background-color: rgba(var(--theme-success-rgb), 0.1);
}
.step-arrow-container {
  position: absolute;
  inset-inline-end: -58%;
  inset-block-end: 25%;
  opacity: 0.15;
}
.step-arrow-container img {
  max-height: 50px;
}
.chat-platforms a {
  margin-block-end: 0.5rem;
}
.landing-body .landing-payment-gateways {
  background-color: rgb(35, 35, 35);
  border-block-end: 1px solid rgba(255, 255, 255, 0.05);
}
.payment-cards {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 5px;
}
.custom-form-group {
  position: relative;
  display: flex;
  align-items: center;
}
.custom-form-group .form-control {
  padding-inline-end: 8rem;
  padding-inline-start: 20px;
  line-height: 2.25;
}
.custom-form-group .custom-form-btn {
  position: absolute;
  inset-inline-end: 0.5rem;
  border-radius: 0.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
}
.newsletter-area {
  border-block-end: 1px dashed rgba(255, 255, 255, 0.1);
}
.landing-main-footer ul.landing-footer-list li {
  position: relative;
}
.landing-main-footer ul.landing-footer-list li:before {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  inset-inline-end: -4px;
  inset-block-start: 7px;
  background-color: rgba(255, 255, 255, 0.7);
}
.landing-main-footer ul.landing-footer-list li:last-child::before {
  display: none;
}
.section.section-primary.testimonials-section,
.section.section-primary.buy-now-section {
  position: relative;
  z-index: 1;
}
.section.section-primary.testimonials-section .testimonials-background-container,
.section.section-primary.buy-now-section .testimonials-background-container {
  position: absolute;
  width: 100%;
  height: 100%;
  inset-inline-start: 0;
  inset-block-start: 0;
  z-index: -1;
}
.section.section-primary.testimonials-section .testimonials-background-container img,
.section.section-primary.buy-now-section .testimonials-background-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.section.section-primary.testimonials-section .testimonials-background-container {
  opacity: 0.1;
}
.section.section-primary.buy-now-section .testimonials-background-container {
  opacity: 0.25;
}
@media (max-width: 991.98px) {
  .landing-body .landing-banner {
    padding-block: 3rem;
  }
}
@media (max-width: 1200px) {
  .step-arrow-container {
    inset-inline-end: -71%;
  }
}
@media (min-width: 991.98px) {
  .landing-body .topbar-logo-wrap {
    padding: 0rem 0 !important;
  }
}
.mail-center-page .mail-center-layout {
  display: grid;
  grid-template-columns: 13.5rem minmax(0, 1fr);
  height: calc(100vh - 14.5rem);
  min-height: 600px;
  gap: 0.75rem;
}
.mail-center-page .mail-center-folders,
.mail-center-page .mail-center-list {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.35rem;
  background: var(--theme-custom-white);
  box-shadow: 0 2px 8px rgba(1, 26, 66, 0.035);
}
.mail-center-page .mail-center-folders {
  display: flex;
  flex-direction: column;
}
.mail-center-page .mail-center-account {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  min-height: 4.4rem;
  padding: 0.75rem;
  border-bottom: 1px solid var(--theme-default-border);
}
.mail-center-page .mail-center-folder-nav {
  display: flex;
  min-height: 0;
  flex: 1 1 auto;
  flex-direction: column;
  overflow-y: auto;
  padding: 0.8rem 0.65rem;
}
.mail-center-page .mail-center-nav-label {
  padding: 0.65rem 0.55rem 0.35rem;
  color: var(--theme-text-muted);
  font-size: 0.62rem;
  font-weight: 600;
  letter-spacing: 0.06em;
}
.mail-center-page .mail-folder {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  min-height: 2.2rem;
  padding: 0.45rem 0.55rem;
  border: 0;
  border-radius: 0.35rem;
  background: transparent;
  color: var(--theme-default-text-color);
  font-size: 0.75rem;
  text-align: start;
}
.mail-center-page .mail-folder > i {
  width: 1rem;
  color: var(--theme-text-muted);
  font-size: 0.9rem;
  text-align: center;
}
.mail-center-page .mail-folder:hover {
  background: var(--theme-default-body-bg-color);
}
.mail-center-page .mail-folder.active {
  background: rgba(var(--theme-primary-rgb), 0.2);
  font-weight: 600;
}
.mail-center-page .mail-folder.active > i {
  color: var(--theme-default-text-color);
}
.mail-center-page .mail-folder-count {
  margin-inline-start: auto;
  color: var(--theme-text-muted);
  font-size: 0.68rem;
}
.mail-center-page .mail-center-storage {
  margin-top: auto;
  padding: 0.75rem 0.55rem 0.1rem;
  border-top: 1px solid var(--theme-default-border);
}
.mail-center-page .mail-center-list {
  display: flex;
  flex-direction: column;
}
.mail-center-page .mail-center-list-header {
  flex: 0 0 auto;
  padding: 0.75rem;
  border-bottom: 1px solid var(--theme-default-border);
  border-bottom: 1px solid var(--theme-default-border);
}
.mail-center-page .mail-center-toolbar,
.mail-center-page .mail-center-toolbar-actions,
.mail-center-page .mail-center-heading-row {
  display: flex;
  align-items: center;
}
.mail-center-page .mail-center-toolbar {
  justify-content: space-between;
  gap: 0.75rem;
}
.mail-center-page .mail-center-toolbar-actions {
  flex: 0 0 auto;
  gap: 0.35rem;
}
.mail-center-page .mail-select-all {
  width: 1rem;
  height: 1rem;
  margin-inline: 0.35rem 0.5rem;
}
.mail-center-page .mail-center-heading-row {
  justify-content: space-between;
  gap: 0.75rem;
  margin-top: 0.75rem;
}
.mail-center-page .mail-center-search {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: min(21rem, 42%);
  padding: 0 0.6rem;
  border: 1px solid var(--theme-input-border);
  border-radius: 0.35rem;
  background: var(--theme-default-body-bg-color);
}
.mail-center-page .mail-center-search > i {
  color: var(--theme-text-muted);
}
.mail-center-page .mail-center-search .form-control {
  min-width: 0;
  min-height: 2.15rem;
  padding-inline: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  font-size: 0.72rem;
}
.mail-center-page .mail-center-search kbd {
  padding: 0.05rem 0.3rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.2rem;
  background: var(--theme-custom-white);
  color: var(--theme-text-muted);
  font-size: 0.62rem;
}
.mail-center-page .mail-center-filter-row {
  display: flex;
  gap: 0.25rem;
  margin: 0;
}
.mail-center-page .mail-center-filter-row button {
  padding: 0.15rem 0.5rem;
  border: 0;
  border-radius: 0.25rem;
  background: transparent;
  color: var(--theme-text-muted);
  font-size: 13px;
}
.mail-center-page .mail-center-filter-row button:hover,
.mail-center-page .mail-center-filter-row button.active {
  background: rgb(var(--theme-light-rgb));
  color: var(--theme-default-text-color);
}
.mail-center-page .mail-messages {
  min-height: 0;
  flex: 1 1 auto;
  overflow-y: auto;
  background: var(--theme-custom-white);
}
.mail-center-page .mail-messages-container {
  display: flex;
  flex-direction: column;
}
.mail-center-page .mail-list-item {
  display: grid;
  grid-template-columns: 1rem 1.25rem 2.5rem minmax(8rem, 0.75fr) minmax(0, 2fr) 5rem 6.2rem;
  align-items: center;
  -moz-column-gap: 0.85rem;
  column-gap: 0.85rem;
  min-height: 5.3rem;
  padding: 0.8rem 1rem;
  border: 0;
  border-bottom: 1px solid var(--theme-default-border);
  border-radius: 0;
  border-inline-start: 2px solid transparent;
  background: var(--theme-custom-white);
  cursor: pointer;
  transition: background-color 0.16s ease, border-color 0.16s ease;
}
.mail-center-page .mail-list-item[hidden] {
  display: none;
}
.mail-center-page .mail-list-item:hover {
  border-color: rgba(var(--theme-dark-rgb), 0.1);
  background: rgba(var(--theme-primary-rgb), 0.05);
}
.mail-center-page .mail-list-item.active,
.mail-center-page .mail-list-item.checked {
  background: rgba(var(--theme-primary-rgb), 0.05);
  border-inline-start: 2px solid var(--theme-primary-color);
}
.mail-center-page .mail-list-item.unread .mail-list-top strong::after {
  display: inline-block;
  width: 0.4rem;
  height: 0.4rem;
  margin-inline-start: 0.5rem;
  border-radius: 50%;
  background: var(--theme-primary-color);
  content: "";
  vertical-align: middle;
}
.mail-center-page .mail-list-item.unread .mail-list-subject {
  font-weight: 650;
}
.mail-center-page .mail-list-item > .avatar {
  width: 2.5rem;
  height: 2.5rem;
  -o-object-fit: cover;
  object-fit: cover;
  grid-column: 3;
  grid-row: 1/span 2;
}
.mail-center-page .mail-list-item > .mail-check-input {
  grid-column: 1;
  grid-row: 1/span 2;
  margin: 0;
}
.mail-center-page .mail-list-item > .mail-list-star {
  grid-column: 2;
  grid-row: 1/span 2;
}
.mail-center-page .mail-list-item > .mail-list-copy,
.mail-center-page .mail-list-item > .mail-list-copy > .mail-list-top {
  display: contents;
}
.mail-center-page .mail-list-item > .mail-list-copy > .mail-list-top > strong {
  grid-column: 4;
  grid-row: 1;
  align-self: end;
}
.mail-center-page .mail-list-item > .mail-list-copy > .mail-list-top > time {
  display: none;
}
.mail-center-page .mail-list-item > .mail-list-copy > .mail-list-subject {
  grid-column: 5;
  grid-row: 1;
  align-self: end;
}
.mail-center-page .mail-list-item > .mail-list-copy > p {
  grid-column: 5;
  grid-row: 2;
  align-self: start;
}
.mail-center-page .mail-list-item > .mail-list-copy > .mail-list-meta {
  display: flex;
  grid-column: 4;
  grid-row: 2;
  align-self: start;
  margin-top: 0.25rem;
}
.mail-center-page .mail-list-item > .mail-list-copy > .mail-list-meta > .mail-list-attachments {
  display: none;
}
.mail-center-page .mail-list-item > .mail-list-attachments {
  display: flex;
  grid-column: 6;
  grid-row: 1/span 2;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  color: var(--theme-text-muted);
  font-size: 0.7rem;
  white-space: nowrap;
}
.mail-center-page .mail-list-item > .mail-list-attachments i {
  font-size: 0.8rem;
}
.mail-center-page .mail-list-item > .mail-list-date {
  grid-column: 7;
  grid-row: 1/span 2;
  align-self: center;
  color: var(--theme-text-muted);
  font-size: 0.68rem;
  line-height: 1.35;
  text-align: end;
}
.mail-center-page .mail-list-item:focus-visible {
  outline: 2px solid var(--theme-primary-color);
  outline-offset: 2px;
}
.mail-center-page .mail-list-star {
  display: grid;
  width: 1.25rem;
  height: 1.75rem;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 0.25rem;
  background: transparent;
  color: var(--theme-text-muted);
  font-size: 1rem;
}
.mail-center-page .mail-list-star.true {
  color: rgb(var(--theme-warning-rgb));
}
.mail-center-page .mail-list-star:focus-visible {
  outline: 2px solid var(--theme-primary-color);
}
.mail-center-page .mail-list-copy {
  min-width: 0;
}
.mail-center-page .mail-list-copy p {
  overflow: hidden;
  margin: 0.25rem 0 0;
  color: var(--theme-text-muted);
  font-size: 0.75rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mail-center-page .mail-list-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}
.mail-center-page .mail-list-top strong {
  overflow: hidden;
  font-size: 0.82rem;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mail-center-page .mail-list-top time {
  flex: 0 0 auto;
  color: var(--theme-text-muted);
  font-size: 0.7rem;
}
.mail-center-page .mail-list-subject {
  display: block;
  overflow: hidden;
  margin-top: 0.3rem;
  color: var(--theme-default-text-color);
  font-size: 0.8rem;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mail-center-page .mail-list-meta {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.55rem;
  font-size: 0.65rem;
  color: var(--theme-text-muted);
}
.mail-center-page .mail-list-label {
  padding: 0.1rem 0.45rem;
  border-radius: 0.25rem;
  background: rgba(var(--theme-secondary-rgb), 0.08);
  color: rgb(var(--theme-secondary-rgb));
}
.mail-center-page .mail-list-label.personal {
  background: rgba(var(--theme-danger-rgb), 0.08);
  color: rgb(var(--theme-danger-rgb));
}
.mail-center-page .mail-list-attachments {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}
.mail-center-page .mail-center-list-footer {
  display: flex;
  min-height: 2.75rem;
  align-items: center;
  justify-content: space-between;
  padding: 0.4rem 0.75rem;
  border-top: 1px solid var(--theme-default-border);
}
.mail-center-page .mail-center-empty {
  display: grid;
  justify-items: center;
  gap: 0.4rem;
  padding: 3rem 1rem;
  color: var(--theme-text-muted);
  text-align: center;
}
.mail-center-page .mail-center-empty > i {
  color: var(--theme-primary-color);
  font-size: 1.5rem;
}
.mail-center-page .mail-center-empty strong {
  color: var(--theme-default-text-color);
  font-size: 0.78rem;
}
.mail-center-page .mail-center-empty span {
  font-size: 0.7rem;
}
.mail-center-page .mail-center-reader {
  --bs-offcanvas-width: min(42rem, 100vw);
  display: flex;
  flex-direction: column;
  border-radius: 0.35rem 0 0 0.35rem;
  background: var(--theme-custom-white);
  box-shadow: -4px 0 24px rgba(0, 0, 0, 0.06);
}
.mail-center-page .mail-reader-header {
  display: flex;
  min-height: 3.5rem;
  align-items: center;
  gap: 0.65rem;
  padding: 0.75rem 1.25rem;
  background: var(--theme-custom-white);
  border-bottom: 1px solid var(--theme-default-border);
}
.mail-center-page .mail-reader-toolbar {
  display: flex;
  align-items: center;
  gap: 0.35rem;
}
.mail-center-page .mail-reader-toolbar-divider {
  width: 1px;
  height: 1.3rem;
  margin: 0 0.2rem;
  background: var(--theme-default-border);
}
.mail-center-page .mail-reader-close {
  margin-inline-start: 0.5rem;
}
.mail-center-page .mail-reader-heading {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-inline-end: auto;
  font-weight: 600;
  font-size: 0.85rem;
}
.mail-center-page .mail-reader-heading i {
  font-size: 1.2rem;
  color: var(--theme-primary-color);
}
.mail-center-page .mail-reader-navigation {
  display: flex;
  gap: 0.25rem;
  margin-inline-start: auto;
}
.mail-center-page .mail-reader-overview {
  padding: 0;
}
.mail-center-page .mail-reader-content {
  min-height: 0;
  flex: 1 1 auto;
  overflow-y: auto;
  padding: clamp(1rem, 3vw, 2rem);
}
.mail-center-page .mail-reader-subject-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}
.mail-center-page .mail-reader-subject {
  margin: 0.65rem 0 1rem;
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  font-weight: 600;
  line-height: 1.4;
  overflow-wrap: anywhere;
  letter-spacing: -0.02em;
}
.mail-center-page .mail-reader-sender-row {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  padding: 0.8rem 0;
  border-bottom: 1px solid var(--theme-default-border);
}
.mail-center-page .mail-reader-sender-row > div strong {
  font-size: 0.75rem;
}
.mail-center-page .mail-reader-body {
  margin-top: 1rem;
  background: var(--theme-custom-white);
  color: var(--theme-default-text-color);
  font-size: 0.875rem;
  line-height: 1.75;
}
.mail-center-page .mail-reader-body p {
  margin-bottom: 0.8rem;
}
.mail-center-page .mail-reader-attachments,
.mail-center-page .mail-reply-panel {
  margin-top: 1rem;
  padding: 1.25rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.75rem;
  background: var(--theme-custom-white);
}
.mail-center-page .mail-reader-attachments[hidden] {
  display: none;
}
.mail-center-page .mail-reader-section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.mail-center-page .mail-reader-section-heading h3 {
  margin: 0;
  font-size: 0.8rem;
  font-weight: 600;
}
.mail-center-page .mail-reader-section-heading label {
  font-size: 0.8rem;
}
.mail-center-page .mail-reader-count {
  display: inline-block;
  padding: 0.1rem 0.4rem;
  margin-inline-start: 0.25rem;
  border-radius: 0.3rem;
  background: rgba(var(--theme-secondary-rgb), 0.1);
  color: rgb(var(--theme-secondary-rgb));
  font-size: 0.7rem;
}
.mail-center-page .mail-reader-attachment-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.65rem;
}
.mail-center-page .mail-attachment-item {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  min-width: 0;
  padding: 0.65rem 0.75rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.35rem;
  color: var(--theme-default-text-color);
  text-decoration: none;
  background: transparent;
}
.mail-center-page .mail-attachment-item:hover {
  border-color: var(--theme-primary-color);
}
.mail-center-page .mail-attachment-item:focus-visible {
  outline: 2px solid var(--theme-primary-color);
  outline-offset: 2px;
}
.mail-center-page .mail-attachment-item .flex-fill {
  min-width: 0;
}
.mail-center-page .mail-attachment-item strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mail-center-page .mail-attachment-item strong,
.mail-center-page .mail-attachment-item small {
  display: block;
}
.mail-center-page .mail-attachment-item strong {
  font-size: 0.72rem;
  font-weight: 500;
}
.mail-center-page .mail-attachment-item small {
  margin-top: 0.15rem;
  color: var(--theme-text-muted);
  font-size: 0.65rem;
}
.mail-center-page #mail-reply-editor {
  border: 1px solid var(--theme-default-border);
  border-radius: 0.35rem;
}
.mail-center-page #mail-reply-editor .ql-editor {
  min-height: 6rem;
  font-size: 0.78rem;
}
.mail-center-page #mail-reply-editor .ql-toolbar.ql-snow {
  border: 0;
  border-bottom: 1px solid var(--theme-default-border);
}
.mail-center-page #mail-reply-editor .ql-container.ql-snow {
  border: 0;
}
.mail-center-page .mail-compose-editor-wrap {
  overflow: hidden;
  border-radius: 0.35rem;
}
.mail-center-page #mail-compose-editor {
  min-height: 13rem;
}
.mail-center-page #mail-compose-editor .ql-toolbar.ql-snow {
  border: 0;
  border-bottom: 1px solid var(--theme-default-border);
}
.mail-center-page #mail-compose-editor .ql-container.ql-snow {
  border: 0;
}
.mail-center-page #mail-compose-editor .ql-editor {
  min-height: 10rem;
}
@media (max-width: 1199.98px) {
  .mail-center-page .mail-center-layout {
    grid-template-columns: 12rem minmax(0, 1fr);
  }
  .mail-center-page .mail-list-item {
    grid-template-columns: 1rem 1.25rem 2.5rem minmax(6rem, 0.65fr) minmax(8rem, 1.5fr) 3rem 4.5rem;
    gap: 0.5rem;
    padding-inline: 0.65rem;
  }
}
@media (max-width: 991.98px) {
  .mail-center-page .mail-center-layout {
    display: block;
    height: calc(100vh - 13rem);
    min-height: 520px;
  }
  .mail-center-page .mail-center-folders,
  .mail-center-page .mail-center-list {
    width: 100%;
    height: 100%;
  }
  .mail-center-page .mail-center-folders {
    display: none;
  }
  .mail-center-page.mobile-show-folders .mail-center-folders {
    display: flex;
  }
  .mail-center-page.mobile-show-folders .mail-center-list {
    display: none;
  }
  .mail-center-page .mail-reader-close {
    display: block;
  }
  .mail-center-page .mail-list-item {
    grid-template-columns: 1rem 1.25rem 2.5rem minmax(6rem, 0.65fr) minmax(8rem, 1.5fr) 3rem 4.5rem;
  }
}
@media (max-width: 767.98px) {
  .mail-center-page .mail-center-layout {
    height: calc(100vh - 11.5rem);
    min-height: 440px;
  }
  .mail-center-page .mail-reader-content {
    padding: 1rem;
  }
  .mail-center-page .mail-reader-header {
    padding: 0.65rem 0.75rem;
    gap: 0.35rem;
    flex-wrap: wrap;
  }
  .mail-center-page .mail-reader-heading {
    display: none;
  }
  .mail-center-page .mail-reader-navigation {
    margin-inline-start: auto;
  }
  .mail-center-page .mail-reader-overview,
  .mail-center-page .mail-reader-body,
  .mail-center-page .mail-reader-attachments,
  .mail-center-page .mail-reply-panel {
    padding: 1rem;
  }
  .mail-center-page .mail-reader-sender-row {
    flex-wrap: wrap;
  }
  .mail-center-page .mail-reader-sender-row time {
    margin-inline-start: auto;
  }
  .mail-center-page .mail-center-toolbar {
    align-items: stretch;
    flex-direction: column;
  }
  .mail-center-page .mail-center-search {
    width: 100%;
  }
  .mail-center-page .mail-center-heading-row {
    align-items: flex-start;
  }
  .mail-center-page .mail-center-heading-row > div:last-child {
    align-items: flex-end !important;
    flex-direction: column;
  }
  .mail-center-page .mail-center-filter-row {
    align-self: flex-end;
  }
  .mail-center-page .mail-list-item {
    grid-template-columns: 1rem 1rem 2rem minmax(0, 1fr);
    gap: 0.5rem;
    padding: 0.75rem 0.6rem;
  }
  .mail-center-page .mail-list-item > .avatar {
    width: 2rem;
    height: 2rem;
  }
  .mail-center-page .mail-list-item > .mail-list-attachments,
  .mail-center-page .mail-list-item > .mail-list-date {
    display: none;
  }
  .mail-center-page .mail-list-item > .mail-list-copy {
    grid-column: 4;
    grid-row: 1/span 2;
  }
  .mail-center-page .mail-list-item > .mail-list-copy,
  .mail-center-page .mail-list-item > .mail-list-copy > .mail-list-top {
    display: block;
  }
  .mail-center-page .mail-list-item > .mail-list-copy > .mail-list-top {
    display: flex;
  }
  .mail-center-page .mail-list-item > .mail-list-copy > .mail-list-top > strong,
  .mail-center-page .mail-list-item > .mail-list-copy > .mail-list-subject,
  .mail-center-page .mail-list-item > .mail-list-copy > p {
    grid-column: auto;
    grid-row: auto;
  }
  .mail-center-page .mail-list-item > .mail-list-copy > .mail-list-meta {
    display: flex;
  }
  .mail-center-page .mail-list-item > .mail-list-copy > .mail-list-meta > .mail-list-attachments {
    display: inline-flex;
  }
  .mail-center-page .mail-list-item > .mail-list-copy > .mail-list-top > time {
    display: block;
  }
  .mail-center-page .mail-list-top {
    gap: 0.35rem;
  }
  .mail-center-page .mail-list-top strong {
    font-size: 0.75rem;
  }
  .mail-center-page .mail-list-top time {
    font-size: 0.62rem;
  }
}
.mail-notification-settings,
.mail-security-settings {
  width: 60%;
}
@media (max-width: 575.98px) {
  #account-settings .btn-group label {
    font-size: 0.625rem;
  }
}
.choices__list--dropdown .choices__item--selectable,
.choices__list[aria-expanded] .choices__item--selectable {
  padding: 10px !important;
}
.choices__list--dropdown .choices__item--selectable::after,
.choices__list[aria-expanded] .choices__item--selectable::after {
  display: none;
}
.nav.nav-tabs.mail-sesttings-tab .nav-link {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.nav.nav-tabs.mail-sesttings-tab .nav-link svg {
  width: 20px;
  height: 20px;
  fill: var(--theme-default-text-color);
  color: var(--theme-default-text-color);
}
.nav.nav-tabs.mail-sesttings-tab .nav-link.active svg,
.nav.nav-tabs.mail-sesttings-tab .nav-link:hover svg {
  fill: var(--theme-primary-color);
  color: var(--theme-primary-color);
}
.mail-control-center .mail-control-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}
.mail-control-center .mail-control-eyebrow,
.mail-control-center .mail-control-kicker {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-bottom: 0.45rem;
  color: var(--theme-text-muted);
  font-size: 0.62rem;
  font-weight: 650;
  letter-spacing: 0.08em;
}
.mail-control-center .mail-control-eyebrow i {
  color: var(--theme-primary-color);
  font-size: 0.85rem;
}
.mail-control-center .mail-control-account {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  min-height: 8rem;
  margin-bottom: 1rem;
  padding: 1.25rem 4rem 1.25rem 1.25rem;
  overflow: hidden;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.35rem;
  background: var(--theme-custom-white);
  box-shadow: 0 2px 8px rgba(1, 26, 66, 0.035);
}
.mail-control-center .mail-control-account-main,
.mail-control-center .mail-control-account-stats,
.mail-control-center .mail-control-account-stats > div {
  display: flex;
}
.mail-control-center .mail-control-account-main {
  align-items: center;
  gap: 0.9rem;
  min-width: 0;
}
.mail-control-center .mail-control-account-icon {
  display: grid;
  width: 3.25rem;
  height: 3.25rem;
  flex: 0 0 auto;
  place-items: center;
  border: 1px solid rgba(var(--theme-primary-rgb), 0.13);
  border-radius: 0.8rem;
  background: rgba(var(--theme-primary-rgb), 0.08);
  color: var(--theme-primary-color);
  font-size: 1.5rem;
}
.mail-control-center .mail-control-account-main h2 {
  margin: 0 0 0.3rem;
  font-size: 1rem;
  font-weight: 600;
}
.mail-control-center .mail-control-account-main p {
  margin: 0;
  color: var(--theme-text-muted);
  font-size: 0.68rem;
}
.mail-control-center .mail-control-live-dot {
  display: inline-block;
  width: 0.42rem;
  height: 0.42rem;
  margin-inline-end: 0.3rem;
  border-radius: 50%;
  background: rgb(var(--theme-success-rgb));
  vertical-align: 0.05rem;
}
.mail-control-center .mail-control-divider {
  padding-inline: 0.3rem;
  color: var(--theme-default-border);
}
.mail-control-center .mail-control-account-stats {
  align-items: center;
  gap: clamp(1rem, 4vw, 3.5rem);
  margin-inline-start: auto;
}
.mail-control-center .mail-control-account-stats > div {
  min-width: 8.5rem;
  flex-direction: column;
  gap: 0.2rem;
}
.mail-control-center .mail-control-account-stats span,
.mail-control-center .mail-control-account-stats small {
  color: var(--theme-text-muted);
  font-size: 0.64rem;
}
.mail-control-center .mail-control-account-stats strong {
  color: var(--theme-default-text-color);
  font-size: 0.9rem;
  font-weight: 600;
}
.mail-control-center .mail-control-account-stats strong small {
  font-size: 0.68rem;
  font-weight: 400;
}
.mail-control-center .mail-control-account-stats .progress {
  height: 0.25rem;
  margin-top: 0.25rem;
}
.mail-control-center .mail-control-manage {
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.mail-control-center .mail-control-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.9rem;
  min-height: 3.55rem;
  padding: 0.55rem 0;
  border-bottom: 1px solid var(--theme-default-border);
}
.mail-control-center .mail-control-option:last-child {
  border-bottom: 0;
}
.mail-control-center .mail-control-option strong,
.mail-control-center .mail-control-option span {
  display: block;
}
.mail-control-center .mail-control-option strong {
  font-size: 0.7rem;
  font-weight: 550;
}
.mail-control-center .mail-control-option span {
  margin-top: 0.1rem;
  color: var(--theme-text-muted);
  font-size: 0.62rem;
  line-height: 1.45;
}
.mail-control-center .mail-control-option .form-check {
  flex: 0 0 auto;
  margin: 0;
}
.mail-control-center .mail-control-delivery-note {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  margin-top: 0.65rem;
  color: var(--theme-text-muted);
  font-size: 0.62rem;
}
.mail-control-center .mail-control-delivery-note i {
  color: var(--theme-primary-color);
  font-size: 0.9rem;
}
.mail-control-center .mail-control-notification-choice {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  min-height: 3.6rem;
  margin-bottom: 0.45rem;
  padding: 0.55rem 0.65rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.35rem;
  transition: border-color 0.15s ease, background-color 0.15s ease;
}
.mail-control-center .mail-control-notification-choice:last-child {
  margin-bottom: 0;
}
.mail-control-center .mail-control-notification-choice.selected {
  border-color: rgba(var(--theme-dark-rgb), 0.2);
  background: rgba(var(--theme-dark-rgb), 0.05);
}
.mail-control-center .mail-control-notification-choice > div {
  min-width: 0;
  flex: 1 1 auto;
}
.mail-control-center .mail-control-notification-choice strong,
.mail-control-center .mail-control-notification-choice span:not(.avatar) {
  display: block;
}
.mail-control-center .mail-control-notification-choice strong {
  font-size: 0.7rem;
  font-weight: 550;
}
.mail-control-center .mail-control-notification-choice span:not(.avatar) {
  margin-top: 0.1rem;
  color: var(--theme-text-muted);
  font-size: 0.62rem;
}
.mail-control-center .mail-control-notification-choice input {
  flex: 0 0 auto;
  margin: 0 0.2rem 0 0;
}
.mail-control-center .mail-control-security-status {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin-top: 0.8rem;
  padding: 0.7rem;
  border-radius: 0.35rem;
  background: var(--theme-default-body-bg-color);
}
.mail-control-center .mail-control-security-status > span:nth-child(2) {
  flex: 1 1 auto;
}
.mail-control-center .mail-control-security-status strong,
.mail-control-center .mail-control-security-status small {
  display: block;
}
.mail-control-center .mail-control-security-status strong {
  font-size: 13px;
  font-weight: 550;
}
.mail-control-center .mail-control-security-status small {
  margin-top: 0.1rem;
  color: var(--theme-text-muted);
  font-size: 11px;
}
.mail-control-center .mail-control-security-status a {
  flex: 0 0 auto;
  font-size: 13px;
}
.mail-control-center .mail-control-tip {
  display: flex;
  grid-column: 1/-1;
  align-items: center;
  gap: 0.75rem;
  padding: 0.85rem 1rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.35rem;
  background: var(--theme-custom-white);
}
.mail-control-center .mail-control-tip strong {
  font-size: 0.72rem;
  font-weight: 600;
}
.mail-control-center .mail-control-tip p {
  margin-top: 0.15rem;
  color: var(--theme-text-muted);
  font-size: 0.63rem;
}
.mail-control-center .mail-control-save-status {
  margin-top: 0.5rem;
  color: var(--theme-text-muted);
  font-size: 0.63rem;
  text-align: end;
}
@media (max-width: 991.98px) {
  .mail-control-center .mail-control-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .mail-control-center .mail-control-tip {
    grid-column: auto;
  }
  .mail-control-center .mail-control-account {
    align-items: flex-start;
    flex-direction: column;
  }
  .mail-control-center .mail-control-account-stats {
    width: 100%;
    justify-content: flex-start;
    margin-inline-start: 4.15rem;
  }
}
@media (max-width: 575.98px) {
  .mail-control-center .mail-control-heading {
    align-items: flex-start;
    flex-direction: column;
  }
  .mail-control-center .mail-control-account {
    padding: 1rem 3rem 1rem 0.85rem;
  }
  .mail-control-center .mail-control-account-stats {
    gap: 1rem;
    margin-inline-start: 0;
  }
  .mail-control-center .mail-control-account-stats > div {
    min-width: 0;
  }
  .mail-control-center .mail-control-security-status {
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .mail-control-center .mail-control-security-status a {
    margin-inline-start: 1.05rem;
  }
  .mail-control-center .mail-control-tip {
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .mail-control-center .mail-control-tip .btn {
    margin-inline-start: 3.1rem !important;
  }
}
.mail-control-center.mail-settings-page {
  max-width: 1200px;
  margin-inline: auto;
}
.mail-control-center.mail-settings-page .mail-settings-intro {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.25rem;
  font-size: 0.82rem;
}
.mail-control-center.mail-settings-page .mail-control-account {
  min-height: auto;
  padding: 1.25rem;
  box-shadow: none;
}
.mail-control-center.mail-settings-page .mail-control-account-icon {
  background: var(--theme-default-body-bg-color);
  border-color: var(--theme-default-border);
  color: var(--theme-text-muted);
  border-radius: 0.5rem;
}
.mail-control-center.mail-settings-page .mail-control-account-main h2 {
  font-size: 0.95rem;
}
.mail-control-center.mail-settings-page .mail-control-kicker {
  font-size: 0.65rem;
  letter-spacing: 0.04em;
}
.mail-control-center.mail-settings-page .mail-control-grid {
  gap: 1rem;
}
.mail-control-center.mail-settings-page .mail-control-option {
  padding-block: 0.85rem;
}
.mail-control-center.mail-settings-page .mail-control-option:last-child {
  padding-bottom: 0px;
}
.mail-control-center.mail-settings-page .mail-control-option .form-check {
  min-height: auto !important;
}
.mail-control-center.mail-settings-page .mail-control-option strong {
  font-size: 0.8rem;
  font-weight: 500;
}
.mail-control-center.mail-settings-page .mail-control-option span {
  font-size: 0.72rem;
  line-height: 1.5;
}
.mail-control-center.mail-settings-page .mail-control-notification-choice {
  width: 100%;
  padding: 0.8rem;
  cursor: pointer;
  border-radius: 0.4rem;
}
.mail-control-center.mail-settings-page .mail-control-notification-choice .avatar {
  width: 2rem;
  height: 2rem;
  background: var(--theme-custom-white) !important;
  color: var(--theme-text-muted) !important;
  border: 1px solid var(--theme-default-border);
}
.mail-control-center.mail-settings-page .mail-control-notification-choice strong {
  font-size: 0.8rem;
}
.mail-control-center.mail-settings-page .mail-control-notification-choice span:not(.avatar) {
  font-size: 0.72rem;
}
.mail-control-center.mail-settings-page .mail-control-security {
  grid-column: 1/-1;
}
.mail-control-center.mail-settings-page .mail-control-security-status {
  gap: 0.6rem;
  padding: 0.8rem;
}
.mail-control-center.mail-settings-page .mail-settings-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
  margin-block: 1.25rem 2rem;
  padding-top: 1rem;
  border-top: 1px solid var(--theme-default-border);
}
.mail-control-center.mail-settings-page .mail-control-save-status {
  margin: 0;
  font-size: 0.75rem;
  text-align: start;
}
@media (max-width: 767.98px) {
  .mail-control-center.mail-settings-page .mail-settings-intro {
    align-items: flex-start;
    flex-direction: column;
  }
  .mail-control-center.mail-settings-page .mail-control-account-stats {
    margin-inline-start: 0;
    flex-wrap: wrap;
  }
  .mail-control-center.mail-settings-page .mail-control-account-main {
    width: 100%;
  }
  .mail-control-center.mail-settings-page .mail-control-account-main h2 {
    overflow-wrap: anywhere;
  }
  .mail-control-center.mail-settings-page .mail-control-security .card-header {
    flex-wrap: wrap;
  }
  .mail-control-center.mail-settings-page .mail-control-security-status {
    flex-wrap: wrap;
  }
  .mail-control-center.mail-settings-page .mail-settings-actions {
    align-items: flex-start;
    flex-direction: column;
  }
  .mail-control-center.mail-settings-page .mail-control-option {
    gap: 0.75rem;
  }
}
.task-kanban-board {
  display: flex;
  overflow-x: auto;
  align-items: stretch;
  margin-bottom: 0.75rem;
  padding-bottom: 1rem;
}
.task-kanban-board .task-kanban-column {
  min-width: 20rem;
  margin-inline-end: 0.5rem;
  width: 100%;
}
.task-kanban-board .task-kanban-column .task-kanban-tasks .card {
  touch-action: none;
}
.task-kanban-board::-webkit-scrollbar-thumb {
  background-color: rgba(var(--theme-dark-rgb), 0.1);
  border-radius: 0.3125rem;
}
.task-kanban-board::-webkit-scrollbar-track {
  border-radius: 0.3125rem;
}
.task-kanban-board .task-image .kanban-image {
  height: 150px;
  width: 100%;
}
.task-kanban-board .task-kanban-card-content {
  margin-top: 0.75rem;
}
.task-kanban-board .task-kanban-task-description {
  color: var(--theme-default-text-color);
  font-size: 0.82rem;
}
.task-kanban-board .task-kanban-column.task-status-backlog .task-kanban-tasks .card {
  background-color: rgba(var(--theme-primary-rgb), 0.07);
  border: 1px solid rgba(var(--theme-primary-rgb), 0.1);
}
.task-kanban-board .task-kanban-column.task-status-backlog .task-kanban-tasks .card .badge {
  background-color: rgba(var(--theme-primary-rgb), 0.1);
  color: var(--theme-primary-color);
}
.task-kanban-board .task-kanban-column.task-status-todo .task-kanban-tasks .card {
  background-color: rgba(var(--theme-warning-rgb), 0.07);
  border: 1px solid rgba(var(--theme-warning-rgb), 0.1);
}
.task-kanban-board .task-kanban-column.task-status-todo .task-kanban-tasks .card .badge {
  background-color: rgba(var(--theme-warning-rgb), 0.1);
  color: rgb(var(--theme-warning-rgb));
}
.task-kanban-board .task-kanban-column.task-status-in-progress .task-kanban-tasks .card {
  background-color: rgba(var(--theme-info-rgb), 0.07);
  border: 1px solid rgba(var(--theme-info-rgb), 0.1);
}
.task-kanban-board .task-kanban-column.task-status-in-progress .task-kanban-tasks .card .badge {
  background-color: rgba(var(--theme-info-rgb), 0.1);
  color: rgb(var(--theme-info-rgb));
}
.task-kanban-board .task-kanban-column.task-status-review .task-kanban-tasks .card {
  background-color: rgba(var(--theme-danger-rgb), 0.07);
  border: 1px solid rgba(var(--theme-danger-rgb), 0.1);
  border: 0;
}
.task-kanban-board .task-kanban-column.task-status-review .task-kanban-tasks .card .badge {
  background-color: rgba(var(--theme-danger-rgb), 0.1);
  color: rgb(var(--theme-danger-rgb));
}
.task-kanban-board .task-kanban-column.task-status-complete .task-kanban-tasks .card {
  background-color: rgba(var(--theme-success-rgb), 0.07);
  border: 1px solid rgba(var(--theme-success-rgb), 0.1);
}
.task-kanban-board .task-kanban-column.task-status-complete .task-kanban-tasks .card .badge {
  background-color: rgba(var(--theme-success-rgb), 0.1);
  color: rgb(var(--theme-success-rgb));
}
.task-kanban-board #new-tasks .card.custom-card:last-child,
.task-kanban-board #todo-tasks .card.custom-card:last-child,
.task-kanban-board #inprogress-tasks .card.custom-card:last-child,
.task-kanban-board #inreview-tasks .card.custom-card:last-child,
.task-kanban-board #completed-tasks .card.custom-card:last-child {
  margin-bottom: 0;
}
.task-kanban-board #new-tasks,
.task-kanban-board #todo-tasks,
.task-kanban-board #inprogress-tasks,
.task-kanban-board #inreview-tasks,
.task-kanban-board #completed-tasks {
  position: relative;
  max-height: 35rem;
}
.task-kanban-board .task-null-background {
  display: none;
}
.task-kanban-board .task-Null {
  position: relative;
  min-height: 12.5rem;
}
.task-kanban-board .task-Null .task-null-background {
  position: absolute;
  width: 100%;
  height: 12.5rem;
  inset-inline-start: 0;
  inset-block-start: 0;
  display: block;
  pointer-events: none;
}
.task-kanban-board .task-Null .task-null-background img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.task-kanban-board .view-more-button {
  margin-inline-end: 1rem;
}
.kanban-header .choices {
  margin-bottom: 0;
}
.task-title {
  position: relative;
  inset-inline-start: 1rem;
}
.task-title::before {
  position: absolute;
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  inset-inline-start: -1rem;
  top: 0.75rem;
  border-radius: 50%;
  background-color: var(--theme-primary-color);
}
.task-details-key-tasks {
  list-style-type: decimal;
}
.task-details-key-tasks li {
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  color: var(--theme-text-muted);
}
.task-details-key-tasks li:last-child {
  margin-bottom: 0;
}
.task-description {
  font-size: 0.875rem;
}
.task-details-progress {
  width: 6.25rem;
}
.task-comment-new {
  background-color: var(--theme-custom-white);
  position: absolute;
  width: 100%;
  inset-inline-start: 0;
  inset-block-end: 0;
  padding: 20px;
  border-top: 1px solid var(--theme-default-border);
}
#task-comments-area {
  height: 367px;
  padding-block-end: 6rem;
}
#task-comments-area li {
  padding-inline-start: 3rem;
}
ul.task-additional-list {
  margin-block-end: 0;
}
ul.task-additional-list li {
  margin-block-end: 1.29rem;
}
ul.task-additional-list li:last-child {
  margin-block-end: 0;
}
ul.task-files-list {
  margin-block-end: 0;
}
ul.task-files-list li {
  margin-block-end: 0.62rem;
  padding: 0.25rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 30px;
}
ul.task-files-list li:last-child {
  margin-block-end: 0;
}
ul.sub-tasks-list {
  margin-block-end: 0;
}
ul.sub-tasks-list li {
  margin-block-end: 1.62rem;
}
ul.sub-tasks-list li:last-child {
  margin-block-end: 0;
}
.sub-tasks-list .form-check-input:checked + .form-check-label {
  text-decoration: line-through;
  color: var(--theme-text-muted);
}
.sub-tasks-list .form-check-label {
  transition: color 0.3s, -webkit-text-decoration 0.3s;
  transition: color 0.3s, text-decoration 0.3s;
  transition:
    color 0.3s,
    text-decoration 0.3s,
    -webkit-text-decoration 0.3s;
  font-weight: 400;
  font-size: 0.8rem;
}
.ticket-details-page .ticket-summary-card .ticket-summary-metric {
  background: var(--theme-custom-white);
}
.ticket-details-page .ticket-conversation-card .card-body > .d-flex {
  align-items: flex-start;
}
.ticket-details-page .ticket-conversation-card .card-body > .d-flex > .flex-fill {
  min-width: 0;
}
.ticket-details-page .ticket-conversation-card .card-body > .d-flex > .flex-fill > .rounded {
  max-width: 52rem;
}
.ticket-details-page .ticket-conversation-card .card-body > .d-flex:nth-child(2) > .flex-fill > .rounded {
  background: rgba(var(--theme-success-rgb), 0.1) !important;
  border-color: rgba(var(--theme-success-rgb), 0.14) !important;
}
.ticket-details-page .ticket-conversation-card textarea {
  min-height: 6rem;
  resize: vertical;
}
.ticket-details-page .ticket-customer-card .avatar-lg {
  flex: 0 0 auto;
}
.ticket-details-page .ticket-summary-card .progress {
  height: 0.375rem;
}
.ticket-details-page .ticket-customer-card .card-body > .d-flex,
.ticket-details-page .ticket-customer-card .card-body > .rounded {
  overflow-wrap: anywhere;
}
@media (max-width: 575.98px) {
  .ticket-details-page .ticket-summary-card .card-body {
    padding: 1rem !important;
  }
  .ticket-details-page .ticket-summary-card .row > [class*=col-] {
    width: 100%;
  }
  .ticket-details-page .ticket-conversation-card .card-body {
    padding: 1rem;
  }
  .ticket-details-page .ticket-conversation-card .avatar-md {
    width: 2rem;
    height: 2rem;
  }
}
.sweet-alerts-page {
  font-family: var(--theme-default-font-family);
  font-size: 0.875rem;
}
.sweet-alerts-page .sweet-alerts-intro {
  border-radius: 0.35rem;
}
.sweet-alerts-page .sweet-alerts-guide {
  color: var(--theme-text-muted);
  font-size: 0.75rem;
}
.sweet-alerts-page .sweet-alert-example .card-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 1.25rem;
}
.sweet-alerts-page .sweet-alert-example p {
  flex: 1;
}
.sweet-alerts-page .sweet-alert-example {
  border-radius: 0.35rem;
}
.sweet-alerts-page .sweet-alert-action-row,
.sweet-alerts-page .sweet-alert-quick-action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.sweet-alerts-page .sweet-alert-action-row {
  padding: 1.1rem 0;
  border-bottom: 1px solid var(--theme-default-border);
}
.sweet-alerts-page .sweet-alert-action-row:first-child {
  padding-top: 0;
}
.sweet-alerts-page .sweet-alert-action-row:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.sweet-alerts-page .sweet-alert-quick-action {
  padding: 1rem;
  background: var(--theme-default-body-bg-color);
  border-radius: 0.35rem;
}
.sweet-alerts-page .sweet-alert-action-row .btn,
.sweet-alerts-page .sweet-alert-quick-action .btn {
  flex-shrink: 0;
}
.swal2-popup.project-swal {
  background: var(--theme-custom-white);
  color: var(--theme-default-text-color);
  font-family: var(--theme-default-font-family);
  font-size: 0.875rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.35rem;
}
.swal2-popup.project-swal .swal2-title {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--theme-default-text-color);
}
.swal2-popup.project-swal .swal2-html-container {
  font-size: 0.8125rem;
  line-height: 1.6;
  color: var(--theme-text-muted);
}
.swal2-popup.project-swal .swal2-actions {
  gap: 0.5rem;
}
.swal2-popup.project-swal .swal2-input {
  width: calc(100% - 3rem);
  margin: 1rem 1.5rem;
  height: auto;
  padding: 0.6rem 0.75rem;
}
.swal2-popup.project-swal .swal2-validation-message {
  background: var(--theme-default-body-bg-color);
  color: rgb(var(--theme-danger-rgb));
  font-size: 0.8125rem;
}
.swal2-popup.project-swal .swal2-timer-progress-bar {
  background: var(--theme-primary-color);
}
@media (max-width: 575.98px) {
  .sweet-alerts-page .sweet-alert-action-row,
  .sweet-alerts-page .sweet-alert-quick-action {
    align-items: flex-start;
    flex-direction: column;
  }
  .sweet-alerts-page .sweet-alerts-intro .avatar-xl {
    width: 2.75rem;
    height: 2.75rem;
    flex-shrink: 0;
  }
}
.sweet-alerts-page .sweet-alert-demo-table td {
  padding: 0.85rem 1rem;
  vertical-align: middle;
  font-size: 0.8125rem;
}
.sweet-alerts-page .sweet-alert-demo-table td:last-child {
  width: 25%;
  text-align: start;
  white-space: nowrap;
}
.sweet-alerts-page .sweet-alert-demo-table tr:last-child td {
  border-bottom: 0;
}
@media (max-width: 575.98px) {
  .sweet-alerts-page .sweet-alert-demo-table td {
    padding: 0.75rem;
  }
}
.todo-workspace .todo-list-grid {
  display: grid;
  grid-template-columns: 15.5rem minmax(0, 1fr);
  gap: 0.5rem;
  color: var(--theme-default-text-color);
  min-height: 42rem;
  font-family: var(--theme-default-font-family);
  font-size: 0.875rem;
}
.todo-workspace .todo-list-grid .todo-list-aside {
  background: var(--theme-custom-white);
  border: 1px solid var(--theme-default-border);
  border-radius: 0.35rem;
  min-width: 0;
  margin-bottom: 0;
  padding: 1rem;
  margin-block-end: 1.5rem;
}
.todo-workspace .drive-nav-item {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 0.8rem;
  padding: 0.2rem 0.85rem;
  margin-bottom: 4px;
  border: 0;
  background: transparent;
  color: var(--theme-default-text-color);
  font-size: 0.8125rem;
  border-radius: 0.35rem;
  text-align: start;
}
.todo-workspace .drive-nav-item i {
  font-size: 1.1rem;
  color: var(--theme-text-muted);
}
.todo-workspace .drive-nav-item:hover,
.todo-workspace .drive-nav-item.active {
  background: rgb(var(--theme-light-rgb));
}
.todo-workspace .todo-summary .card-body {
  padding: 1rem 1.15rem;
}
.todo-workspace .todo-list-card .card-header {
  align-items: center;
}
.todo-workspace .todo-toolbar {
  justify-content: flex-end;
}
.todo-workspace .todo-search {
  width: min(100%, 15rem);
}
.todo-workspace .todo-search .input-group-text {
  background: var(--theme-custom-white);
  border-inline-end: 0;
}
.todo-workspace .todo-search .form-control {
  border-inline-start: 0;
  padding-inline-start: 0.25rem;
}
.todo-workspace .todo-filter {
  white-space: nowrap;
}
.todo-workspace .todo-filter-count {
  margin-left: 0.4rem;
  opacity: 0.7;
}
.todo-workspace .todo-section-label {
  display: flex;
  justify-content: space-between;
  margin: 0.25rem 0 0.65rem;
  color: var(--theme-text-muted);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.08em;
}
.todo-workspace .todo-task-list {
  display: grid;
  gap: 0.55rem;
}
.todo-workspace .todo-task {
  display: grid;
  grid-template-columns: 1.5rem 1.15rem minmax(10rem, 1fr) auto auto 1.5rem;
  align-items: center;
  gap: 0.75rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.65rem;
  padding: 0.85rem 0.75rem;
  transition:
    border-color 0.2s ease,
    background 0.2s ease,
    box-shadow 0.2s ease;
}
.todo-workspace .todo-task:hover {
  border-color: rgba(var(--theme-dark-rgb), 0.2);
  box-shadow: 0 5px 18px rgba(20, 32, 55, 0.05);
}
.todo-workspace .todo-task.is-complete {
  background: rgba(var(--theme-primary-rgb), 0.025);
}
.todo-workspace .todo-drag-handle,
.todo-workspace .todo-star {
  border: 0;
  background: transparent;
  color: var(--theme-text-muted);
  display: grid;
  place-items: center;
  padding: 0.2rem;
}
.todo-workspace .todo-drag-handle {
  cursor: grab;
  font-size: 1.1rem;
}
.todo-workspace .todo-drag-handle:active {
  cursor: grabbing;
}
.todo-workspace .todo-star {
  font-size: 1rem;
}
.todo-workspace .todo-star.is-starred {
  color: #e3a326;
}
.todo-workspace .todo-task-copy {
  min-width: 0;
}
.todo-workspace .todo-task-copy h3 {
  color: var(--theme-default-text-color);
  font-size: 0.84rem;
  font-weight: 600;
  margin: 0;
}
.todo-workspace .todo-task-copy p {
  color: var(--theme-text-muted);
  font-size: 0.72rem;
  margin: 0.25rem 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.todo-workspace .todo-label {
  border-radius: 2rem;
  font-size: 0.63rem;
  padding: 0.1rem 0.5rem;
  font-weight: 500;
}
.todo-workspace .todo-label-work {
  background: rgba(var(--theme-secondary-rgb), 0.1);
  color: rgba(var(--theme-secondary-rgb));
}
.todo-workspace .todo-label-personal {
  background: rgba(var(--theme-success-rgb), 0.1);
  color: rgb(var(--theme-success-rgb));
}
.todo-workspace .todo-priority,
.todo-workspace .todo-due {
  display: inline-flex;
  align-items: center;
  gap: 0.28rem;
  color: var(--theme-text-muted);
  font-size: 0.7rem;
  white-space: nowrap;
}
.todo-workspace .todo-priority-high,
.todo-workspace .todo-due-today {
  color: rgb(var(--theme-danger-rgb));
}
.todo-workspace .todo-priority-medium {
  color: rgb(var(--theme-warning-rgb));
}
.todo-workspace .todo-priority-low {
  color: rgb(var(--theme-success-rgb));
}
.todo-workspace .is-complete .todo-task-copy h3 {
  color: var(--theme-text-muted);
  text-decoration: line-through;
}
.todo-workspace .todo-empty {
  min-height: 12rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.4rem;
  color: var(--theme-text-muted);
}
.todo-workspace .todo-empty strong {
  color: var(--theme-default-text-color);
}
.todo-workspace .todo-focus-kicker {
  color: rgb(var(--theme-secondary-rgb));
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.1em;
}
.todo-workspace .todo-priority-summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.7rem 0;
  border-bottom: 1px solid var(--theme-default-border);
  color: var(--theme-text-muted);
  font-size: 0.8rem;
}
.todo-workspace .todo-priority-summary:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.todo-workspace .todo-priority-summary strong {
  color: var(--theme-default-text-color);
  font-weight: 600;
}
@media (max-width: 991.98px) {
  .todo-workspace .todo-task {
    grid-template-columns: 1.2rem 1.1rem minmax(0, 1fr) auto 1.5rem;
  }
  .todo-workspace .todo-task .todo-priority {
    display: none;
  }
}
@media (max-width: 575.98px) {
  .todo-workspace .todo-toolbar {
    width: 100%;
    justify-content: stretch;
  }
  .todo-workspace .todo-search {
    width: 100%;
  }
  .todo-workspace .todo-toolbar .form-select {
    width: 100% !important;
  }
  .todo-workspace .todo-task {
    grid-template-columns: 1rem 1.1rem minmax(0, 1fr) 1.25rem;
    gap: 0.55rem;
    padding: 0.75rem 0.5rem;
  }
  .todo-workspace .todo-task .todo-due {
    grid-column: 3;
  }
  .todo-workspace .todo-task .todo-star {
    grid-column: 4;
    grid-row: 1;
  }
  .todo-workspace .todo-task-copy p {
    max-width: 14rem;
  }
  .todo-workspace .todo-list-card .card-header {
    align-items: flex-start;
  }
}
@media (max-width: 991.98px) {
  .todo-workspace .todo-list-grid {
    grid-template-columns: 1fr !important;
  }
}
.todo-task.gu-mirror {
  display: grid !important;
  width: min(64rem, 100vw - 2rem) !important;
  min-width: 0 !important;
  grid-template-columns: 1.5rem 1.15rem minmax(0, 1fr) auto auto 1.5rem !important;
  align-items: center !important;
  gap: 0.75rem !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0.85rem 0.75rem !important;
  border: 1px solid var(--theme-default-border) !important;
  border-radius: 0.65rem !important;
  background: var(--theme-custom-white) !important;
  color: var(--theme-default-text-color) !important;
  opacity: 1 !important;
  box-shadow: 0 0.75rem 2rem rgba(20, 32, 55, 0.18) !important;
  pointer-events: none;
}
.todo-task.gu-mirror .todo-drag-handle,
.todo-task.gu-mirror .todo-star {
  display: grid;
  place-items: center;
  padding: 0.2rem;
  border: 0;
  background: transparent;
  color: var(--theme-text-muted);
}
.todo-task.gu-mirror .todo-drag-handle {
  cursor: grabbing;
  font-size: 1.1rem;
}
.todo-task.gu-mirror .todo-complete {
  margin: 0;
}
.todo-task.gu-mirror .todo-task-copy {
  min-width: 0;
}
.todo-task.gu-mirror .todo-task-copy h3 {
  margin: 0;
  color: var(--theme-default-text-color);
  font-size: 0.84rem;
  font-weight: 600;
  line-height: 1.35;
}
.todo-task.gu-mirror .todo-task-copy p {
  margin: 0.25rem 0 0;
  overflow: hidden;
  color: var(--theme-text-muted);
  font-size: 0.72rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.todo-task.gu-mirror .todo-label {
  padding: 0.1rem 0.5rem;
  border-radius: 2rem;
  font-size: 0.63rem;
  font-weight: 500;
}
.todo-task.gu-mirror .todo-label-work {
  background: rgba(var(--theme-secondary-rgb), 0.1);
  color: rgb(var(--theme-secondary-rgb));
}
.todo-task.gu-mirror .todo-label-personal {
  background: rgba(var(--theme-success-rgb), 0.1);
  color: rgb(var(--theme-success-rgb));
}
.todo-task.gu-mirror .todo-priority,
.todo-task.gu-mirror .todo-due {
  display: inline-flex;
  align-items: center;
  gap: 0.28rem;
  color: var(--theme-text-muted);
  font-size: 0.7rem;
  white-space: nowrap;
}
.todo-task.gu-mirror .todo-priority-high,
.todo-task.gu-mirror .todo-due-today {
  color: rgb(var(--theme-danger-rgb));
}
.todo-task.gu-mirror .todo-priority-medium {
  color: rgb(var(--theme-warning-rgb));
}
.todo-task.gu-mirror .todo-priority-low {
  color: rgb(var(--theme-success-rgb));
}
.todo-task.gu-mirror .todo-star {
  font-size: 1rem;
}
.todo-task.gu-mirror .todo-star.is-starred {
  color: #e3a326;
}
.todo-task.gu-mirror.is-complete {
  background: var(--theme-custom-white) !important;
}
.todo-task.gu-mirror.is-complete .todo-task-copy h3 {
  color: var(--theme-text-muted);
  text-decoration: line-through;
}
@media (max-width: 991.98px) {
  .todo-task.gu-mirror {
    grid-template-columns: 1.2rem 1.1rem minmax(0, 1fr) auto 1.5rem !important;
  }
  .todo-task.gu-mirror .todo-priority {
    display: none;
  }
}
@media (max-width: 575.98px) {
  .todo-task.gu-mirror {
    width: calc(100vw - 1rem) !important;
    grid-template-columns: 1rem 1.1rem minmax(0, 1fr) 1.25rem !important;
    gap: 0.55rem !important;
    padding: 0.75rem 0.5rem !important;
  }
  .todo-task.gu-mirror .todo-due {
    grid-column: 3;
  }
  .todo-task.gu-mirror .todo-star {
    grid-column: 4;
    grid-row: 1;
  }
  .todo-task.gu-mirror .todo-task-copy p {
    max-width: 14rem;
  }
}
body.coming-soon-body {
  min-height: 100vh;
  margin: 0;
  background: var(--theme-custom-white);
}
.launch-split {
  min-height: 100vh;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  background: var(--theme-custom-white);
}
.launch-signup {
  min-width: 0;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3.5rem clamp(2rem, 5.5vw, 6.5rem);
}
.launch-signup-inner {
  width: 100%;
  max-width: 470px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.launch-brand {
  display: inline-flex;
  margin-bottom: 1rem;
}
.launch-brand img {
  display: block;
  width: auto;
  max-width: 190px;
  height: 45px;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: left center;
  object-position: left center;
}
.launch-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  color: var(--theme-text-muted);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.12em;
}
.launch-live-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgb(var(--theme-success-rgb));
  box-shadow: 0 0 0 4px rgba(var(--theme-success-rgb), 0.12);
}
.launch-signup h1 {
  max-width: 500px;
  margin: 1rem 0 0.9rem;
  color: var(--theme-default-text-color);
  font-size: clamp(2.3rem, 3.45vw, 3.25rem);
  font-weight: 650;
  letter-spacing: -0.025em;
  line-height: 1.1;
}
.launch-signup h1 span {
  color: rgb(var(--theme-secondary-rgb));
}
.launch-description {
  max-width: 440px;
  margin: 0;
  color: var(--theme-text-muted);
  font-size: 0.98rem;
  line-height: 1.65;
}
.maintenance-page .launch-maintenance-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgb(var(--theme-warning-rgb));
  box-shadow: 0 0 0 4px rgba(var(--theme-warning-rgb), 0.14);
}
.maintenance-page .maintenance-status {
  width: 100%;
  max-width: 440px;
  margin: 1.5rem 0;
  padding: 1.1rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.85rem;
  background: var(--theme-custom-white);
  box-shadow: 0 12px 30px rgba(17, 24, 39, 0.04);
}
.maintenance-page .maintenance-status-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding-bottom: 0.9rem;
  border-bottom: 1px solid var(--theme-default-border);
}
.maintenance-page .maintenance-status-heading h2 {
  margin: 0 0 0.25rem;
  color: var(--theme-default-text-color);
  font-size: 0.9rem;
  font-weight: 600;
}
.maintenance-page .maintenance-status-heading p {
  margin: 0;
  color: var(--theme-text-muted);
  font-size: 0.72rem;
  line-height: 1.5;
}
.maintenance-page .maintenance-status-heading .badge {
  flex: 0 0 auto;
  font-weight: 500;
}
.maintenance-page .maintenance-status-kicker {
  display: block;
  margin-bottom: 0.3rem;
  color: var(--theme-text-muted);
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.12em;
}
.maintenance-page .maintenance-progress-track {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.35rem;
  margin-top: 0.95rem;
}
.maintenance-page .maintenance-progress-track span {
  height: 0.3rem;
  border-radius: 999px;
  background: var(--theme-default-border);
}
.maintenance-page .maintenance-progress-track span.is-complete {
  background: rgb(var(--theme-success-rgb));
}
.maintenance-page .maintenance-progress-track span.is-active {
  background: rgb(var(--theme-warning-rgb));
}
.maintenance-page .maintenance-progress-label {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  margin-top: 0.45rem;
  color: var(--theme-text-muted);
  font-size: 0.64rem;
}
.maintenance-page .maintenance-status-list {
  display: grid;
  gap: 0.25rem;
  padding-top: 0.65rem;
}
.maintenance-page .maintenance-status-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.65rem;
  padding: 0.4rem 0.45rem;
  border-radius: 0.6rem;
}
.maintenance-page .maintenance-status-item.is-active {
  background: rgba(var(--theme-warning-rgb), 0.07);
}
.maintenance-page .maintenance-status-item .avatar {
  width: 1.9rem;
  height: 1.9rem;
  font-size: 0.95rem;
}
.maintenance-page .maintenance-status-item .badge {
  font-weight: 500;
}
.maintenance-page .maintenance-status-item .maintenance-status-label {
  color: var(--theme-default-text-color);
  font-size: 0.76rem;
  font-weight: 500;
}
.maintenance-page .maintenance-status-label {
  color: var(--theme-default-text-color);
  font-size: 0.78rem;
  font-weight: 500;
}
.launch-countdown {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  margin: 2rem 0 1.75rem;
}
.launch-time {
  width: 72px;
  height: 72px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.1rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.65rem;
  background: var(--theme-custom-white);
}
.launch-time strong {
  color: var(--theme-default-text-color);
  font-size: 1.4rem;
  font-weight: 650;
  font-variant-numeric: tabular-nums;
}
.launch-time span {
  color: var(--theme-text-muted);
  font-size: 0.68rem;
}
.launch-time-separator {
  color: var(--theme-text-muted);
  font-size: 1rem;
  font-weight: 600;
}
.launch-form {
  width: 100%;
  max-width: 440px;
}
.launch-form .form-label {
  color: var(--theme-default-text-color);
  font-size: 0.83rem;
  font-weight: 550;
}
.launch-form .form-control {
  min-height: 48px;
  border-color: var(--theme-default-border);
  border-radius: 0.55rem;
  color: var(--theme-default-text-color);
  font-size: 0.9rem;
}
.launch-form .form-control:focus {
  border-color: rgb(var(--theme-secondary-rgb));
  box-shadow: 0 0 0 0.2rem rgba(var(--theme-secondary-rgb), 0.12);
}
.launch-form > .btn {
  min-height: 48px;
  margin-top: 0.85rem;
  border-radius: 0.55rem;
  font-size: 0.9rem;
  font-weight: 600;
}
.launch-form-note {
  min-height: 1.15rem;
  margin: 0.7rem 0 0;
  color: var(--theme-text-muted);
  font-size: 0.72rem;
}
.launch-signup-footer {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-top: clamp(2rem, 5vh, 3.5rem);
  padding-top: 1.25rem;
  border-top: 1px solid var(--theme-default-border);
  color: var(--theme-text-muted);
  font-size: 0.72rem;
}
.launch-signup-footer a {
  color: var(--theme-default-text-color);
  text-decoration: none;
}
.launch-signup-footer a:hover {
  color: rgb(var(--theme-secondary-rgb));
}
.launch-showcase {
  min-width: 0;
  min-height: calc(100vh - 48px);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin: 24px;
  padding: 4rem clamp(7rem, 5vw, 12rem);
  border-radius: 18px;
  isolation: isolate;
  color: #fff;
  background: #111318;
}
.launch-showcase::before,
.launch-showcase::after {
  content: "";
  position: absolute;
  z-index: -1;
}
.launch-showcase::before {
  width: min(78%, 620px);
  aspect-ratio: 1;
  inset-inline-start: 50%;
  inset-block-start: 50%;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  box-shadow:
    0 0 0 42px rgba(255, 255, 255, 0.025),
    0 0 0 84px rgba(255, 255, 255, 0.02),
    0 0 0 126px rgba(255, 255, 255, 0.015);
}
.launch-showcase::after {
  inset: 0;
  opacity: 0.22;
  background:
    radial-gradient(
      ellipse at 75% 20%,
      rgba(255, 255, 255, 0.17),
      transparent 35%),
    radial-gradient(
      ellipse at 18% 86%,
      rgba(122, 129, 148, 0.2),
      transparent 32%);
}
.launch-showcase .launch-showcase-frame {
  position: absolute;
  z-index: -1;
  inset: 8%;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 2px;
  background-color: rgba(0, 0, 0, 0.5) !important;
  background:
    linear-gradient(
      135deg,
      transparent 49.85%,
      rgba(255, 255, 255, 0.07) 50%,
      transparent 50.15%),
    linear-gradient(
      45deg,
      transparent 49.85%,
      rgba(255, 255, 255, 0.045) 50%,
      transparent 50.15%);
}
.launch-showcase .launch-showcase-frame::before,
.launch-showcase .launch-showcase-frame::after {
  content: "";
  position: absolute;
}
.launch-showcase .launch-showcase-frame::before {
  inset: 8%;
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.launch-showcase .launch-showcase-frame::after {
  width: 36%;
  aspect-ratio: 1;
  inset-inline-start: 50%;
  inset-block-start: 50%;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.launch-showcase .launch-showcase-inner {
  width: 100%;
  max-width: 540px;
  position: relative;
  z-index: 1;
}
.launch-showcase .launch-showcase-mark {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  margin-bottom: 1.3rem;
  border: 1px solid rgba(255, 255, 255, 0.17);
  border-radius: 0.55rem;
  background: rgba(255, 255, 255, 0.09);
  color: #fff;
  font-size: 1.8rem;
}
.launch-showcase .launch-showcase-kicker {
  display: block;
  margin-bottom: 0.65rem;
  color: rgba(255, 255, 255, 0.78);
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.15em;
}
.launch-showcase h2 {
  max-width: 510px;
  margin: 0 0 1rem;
  color: #fff;
  font-size: clamp(2rem, 3.4vw, 3.2rem);
  font-weight: 650;
  letter-spacing: -0.04em;
  line-height: 1.1;
}
.launch-showcase p {
  max-width: 500px;
  margin: 0 0 1.8rem;
  color: rgba(255, 255, 255, 0.8);
  font-size: 1.05rem;
  line-height: 1.65;
}
.launch-showcase .launch-showcase-button {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  padding-inline: 1.25rem;
  border: 0;
  border-radius: 0.55rem;
  background-color: var(--theme-primary-color);
  color: var(--theme-default-text-color);
  font-size: 0.85rem;
  font-weight: 600;
}
.launch-showcase .launch-showcase-caption {
  position: absolute;
  z-index: 1;
  inset-inline-start: 12%;
  inset-block-end: 3.5%;
  color: rgba(255, 255, 255, 0.78);
  font-size: 0.7rem;
}
@media (max-width: 991.98px) {
  .launch-split {
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr);
  }
  .launch-signup {
    padding-inline: 2rem;
  }
  .launch-showcase {
    margin: 16px;
    min-height: calc(100vh - 32px);
    padding: 3rem 2rem;
  }
  .launch-showcase .launch-showcase-frame {
    inset: 9%;
  }
  .launch-showcase .launch-showcase-caption {
    inset-inline-start: 9%;
  }
}
@media (max-width: 767.98px) {
  .launch-split {
    grid-template-columns: 1fr;
  }
  .launch-showcase {
    display: none;
  }
  .launch-signup {
    min-height: auto;
    padding: 2rem 1.5rem 2.5rem;
  }
  .launch-signup .launch-signup-inner {
    max-width: 540px;
    margin: 0 auto;
  }
  .launch-signup .launch-brand {
    margin-bottom: 2.5rem;
  }
  .launch-signup h1 {
    font-size: clamp(2.15rem, 8vw, 3rem);
  }
  .launch-showcase {
    min-height: 440px;
    margin: 0 12px 12px;
    padding: 3rem 2rem 4.5rem;
  }
  .launch-showcase .launch-showcase-frame {
    inset: 8%;
  }
  .launch-showcase .launch-showcase-caption {
    inset-inline-start: 8%;
    inset-block-end: 1.5rem;
  }
}
@media (max-width: 420px) {
  .launch-signup {
    padding-inline: 1.15rem;
  }
  .launch-countdown {
    gap: 0.38rem;
  }
  .launch-time {
    width: 62px;
    height: 66px;
  }
  .launch-time strong {
    font-size: 1.2rem;
  }
  .launch-showcase {
    min-height: 400px;
    padding-inline: 1.5rem;
  }
  .launch-showcase h2 {
    font-size: 2rem;
  }
  .launch-showcase p {
    font-size: 0.9rem;
  }
}
.password-create-page {
  min-height: 100vh;
  margin: 0;
  color: var(--theme-default-text-color);
  background: var(--theme-default-body-bg-color);
}
.password-create-basic {
  position: relative;
  isolation: isolate;
  background:
    radial-gradient(
      ellipse at 7% 8%,
      rgba(110, 145, 255, 0.28),
      transparent 34rem),
    radial-gradient(
      ellipse at 94% 95%,
      rgba(94, 194, 163, 0.24),
      transparent 32rem),
    linear-gradient(
      120deg,
      #edf2ff 0%,
      #f8faff 37%,
      #ffffff 57%,
      #f1faf7 100%);
}
.password-create-basic::before,
.password-create-basic::after {
  content: "";
  position: fixed;
  z-index: -1;
  border-radius: 50%;
  pointer-events: none;
}
.password-create-basic::before {
  top: -18vw;
  right: -10vw;
  width: 52vw;
  height: 52vw;
  min-width: 420px;
  min-height: 420px;
  border: 1px solid rgba(84, 119, 216, 0.12);
  box-shadow:
    0 0 0 34px rgba(84, 119, 216, 0.025),
    0 0 0 68px rgba(84, 119, 216, 0.02),
    0 0 0 102px rgba(84, 119, 216, 0.015);
}
.password-create-basic::after {
  left: -13vw;
  bottom: -24vw;
  width: 56vw;
  height: 56vw;
  min-width: 440px;
  min-height: 440px;
  border: 1px solid rgba(63, 166, 133, 0.13);
  box-shadow: 0 0 0 38px rgba(63, 166, 133, 0.025), 0 0 0 76px rgba(63, 166, 133, 0.02);
}
.password-create-basic .password-basic-card {
  position: relative;
  z-index: 1;
}
.password-brand {
  display: flex;
  margin-bottom: 0.75rem;
}
.password-brand img {
  display: block;
  width: auto;
  max-width: 155px;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}
.password-create-page h1 {
  margin: 0 0 0.35rem;
  color: var(--theme-default-text-color);
  font-size: 1.65rem;
  font-weight: 600;
  letter-spacing: -0.035em;
}
.password-intro {
  margin: 0 0 1rem;
  color: var(--theme-text-muted);
  font-size: 0.87rem;
  line-height: 1.6;
}
.password-reset-heading {
  display: flex;
  align-items: flex-start;
  gap: 0.85rem;
  margin-bottom: 1.5rem;
}
.password-reset-heading .avatar {
  flex: 0 0 auto;
}
.password-reset-heading h1 {
  margin-bottom: 0.25rem;
}
.password-reset-heading .password-intro {
  margin-bottom: 0;
}
.password-signup-page .signup-form .form-control,
.password-signup-page .signin-form .form-control,
.password-signin-page .signup-form .form-control,
.password-signin-page .signin-form .form-control {
  min-height: 47px;
  border-color: var(--theme-default-border);
  border-radius: 0.5rem;
  color: var(--theme-default-text-color);
}
.password-signup-page .signup-form .form-control:focus,
.password-signup-page .signin-form .form-control:focus,
.password-signin-page .signup-form .form-control:focus,
.password-signin-page .signin-form .form-control:focus {
  border-color: rgb(var(--theme-secondary-rgb));
  box-shadow: 0 0 0 0.2rem rgba(var(--theme-secondary-rgb), 0.1);
}
.signin-options {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.signin-options .form-check {
  margin: 0;
}
.signin-options a {
  color: rgb(var(--theme-secondary-rgb));
  font-size: 0.75rem;
  font-weight: 500;
  text-decoration: none;
}
.signin-options a:hover {
  text-decoration: underline;
}
.two-step-page .two-step-heading {
  display: flex;
  align-items: flex-start;
  gap: 0.85rem;
  margin-bottom: 1.5rem;
}
.two-step-page .two-step-heading .avatar {
  flex: 0 0 auto;
}
.two-step-page .two-step-heading h1 {
  margin-bottom: 0.25rem;
}
.two-step-page .two-step-heading .password-intro {
  margin-bottom: 0;
}
.two-step-page .two-step-code {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.two-step-page .two-step-code .form-control {
  width: 100%;
  max-width: 68px;
  height: 64px;
  padding: 0.5rem;
  border-color: var(--theme-default-border);
  border-radius: 0.65rem;
  color: var(--theme-default-text-color);
  font-size: 1.4rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.two-step-page .two-step-code .form-control:focus {
  border-color: rgb(var(--theme-secondary-rgb));
  box-shadow: 0 0 0 0.2rem rgba(var(--theme-secondary-rgb), 0.1);
}
.two-step-page .two-step-resend {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 1.25rem;
}
.two-step-page .two-step-resend a {
  color: rgb(var(--theme-secondary-rgb));
  font-size: 0.75rem;
  font-weight: 500;
  text-decoration: none;
}
.two-step-page .two-step-resend a:hover {
  text-decoration: underline;
}
.two-step-page .two-step-security-note {
  margin: 1rem 0 0;
  color: var(--theme-text-muted);
  font-size: 0.75rem;
  text-align: center;
}
.password-form {
  width: 100%;
}
.password-form .form-label {
  margin-bottom: 0.45rem;
  color: var(--theme-default-text-color);
  font-size: 0.78rem;
  font-weight: 600;
}
.password-input-wrap {
  position: relative;
}
.password-input-wrap .form-control {
  min-height: 47px;
  padding-inline-end: 3rem;
  border-color: var(--theme-default-border);
  border-radius: 0.5rem;
  color: var(--theme-default-text-color);
  font-size: 0.85rem;
}
.password-input-wrap .form-control:focus {
  border-color: rgb(var(--theme-secondary-rgb));
  box-shadow: 0 0 0 0.2rem rgba(var(--theme-secondary-rgb), 0.1);
}
.password-visibility {
  position: absolute;
  inset-block: 0;
  inset-inline-end: 0.65rem;
  display: grid;
  place-items: center;
  border: 0;
  padding: 0;
  background: transparent;
  color: var(--theme-text-muted);
  font-size: 1.1rem;
  line-height: 1;
  text-decoration: none;
}
.password-visibility:hover,
.password-visibility:focus-visible {
  color: rgb(var(--theme-secondary-rgb));
  text-decoration: none;
}
.password-strength-block {
  margin: -0.1rem 0 1.1rem;
}
.password-strength-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.45rem;
  color: var(--theme-text-muted);
  font-size: 0.72rem;
  font-weight: 600;
}
.password-strength-heading > span {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}
.password-strength-heading > span i {
  color: #6f7e93;
  font-size: 0.9rem;
}
.password-strength-label {
  color: #7a8799;
  font-size: 0.72rem;
  font-weight: 600;
}
.password-strength-label[data-level="1"] {
  color: rgb(var(--theme-warning-rgb));
}
.password-strength-label[data-level="2"] {
  color: rgb(var(--theme-secondary-rgb));
}
.password-strength-label[data-level="3"] {
  color: rgb(var(--theme-success-rgb));
}
.password-strength-track {
  display: flex;
  gap: 5px;
  height: 6px;
  margin: 0.55rem 0 0.7rem;
}
.password-strength-track span {
  display: block;
  flex: 1;
  height: 100%;
  border-radius: 4px;
  background: var(--theme-default-border);
  transition: background-color 0.2s ease, transform 0.2s ease;
}
.password-strength-track[data-level="1"] span.is-filled {
  background: rgb(var(--theme-warning-rgb));
}
.password-strength-track[data-level="2"] span.is-filled {
  background: rgb(var(--theme-secondary-rgb));
}
.password-strength-track[data-level="3"] span.is-filled {
  background: rgb(var(--theme-success-rgb));
}
.password-rules {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 0.9rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.password-rules li {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  color: var(--theme-text-muted);
  font-size: 0.66rem;
}
.password-rules li i {
  font-size: 0.78rem;
}
.password-rules li.is-valid {
  color: rgb(var(--theme-success-rgb));
}
.password-match-message {
  margin-top: 0.35rem;
  color: var(--theme-text-muted);
  font-size: 0.68rem;
}
.password-match-message.is-valid {
  color: rgb(var(--theme-success-rgb));
}
.password-match-message.is-invalid {
  color: rgb(var(--theme-danger-rgb));
}
.password-form-status.is-invalid {
  color: rgb(var(--theme-danger-rgb));
}
.password-form-status {
  margin: 0;
  color: var(--theme-text-muted);
  font-size: 0.7rem;
  line-height: 1.5;
}
.password-form-status.is-valid {
  color: rgb(var(--theme-success-rgb));
}
.password-back-link {
  margin-top: 1.2rem;
  text-align: center;
}
.password-back-link a {
  color: var(--theme-text-muted);
  font-size: 0.76rem;
  text-decoration: none;
}
.password-back-link a:hover {
  color: rgb(var(--theme-secondary-rgb));
}
.password-page-footer {
  display: flex;
  justify-content: center;
  gap: 0.4rem;
  margin-top: auto;
  padding-top: 2rem;
  color: #929cad;
  font-size: 0.67rem;
}
.password-page-footer span {
  color: #c3c9d2;
}
.password-basic-shell {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem 1.25rem;
}
.password-basic-card {
  width: 100%;
  max-width: 465px;
  margin-block: 0;
  border-radius: 0.9rem;
  box-shadow: 0 18px 55px rgba(34, 49, 77, 0.07);
}
.password-basic-card > .card-body {
  padding: clamp(1.5rem, 4vw, 3.5rem) !important;
}
.password-basic-card .password-brand {
  margin-bottom: 1rem;
}
.password-basic-shell .password-page-footer {
  width: min(440px, 100%);
}
.password-cover-shell {
  min-height: 100vh;
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  background: #fff;
}
.password-cover-form-side {
  min-width: 0;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2.5rem clamp(2rem, 6vw, 6.5rem);
}
.password-cover-form-side .password-cover-form-inner {
  width: 100%;
  max-width: 460px;
  margin: auto;
  border: 0px;
  box-shadow: none;
}
.password-cover-form-side .password-cover-form-inner > .card-body {
  padding: 0px;
}
.password-cover-form-side .password-brand {
  margin-bottom: 1rem;
}
.password-cover-form-side .password-intro {
  max-width: 410px;
}
.password-cover-form-side .password-page-footer {
  justify-content: flex-start;
}
.password-create-form-card {
  border: 0;
  background: transparent;
  box-shadow: none;
}
.password-create-form-card > .card-body {
  padding: 0;
}
.password-security-note {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  margin-top: 2rem;
  padding: 0.85rem;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 0.65rem;
  background: rgba(255, 255, 255, 0.05);
}
.password-security-note > i {
  color: #a9b3ff;
  font-size: 1.1rem;
}
.password-security-note span {
  display: grid;
  gap: 0.15rem;
}
.password-security-note strong {
  color: #fff;
  font-size: 0.73rem;
  font-weight: 600;
}
.password-security-note small {
  color: rgba(255, 255, 255, 0.58);
  font-size: 0.65rem;
}
.lockscreen-profile {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  margin: 0.75rem 0 1rem;
}
.lockscreen-profile h1 {
  margin: 0 0 0.2rem;
  color: var(--theme-default-text-color);
  font-size: 1.12rem;
  font-weight: 650;
  letter-spacing: -0.02em;
}
.lockscreen-profile p {
  margin: 0;
  color: var(--theme-text-muted);
  font-size: 0.75rem;
}
.lockscreen-form .btn-lg {
  margin-top: 1.1rem;
}
.lockscreen-form .password-form-status {
  min-height: 0;
}
.lockscreen-showcase .password-security-note {
  max-width: 400px;
}
.lockscreen-showcase .password-security-note > i {
  color: #a9b3ff;
}
.password-security-showcase {
  grid-column: 2;
  grid-row: 1;
}
.password-cover-form-side {
  grid-column: 1;
  grid-row: 1;
}
@media (max-width: 991.98px) {
  .password-cover-shell {
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  }
  .password-cover-form-side {
    padding-inline: 2rem;
  }
}
@media (max-width: 767.98px) {
  .password-cover-shell {
    grid-template-columns: 1fr;
  }
  .password-security-showcase,
  .password-cover-form-side {
    grid-column: 1;
  }
  .password-security-showcase {
    grid-row: 2;
  }
  .password-cover-form-side {
    grid-row: 1;
  }
  .lockscreen-showcase {
    grid-row: 2;
  }
  .lockscreen-cover-form-side {
    grid-row: 1;
  }
  .password-cover-form-side {
    min-height: auto;
    padding: 2rem 1.25rem 1.5rem;
  }
  .password-cover-form-inner {
    max-width: 480px;
  }
  .password-cover-form-side .password-brand {
    margin-bottom: 2rem;
  }
}
@media (max-width: 480px) {
  .two-step-page .two-step-code {
    gap: 0.5rem;
  }
  .two-step-page .two-step-code .form-control {
    max-width: 56px;
    height: 56px;
    padding: 0.25rem;
  }
  .password-rules {
    display: grid;
    gap: 0.35rem;
  }
  .password-security-showcase h2 {
    font-size: 2rem;
  }
}
[data-theme-color=dark] .password-create-page {
  color: var(--theme-default-text-color);
  background-color: var(--theme-default-body-bg-color);
}
[data-theme-color=dark] .password-create-basic {
  background:
    radial-gradient(
      ellipse at 7% 8%,
      rgba(var(--theme-secondary-rgb), 0.16),
      transparent 34rem),
    radial-gradient(
      ellipse at 94% 95%,
      rgba(var(--theme-success-rgb), 0.11),
      transparent 32rem),
    linear-gradient(
      120deg,
      rgb(var(--theme-body-bg-rgb)) 0%,
      rgb(var(--theme-body-bg-rgb2)) 55%,
      rgb(var(--theme-body-bg-rgb)) 100%);
}
[data-theme-color=dark] .password-basic-card {
  border: 1px solid var(--theme-default-border);
  background: var(--theme-custom-white);
  color: var(--theme-default-text-color);
  box-shadow: 0 18px 55px rgba(0, 0, 0, 0.22);
}
[data-theme-color=dark] .password-cover-shell {
  background: rgb(var(--theme-body-bg-rgb2));
}
[data-theme-color=dark] .password-cover-form-side {
  background: var(--theme-custom-white);
  color: var(--theme-default-text-color);
}
[data-theme-color=dark] .password-cover-form-inner {
  color: var(--theme-default-text-color);
}
[data-theme-color=dark] .password-page-footer,
[data-theme-color=dark] .password-strength-heading > span i,
[data-theme-color=dark] .password-strength-label {
  color: var(--theme-text-muted);
}
[data-theme-color=dark] .password-page-footer span {
  color: rgba(255, 255, 255, 0.42);
}
.advanced-forms-page .advanced-intro-icon {
  display: grid;
  flex: 0 0 3.25rem;
  width: 3.25rem;
  height: 3.25rem;
  place-items: center;
  border: 1px solid rgba(var(--theme-primary-rgb), 0.18);
  border-radius: 0.9rem;
  background: rgba(var(--theme-primary-rgb), 0.11);
  color: var(--theme-primary-color);
  font-size: 1.5rem;
}
.advanced-forms-page .advanced-eyebrow {
  display: inline-block;
  margin-bottom: 0.35rem;
  color: var(--theme-primary-color);
  font-size: 0.64rem;
  font-weight: 700;
  letter-spacing: 0.11em;
}
.advanced-forms-page .advanced-plugin-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.5rem;
}
.advanced-forms-page .advanced-plugin-list span {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.5rem 0.7rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 2rem;
  background: var(--theme-custom-white);
  color: var(--theme-default-text-color);
  font-size: 0.72rem;
  font-weight: 500;
  white-space: nowrap;
}
.advanced-forms-page .advanced-plugin-list i {
  color: var(--theme-primary-color);
  font-size: 0.9rem;
}
.advanced-forms-page .advanced-form-card .form-label {
  margin-bottom: 0.45rem;
  font-size: 0.78rem;
  font-weight: 600;
}
.advanced-forms-page .advanced-form-card .form-text {
  margin-top: 0.45rem;
  color: var(--theme-text-muted);
  font-size: 0.7rem;
}
.advanced-forms-page .advanced-form-autocomplete .row {
  --bs-gutter-y: 1rem;
}
.advanced-forms-page .advanced-form-autocomplete .form-control {
  min-height: 2.75rem;
}
.advanced-forms-page .advanced-form-telephone .row {
  --bs-gutter-y: 1rem;
}
.advanced-forms-page .advanced-form-telephone .iti {
  width: 100%;
}
.advanced-forms-page .advanced-form-telephone .advanced-phone-group .iti {
  flex: 1 1 auto;
  width: 1%;
}
.advanced-forms-page .advanced-form-telephone .advanced-phone-group .iti input {
  height: 100%;
}
.advanced-forms-page .advanced-form-telephone #valid-msg,
.advanced-forms-page .advanced-form-telephone #error-msg {
  min-height: 1rem;
}
.advanced-forms-page .advanced-form-telephone #message:empty {
  display: none;
}
.advanced-forms-page .advanced-form-tags .card-body > .row {
  --bs-gutter-x: 1.25rem;
  --bs-gutter-y: 1.15rem;
}
.advanced-forms-page .advanced-form-tags .tagify {
  --tags-border-color: var(--theme-input-border);
  --tags-hover-border-color: var(--theme-primary-color);
  width: 100%;
  min-height: 2.55rem;
  border-radius: var(--bs-border-radius);
}
.advanced-forms-page .advanced-form-tags textarea[name=mix] {
  min-height: 6rem;
}
.advanced-forms-page .advanced-form-lists .card-body > .row {
  --bs-gutter-x: 1.25rem;
  --bs-gutter-y: 1.5rem;
}
.advanced-forms-page .advanced-form-lists h3 {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  color: var(--theme-default-text-color);
}
.advanced-forms-page .advanced-form-lists h3::before {
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 50%;
  background: var(--theme-primary-color);
  content: "";
}
.advanced-forms-page .advanced-form-lists .dual-listbox {
  width: 100%;
}
@media (max-width: 575.98px) {
  .advanced-forms-page .advanced-plugin-list {
    justify-content: flex-start;
  }
}
.sitemap-page .sitemap-grid {
  align-items: flex-start;
}
.sitemap-page .sitemap-panel {
  border: 1px solid var(--theme-default-border);
  border-radius: 0.45rem;
  box-shadow: 0 0.12rem 0.35rem rgba(20, 35, 60, 0.045);
}
.sitemap-page .sitemap-panel > .card-body {
  padding: 1.2rem 1.35rem;
}
.sitemap-page .sitemap-tree-group + .sitemap-tree-group {
  margin-top: 1.4rem;
  padding-top: 1.15rem;
  border-top: 1px solid var(--theme-default-border);
}
.sitemap-page .sitemap-tree-group h2 {
  margin: 0 0 0.65rem;
  color: var(--theme-default-text-color);
  font-size: 0.82rem;
  font-weight: 600;
  line-height: 1.4;
  text-transform: uppercase;
}
.sitemap-page .sitemap-tree-group ul {
  position: relative;
  margin: 0 0 0 0.55rem;
  padding: 0 0 0 1.15rem;
  list-style: none;
}
.sitemap-page .sitemap-tree-group ul::before {
  position: absolute;
  top: 0.2rem;
  bottom: 0.8rem;
  left: 0;
  border-left: 1px dashed var(--theme-default-border);
  content: "";
}
.sitemap-page .sitemap-tree-group ul ul {
  margin-left: 0.4rem;
}
.sitemap-page .sitemap-tree-group li {
  position: relative;
  min-height: 1.8rem;
}
.sitemap-page .sitemap-tree-group li::before {
  position: absolute;
  top: 0.86rem;
  left: -1.15rem;
  width: 0.72rem;
  border-top: 1px dashed var(--theme-default-border);
  content: "";
}
.sitemap-page .sitemap-tree-group .sitemap-node-label {
  color: var(--theme-default-text-color) !important;
}
.sitemap-page .sitemap-tree-group .sitemap-node-label,
.sitemap-page .sitemap-tree-group .sitemap-node-link {
  display: inline-flex;
  align-items: center;
  min-height: 1.8rem;
  color: var(--theme-text-muted);
  font-size: 0.8rem;
  line-height: 1.35;
}
.sitemap-page .sitemap-tree-group .sitemap-node-label {
  font-weight: 500;
}
.sitemap-page .sitemap-tree-group .sitemap-node-link {
  text-decoration: none;
  transition: color 0.16s ease, transform 0.16s ease;
}
.sitemap-page .sitemap-tree-group .sitemap-node-link:hover,
.sitemap-page .sitemap-tree-group .sitemap-node-link:focus-visible {
  color: var(--theme-default-text-color);
  outline: 0;
  transform: translateX(2px);
}
@media (max-width: 767.98px) {
  .sitemap-page .sitemap-panel > .card-body {
    padding: 1rem;
  }
}
.invoice-create-page .invoice-builder {
  padding-bottom: 1rem;
}
.invoice-create-page .invoice-builder-card,
.invoice-create-page .invoice-summary-card {
  border: 1px solid var(--theme-default-border);
}
.invoice-create-page .invoice-logo-row {
  padding-bottom: 1.25rem;
  border-bottom: 1px solid var(--theme-default-border);
}
.invoice-create-page .invoice-logo-dropzone {
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(100%, 20rem);
  min-height: 4rem;
  padding: 0.75rem;
  border: 1px dashed var(--theme-default-border);
  border-radius: 0.375rem;
  background: var(--theme-custom-white);
  color: var(--theme-text-muted);
}
.invoice-create-page .invoice-logo-dropzone .dz-message {
  margin: 0;
  font-size: 0.8125rem;
}
.invoice-create-page .invoice-logo-dropzone .dz-preview {
  margin: 0.25rem;
}
.invoice-create-page .invoice-party-panel {
  height: 100%;
}
.invoice-create-page .invoice-section-heading,
.invoice-create-page .invoice-block-heading {
  margin-bottom: 1rem;
}
.invoice-create-page .invoice-section-heading h3,
.invoice-create-page .invoice-block-heading h3 {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--theme-default-text-color);
}
.invoice-create-page .invoice-section-heading p,
.invoice-create-page .invoice-block-heading p {
  margin: 0.25rem 0 0;
  font-size: 0.8125rem;
  color: var(--theme-text-muted);
}
.invoice-create-page .invoice-divider {
  margin: 1.5rem 0;
  border-color: var(--theme-default-border);
  opacity: 1;
}
.invoice-create-page .invoice-items-heading {
  justify-content: flex-end !important;
}
.invoice-create-page .invoice-items-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.375rem;
}
.invoice-create-page .invoice-items-table {
  min-width: 720px;
}
.invoice-create-page .invoice-items-table thead th {
  background: var(--light);
  font-size: 0.75rem;
  font-weight: 600;
  white-space: nowrap;
}
.invoice-create-page .invoice-items-table tbody td {
  padding: 0.75rem 0.5rem;
}
.invoice-create-page .invoice-items-table tbody tr:last-child td {
  border-bottom: 0;
}
.invoice-create-page .invoice-items-table th:nth-child(1) {
  width: 22%;
}
.invoice-create-page .invoice-items-table th:nth-child(2) {
  width: 30%;
}
.invoice-create-page .invoice-items-table th:nth-child(3) {
  width: 10%;
}
.invoice-create-page .invoice-items-table th:nth-child(4) {
  width: 14%;
}
.invoice-create-page .invoice-items-table th:nth-child(5) {
  width: 18%;
}
.invoice-create-page .invoice-items-table th:nth-child(6) {
  width: 3rem;
}
.invoice-create-page .invoice-items-table .form-control {
  min-width: 0;
  padding: 0.5rem;
}
.invoice-create-page .invoice-items-table .invoice-item-quantity {
  min-width: 3.5rem;
}
.invoice-create-page .invoice-items-table .invoice-item-rate {
  min-width: 5rem;
}
.invoice-create-page .invoice-summary-total-block {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding-bottom: 1.25rem;
  margin-bottom: 0.25rem;
  border-bottom: 1px solid var(--theme-default-border);
}
.invoice-create-page .invoice-summary-total-block span,
.invoice-create-page .invoice-summary-total-block small {
  font-size: 0.8125rem;
  color: var(--theme-text-muted);
}
.invoice-create-page .invoice-summary-total-block strong {
  font-size: 1.75rem;
  font-weight: 600;
  color: var(--theme-default-text-color);
}
.invoice-create-page .invoice-summary-line {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 0.5rem;
  padding: 0.875rem 0;
  font-size: 0.8125rem;
  color: var(--theme-text-muted);
}
.invoice-create-page .invoice-summary-line > strong {
  color: var(--theme-default-text-color);
  font-weight: 600;
  white-space: nowrap;
}
.invoice-create-page .invoice-summary-line + .invoice-create-page .invoice-summary-line {
  border-top: 1px solid var(--theme-default-border);
}
.invoice-create-page .invoice-adjustment {
  grid-template-columns: minmax(0, 1fr) 5.5rem auto;
}
.invoice-create-page .invoice-adjustment label {
  margin: 0;
}
.invoice-create-page .invoice-adjustment .input-group {
  min-width: 0;
}
.invoice-create-page .invoice-summary-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding-top: 1rem;
  font-size: 0.8125rem;
  color: var(--theme-text-muted);
}
.invoice-create-page .invoice-summary-meta > strong {
  font-weight: 500;
  color: var(--theme-default-text-color);
}
.invoice-create-page .invoice-summary-meta .form-select {
  width: auto;
  max-width: 11rem;
}
.invoice-create-page .invoice-feedback:empty {
  display: none;
}
@media (max-width: 575.98px) {
  .invoice-create-page .invoice-logo-dropzone {
    width: 100%;
  }
  .invoice-create-page .invoice-builder-toolbar > div:last-child {
    width: 100%;
  }
  .invoice-create-page .invoice-builder-toolbar .btn {
    flex: 1 1 auto;
  }
}
@media (max-width: 991.98px) {
  .invoice-create-page .invoice-builder > .row > [class*=col-] {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
}
@media print {
  .invoice-create-page .topbar,
  .invoice-create-page .sidenav-menu,
  .invoice-create-page .invoice-builder-toolbar,
  .invoice-create-page .invoice-logo-row,
  .invoice-create-page .invoice-feedback,
  .invoice-create-page .invoice-items-heading,
  .invoice-create-page .invoice-remove-item,
  .invoice-create-page .card-footer,
  .invoice-create-page .progress-top-bar {
    display: none !important;
  }
  .invoice-create-page .main-content {
    margin: 0 !important;
    padding: 0 !important;
  }
  .invoice-create-page .invoice-items-table-wrap {
    overflow: visible;
  }
}
.invoice-details-page .invoice-details-toolbar {
  padding: 0.75rem 0;
}
.invoice-details-page .invoice-details-toolbar .btn {
  min-height: 2.35rem;
  font-size: 0.8125rem;
}
.invoice-details-page .invoice-document,
.invoice-details-page .invoice-payment-card,
.invoice-details-page .invoice-client-card {
  overflow: hidden;
  border: 1px solid var(--theme-default-border);
}
.invoice-details-page .invoice-document > .card-body {
  padding: clamp(1.15rem, 3vw, 2.25rem);
}
.invoice-details-page .invoice-document-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  padding: 1.5rem;
  border-bottom: 1px solid var(--theme-default-border);
}
.invoice-details-page .invoice-brand-lockup {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.invoice-details-page .invoice-brand-lockup > div {
  display: flex;
  flex-direction: column;
  line-height: 1.1;
}
.invoice-details-page .invoice-brand-lockup strong {
  color: var(--theme-default-text-color);
  font-size: 1.1rem;
  font-weight: 700;
}
.invoice-details-page .invoice-brand-lockup > div span {
  margin-top: 0.25rem;
  color: var(--theme-text-muted);
  font-size: 0.8125rem;
  font-weight: 600;
}
.invoice-details-page .invoice-document-heading {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.3rem;
}
.invoice-details-page .invoice-document-heading > span:first-child {
  color: var(--theme-text-muted);
  font-size: 0.8125rem;
  font-weight: 600;
}
.invoice-details-page .invoice-document-heading h2 {
  margin: 0 0 0.2rem;
  color: var(--theme-default-text-color);
  font-size: 1.25rem;
  font-weight: 600;
}
.invoice-details-page .invoice-parties-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
  padding: 1.5rem;
}
.invoice-details-page .invoice-overline {
  display: block;
  margin-bottom: 0.55rem;
  color: var(--theme-text-muted);
  font-size: 0.8125rem;
  font-weight: 600;
}
.invoice-details-page .invoice-address-block h3 {
  margin: 0 0 0.4rem;
  color: var(--theme-default-text-color);
  font-size: 0.85rem;
  font-weight: 600;
}
.invoice-details-page .invoice-address-block p,
.invoice-details-page .invoice-address-block > span:not(.invoice-overline),
.invoice-details-page .invoice-address-block a {
  display: block;
  margin: 0.15rem 0;
  color: var(--theme-text-muted);
  font-size: 0.8125rem;
  line-height: 1.6;
}
.invoice-details-page .invoice-address-block a {
  color: var(--theme-text-muted);
  text-decoration: none;
}
.invoice-details-page .invoice-address-block a:hover {
  text-decoration: underline;
}
.invoice-details-page .invoice-meta-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.8rem;
  padding: 1rem;
  margin-inline: 1.5rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.6rem;
  background: var(--light);
}
.invoice-details-page .invoice-meta-strip div {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  min-width: 0;
}
.invoice-details-page .invoice-meta-strip span {
  color: var(--theme-text-muted);
  font-size: 0.8125rem;
}
.invoice-details-page .invoice-meta-strip strong {
  overflow-wrap: anywhere;
  color: var(--theme-default-text-color);
  font-size: 0.8125rem;
  font-weight: 600;
}
.invoice-details-page .invoice-document-bottom {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(15rem, 0.85fr);
  gap: 2rem;
  margin: 1.5rem;
  margin-top: 0px;
  padding-top: 1.4rem;
}
.invoice-details-page .invoice-payment-note {
  padding: 0.95rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.6rem;
  background: var(--theme-custom-white);
}
.invoice-details-page .invoice-payment-note h3 {
  margin: 0.15rem 0 0.45rem;
  color: var(--theme-default-text-color);
  font-size: 0.8125rem;
  font-weight: 600;
}
.invoice-details-page .invoice-payment-note p {
  margin: 0;
  color: var(--theme-text-muted);
  font-size: 0.8125rem;
  line-height: 1.6;
}
.invoice-details-page .invoice-payment-note a {
  color: var(--theme-text-muted);
  text-decoration: none;
}
.invoice-details-page .invoice-totals > div {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.42rem 0;
  color: var(--theme-text-muted);
  font-size: 0.8125rem;
}
.invoice-details-page .invoice-totals strong {
  color: var(--theme-default-text-color);
  font-weight: 600;
  white-space: nowrap;
}
.invoice-details-page .invoice-totals small {
  color: var(--theme-text-muted);
  font-size: 0.8125rem;
}
.invoice-details-page .invoice-totals .invoice-grand-total {
  align-items: center;
  margin-top: 0.4rem;
  padding-top: 0.8rem;
  border-top: 1px solid var(--theme-default-border);
  color: var(--theme-default-text-color);
  font-size: 0.82rem;
  font-weight: 600;
}
.invoice-details-page .invoice-totals .invoice-grand-total strong {
  color: var(--theme-default-text-color);
  font-size: 1.25rem;
}
.invoice-details-page .invoice-document-thanks {
  margin-top: 1.4rem;
  padding-top: 0.85rem;
  border-top: 1px solid var(--theme-default-border);
  color: var(--theme-text-muted);
  font-size: 0.8125rem;
  text-align: center;
}
.invoice-details-page .invoice-payment-card .card-header,
.invoice-details-page .invoice-client-card .card-header {
  padding: 0.95rem 1rem;
  border-bottom: 1px solid var(--theme-default-border);
}
.invoice-details-page .invoice-payment-card .card-body,
.invoice-details-page .invoice-client-card .card-body {
  padding: 1rem;
}
.invoice-details-page .invoice-balance {
  padding: 0 0 1.25rem;
  border-bottom: 1px solid var(--theme-default-border);
  border-radius: 0.65rem;
  background: var(--theme-custom-white);
}
.invoice-details-page .invoice-balance > span {
  display: block;
  color: var(--theme-text-muted);
  font-size: 0.8125rem;
}
.invoice-details-page .invoice-balance > strong {
  display: block;
  margin-top: 0.2rem;
  color: var(--theme-default-text-color);
  font-size: 1.5rem;
  font-weight: 650;
}
.invoice-details-page .invoice-balance .d-flex {
  color: var(--theme-text-muted);
  font-size: 0.8125rem;
}
.invoice-details-page .invoice-aside-detail {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding-top: 0.9rem;
  color: var(--theme-text-muted);
  font-size: 0.8125rem;
}
.invoice-details-page .invoice-aside-detail span {
  display: flex;
  align-items: center;
  gap: 0.45rem;
}
.invoice-details-page .invoice-aside-detail i {
  color: rgb(var(--theme-secondary-rgb));
  font-size: 0.9rem;
}
.invoice-details-page .invoice-aside-detail strong {
  color: var(--theme-default-text-color);
  font-size: 0.8125rem;
  font-weight: 500;
}
.invoice-details-page .invoice-client-link {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.4rem 0;
  color: var(--theme-text-muted);
  font-size: 0.8125rem;
  text-decoration: none;
}
.invoice-details-page .invoice-client-link i {
  color: rgb(var(--theme-secondary-rgb));
}
.invoice-details-page .invoice-client-link:hover {
  color: rgb(var(--theme-secondary-rgb));
}
.invoice-details-page .invoice-details-feedback:empty {
  display: none;
}
@media (max-width: 767.98px) {
  .invoice-details-page .invoice-parties-grid,
  .invoice-details-page .invoice-document-bottom {
    grid-template-columns: 1fr;
    gap: 1.2rem;
  }
  .invoice-details-page .invoice-meta-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 479.98px) {
  .invoice-details-page .invoice-document-heading {
    align-items: flex-start;
  }
  .invoice-details-page .invoice-meta-strip {
    gap: 0.9rem 0.5rem;
    padding: 0.8rem;
  }
}
@media print {
  .invoice-details-page .topbar,
  .invoice-details-page .sidenav-menu,
  .invoice-details-page .invoice-details-toolbar,
  .invoice-details-page .invoice-details-aside,
  .invoice-details-page .progress-top-bar,
  .invoice-details-page .app-footer {
    display: none !important;
  }
  .invoice-details-page .main-content {
    margin: 0 !important;
    padding: 0 !important;
  }
  .invoice-details-page .invoice-document {
    border: 0;
    box-shadow: none;
  }
}
@media print {
  .invoice-details-page .page-header-breadcrumb {
    display: none !important;
  }
  .invoice-details-page .invoice-details-workspace > .row > .col-xl-8 {
    width: 100%;
  }
  .invoice-details-page .invoice-document-items {
    overflow: visible;
  }
}
.invoice-list-page .invoice-table-card {
  border: 1px solid var(--theme-default-border);
}
.invoice-list-page .invoice-list-table {
  min-width: 850px;
}
.invoice-list-page .invoice-list-table thead th {
  background: var(--light);
  font-size: 0.75rem;
  font-weight: 600;
  white-space: nowrap;
}
.invoice-list-page .invoice-list-table tbody td {
  padding: 1rem;
  font-size: 0.8125rem;
}
.invoice-list-page .invoice-list-table .badge {
  font-weight: 500;
}
.invoice-list-page .invoice-client-cell {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-width: 12rem;
}
.invoice-list-page .invoice-client-cell img {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}
.invoice-list-page .invoice-client-cell div {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.invoice-list-page .invoice-client-cell strong {
  font-weight: 500;
}
.invoice-list-page .invoice-client-cell span {
  color: var(--theme-text-muted);
  font-size: 0.75rem;
}
.invoice-list-page .invoice-id-link {
  color: var(--theme-text-muted);
  font-weight: 500;
}
.invoice-list-page .invoice-id-link:hover {
  text-decoration: underline;
}
.invoice-list-page .invoice-row-actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
}
.invoice-list-page .invoice-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 3rem 1rem;
  color: var(--theme-text-muted);
  text-align: center;
}
.invoice-list-page .invoice-empty-state i {
  font-size: 1.5rem;
}
.invoice-list-page .invoice-empty-state strong {
  color: var(--theme-default-text-color);
}
@media print {
  .invoice-list-page .topbar,
  .invoice-list-page .sidenav-menu,
  .invoice-list-page .invoice-table-card > .card-header .btn,
  .invoice-list-page .invoice-table-card > .card-body.border-bottom,
  .invoice-list-page .invoice-row-actions,
  .invoice-list-page .progress-top-bar,
  .invoice-list-page .app-footer {
    display: none !important;
  }
  .invoice-list-page .main-content {
    margin: 0 !important;
    padding: 0 !important;
  }
  .invoice-list-page .table-responsive {
    overflow: visible;
  }
  .invoice-list-page .invoice-list-table {
    min-width: 0;
  }
}
.profile-page .profile-workspace {
  padding-bottom: 1.5rem;
}
.profile-page .profile-hero-card,
.profile-page .profile-info-card,
.profile-page .profile-about-card,
.profile-page .profile-highlight-card,
.profile-page .profile-activity-card,
.profile-page .profile-gallery-card,
.profile-page .profile-connections-card {
  overflow: hidden;
  border: 1px solid var(--theme-default-border);
}
.profile-page .profile-cover {
  position: relative;
  height: clamp(10rem, 22vw, 15rem);
  overflow: hidden;
  background: rgba(var(--theme-primary-rgb), 0.1);
}
.profile-page .profile-cover > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center 54%;
  object-position: center 54%;
}
.profile-page .profile-cover-shade {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      180deg,
      transparent 38%,
      rgba(12, 21, 34, 0.4));
}
.profile-page .profile-cover-label {
  position: absolute;
  right: 1.15rem;
  bottom: 1rem;
  padding: 0.38rem 0.65rem;
  border: 1px solid rgba(255, 255, 255, 0.26);
  border-radius: 999px;
  background: rgba(17, 28, 42, 0.36);
  color: #fff;
  font-size: 0.8125rem;
  backdrop-filter: blur(8px);
}
.profile-page .profile-hero-card > .card-body {
  padding: 1.25rem 1.25rem 0;
}
.profile-page .profile-identity-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
  padding: 0 0 1rem;
}
.profile-page .profile-identity {
  display: flex;
  align-items: flex-end;
  gap: 1rem;
  min-width: 0;
}
.profile-page .profile-avatar {
  position: relative;
  display: block;
  width: 5rem;
  height: 5rem;
  flex: 0 0 auto;
  margin-top: 0;
  border: 4px solid var(--theme-custom-white);
  border-radius: 50%;
  background: var(--theme-custom-white);
}
.profile-page .profile-avatar > img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}
.profile-page .profile-avatar > span {
  position: absolute;
  right: 0.1rem;
  bottom: 0.1rem;
  width: 0.9rem;
  height: 0.9rem;
  border: 2px solid var(--theme-custom-white);
  border-radius: 50%;
  background: rgb(var(--theme-success-rgb));
}
.profile-page .profile-identity-copy {
  padding: 0.8rem 0 0.1rem;
}
.profile-page .profile-identity-copy h2 {
  margin: 0;
  color: var(--theme-default-text-color);
  font-size: 1.2rem;
  font-weight: 600;
}
.profile-page .profile-identity-copy > p {
  margin: 0.28rem 0 0.45rem;
  color: var(--theme-default-text-color);
  font-size: 0.8125rem;
  font-weight: 500;
}
.profile-page .profile-identity-copy > p span {
  color: var(--theme-text-muted);
  font-weight: 400;
}
.profile-page .profile-quick-contact {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 1rem;
}
.profile-page .profile-quick-contact a {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  color: var(--theme-text-muted);
  font-size: 0.8125rem;
  text-decoration: none;
}
.profile-page .profile-quick-contact a:hover {
  color: var(--theme-primary-color);
}
.profile-page .profile-hero-actions {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  padding-bottom: 0.15rem;
}
.profile-page .profile-hero-actions .btn {
  min-height: 2.25rem;
  font-size: 0.8125rem;
}
.profile-page .profile-stat-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid var(--theme-default-border);
  padding-inline: 1rem;
  border-radius: 0.5rem;
  background-color: var(--theme-default-body-bg-color);
  margin-bottom: 0.5rem;
}
.profile-page .profile-stat-row > div {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  padding: 0.85rem 0.9rem;
}
.profile-page .profile-stat-row > div:first-child {
  padding-left: 0;
}
.profile-page .profile-stat-row strong {
  color: var(--theme-default-text-color);
  font-size: 1rem;
  font-weight: 600;
}
.profile-page .profile-stat-row span {
  color: var(--theme-text-muted);
  font-size: 0.8125rem;
}
.profile-page .profile-tabs {
  display: flex;
  gap: 0.25rem;
  border-bottom: 0;
  white-space: nowrap;
  overflow-x: auto;
}
.profile-page .profile-tabs .nav-link {
  padding: 0.8rem 0.9rem;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  color: var(--theme-text-muted);
  font-size: 0.8125rem;
}
.profile-page .profile-tabs .nav-link.active {
  border-bottom-color: rgb(var(--theme-dark-rgb));
  background: transparent;
  color: rgb(var(--theme-dark-rgb));
  font-weight: 600;
}
.profile-page .profile-tab-content {
  margin-top: 1rem;
}
.profile-page .profile-tab-content .tab-pane {
  padding: 0px;
  border: 0px;
}
.profile-page .profile-info-card .card-header,
.profile-page .profile-about-card .card-header,
.profile-page .profile-highlight-card .card-header,
.profile-page .profile-activity-card .card-header,
.profile-page .profile-gallery-card .card-header,
.profile-page .profile-connections-card .card-header {
  padding: 0.95rem 1.05rem;
  border-bottom: 1px solid var(--theme-default-border);
}
.profile-page .profile-info-card .card-body,
.profile-page .profile-about-card .card-body,
.profile-page .profile-highlight-card .card-body,
.profile-page .profile-activity-card .card-body,
.profile-page .profile-gallery-card .card-body,
.profile-page .profile-connections-card .card-body {
  padding: 1.05rem;
}
.profile-page .profile-info-list {
  display: grid;
  gap: 1rem;
}
.profile-page .profile-info-list > div {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  min-width: 0;
}
.profile-page .profile-info-list > div > span:last-child {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 0.12rem;
}
.profile-page .profile-info-list small {
  color: var(--theme-text-muted);
  font-size: 0.8125rem;
}
.profile-page .profile-info-list strong,
.profile-page .profile-info-list a {
  overflow-wrap: anywhere;
  color: var(--theme-default-text-color);
  font-size: 0.8125rem;
  font-weight: 500;
  text-decoration: none;
}
.profile-page .profile-info-list a:hover {
  color: var(--theme-primary-color);
}
.profile-page .profile-info-icon,
.profile-page .profile-focus-icon {
  display: grid;
  width: 2.15rem;
  height: 2.15rem;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 0.35rem;
  font-size: 0.95rem;
}
.profile-page .profile-info-icon {
  background: rgba(var(--theme-light-rgb));
  color: var(--theme-default-text-color);
}
.profile-page .profile-bio {
  margin: 0;
  color: var(--theme-text-muted);
  font-size: 0.8125rem;
  line-height: 1.75;
}
.profile-page .profile-focus-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 1.1rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.6rem;
  background-color: var(--theme-default-body-bg-color);
}
.profile-page .profile-focus-grid > div {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.7rem;
  border-inline-end: 1px solid var(--theme-default-border);
}
.profile-page .profile-focus-grid > div:last-child {
  border-inline-end: 0px solid var(--theme-default-border);
}
.profile-page .profile-focus-grid > div > span:last-child {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 0.15rem;
}
.profile-page .profile-focus-grid small {
  color: var(--theme-text-muted);
  font-size: 0.61rem;
}
.profile-page .profile-focus-grid strong {
  color: var(--theme-default-text-color);
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.35;
}
.profile-page .profile-skills {
  margin-top: 1.15rem;
  padding-top: 1rem;
  border-top: 1px solid var(--theme-default-border);
}
.profile-page .profile-skills h4 {
  margin: 0;
  color: var(--theme-default-text-color);
  font-size: 0.8125rem;
  font-weight: 600;
}
.profile-page .profile-skills > div > span {
  color: var(--theme-text-muted);
  font-size: 0.8125rem;
}
.profile-page .profile-skills > .d-flex span {
  padding: 0.32rem 0.55rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 999px;
  background: var(--theme-custom-white);
  color: var(--theme-text-muted);
  font-size: 0.8125rem;
}
.profile-page .profile-highlight-header-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.profile-page .profile-highlight-featured {
  position: relative;
  display: grid;
  grid-template-columns: 2.6rem minmax(0, 1fr) 1.5rem;
  align-items: start;
  gap: 0.85rem;
  padding: 1rem;
  border: 1px solid rgba(var(--theme-primary-rgb), 0.18);
  border-radius: 0.65rem;
  background:
    linear-gradient(
      110deg,
      rgba(var(--theme-primary-rgb), 0.08),
      rgba(var(--theme-primary-rgb), 0.018) 72%);
}
.profile-page .profile-highlight-featured h4 {
  margin: 0.35rem 0 0;
  color: var(--theme-default-text-color);
  font-size: 0.88rem;
  font-weight: 600;
}
.profile-page .profile-highlight-featured p {
  margin: 0.3rem 0 0;
  color: var(--theme-text-muted);
  font-size: 0.8125rem;
  line-height: 1.55;
}
.profile-page .profile-highlight-feature-icon {
  display: grid;
  width: 2.55rem;
  height: 2.55rem;
  place-items: center;
  border-radius: 0.65rem;
  background: var(--theme-custom-white);
  color: var(--theme-primary-color);
  font-size: 1.1rem;
}
.profile-page .profile-highlight-feature-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem 0.75rem;
}
.profile-page .profile-highlight-feature-meta span {
  color: var(--theme-primary-color);
  font-size: 0.8125rem;
  font-weight: 600;
}
.profile-page .profile-highlight-feature-meta time {
  color: var(--theme-text-muted);
  font-size: 0.61rem;
}
.profile-page .profile-highlight-feature-arrow {
  margin-top: 0.2rem;
  color: var(--theme-primary-color);
  font-size: 1rem;
}
.profile-page .profile-highlight-timeline {
  position: relative;
  margin-top: 0.35rem;
}
.profile-page .profile-highlight-timeline::before {
  position: absolute;
  top: 1.7rem;
  bottom: 1.7rem;
  left: 1.48rem;
  width: 1px;
  background: var(--theme-default-border);
  content: "";
}
.profile-page .profile-highlight-timeline > article {
  position: relative;
  display: grid;
  grid-template-columns: 2rem 2rem minmax(0, 1fr);
  align-items: start;
  gap: 0.7rem;
  padding: 0.9rem 0.25rem;
  border-bottom: 1px solid var(--theme-default-border);
}
.profile-page .profile-highlight-timeline > article:last-child {
  border-bottom: 0;
  padding-bottom: 0.25rem;
}
.profile-page .profile-highlight-timeline > article > time {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 0.12rem;
  color: var(--theme-text-muted);
  line-height: 1;
}
.profile-page .profile-highlight-timeline > article > time strong {
  color: var(--theme-default-text-color);
  font-size: 0.8125rem;
  font-weight: 600;
}
.profile-page .profile-highlight-timeline > article > time span {
  margin-top: 0.22rem;
  font-size: 0.53rem;
}
.profile-page .profile-highlight-timeline > article h4 {
  margin: 0.14rem 0 0;
  color: var(--theme-default-text-color);
  font-size: 0.8125rem;
  font-weight: 600;
}
.profile-page .profile-highlight-timeline > article p {
  margin: 0.24rem 0 0;
  color: var(--theme-text-muted);
  font-size: 0.8125rem;
  line-height: 1.45;
}
.profile-page .profile-highlight-timeline-icon {
  z-index: 1;
  display: grid;
  width: 1.9rem;
  height: 1.9rem;
  place-items: center;
  border: 2px solid var(--theme-custom-white);
  border-radius: 50%;
  font-size: 0.8rem;
}
.profile-page .profile-highlight-timeline-label {
  color: var(--theme-text-muted);
  font-size: 0.54rem;
  font-weight: 600;
}
.profile-page .profile-activity-list {
  display: grid;
}
.profile-page .profile-activity-list > article {
  display: grid;
  grid-template-columns: 2.35rem minmax(0, 1fr);
  gap: 0.85rem;
  padding: 1rem 0;
  border-bottom: 1px solid var(--theme-default-border);
}
.profile-page .profile-activity-list > article:first-child {
  padding-top: 0;
}
.profile-page .profile-activity-list > article:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.profile-page .profile-activity-icon {
  display: grid;
  width: 2.25rem;
  height: 2.25rem;
  place-items: center;
  border-radius: 0.65rem;
  font-size: 1rem;
}
.profile-page .profile-activity-list strong {
  color: var(--theme-default-text-color);
  font-size: 0.8125rem;
  font-weight: 600;
}
.profile-page .profile-activity-list time {
  color: var(--theme-text-muted);
  font-size: 0.8125rem;
}
.profile-page .profile-activity-list p {
  margin: 0.35rem 0 0.5rem;
  color: var(--theme-text-muted);
  font-size: 0.8125rem;
  line-height: 1.55;
}
.profile-page .profile-activity-tag {
  display: inline-flex;
  padding: 0.25rem 0.45rem;
  border-radius: 999px;
  background: rgba(var(--theme-primary-rgb), 0.06);
  color: var(--theme-primary-color);
  font-size: 0.61rem;
}
.profile-page .profile-gallery-item {
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: 4/3;
  border-radius: 0.6rem;
  background: rgba(var(--theme-primary-rgb), 0.06);
}
.profile-page .profile-gallery-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: transform 0.25s ease;
}
.profile-page .profile-gallery-item > span {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  padding: 1.8rem 0.75rem 0.65rem;
  background: linear-gradient(transparent, rgba(14, 22, 32, 0.76));
  color: #fff;
}
.profile-page .profile-gallery-item strong {
  font-size: 0.8125rem;
  font-weight: 600;
}
.profile-page .profile-gallery-item small {
  color: rgba(255, 255, 255, 0.76);
  font-size: 0.62rem;
}
.profile-page .profile-gallery-item:hover img {
  transform: scale(1.04);
}
.profile-page .profile-connection {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  min-width: 0;
  padding: 0.75rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.5rem;
}
.profile-page .profile-connection img {
  width: 2.5rem;
  height: 2.5rem;
  flex: 0 0 auto;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}
.profile-page .profile-connection > div {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
  gap: 0.15rem;
}
.profile-page .profile-connection strong {
  overflow: hidden;
  color: var(--theme-default-text-color);
  font-size: 0.8125rem;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.profile-page .profile-connection span {
  color: var(--theme-text-muted);
  font-size: 0.63rem;
}
.profile-page .profile-connection a {
  display: grid;
  width: 1.9rem;
  height: 1.9rem;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 0.5rem;
  background: rgba(var(--theme-light-rgb));
  color: var(--theme-default-text-color);
  text-decoration: none;
}
.profile-page .profile-feedback:empty {
  display: none;
}
@media (max-width: 991.98px) {
  .profile-page .profile-hero-actions {
    align-self: flex-end;
    margin-top: -0.5rem;
  }
}
@media (max-width: 767.98px) {
  .profile-page .profile-hero-card > .card-body {
    padding-inline: 1rem;
  }
  .profile-page .profile-identity {
    align-items: flex-start;
    flex-direction: column;
    gap: 0.25rem;
  }
  .profile-page .profile-avatar {
    width: 5.4rem;
    height: 5.4rem;
    margin-top: -2rem;
  }
  .profile-page .profile-identity-copy {
    padding-top: 0.35rem;
  }
  .profile-page .profile-hero-actions {
    align-self: flex-start;
    margin-top: 0;
  }
  .profile-page .profile-stat-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .profile-page .profile-stat-row > div:nth-child(3) {
    padding-left: 0;
  }
  .profile-page .profile-focus-grid {
    grid-template-columns: 1fr;
  }
  .profile-page .profile-highlight-featured {
    grid-template-columns: 2.3rem minmax(0, 1fr);
    padding: 0.8rem;
  }
  .profile-page .profile-highlight-feature-icon {
    width: 2.25rem;
    height: 2.25rem;
  }
  .profile-page .profile-highlight-feature-arrow {
    display: none;
  }
  .profile-page .profile-highlight-timeline > article {
    grid-template-columns: 1.8rem 1.8rem minmax(0, 1fr);
    gap: 0.5rem;
  }
  .profile-page .profile-highlight-timeline::before {
    left: 1.15rem;
  }
  .profile-page .profile-cover-label {
    right: 0.7rem;
    bottom: 0.7rem;
  }
  .profile-identity-row {
    margin-block-start: 2rem;
  }
}
.profile-page .profile-identity-row,
.profile-page .profile-identity {
  align-items: start;
}
.profile-page .profile-tabs {
  flex-wrap: nowrap;
}
.profile-page .profile-tabs .nav-link {
  white-space: nowrap;
}
.profile-page .profile-highlight-featured {
  background: var(--light);
  border-color: var(--theme-default-border);
}
.profile-page .profile-info-list a,
.profile-page .profile-quick-contact a {
  overflow-wrap: anywhere;
}
.profile-page .profile-career-list > li {
  display: flex;
  gap: 0.875rem;
  position: relative;
  padding-bottom: 1.5rem;
}
.profile-page .profile-career-list > li:last-child {
  padding-bottom: 0;
}
.profile-page .profile-career-list > li:not(:last-child)::before {
  content: "";
  position: absolute;
  inset-inline-start: 1rem;
  top: 2.25rem;
  bottom: 0.25rem;
  width: 1px;
  background: var(--theme-default-border);
}
.profile-page .profile-career-icon {
  flex-shrink: 0;
}
.profile-page .profile-career-list .flex-grow-1,
.profile-page .profile-milestone .flex-grow-1 {
  min-width: 0;
}
.profile-page .profile-milestone {
  display: flex;
  gap: 0.875rem;
  padding: 1rem;
}
.profile-page .profile-milestone + .profile-milestone {
  border-top: 1px solid var(--theme-default-border);
}
.profile-page .profile-milestone > .avatar {
  flex-shrink: 0;
}
.profile-page .profile-stream-group + .profile-stream-group {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--theme-default-border);
}
.profile-page .profile-stream-entry {
  display: flex;
  gap: 1rem;
  position: relative;
  padding-bottom: 1.5rem;
}
.profile-page .profile-stream-entry:last-child {
  padding-bottom: 0;
}
.profile-page .profile-stream-entry:not(:last-child)::before {
  content: "";
  position: absolute;
  inset-inline-start: 1rem;
  top: 2.25rem;
  bottom: 0.25rem;
  width: 1px;
  background: var(--theme-default-border);
}
.profile-page .profile-stream-marker {
  flex-shrink: 0;
}
.profile-page .profile-stream-entry > article {
  min-width: 0;
}
.profile-settings-page .profile-settings-workspace {
  padding-bottom: 1.5rem;
}
.profile-settings-page .profile-settings-sidebar {
  position: sticky;
  top: 1rem;
}
.profile-settings-page .settings-identity-card,
.profile-settings-page .settings-nav-card,
.profile-settings-page .settings-form-card,
.profile-settings-page .settings-danger-card {
  overflow: hidden;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.375rem;
}
.profile-settings-page .settings-identity {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.profile-settings-page .settings-avatar,
.profile-settings-page .settings-photo {
  position: relative;
  display: block;
  width: 3.75rem;
  height: 3.75rem;
  flex: 0 0 auto;
  border: 3px solid var(--theme-custom-white);
  border-radius: 50%;
  background: rgba(var(--theme-primary-rgb), 0.08);
}
.profile-settings-page .settings-avatar img,
.profile-settings-page .settings-photo img {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  -o-object-fit: cover;
  object-fit: cover;
}
.profile-settings-page .settings-avatar > span {
  position: absolute;
  right: 0;
  bottom: 0.05rem;
  width: 0.8rem;
  height: 0.8rem;
  border: 2px solid var(--theme-custom-white);
  border-radius: 50%;
  background: rgb(var(--theme-success-rgb));
}
.profile-settings-page .settings-identity h2 {
  margin: 0;
  color: var(--theme-default-text-color);
  font-size: 0.95rem;
  font-weight: 600;
}
.profile-settings-page .settings-identity div > span {
  display: block;
  margin-top: 0.15rem;
  color: var(--theme-text-muted);
  font-size: 0.8125rem;
}
.profile-settings-page .settings-identity small {
  display: block;
  margin-top: 0.35rem;
  color: rgb(var(--theme-success-rgb));
  font-size: 0.8125rem;
}
.profile-settings-page .settings-nav-label,
.profile-settings-page .settings-section-heading > span {
  display: block;
  color: var(--theme-text-muted);
  font-size: 0.8125rem;
  font-weight: 600;
}
.profile-settings-page .settings-nav-label {
  padding: 0.5rem 0.65rem 0.4rem;
}
.profile-settings-page .settings-nav-card .nav {
  gap: 0.2rem;
}
.profile-settings-page .settings-nav-card .nav-link {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  padding: 0.5rem 0.65rem;
  border-radius: 0.45rem;
  color: var(--theme-default-text-color);
  font-size: 0.8125rem;
  text-align: left;
}
.profile-settings-page .settings-nav-card .nav-link > i:first-child {
  color: var(--theme-text-muted);
  font-size: 1rem;
}
.profile-settings-page .settings-nav-card .nav-link.active {
  background: rgba(var(--theme-primary-rgb), 0.2);
}
.profile-settings-page .settings-nav-arrow {
  margin-left: auto;
  opacity: 0;
}
.profile-settings-page .settings-nav-card .nav-link.active .settings-nav-arrow {
  opacity: 1;
}
.profile-settings-page .settings-security-note {
  display: flex;
  gap: 0.7rem;
  padding: 1.25rem;
  border-radius: 0.5rem;
  background-color: rgba(var(--theme-success-rgb), 0.1);
}
.profile-settings-page .settings-security-note > span {
  display: grid;
  width: 2rem;
  height: 2rem;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 0.35rem;
  background: rgba(var(--theme-success-rgb), 1);
  color: #fff;
}
.profile-settings-page .settings-security-note strong {
  color: var(--theme-default-text-color);
  font-size: 0.8125rem;
}
.profile-settings-page .settings-security-note p {
  margin: 0.2rem 0 0;
  color: var(--theme-text-muted);
  font-size: 0.8125rem;
  line-height: 1.5;
}
.profile-settings-page .settings-form-card .card-header {
  padding: 1rem 1.2rem;
}
.profile-settings-page .settings-form-card .card-body {
  padding: 1.2rem;
}
.profile-settings-page .settings-form-card .card-footer {
  padding: 0.85rem 1.2rem;
}
.profile-settings-page .settings-photo-row {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.profile-settings-page .settings-photo {
  width: 4.25rem;
  height: 4.25rem;
}
.profile-settings-page .settings-photo-copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
}
.profile-settings-page .settings-photo-copy strong {
  color: var(--theme-default-text-color);
  font-size: 0.8125rem;
}
.profile-settings-page .settings-photo-copy > span {
  margin-top: 0.2rem;
  color: var(--theme-text-muted);
  font-size: 0.8125rem;
}
.profile-settings-page .settings-photo-copy .btn {
  font-size: 0.8125rem;
}
.profile-settings-page .settings-divider {
  margin: 1.2rem 0;
  border-color: var(--theme-default-border);
  opacity: 1;
}
.profile-settings-page .settings-section-heading {
  margin-bottom: 0.9rem;
}
.profile-settings-page .settings-section-heading p {
  margin: 0.2rem 0 0;
  color: var(--theme-text-muted);
  font-size: 0.8125rem;
}
.profile-settings-page .settings-form-card textarea.form-control {
  min-height: auto;
}
.profile-settings-page .settings-form-card .btn {
  font-size: 0.8125rem;
}
.profile-settings-page .settings-option-list {
  display: flex;
  flex-direction: column;
}
.profile-settings-page .settings-option {
  display: grid;
  grid-template-columns: 2.25rem minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.8rem;
  padding: 0.85rem 0;
  border-bottom: 1px solid var(--theme-default-border);
}
.profile-settings-page .settings-option:last-child {
  border-bottom: 0;
}
.profile-settings-page .settings-option-icon {
  display: grid;
  width: 2.2rem;
  height: 2.2rem;
  place-items: center;
  border-radius: 0.55rem;
  font-size: 1rem;
}
.profile-settings-page .settings-option strong {
  color: var(--theme-default-text-color);
  font-size: 0.76rem;
  font-weight: 600;
}
.profile-settings-page .settings-option p {
  margin: 0.15rem 0 0;
  color: var(--theme-text-muted);
  font-size: 0.8125rem;
  line-height: 1.45;
}
.profile-settings-page .settings-option .form-check {
  margin: 0;
  padding-left: 2.4rem;
}
.profile-settings-page .settings-danger-card {
  border-color: rgba(var(--theme-danger-rgb), 0.2);
}
.profile-settings-page .settings-danger-card h3 {
  margin: 0 0 0.25rem;
  color: var(--theme-default-text-color);
  font-size: 0.82rem;
  font-weight: 600;
}
.profile-settings-page .settings-danger-card p {
  color: var(--theme-text-muted);
  font-size: 0.8125rem;
}
.profile-settings-page .settings-feedback:empty,
.profile-settings-page .settings-inline-feedback:empty,
.profile-settings-page .settings-notification-feedback:empty {
  display: none;
}
@media (max-width: 991.98px) {
  .profile-settings-page .profile-settings-sidebar {
    position: static;
  }
  .profile-settings-page .settings-security-note {
    padding-inline: 0.5rem;
  }
}
@media (max-width: 575.98px) {
  .profile-settings-page .settings-photo-row {
    align-items: flex-start;
  }
  .profile-settings-page .settings-option {
    grid-template-columns: 2rem minmax(0, 1fr) auto;
    gap: 0.55rem;
  }
  .profile-settings-page .settings-option-icon {
    width: 2rem;
    height: 2rem;
  }
  .profile-settings-page .settings-form-card .card-body,
  .profile-settings-page .settings-form-card .card-header,
  .profile-settings-page .settings-form-card .card-footer {
    padding-inline: 0.9rem;
  }
}
.search-results-page .search-results-workspace {
  padding-bottom: 2rem;
}
.search-results-page .search-results-hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0 1.75rem;
}
.search-results-page .search-results-intro {
  margin-bottom: 1.25rem;
  text-align: center;
}
.search-results-page .search-results-intro h2 {
  margin: 0.55rem 0 0.35rem;
  color: var(--theme-default-text-color);
  font-size: clamp(1.35rem, 2.5vw, 1.8rem);
  font-weight: 650;
  letter-spacing: -0.035em;
}
.search-results-page .search-results-intro p {
  margin: 0;
  color: var(--theme-text-muted);
  font-size: 0.875rem;
}
.search-results-page .search-results-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.3rem 0.65rem;
  border: 1px solid rgba(var(--theme-success-rgb), 0.16);
  border-radius: 999px;
  background: rgba(var(--theme-success-rgb), 0.06);
  color: rgb(var(--theme-success-rgb));
  font-size: 0.72rem;
  font-weight: 600;
}
.search-results-page .search-results-searchbar {
  display: flex;
  width: min(100%, 49rem);
  min-height: 3.2rem;
  align-items: center;
  gap: 0.65rem;
  padding: 0.25rem 0.3rem 0.25rem 0.9rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 999px;
  background: var(--theme-custom-white);
  box-shadow: 0 0.2rem 0.8rem rgba(18, 31, 53, 0.035);
  transition: border-color 160ms ease, box-shadow 160ms ease;
}
.search-results-page .search-results-searchbar:focus-within {
  border-color: rgba(var(--theme-primary-rgb), 0.48);
  box-shadow: 0 0 0 0.2rem rgba(var(--theme-primary-rgb), 0.07);
}
.search-results-page .search-results-searchbar > i {
  flex: 0 0 auto;
  color: var(--theme-text-muted);
  font-size: 1.05rem;
}
.search-results-page .search-results-searchbar input {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--theme-default-text-color);
  font-size: 0.78rem;
}
.search-results-page .search-results-searchbar input::-moz-placeholder {
  color: var(--theme-text-muted);
}
.search-results-page .search-results-searchbar input::placeholder {
  color: var(--theme-text-muted);
}
.search-results-page .search-popular-list {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-top: 0.75rem;
}
.search-results-page .search-popular-list > span {
  margin-right: 0.2rem;
  color: var(--theme-text-muted);
  font-size: 13px;
}
.search-results-page .search-popular-list button {
  padding: 0.12rem 0.65rem;
  border: 1px solid rgba(var(--theme-secondary-rgb), 0.06);
  border-radius: 999px;
  background: rgba(var(--theme-secondary-rgb), 0.07);
  color: rgb(var(--theme-secondary-rgb));
  font-size: 11px;
  font-weight: 500;
  transition: background 140ms ease, border-color 140ms ease;
}
.search-results-page .search-popular-list button:hover {
  border-color: rgba(var(--theme-secondary-rgb), 0.2);
  background: rgba(var(--theme-secondary-rgb), 0.12);
}
.search-results-page .search-results-board {
  overflow: hidden;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.65rem;
  background: var(--theme-custom-white);
  box-shadow: 0 0.2rem 0.8rem rgba(18, 31, 53, 0.035);
}
.search-results-page .search-results-board-head {
  display: flex;
  min-height: 4rem;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.7rem 1.35rem;
  border-bottom: 1px dashed var(--theme-default-border);
}
.search-results-page .search-found-label {
  color: var(--theme-text-muted);
  font-size: 14px;
}
.search-results-page .search-found-label > strong:first-child {
  display: inline-block;
  margin-inline: 0.1rem;
  padding: 0.08rem 0.35rem;
  border-radius: 0.3rem;
  background: rgba(var(--theme-warning-rgb), 0.09);
  color: rgb(var(--theme-warning-rgb));
  font-style: normal;
  font-weight: 600;
}
.search-results-page .search-found-label > strong:last-child {
  color: var(--theme-default-text-color);
  font-style: normal;
}
.search-results-page .search-result-filters {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.7rem;
}
.search-results-page .search-result-filters > span {
  color: var(--theme-default-text-color);
  font-size: 13px;
}
.search-results-page .search-result-filters label {
  display: flex;
  min-width: 9.5rem;
  height: 2.4rem;
  align-items: center;
  gap: 0.5rem;
  padding: 0 0.7rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.35rem;
  color: var(--theme-text-muted);
}
.search-results-page .search-result-filters label > i {
  flex: 0 0 auto;
  color: rgb(var(--theme-primary-rgb));
  font-size: 0.9rem;
}
.search-results-page .search-result-filters select {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--theme-default-text-color);
  font-size: 0.75rem;
}
.search-results-page .search-clear-filters {
  padding: 0.4rem 0.25rem;
  border: 0;
  background: transparent;
  color: rgb(var(--theme-danger-rgb));
  font-size: 0.75rem;
  font-weight: 600;
  white-space: nowrap;
}
.search-results-page .search-clear-filters:hover {
  text-decoration: underline;
  text-underline-offset: 0.15rem;
}
.search-results-page .search-tool-result {
  display: flex;
  min-height: 8rem;
  align-items: flex-start;
  padding: 1.25rem 1.5rem;
  border-bottom: 1px solid var(--theme-default-border);
  transition: background 160ms ease, border-color 160ms ease;
}
.search-results-page .search-tool-result:last-of-type {
  border-bottom: 0;
}
.search-results-page .search-tool-result:hover {
  background: rgba(var(--theme-primary-rgb), 0.025);
}
.search-results-page .search-result-title-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}
.search-results-page .search-result-title-row h2 {
  min-width: 0;
}
.search-results-page .search-tool-save {
  display: grid;
  width: 2rem;
  height: 2rem;
  flex: 0 0 auto;
  place-items: center;
  margin-top: -0.35rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.5rem;
  background: var(--theme-custom-white);
  color: var(--theme-text-muted);
  transition:
    color 140ms ease,
    border-color 140ms ease,
    background 140ms ease;
}
.search-results-page .search-tool-save:hover,
.search-results-page .search-tool-save[aria-pressed=true] {
  border-color: rgba(var(--theme-dark-rgb), 0.1);
  background: rgba(var(--theme-dark-rgb), 0.08);
  color: rgb(var(--theme-dark-rgb));
}
.search-results-page .search-tool-result-content {
  min-width: 0;
  flex: 1;
}
.search-results-page .search-tool-result h2 {
  margin: 0 0 0.3rem;
  color: var(--theme-default-text-color);
  font-size: 1rem;
  font-weight: 550;
}
.search-results-page .search-tool-result h2 a {
  color: inherit;
  text-decoration: none;
}
.search-results-page .search-tool-result h2 a:hover {
  color: rgb(var(--theme-secondary-rgb));
}
.search-results-page .search-tool-url {
  display: inline-block;
  margin-bottom: 0.55rem;
  color: rgb(var(--theme-teal-rgb));
  font-size: 12px;
  text-decoration: none;
}
.search-results-page .search-tool-url:hover {
  text-decoration: underline;
  text-underline-offset: 0.16rem;
}
.search-results-page .search-tool-result p {
  margin: 0 0 0.75rem;
  color: var(--theme-text-muted);
  font-size: 13px;
  line-height: 1.55;
}
.search-results-page .search-tool-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.45rem 1rem;
  color: var(--theme-text-muted);
  font-size: 11px;
}
.search-results-page .search-tool-meta > span {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  white-space: nowrap;
}
.search-results-page .search-tool-meta > span > i {
  font-size: 0.78rem;
}
.search-results-page .search-tool-meta > span:first-child img {
  width: 1.55rem;
  height: 1.55rem;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}
.search-results-page .search-tool-category {
  padding: 0.2rem 0.45rem;
  border-radius: 99px;
  background: rgba(var(--theme-success-rgb), 0.07);
  color: rgb(var(--theme-success-rgb));
  font-size: 0.6rem;
}
.search-results-page .search-empty-state {
  padding: 3rem 1rem;
  color: var(--theme-text-muted);
  text-align: center;
}
.search-results-page .search-empty-state > span {
  display: grid;
  width: 2.8rem;
  height: 2.8rem;
  margin: 0 auto 0.75rem;
  place-items: center;
  border-radius: 50%;
  background: rgba(var(--theme-primary-rgb), 0.08);
  color: rgb(var(--theme-primary-rgb));
  font-size: 1.2rem;
}
.search-results-page .search-empty-state h2 {
  color: var(--theme-default-text-color);
  font-size: 0.88rem;
  font-weight: 600;
}
.search-results-page .search-empty-state p {
  margin: 0;
  font-size: 0.7rem;
}
.search-results-page [hidden] {
  display: none !important;
}
@media (max-width: 767.98px) {
  .search-results-page .search-results-board-head {
    align-items: flex-start;
    flex-direction: column;
    padding: 0.9rem 1rem;
  }
  .search-results-page .search-result-filters {
    width: 100%;
    flex-wrap: wrap;
  }
  .search-results-page .search-result-filters label {
    min-width: 0;
    flex: 1;
  }
  .search-results-page .search-tool-result {
    min-height: auto;
    padding: 1rem;
  }
  .search-results-page .search-result-filters label {
    flex-basis: calc(50% - 0.4rem);
  }
  .search-results-page .search-result-filters .search-clear-filters {
    margin-inline-start: auto;
  }
}
@media (max-width: 575.98px) {
  .search-results-page .search-results-searchbar {
    min-height: 2.9rem;
    gap: 0.45rem;
    padding-left: 0.7rem;
  }
  .search-results-page .search-results-searchbar .btn {
    min-height: 2.3rem;
    padding-inline: 0.8rem;
  }
  .search-results-page .search-popular-list {
    gap: 0.35rem;
  }
  .search-results-page .search-popular-list > span {
    width: 100%;
    text-align: center;
  }
  .search-results-page .search-tool-result {
    padding-inline: 0.85rem;
  }
  .search-results-page .search-results-intro p {
    max-width: 22rem;
    padding-inline: 0.75rem;
  }
  .search-results-page .search-tool-meta {
    gap: 0.45rem 0.75rem;
  }
}
.terms-page .terms-workspace {
  padding-bottom: 1.5rem;
}
.terms-page .terms-document {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.55rem;
  background: var(--theme-custom-white);
}
.terms-page .terms-document::after {
  position: absolute;
  top: 0;
  right: 0;
  width: min(34vw, 27rem);
  height: 27rem;
  background-image:
    radial-gradient(
      circle,
      rgba(255, 255, 255, 0.9) 1.5px,
      transparent 2px),
    radial-gradient(
      ellipse at 78% 15%,
      rgba(var(--theme-danger-rgb), 0.07) 0 22%,
      transparent 22.5%),
    radial-gradient(
      ellipse at 40% 38%,
      rgba(var(--theme-info-rgb), 0.075) 0 25%,
      transparent 25.5%),
    linear-gradient(
      60deg,
      transparent 0 35%,
      rgba(var(--theme-primary-rgb), 0.055) 35% 53%,
      transparent 53.5%);
  background-position:
    0 0,
    1rem -2rem,
    -3rem 4rem,
    1rem 0;
  background-size:
    1.05rem 1.05rem,
    18rem 25rem,
    17rem 24rem,
    100% 100%;
  content: "";
  opacity: 0.8;
  pointer-events: none;
}
.terms-page .terms-document .card-body {
  position: relative;
  z-index: 1;
  padding: 1.3rem 1.5rem 1.75rem;
}
.terms-page .terms-intro {
  max-width: 76rem;
  margin: 0 0 1.25rem;
  color: var(--theme-default-text-color);
  font-size: 0.8rem;
  font-style: italic;
  line-height: 1.65;
}
.terms-page .terms-section {
  max-width: 82rem;
  margin: 0 0 1.35rem;
  scroll-margin-top: 6rem;
}
.terms-page .terms-section:last-child {
  margin-bottom: 0px;
}
.terms-page .terms-section h2 {
  margin: 0 0 0.45rem;
  color: var(--theme-default-text-color);
  font-size: 0.92rem;
  font-weight: 650;
  line-height: 1.4;
}
.terms-page .terms-section p,
.terms-page .terms-section li {
  color: var(--theme-default-text-color);
  font-size: 0.77rem;
  line-height: 1.65;
}
.terms-page .terms-section p {
  margin: 0;
}
.terms-page .terms-section ul {
  margin: 0.35rem 0 0;
  padding-left: 1.25rem;
}
.terms-page .terms-section li {
  margin-bottom: 0.12rem;
  padding-left: 0.1rem;
}
.terms-page .terms-license {
  margin-top: 0.85rem;
}
.terms-page .terms-license h3 {
  margin: 0 0 0.25rem;
  color: var(--theme-default-text-color);
  font-size: 0.78rem;
  font-weight: 600;
}
.terms-page .terms-license ul {
  margin-top: 0;
}
.terms-page .terms-section a {
  color: rgb(var(--theme-primary-rgb));
  text-decoration: none;
}
.terms-page .terms-section a:hover {
  text-decoration: underline;
  text-underline-offset: 0.15rem;
}
@media (max-width: 767.98px) {
  .terms-page .terms-document .card-body {
    padding: 1.1rem 1rem 1.4rem;
  }
  .terms-page .terms-document::after {
    width: 45vw;
    height: 18rem;
    opacity: 0.45;
  }
  .terms-page .terms-intro {
    max-width: 100%;
  }
}
@media (max-width: 575.98px) {
  .terms-page .terms-document::after {
    width: 55vw;
    height: 12rem;
    opacity: 0.28;
  }
  .terms-page .terms-section {
    margin-bottom: 1.1rem;
  }
  .terms-page .terms-section h2 {
    font-size: 0.85rem;
  }
  .terms-page .terms-section p,
  .terms-page .terms-section li {
    font-size: 0.72rem;
  }
}
[data-theme-color=dark] .terms-page .terms-document::after {
  display: none;
}
.main-content.app-content .page-header-breadcrumb {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.65rem 1rem;
  margin-bottom: 1.5rem !important;
  padding: 0.65rem 1.5rem;
  background-color: var(--theme-custom-white);
  box-shadow: 0 3px 3px rgba(56, 65, 74, 0.05);
}
.main-content.app-content .page-header-breadcrumb:not(.d-flex) > .d-flex {
  width: 100%;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.65rem 1rem;
}
.main-content.app-content .page-header-breadcrumb h1,
.main-content.app-content .page-header-breadcrumb .page-title {
  margin-bottom: 0 !important;
  color: var(--theme-default-text-color);
  font-size: 1rem !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.3;
}
.main-content.app-content .page-header-breadcrumb .breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 !important;
  margin-left: auto !important;
  font-size: 0.7rem;
  line-height: 1.4;
}
.main-content.app-content .page-header-breadcrumb .breadcrumb-item {
  font-size: 13px;
}
.main-content.app-content .page-header-breadcrumb .breadcrumb-item a {
  color: var(--theme-text-muted);
  text-decoration: none;
  font-size: 13px;
}
.main-content.app-content .page-header-breadcrumb .breadcrumb-item a:hover {
  color: var(--theme-default-text-color);
}
.main-content.app-content .page-header-breadcrumb .breadcrumb-item.active {
  color: var(--theme-default-text-color);
}
.main-content.app-content .page-header-breadcrumb .btn {
  min-height: 2.25rem;
}
@media (max-width: 575.98px) {
  .main-content.app-content .page-header-breadcrumb {
    align-items: flex-start;
  }
  .main-content.app-content .page-header-breadcrumb:not(.d-flex) > .d-flex {
    align-items: flex-start;
  }
  .main-content.app-content .page-header-breadcrumb .breadcrumb {
    font-size: 0.65rem;
  }
}
.faq-workspace [hidden] {
  display: none !important;
}
.faq-workspace .faq-intro {
  background: var(--theme-custom-white);
}
.faq-workspace .accordion.accordion-flush {
  border-radius: 0.5rem;
  overflow: hidden;
}
.faq-workspace .faq-search-wrap {
  max-width: 560px;
}
.faq-workspace .faq-intro-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  border-radius: 0.5rem;
  background: #c1e8cf !important;
  color: #000;
  font-size: 27px;
}
.faq-workspace .faq-topic-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--theme-default-border);
  color: var(--theme-text-muted);
  font-size: 20px;
}
.faq-workspace .accordion-button {
  padding: 17px 15px;
  background: var(--theme-default-body-bg-color);
  font-size: 13px;
  font-weight: 500;
  box-shadow: none;
  line-height: 1.6;
}
.faq-workspace .accordion-button:not(.collapsed) {
  color: rgb(var(--theme-secondary-rgb));
}
.faq-workspace .accordion-body {
  padding: 15px;
  color: var(--theme-text-muted);
  font-size: 13px;
  line-height: 1.85;
}
.faq-workspace .accordion-item {
  background: var(--theme-custom-white);
  border-color: var(--theme-default-border);
}
.faq-workspace .accordion-button:focus-visible {
  outline: 2px solid rgb(var(--theme-secondary-rgb));
  outline-offset: 2px;
}
img[src*="brand-logos/"] {
  -o-object-fit: contain;
  object-fit: contain;
}
.sidenav-menu .sidenav-menu-header .header-logo img[src*="brand-logos/desktop-"],
.topbar .topbar-logo-wrap .header-logo img[src*="brand-logos/desktop-"] {
  width: 8.5rem;
  height: auto;
}
.sidenav-menu .sidenav-menu-header .header-logo img[src*="brand-logos/toggle-"],
.topbar .topbar-logo-wrap .header-logo img[src*="brand-logos/toggle-"] {
  width: 2.5rem;
  height: 2.5rem;
}
.authentication img.authentication-brand,
img.authentication-brand,
.invoice-logo img[src*="brand-logos/desktop-"] {
  width: 11rem;
  height: auto;
  max-width: 100%;
}
.landing-footer .brand-image img {
  width: 11rem;
  height: auto;
}
#customizer-offcanvas {
  width: min(29rem, 100vw);
  border-inline-start: 1px solid var(--theme-default-border);
  box-shadow: -12px 0 48px rgba(0, 0, 0, 0.12);
}
#customizer-offcanvas .offcanvas-header {
  border: 0 !important;
}
#customizer-offcanvas .switcher-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 1.5rem 1.25rem;
  background:
    linear-gradient(
      to bottom,
      rgba(var(--theme-secondary-rgb), 0.2),
      transparent);
}
#customizer-offcanvas .switcher-heading-copy {
  display: flex;
  align-items: flex-start;
  gap: 0.875rem;
}
#customizer-offcanvas .switcher-heading-icon {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 2.625rem;
  height: 2.625rem;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  background: var(--theme-custom-white);
  font-size: 1.25rem;
}
#customizer-offcanvas .switcher-heading .offcanvas-title {
  margin-block: 0rem 0.25rem;
  color: inherit;
  font-size: 1.25rem;
  font-weight: 600;
}
#customizer-offcanvas .switcher-heading p {
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
}
#customizer-offcanvas .switcher-heading .btn-close {
  flex-shrink: 0;
  margin: 0;
  padding: 0.5rem;
}
#customizer-offcanvas .switcher-eyebrow {
  font-size: 0.5625rem;
  font-weight: 600;
  letter-spacing: 0.16em;
}
#customizer-offcanvas #switcher-main-tab {
  gap: 0.375rem;
  padding: 1rem 1rem;
  border: 0;
  background: var(--theme-custom-white);
}
#customizer-offcanvas #switcher-main-tab button.nav-link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem 0.5rem;
  background: rgb(var(--theme-dark-rgb), 0.05);
  border-color: rgb(var(--theme-dark-rgb), 0.1);
  color: rgb(var(--theme-dark-rgb));
  border-radius: 0.5rem;
  font-size: 14px;
  font-weight: 500;
}
#customizer-offcanvas #switcher-main-tab button.nav-link.active {
  background: rgb(var(--theme-dark-rgb));
  border-color: rgb(var(--theme-dark-rgb));
  color: var(--theme-custom-white);
}
#customizer-offcanvas #switcher-main-tab button.nav-link:focus-visible {
  outline: 2px solid var(--theme-primary-color);
  outline-offset: 2px;
}
#customizer-offcanvas .offcanvas-body {
  padding: 0.25rem 0rem 7rem 1rem;
  background: var(--theme-default-body-bg-color);
  scrollbar-width: thin;
}
#customizer-offcanvas #switcher-home > div,
#customizer-offcanvas #switcher-profile .theme-colors {
  margin-block-end: 0.75rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.5rem;
  background: var(--theme-default-body-bg-color);
}
#customizer-offcanvas .switcher-style-head {
  padding: 1rem 1rem 0.25rem;
  border-radius: 0.75rem 0.75rem 0 0;
  background: transparent;
  color: var(--theme-default-text-color);
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 0px;
}
#customizer-offcanvas .switcher-section-description {
  display: block;
  margin-block-start: 0.3rem;
  color: var(--theme-text-muted);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
}
#customizer-offcanvas .theme-preset-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.5rem;
  padding: 0 1rem 0.75rem;
}
#customizer-offcanvas .theme-preset-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 0.2rem;
  padding: 0.5rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.65rem;
  background: var(--theme-custom-white);
  color: var(--theme-default-text-color);
  text-align: start;
  cursor: pointer;
  transition: border-color 150ms ease, box-shadow 150ms ease;
}
#customizer-offcanvas .theme-preset-card:hover {
  border-color: rgba(var(--theme-primary-rgb), 0.55);
}
#customizer-offcanvas .theme-preset-card:focus-visible {
  outline: 2px solid var(--theme-primary-color);
  outline-offset: 1px;
}
#customizer-offcanvas .theme-preset-card.is-active {
  border-color: var(--theme-default-border);
  box-shadow: 0 0 0 1px var(--theme-default-border);
}
#customizer-offcanvas .theme-preset-preview {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  height: 1.5rem;
  margin-block-end: 0.25rem;
  padding: 0.25rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.3rem;
  background: var(--theme-default-body-bg-color);
}
#customizer-offcanvas .theme-preset-preview span {
  flex: 1;
  height: 100%;
  border-radius: 0.25rem;
  background: var(--preset-primary);
}
#customizer-offcanvas .theme-preset-preview i {
  width: 0.5rem;
  height: 100%;
  border-radius: 0.2rem;
  background: var(--preset-secondary);
}
#customizer-offcanvas .theme-preset-preview i:nth-of-type(2) {
  background: var(--preset-success);
}
#customizer-offcanvas .theme-preset-preview i:nth-of-type(3) {
  background: rgba(var(--theme-dark-rgb), 0.08);
}
#customizer-offcanvas .theme-preset-name {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.35;
}
#customizer-offcanvas .theme-preset-name .ri-check-line {
  visibility: hidden;
  color: var(--theme-primary-color);
}
#customizer-offcanvas .theme-preset-card.is-active .theme-preset-name .ri-check-line {
  visibility: visible;
}
#customizer-offcanvas .theme-preset-description {
  color: var(--theme-text-muted);
  font-size: 0.6875rem;
  line-height: 1.3;
}
#customizer-offcanvas .workspace-background-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem;
  padding: 0.75rem 1rem 1rem;
}
#customizer-offcanvas .workspace-background-option {
  --workspace-bg-base: #121c31;
  --workspace-bg-surface: #1d2a43;
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 3.25rem;
  align-items: center;
  gap: 0.6rem;
  margin: 0;
  padding: 0.5rem 0.65rem;
  overflow: hidden;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.625rem;
  background: var(--theme-custom-white);
  color: var(--theme-default-text-color);
  cursor: pointer;
  transition:
    border-color 150ms ease,
    background-color 150ms ease,
    box-shadow 150ms ease;
}
#customizer-offcanvas .workspace-background-option:has(.workspace-bg-input:checked) {
  border-color: var(--theme-primary-color);
  background: rgba(var(--theme-primary-rgb), 0.06);
  box-shadow: 0 0 0 1px rgba(var(--theme-primary-rgb), 0.18);
}
#customizer-offcanvas .workspace-background-option:has(.workspace-bg-input:checked)::after {
  position: absolute;
  inset-inline-end: 0.55rem;
  content: "\2713";
  color: var(--theme-primary-color);
  font-size: 0.8rem;
  font-weight: 700;
  pointer-events: none;
}
#customizer-offcanvas .workspace-background-option:focus-within {
  outline: 2px solid var(--theme-primary-color);
  outline-offset: 2px;
}
#customizer-offcanvas .workspace-background-option.workspace-bg-violet {
  --workspace-bg-base: #291d40;
  --workspace-bg-surface: #38274e;
}
#customizer-offcanvas .workspace-background-option.workspace-bg-ocean {
  --workspace-bg-base: #102f3e;
  --workspace-bg-surface: #193f4f;
}
#customizer-offcanvas .workspace-background-option.workspace-bg-cocoa {
  --workspace-bg-base: #31211b;
  --workspace-bg-surface: #433028;
}
#customizer-offcanvas .workspace-background-option.workspace-bg-forest {
  --workspace-bg-base: #143127;
  --workspace-bg-surface: #1f4437;
}
#customizer-offcanvas .workspace-bg-input {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}
#customizer-offcanvas .workspace-bg-swatch {
  flex: 0 0 2rem;
  width: 2rem;
  height: 2rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 0.5rem;
  background:
    linear-gradient(
      145deg,
      var(--workspace-bg-surface) 0 48%,
      var(--workspace-bg-base) 49% 100%);
}
#customizer-offcanvas .workspace-bg-name {
  min-width: 0;
  padding-inline-end: 1rem;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.2;
}
#customizer-offcanvas .workspace-bg-custom-swatch {
  background:
    linear-gradient(
      135deg,
      #121c31,
      #5e78fd 48%,
      #93f126);
}
#customizer-offcanvas .workspace-bg-custom .theme-container-background {
  display: none;
}
#customizer-offcanvas .workspace-bg-custom {
  overflow: visible;
}
#customizer-offcanvas .workspace-bg-custom .pickr-container-background {
  position: absolute;
  inset-block-start: 0.6rem;
  inset-inline-start: 0.65rem;
  z-index: 2;
}
#customizer-offcanvas .workspace-bg-custom .pickr-container-background .pcr-button {
  width: 2rem;
  height: 2rem;
  border: 0;
  border-radius: 0.5rem;
}
#customizer-offcanvas .workspace-bg-custom .pickr-container-background .pcr-app {
  z-index: 20;
}
#customizer-offcanvas .switcher-style {
  padding: 0.75rem 1rem 1rem;
}
#customizer-offcanvas .switcher-style.row {
  row-gap: 0.5rem;
}
#customizer-offcanvas .switcher-style.row > div {
  padding-inline: 0.2rem;
}
#customizer-offcanvas .switcher-style.row .switch-select {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.4rem;
  height: 100%;
  padding: 0.45rem 0.75rem;
  border: 1px solid var(--theme-default-border);
  border-radius: 0.35rem;
  background: transparent;
}
#customizer-offcanvas .switcher-style.row .switch-select:has(.form-check-input:checked) {
  border-color: rgb(var(--theme-dark-rgb), 0.2);
  background: var(--theme-custom-white);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
}
#customizer-offcanvas .switcher-style.row .switch-select:has(.form-check-input:checked) .form-check-label {
  color: rgb(var(--theme-dark-rgb));
}
#customizer-offcanvas .switcher-style.row .switch-select:has(.form-check-input:checked) .form-check-input {
  border-color: rgb(var(--theme-dark-rgb));
}
#customizer-offcanvas .switcher-style.row .switch-select:focus-within {
  outline: 0px solid var(--theme-primary-color);
  outline-offset: 2px;
}
#customizer-offcanvas .switcher-style.row .switch-select .form-check-input {
  position: static;
  order: -1;
  flex-shrink: 0;
  margin: 0;
  cursor: pointer;
}
#customizer-offcanvas .switcher-style.row .switch-select .form-check-input:checked {
  background-color: rgb(var(--theme-dark-rgb));
  border-color: rgb(var(--theme-dark-rgb));
}
#customizer-offcanvas .switcher-style.row .switch-select .form-check-label {
  flex: 1;
  font-size: 14px;
  line-height: 1.4;
  cursor: pointer;
}
#customizer-offcanvas .switcher-style.row .switch-select .form-check-label::after {
  content: "";
  position: absolute;
  inset: 0;
}
#customizer-offcanvas .color-input:focus-visible,
#customizer-offcanvas .bgimage-input:focus-visible {
  outline: 2px solid var(--switcher-accent);
  outline-offset: 4px;
}
#customizer-offcanvas .canvas-footer {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  inset-inline: 0;
  padding: 1rem 1.25rem;
  border-block-start: 1px solid var(--theme-default-border);
  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.05);
  background: var(--theme-custom-white);
}
#customizer-offcanvas .switcher-reset-copy {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  color: var(--theme-default-text-color);
  font-size: 15px;
  font-weight: 500;
}
#customizer-offcanvas .switcher-reset-copy > i {
  color: var(--switcher-accent);
  font-size: 1.25rem;
}
#customizer-offcanvas .switcher-reset-copy small {
  display: block;
  margin-block-start: 0.125rem;
  color: var(--theme-text-muted);
  font-size: 13px;
  font-weight: 400;
}
#customizer-offcanvas .switcher-reset-button {
  background: rgb(var(--theme-danger-rgb));
  color: #fff;
  font-size: 0.75rem;
}
#customizer-offcanvas .switcher-reset-button:hover,
#customizer-offcanvas .switcher-reset-button:focus-visible {
  color: #fff;
  background: rgb(var(--theme-danger-rgb));
  border-color: rgb(var(--theme-danger-rgb));
  box-shadow: 0 0 0 3px rgba(var(--theme-danger-rgb), 0.2);
}
@media (max-width: 375px) {
  #customizer-offcanvas .switcher-heading {
    padding: 1.25rem 1rem;
  }
  #customizer-offcanvas .switcher-heading-icon {
    display: none;
  }
}
[data-theme-color=dark] #customizer-offcanvas .switcher-style.row .switch-select .form-check-input:checked {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
@media (max-width: 991.98px) {
  .topbar .topbar-logo-wrap .header-logo img {
    height: 1.75rem;
    line-height: 1.75rem;
  }
}
[data-theme-color=dark] .sidenav-menu .sidenav-menu-header .header-logo .desktop-dark {
  display: block;
}
[data-theme-color=dark] .sidenav-menu .sidenav-menu-header .header-logo .desktop-logo,
[data-theme-color=dark] .sidenav-menu .sidenav-menu-header .header-logo .toggle-logo,
[data-theme-color=dark] .sidenav-menu .sidenav-menu-header .header-logo .toggle-dark {
  display: none;
}
[data-theme-color=dark] .btn-close {
  filter: invert(1);
}
[data-theme-color=dark] .alert .btn-close {
  filter: unset;
}
[data-theme-color=dark] .dropdown-menu {
  box-shadow: 0 1rem 1.125rem rgba(40, 40, 40, 0.15);
}
[data-theme-color=dark] button.gridjs-sort,
[data-theme-color=dark] button.gridjs-sort-desc,
[data-theme-color=dark] button.gridjs-sort-asc {
  filter: invert(1);
}
[data-theme-color=dark] .choices__list--dropdown,
[data-theme-color=dark] .choices__list[aria-expanded] {
  box-shadow: rgba(10, 10, 10, 0.2) 0 0.5rem 1.5rem !important;
}
[data-theme-color=dark][data-menu-color=light] .sidenav-menu .sidenav-submenu-label a {
  color: var(--theme-menu-prime-color);
}
[data-theme-color=dark][data-menu-color=light] .sidenav-menu .sidenav-item.has-submenu .sidenav-submenu {
  --theme-menu-prime-color: #61748f;
}
[data-theme-color=dark][data-header-color=light] .animated-arrow span {
  background: var(--theme-header-prime-color);
}
[data-theme-color=dark][data-header-color=light] .animated-arrow span:before,
[data-theme-color=dark][data-header-color=light] .animated-arrow span:after {
  background: var(--theme-header-prime-color);
}
[data-theme-color=dark][data-menu-color=light][data-nav-style=icon-click][data-toggled=icon-click-closed] .sidenav-menu .sidenav-menu-header .header-logo .toggle-logo,
[data-theme-color=dark][data-menu-color=light][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .sidenav-menu .sidenav-menu-header .header-logo .toggle-logo {
  display: block !important;
}
[data-theme-color=dark][data-menu-color=light][data-nav-style=icon-click][data-toggled=icon-click-closed] .sidenav-menu .sidenav-menu-header .header-logo .desktop-dark,
[data-theme-color=dark][data-menu-color=light][data-nav-style=icon-click][data-toggled=icon-click-closed] .sidenav-menu .sidenav-menu-header .header-logo .desktop-logo,
[data-theme-color=dark][data-menu-color=light][data-nav-style=icon-click][data-toggled=icon-click-closed] .sidenav-menu .sidenav-menu-header .header-logo .toggle-dark,
[data-theme-color=dark][data-menu-color=light][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .sidenav-menu .sidenav-menu-header .header-logo .desktop-dark,
[data-theme-color=dark][data-menu-color=light][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .sidenav-menu .sidenav-menu-header .header-logo .desktop-logo,
[data-theme-color=dark][data-menu-color=light][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .sidenav-menu .sidenav-menu-header .header-logo .toggle-dark {
  display: none !important;
}
[data-menu-color=light] {
  --theme-menu-bg: #fff;
  --theme-menu-prime-color: #61748f;
  --theme-menu-border-color: #eeeff5;
}
[data-menu-color=light][data-theme-color=dark] {
  --theme-menu-prime-color: #61748f;
}
[data-menu-color=light] .sidenav-menu .sidenav-submenu.sidenav-level-1::before {
  background-color: rgba(0, 0, 0, 0.1);
}
[data-menu-color=light] .sidenav-menu .sidenav-icon {
  color: var(--theme-menu-prime-color);
  fill: var(--theme-menu-prime-color);
}
[data-menu-color=light] .sidenav-menu .sidenav-link.active .sidenav-icon {
  color: rgb(var(--theme-dark-rgb));
  fill: rgb(var(--theme-dark-rgb));
}
[data-menu-color=light][data-sidebar-layout=vertical] .sidenav-menu .sidenav-menu-header .header-logo .desktop-logo {
  display: block;
}
[data-menu-color=light][data-sidebar-layout=vertical] .sidenav-menu .sidenav-menu-header .header-logo .desktop-dark,
[data-menu-color=light][data-sidebar-layout=vertical] .sidenav-menu .sidenav-menu-header .header-logo .toggle-dark,
[data-menu-color=light][data-sidebar-layout=vertical] .sidenav-menu .sidenav-menu-header .header-logo .toggle-logo {
  display: none;
}
[data-menu-color=light][data-sidebar-layout=vertical][data-theme-color=dark] .sidenav-list > .sidenav-item > .sidenav-link:hover {
  background-color: #f7f8f9;
}
[data-menu-color=light] .sidenav-submenu-label a {
  color: var(--theme-primary-color);
  font-weight: 500;
}
[data-menu-color=light] .sidenav-submenu-label {
  border-block-end: 0px solid #eeeff5 !important;
}
@media (min-width: 992px) {
  [data-menu-color=light][data-layout-style=dualmenu] .sidenav-item.has-submenu .sidenav-submenu {
    border-inline-end: 1px solid #eeeff5;
  }
}
[data-menu-color=dark] {
  --theme-menu-bg: var(--theme-custom-white);
  --theme-menu-prime-color: rgba(255, 255, 255, 0.5);
  --theme-menu-border-color: rgba(255, 255, 255, 0.1);
}
[data-menu-color=dark][data-sidebar-layout=vertical] .sidenav-list > .sidenav-item.active .sidenav-submenu .sidenav-link:hover .sidenav-submenu-toggle,
[data-menu-color=dark][data-sidebar-layout=vertical] .sidenav-list > .sidenav-item:hover .sidenav-submenu .sidenav-link:hover .sidenav-submenu-toggle {
  color: #fff !important;
}
[data-menu-color=dark][data-sidebar-layout=vertical] .sidenav-menu .sidenav-menu-header .header-logo .desktop-dark {
  display: block;
}
[data-menu-color=dark][data-sidebar-layout=vertical] .sidenav-menu .sidenav-menu-header .header-logo .desktop-logo,
[data-menu-color=dark][data-sidebar-layout=vertical] .sidenav-menu .sidenav-menu-header .header-logo .toggle-dark,
[data-menu-color=dark][data-sidebar-layout=vertical] .sidenav-menu .sidenav-menu-header .header-logo .toggle-logo {
  display: none;
}
[data-menu-color=dark][data-sidebar-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close] .sidenav-menu .sidenav-menu-header .header-logo .toggle-dark {
  display: block;
}
[data-menu-color=dark][data-sidebar-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close] .sidenav-menu .sidenav-menu-header .header-logo .desktop-logo,
[data-menu-color=dark][data-sidebar-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close] .sidenav-menu .sidenav-menu-header .header-logo .desktop-dark,
[data-menu-color=dark][data-sidebar-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close] .sidenav-menu .sidenav-menu-header .header-logo .toggle-logo {
  display: none;
}
[data-menu-color=dark][data-sidebar-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .sidenav-menu .sidenav-menu-header .header-logo .desktop-dark {
  display: block;
}
[data-menu-color=dark][data-sidebar-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .sidenav-menu .sidenav-menu-header .header-logo .desktop-logo,
[data-menu-color=dark][data-sidebar-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .sidenav-menu .sidenav-menu-header .header-logo .toggle-dark,
[data-menu-color=dark][data-sidebar-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .sidenav-menu .sidenav-menu-header .header-logo .toggle-logo {
  display: none;
}
[data-menu-color=dark] .sidenav-submenu-label a {
  color: rgb(255, 255, 255);
  font-weight: 500;
}
[data-menu-color=dark] .sidenav-submenu-label {
  border-block-end: 0px solid rgba(255, 255, 255, 0.1) !important;
}
[data-menu-color=dark] .sidenav-menu .sidenav-link.active .sidenav-icon,
[data-menu-color=dark] .sidenav-menu .sidenav-link.active .sidenav-link-label,
[data-menu-color=dark] .sidenav-menu .sidenav-link.active .sidenav-submenu-toggle,
[data-menu-color=dark] .sidenav-menu .sidenav-link:hover .sidenav-icon,
[data-menu-color=dark] .sidenav-menu .sidenav-link:hover .sidenav-link-label,
[data-menu-color=dark] .sidenav-menu .sidenav-link:hover .sidenav-submenu-toggle {
  color: var(--theme-default-text-color);
}
[data-menu-color=dark] .sidenav-menu .sidenav-link.active:before,
[data-menu-color=dark] .sidenav-menu .sidenav-link:hover:before {
  color: #fff;
  opacity: 1;
}
[data-menu-color=dark] .sidenav-menu .sidenav-link:before {
  color: var(--theme-menu-prime-color);
}
[data-menu-color=dark] .sidenav-menu .sidenav-submenu .sidenav-link.active .sidenav-submenu-toggle,
[data-menu-color=dark] .sidenav-menu .sidenav-submenu .sidenav-link:hover .sidenav-submenu-toggle {
  color: var(--theme-default-text-color);
}
[data-menu-color=dark] .sidenav-menu .sidenav-submenu .sidenav-link .sidenav-link-label {
  color: var(--theme-default-text-color);
}
[data-menu-color=dark] .sidenav-menu .sidenav-submenu.sidenav-level-1 .sidenav-link.active,
[data-menu-color=dark] .sidenav-menu .sidenav-submenu.sidenav-level-1 .sidenav-link:hover,
[data-menu-color=dark] .sidenav-menu .sidenav-submenu.sidenav-level-2 .sidenav-link.active,
[data-menu-color=dark] .sidenav-menu .sidenav-submenu.sidenav-level-2 .sidenav-link:hover,
[data-menu-color=dark] .sidenav-menu .sidenav-submenu.child13 .sidenav-link.active,
[data-menu-color=dark] .sidenav-menu .sidenav-submenu.child13 .sidenav-link:hover {
  color: #fff !important;
}
[data-menu-color=dark] .sidenav-menu .sidenav-submenu.sidenav-level-1 .sidenav-link:hover,
[data-menu-color=dark] .sidenav-menu .sidenav-submenu.sidenav-level-2 .sidenav-link:hover,
[data-menu-color=dark] .sidenav-menu .sidenav-submenu.sidenav-level-3 .sidenav-link:hover {
  color: var(--theme-primary-color);
  background-color: transparent;
}
[data-menu-color=dark] .sidenav-menu .sidenav-link.active,
[data-menu-color=dark] .sidenav-menu .sidenav-link:hover {
  color: var(--theme-primary-color);
  background-color: transparent !important;
}
[data-menu-color=dark] .sidenav-menu .sidenav-link.active .sidenav-link-label,
[data-menu-color=dark] .sidenav-menu .sidenav-link.active .sidenav-submenu-toggle,
[data-menu-color=dark] .sidenav-menu .sidenav-link.active .sidenav-icon,
[data-menu-color=dark] .sidenav-menu .sidenav-link:hover .sidenav-link-label,
[data-menu-color=dark] .sidenav-menu .sidenav-link:hover .sidenav-submenu-toggle,
[data-menu-color=dark] .sidenav-menu .sidenav-link:hover .sidenav-icon {
  color: var(--theme-primary-color);
}
@media (min-width: 992px) {
  [data-menu-color=dark][data-sidebar-layout=horizontal] .sidenav-navigation .sidenav-scroll-left,
  [data-menu-color=dark][data-sidebar-layout=horizontal] .sidenav-navigation .sidenav-scroll-right {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(30px);
  }
  [data-menu-color=dark][data-sidebar-layout=horizontal] .sidenav-navigation .sidenav-scroll-left svg,
  [data-menu-color=dark][data-sidebar-layout=horizontal] .sidenav-navigation .sidenav-scroll-right svg {
    color: #fff;
  }
  [data-menu-color=dark][data-layout-style=dualmenu] .sidenav-item.has-submenu .sidenav-submenu {
    border-inline-end: 1px solid rgba(255, 255, 255, 0.1);
  }
}
[data-menu-color=dark][data-theme-color=light] {
  --theme-menu-bg: #111318;
  --theme-menu-prime-color: #aab1c1;
  --theme-menu-icon-color: #aab1c1;
}
[data-menu-color=dark][data-theme-color=light] .sidenav-list > .sidenav-item > .sidenav-link:hover {
  background-color: var(--theme-primary-color);
}
[data-menu-color=dark][data-theme-color=light] .sidenav-menu {
  --theme-default-border: #26222b;
}
[data-menu-color=dark][data-theme-color=light] .sidenav-menu ::-webkit-scrollbar {
  background: rgba(255, 255, 255, 0.2) !important;
}
[data-menu-color=dark][data-theme-color=light] .sidenav-menu :hover::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.4) !important;
}
[data-menu-color=transparent] {
  --theme-menu-bg: var(--theme-default-body-bg-color);
}
[data-menu-color=transparent][data-theme-color=light] {
  --theme-menu-border-color: rgba(0, 0, 0, 0.07);
}
[data-menu-color=transparent][data-sidebar-layout=vertical][data-theme-color=dark] .sidenav-menu .sidenav-menu-header .header-logo .desktop-dark {
  display: block;
}
[data-menu-color=transparent][data-sidebar-layout=vertical][data-theme-color=dark] .sidenav-menu .sidenav-menu-header .header-logo .desktop-logo,
[data-menu-color=transparent][data-sidebar-layout=vertical][data-theme-color=dark] .sidenav-menu .sidenav-menu-header .header-logo .toggle-dark,
[data-menu-color=transparent][data-sidebar-layout=vertical][data-theme-color=dark] .sidenav-menu .sidenav-menu-header .header-logo .toggle-logo {
  display: none;
}
[data-menu-color=transparent][data-sidebar-layout=vertical][data-theme-color=dark][data-vertical-style=overlay][data-toggled=icon-overlay-close] .sidenav-menu .sidenav-menu-header .header-logo .toggle-dark {
  display: block;
}
[data-menu-color=transparent][data-sidebar-layout=vertical][data-theme-color=dark][data-vertical-style=overlay][data-toggled=icon-overlay-close] .sidenav-menu .sidenav-menu-header .header-logo .desktop-logo,
[data-menu-color=transparent][data-sidebar-layout=vertical][data-theme-color=dark][data-vertical-style=overlay][data-toggled=icon-overlay-close] .sidenav-menu .sidenav-menu-header .header-logo .desktop-dark,
[data-menu-color=transparent][data-sidebar-layout=vertical][data-theme-color=dark][data-vertical-style=overlay][data-toggled=icon-overlay-close] .sidenav-menu .sidenav-menu-header .header-logo .toggle-logo {
  display: none;
}
[data-menu-color=transparent][data-sidebar-layout=vertical][data-theme-color=dark][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .sidenav-menu .sidenav-menu-header .header-logo .desktop-dark {
  display: block;
}
[data-menu-color=transparent][data-sidebar-layout=vertical][data-theme-color=dark][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .sidenav-menu .sidenav-menu-header .header-logo .desktop-logo,
[data-menu-color=transparent][data-sidebar-layout=vertical][data-theme-color=dark][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .sidenav-menu .sidenav-menu-header .header-logo .toggle-dark,
[data-menu-color=transparent][data-sidebar-layout=vertical][data-theme-color=dark][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .sidenav-menu .sidenav-menu-header .header-logo .toggle-logo {
  display: none;
}
[data-menu-color=transparent][data-sidebar-layout=vertical][data-theme-color=dark][data-nav-style=icon-click][data-toggled=icon-click-closed] .sidenav-menu .sidenav-menu-header .header-logo .toggle-dark,
[data-menu-color=transparent][data-sidebar-layout=vertical][data-theme-color=dark][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .sidenav-menu .sidenav-menu-header .header-logo .toggle-dark {
  display: block !important;
}
[data-menu-color=transparent][data-sidebar-layout=vertical][data-theme-color=dark][data-nav-style=icon-click][data-toggled=icon-click-closed] .sidenav-menu .sidenav-menu-header .header-logo .desktop-logo,
[data-menu-color=transparent][data-sidebar-layout=vertical][data-theme-color=dark][data-nav-style=icon-click][data-toggled=icon-click-closed] .sidenav-menu .sidenav-menu-header .header-logo .desktop-dark,
[data-menu-color=transparent][data-sidebar-layout=vertical][data-theme-color=dark][data-nav-style=icon-click][data-toggled=icon-click-closed] .sidenav-menu .sidenav-menu-header .header-logo .toggle-logo,
[data-menu-color=transparent][data-sidebar-layout=vertical][data-theme-color=dark][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .sidenav-menu .sidenav-menu-header .header-logo .desktop-logo,
[data-menu-color=transparent][data-sidebar-layout=vertical][data-theme-color=dark][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .sidenav-menu .sidenav-menu-header .header-logo .desktop-dark,
[data-menu-color=transparent][data-sidebar-layout=vertical][data-theme-color=dark][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .sidenav-menu .sidenav-menu-header .header-logo .toggle-logo {
  display: none;
}
[data-menu-color=transparent][data-sidebar-layout=vertical][data-theme-color=light] .sidenav-menu .sidenav-menu-header .header-logo .desktop-logo {
  display: block;
}
[data-menu-color=transparent][data-sidebar-layout=vertical][data-theme-color=light] .sidenav-menu .sidenav-menu-header .header-logo .desktop-dark,
[data-menu-color=transparent][data-sidebar-layout=vertical][data-theme-color=light] .sidenav-menu .sidenav-menu-header .header-logo .toggle-dark,
[data-menu-color=transparent][data-sidebar-layout=vertical][data-theme-color=light] .sidenav-menu .sidenav-menu-header .header-logo .toggle-logo {
  display: none;
}
[data-menu-color=transparent][data-sidebar-layout=vertical][data-theme-color=light][data-vertical-style=overlay][data-toggled=icon-overlay-close] .sidenav-menu .sidenav-menu-header .header-logo .toggle-logo {
  display: block;
}
[data-menu-color=transparent][data-sidebar-layout=vertical][data-theme-color=light][data-vertical-style=overlay][data-toggled=icon-overlay-close] .sidenav-menu .sidenav-menu-header .header-logo .desktop-logo,
[data-menu-color=transparent][data-sidebar-layout=vertical][data-theme-color=light][data-vertical-style=overlay][data-toggled=icon-overlay-close] .sidenav-menu .sidenav-menu-header .header-logo .desktop-dark,
[data-menu-color=transparent][data-sidebar-layout=vertical][data-theme-color=light][data-vertical-style=overlay][data-toggled=icon-overlay-close] .sidenav-menu .sidenav-menu-header .header-logo .toggle-dark {
  display: none;
}
[data-menu-color=transparent][data-sidebar-layout=vertical][data-theme-color=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .sidenav-menu .sidenav-menu-header .header-logo .desktop-logo {
  display: block;
}
[data-menu-color=transparent][data-sidebar-layout=vertical][data-theme-color=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .sidenav-menu .sidenav-menu-header .header-logo .desktop-dark,
[data-menu-color=transparent][data-sidebar-layout=vertical][data-theme-color=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .sidenav-menu .sidenav-menu-header .header-logo .toggle-dark,
[data-menu-color=transparent][data-sidebar-layout=vertical][data-theme-color=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .sidenav-menu .sidenav-menu-header .header-logo .toggle-logo {
  display: none;
}
[data-menu-color=transparent][data-sidebar-layout=vertical][data-theme-color=light][data-nav-style=icon-click][data-toggled=icon-click-closed] .sidenav-menu .sidenav-menu-header .header-logo .toggle-logo,
[data-menu-color=transparent][data-sidebar-layout=vertical][data-theme-color=light][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .sidenav-menu .sidenav-menu-header .header-logo .toggle-logo {
  display: block !important;
}
[data-menu-color=transparent][data-sidebar-layout=vertical][data-theme-color=light][data-nav-style=icon-click][data-toggled=icon-click-closed] .sidenav-menu .sidenav-menu-header .header-logo .desktop-logo,
[data-menu-color=transparent][data-sidebar-layout=vertical][data-theme-color=light][data-nav-style=icon-click][data-toggled=icon-click-closed] .sidenav-menu .sidenav-menu-header .header-logo .desktop-dark,
[data-menu-color=transparent][data-sidebar-layout=vertical][data-theme-color=light][data-nav-style=icon-click][data-toggled=icon-click-closed] .sidenav-menu .sidenav-menu-header .header-logo .toggle-logo,
[data-menu-color=transparent][data-sidebar-layout=vertical][data-theme-color=light][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .sidenav-menu .sidenav-menu-header .header-logo .desktop-logo,
[data-menu-color=transparent][data-sidebar-layout=vertical][data-theme-color=light][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .sidenav-menu .sidenav-menu-header .header-logo .desktop-dark,
[data-menu-color=transparent][data-sidebar-layout=vertical][data-theme-color=light][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .sidenav-menu .sidenav-menu-header .header-logo .toggle-logo {
  display: none;
}
[data-menu-color=transparent] .sidenav-menu .sidenav-submenu.sidenav-level-1::before {
  background-color: rgba(0, 0, 0, 0.1);
}
[data-menu-color=transparent] .sidenav-menu .sidenav-link.active,
[data-menu-color=transparent] .sidenav-menu .sidenav-link:hover {
  background-color: rgba(var(--theme-primary-rgb), 0.1);
}
[data-menu-color=transparent] .sidenav-menu .sidenav-menu-content {
  box-shadow: none;
}
[data-menu-color=transparent][data-theme-color=dark] {
  --theme-menu-prime-color: rgba(255, 255, 255, 0.7);
  --theme-menu-icon-color: rgba(255, 255, 255, 0.7);
  --theme-menu-border-color: rgba(255, 255, 255, 0.1);
  --theme-menu-bg: rgb(var(--theme-body-bg-rgb2));
}
[data-menu-color=transparent][data-theme-color=dark][icon-overlay=open] {
  --theme-menu-bg: rgb(var(--theme-body-bg-rgb2));
}
[data-menu-color=transparent][data-theme-color=dark] .sidenav-menu .sidenav-link.active,
[data-menu-color=transparent][data-theme-color=dark] .sidenav-menu .sidenav-link:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
@media (min-width: 992px) {
  [data-menu-color=transparent][data-theme-color=dark][data-sidebar-layout=horizontal][data-nav-style=menu-click] .sidenav-menu .sidenav-item.has-submenu .sidenav-submenu,
  [data-menu-color=transparent][data-theme-color=dark][data-sidebar-layout=horizontal][data-nav-style=menu-hover] .sidenav-menu .sidenav-item.has-submenu .sidenav-submenu,
  [data-menu-color=transparent][data-theme-color=dark][data-sidebar-layout=horizontal][data-nav-style=icon-click] .sidenav-menu .sidenav-item.has-submenu .sidenav-submenu,
  [data-menu-color=transparent][data-theme-color=dark][data-sidebar-layout=horizontal][data-nav-style=icon-hover] .sidenav-menu .sidenav-item.has-submenu .sidenav-submenu {
    background-color: var(--theme-custom-white);
  }
}
[data-menu-color=transparent][data-theme-color=dark][data-sidebar-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed] .sidenav-menu .sidenav-item.has-submenu .sidenav-submenu,
[data-menu-color=transparent][data-theme-color=dark][data-sidebar-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed] .sidenav-menu .sidenav-item.has-submenu .sidenav-submenu,
[data-menu-color=transparent][data-theme-color=dark][data-sidebar-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .sidenav-menu .sidenav-item.has-submenu .sidenav-submenu,
[data-menu-color=transparent][data-theme-color=dark][data-sidebar-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .sidenav-menu .sidenav-item.has-submenu .sidenav-submenu {
  background-color: var(--theme-custom-white);
}
@media (min-width: 992px) {
  [data-menu-color=transparent][data-sidebar-layout=horizontal] .sidenav-navigation .sidenav-scroll-left,
  [data-menu-color=transparent][data-sidebar-layout=horizontal] .sidenav-navigation .sidenav-scroll-right {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(30px);
  }
  [data-menu-color=transparent][data-sidebar-layout=horizontal] .sidenav-navigation .sidenav-scroll-left svg,
  [data-menu-color=transparent][data-sidebar-layout=horizontal] .sidenav-navigation .sidenav-scroll-right svg {
    fill: var(--theme-primary-color);
  }
}
[data-header-color=light] {
  --theme-header-bg: #fff;
  --theme-header-border-color: #eeeff5;
  --theme-header-prime-color: #61748f;
}
[data-header-color=light] .topbar .header-search-bar {
  background-color: var(--theme-header-bg) !important;
  border: 1px solid #eff2ff !important;
  color: var(--theme-header-prime-color) !important;
}
[data-header-color=light] .topbar .header-search-bar::-webkit-input-placeholder {
  color: var(--theme-header-prime-color) !important;
}
[data-header-color=light] .topbar .header-search-bar:focus {
  border: 1px solid #eff2ff !important;
  color: var(--theme-header-prime-color) !important;
  box-shadow: none !important;
}
[data-header-color=light] .topbar .bg-body {
  background-color: #f7f8f9 !important;
}
[data-header-color=light] .header-search-icon {
  color: var(--theme-header-prime-color);
}
[data-header-color=light] .header-search-icon:hover {
  color: var(--theme-header-prime-color);
}
[data-header-color=dark] {
  --theme-header-bg: var(--theme-custom-white);
  --theme-header-border-color: rgba(255, 255, 255, 0.1);
  --theme-header-prime-color: rgba(255, 255, 255, 0.6);
  --theme-header-icon-color: rgba(255, 255, 255, 0.6);
}
[data-header-color=dark][data-theme-color=light] .topbar .bg-body {
  background-color: rgb(43, 43, 48) !important;
}
[data-header-color=dark][data-theme-color=light] .topbar-link:hover .topbar-icon {
  color: #fff;
  fill: #fff;
}
[data-header-color=dark][data-theme-color=light] .topbar .topbar-nav-link:hover,
[data-header-color=dark][data-theme-color=light] .topbar .topbar-nav-link[aria-expanded=true] {
  color: #fff;
}
[data-header-color=dark] .topbar .header-search-bar {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  color: var(--theme-header-prime-color) !important;
}
[data-header-color=dark] .topbar .header-search-bar::-webkit-input-placeholder {
  color: var(--theme-header-prime-color) !important;
}
[data-header-color=dark] .topbar .header-search-bar:focus {
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  color: var(--theme-header-prime-color) !important;
  box-shadow: none !important;
}
[data-header-color=dark] .header-search-icon {
  color: var(--theme-header-prime-color);
}
[data-header-color=dark] .header-search-icon:hover {
  color: var(--theme-header-prime-color);
}
@media (min-width: 992px) {
  [data-header-color=dark][data-sidebar-layout=horizontal] .topbar-element .topbar-logo-wrap .header-logo .desktop-dark {
    display: block;
  }
  [data-header-color=dark][data-sidebar-layout=horizontal] .topbar-element .topbar-logo-wrap .header-logo .desktop-logo,
  [data-header-color=dark][data-sidebar-layout=horizontal] .topbar-element .topbar-logo-wrap .header-logo .toggle-dark,
  [data-header-color=dark][data-sidebar-layout=horizontal] .topbar-element .topbar-logo-wrap .header-logo .toggle-logo {
    display: none;
  }
}
[data-header-color=dark] .topbar-container .topbar-link:hover .topbar-icon,
[data-header-color=dark] .topbar-container .topbar-link.show .topbar-icon {
  fill: #fff;
}
[data-header-color=dark][data-theme-color=light] {
  --theme-header-bg: #111318;
}
[data-header-color=transparent] {
  --theme-header-bg: rgb(var(--theme-body-bg-rgb2));
}
[data-header-color=transparent] .topbar {
  border-bottom: 0;
  box-shadow: none;
}
[data-header-color=transparent][data-theme-color=light] {
  --theme-header-border-color: rgba(0, 0, 0, 0.07);
  --theme-header-bg: var(--theme-default-body-bg-color);
}
[data-header-color=transparent][data-theme-color=light] .topbar {
  --theme-default-body-bg-color: rgba(0, 0, 0, 0.05);
  --theme-default-background: rgba(0, 0, 0, 0.05);
}
[data-header-color=transparent][data-theme-color=dark] {
  --theme-header-prime-color: rgba(255, 255, 255, 0.6);
  --theme-header-border-color: rgba(255, 255, 255, 0.1);
}
[data-header-color=transparent][data-theme-color=dark] .topbar {
  --theme-default-body-bg-color: rgba(255, 255, 255, 0.1);
  --theme-default-background: rgba(255, 255, 255, 0.1);
}
@media (min-width: 992px) {
  [data-header-color=transparent][data-theme-color=dark] .topbar.sticky.sticky-pin {
    --theme-header-bg: rgb(var(--theme-body-bg-rgb2));
  }
}
@media (min-width: 992px) {
  [data-header-color=transparent] .topbar.sticky.sticky-pin {
    --theme-header-bg: rgb(var(--theme-body-bg-rgb));
  }
}
@media (min-width: 992px) {
  [data-header-color=transparent][data-sidebar-layout=horizontal][data-theme-color=light] .topbar-element .topbar-logo-wrap .header-logo .desktop-dark,
  [data-header-color=transparent][data-sidebar-layout=horizontal][data-theme-color=light] .topbar-element .topbar-logo-wrap .header-logo .toggle-logo,
  [data-header-color=transparent][data-sidebar-layout=horizontal][data-theme-color=light] .topbar-element .topbar-logo-wrap .header-logo .toggle-dark {
    display: none;
  }
  [data-header-color=transparent][data-sidebar-layout=horizontal][data-theme-color=light] .topbar-element .topbar-logo-wrap .header-logo .desktop-logo {
    display: block;
  }
  [data-header-color=transparent][data-sidebar-layout=horizontal][data-theme-color=dark] .topbar-element .topbar-logo-wrap .header-logo .desktop-dark {
    display: block;
  }
  [data-header-color=transparent][data-sidebar-layout=horizontal][data-theme-color=dark] .topbar-element .topbar-logo-wrap .header-logo .desktop-logo,
  [data-header-color=transparent][data-sidebar-layout=horizontal][data-theme-color=dark] .topbar-element .topbar-logo-wrap .header-logo .toggle-logo,
  [data-header-color=transparent][data-sidebar-layout=horizontal][data-theme-color=dark] .topbar-element .topbar-logo-wrap .header-logo .toggle-dark {
    display: none;
  }
}
@media (max-width: 991.98px) {
  [data-header-color=dark] .topbar .topbar-logo-wrap .header-logo .desktop-logo,
  [data-header-color=dark] .topbar .topbar-logo-wrap .header-logo .desktop-dark,
  [data-header-color=dark] .topbar .topbar-logo-wrap .header-logo .toggle-logo,
  [data-header-color=transparent][data-theme-color=dark] .topbar .topbar-logo-wrap .header-logo .desktop-logo,
  [data-header-color=transparent][data-theme-color=dark] .topbar .topbar-logo-wrap .header-logo .desktop-dark,
  [data-header-color=transparent][data-theme-color=dark] .topbar .topbar-logo-wrap .header-logo .toggle-logo {
    display: none;
  }
  [data-header-color=dark] .topbar .topbar-logo-wrap .header-logo .toggle-dark,
  [data-header-color=transparent][data-theme-color=dark] .topbar .topbar-logo-wrap .header-logo .toggle-dark {
    display: block;
  }
}
@media (max-width: 991.98px) {
  [data-header-color=light] .topbar .topbar-logo-wrap .header-logo .toggle-logo,
  [data-header-color=transparent][data-theme-color=light] .topbar .topbar-logo-wrap .header-logo .toggle-logo {
    display: block;
  }
  [data-header-color=light] .topbar .topbar-logo-wrap .header-logo .desktop-logo,
  [data-header-color=light] .topbar .topbar-logo-wrap .header-logo .toggle-dark,
  [data-header-color=light] .topbar .topbar-logo-wrap .header-logo .desktop-dark,
  [data-header-color=transparent][data-theme-color=light] .topbar .topbar-logo-wrap .header-logo .desktop-logo,
  [data-header-color=transparent][data-theme-color=light] .topbar .topbar-logo-wrap .header-logo .toggle-dark,
  [data-header-color=transparent][data-theme-color=light] .topbar .topbar-logo-wrap .header-logo .desktop-dark {
    display: none;
  }
}
@media (max-width: 991.98px) {
  [data-toggled=close] .sidenav-menu {
    transition: all 300ms ease;
    transform: translateX(-260px);
  }
  [data-toggled=close] .topbar {
    padding-inline-start: 0rem;
  }
  [data-toggled=close] .topbar .topbar-logo-wrap {
    display: block;
  }
  [data-toggled=close][dir=rtl] .sidenav-menu {
    transition: all 300ms ease;
    transform: translateX(260px);
  }
}
@media (max-width: 991.98px) {
  [data-toggled=open] .sidenav-menu {
    transition: all 300ms ease;
    transform: translateX(0rem);
  }
  [data-toggled=open] .topbar {
    padding-inline-start: 0rem;
  }
  [data-toggled=open] .topbar .topbar-logo-wrap {
    display: block;
  }
}
[data-menu-position=scrollable][data-sidebar-layout=vertical] .sidenav-menu {
  position: absolute;
}
[data-menu-position=scrollable][data-sidebar-layout=vertical] .sidenav-menu .sidenav-menu-header {
  position: absolute;
}
[data-menu-position=scrollable][data-sidebar-layout=vertical] .sidenav-menu .sidenav-menu-content {
  height: 280vh;
}
[data-menu-position=scrollable][data-sidebar-layout=vertical] .app-content {
  min-height: 280vh;
}
[data-menu-position=scrollable][data-sidebar-layout=horizontal] .sidenav-menu {
  position: relative;
  z-index: 102;
}
[data-menu-position=scrollable][data-sidebar-layout=horizontal] .app-content {
  margin-block-start: 5.5rem;
}
[data-menu-position=scrollable][data-sidebar-layout=horizontal][data-header-position=scrollable] .sidenav-menu {
  position: relative;
}
[data-menu-position=scrollable][data-sidebar-layout=horizontal][data-header-position=scrollable] .topbar {
  position: relative;
}
@media (max-width: 991.98px) {
  [data-menu-position=scrollable][data-sidebar-layout=horizontal] .sidenav-menu {
    position: absolute;
  }
  [data-menu-position=scrollable][data-sidebar-layout=horizontal] .main-content {
    margin-block-start: 0;
  }
  [data-menu-position=scrollable][data-sidebar-layout=horizontal] .sidenav-menu-content {
    height: 100%;
  }
}
@media (min-width: 992px) {
  [data-menu-position=scrollable] .app-content {
    min-height: calc(100vh - 2.5rem);
  }
}
[data-header-position=scrollable][data-sidebar-layout=vertical] .topbar {
  position: absolute;
}
[data-header-position=scrollable][data-sidebar-layout=horizontal] .sidenav-menu {
  position: relative;
  top: 0;
}
[data-header-position=scrollable][data-sidebar-layout=horizontal] .sidenav-menu.sticky {
  position: sticky;
  top: 0;
}
[data-header-position=scrollable][data-sidebar-layout=horizontal] .app-content {
  margin-block-start: 1.5rem;
}
[data-header-position=scrollable][data-sidebar-layout=horizontal] .topbar {
  position: relative;
}
[data-header-position=scrollable][data-sidebar-layout=horizontal][data-menu-position=scrollable] .sidenav-menu {
  position: relative;
}
[data-header-position=scrollable][data-sidebar-layout=horizontal][data-menu-position=scrollable] .topbar {
  position: relative;
}
@media (max-width: 991.98px) {
  [data-header-position=scrollable][data-sidebar-layout=horizontal] .sidenav-menu {
    position: absolute !important;
    z-index: 102;
  }
  [data-header-position=scrollable][data-sidebar-layout=horizontal] .main-content {
    padding-block-start: 0;
  }
  [data-header-position=scrollable][data-sidebar-layout=horizontal][data-menu-position=fixed] .sidenav-menu {
    position: fixed !important;
  }
  [data-header-position=scrollable][data-sidebar-layout=horizontal][data-menu-position=fixed] .sidenav-menu .sidenav-menu-content {
    margin-block-start: 3.72rem;
  }
  [data-header-position=scrollable][data-sidebar-layout=horizontal][data-menu-position=fixed] .sidenav-menu.sticky .sidenav-menu-content {
    margin-block-start: 0;
  }
  [data-header-position=scrollable][data-sidebar-layout=vertical] .sidenav-menu.sticky {
    inset-block-start: 0;
  }
}
@media (min-width: 992px) {
  [data-layout-style=dualmenu] .sidenav-menu {
    overflow: visible;
  }
  [data-layout-style=dualmenu] .sidenav-menu .sidenav-submenu.sidenav-level-1::before {
    display: none;
  }
  [data-layout-style=dualmenu] .sidenav-footer {
    display: none;
  }
  [data-layout-style=dualmenu] .sidenav-menu .sidenav-submenu.sidenav-level-2 .sidenav-link,
  [data-layout-style=dualmenu] .sidenav-menu .sidenav-submenu.sidenav-level-3 .sidenav-item .sidenav-link {
    margin-block: 0 !important;
  }
  [data-layout-style=dualmenu] .sidenav-menu .sidenav-submenu.sidenav-level-2 .sidenav-link:before,
  [data-layout-style=dualmenu] .sidenav-menu .sidenav-submenu.sidenav-level-3 .sidenav-item .sidenav-link:before {
    display: block !important;
    inset-block-start: 16px;
    inset-inline-start: -6px;
    opacity: 1;
    font-size: 5px;
  }
  [data-layout-style=dualmenu] .sidenav-menu .sidenav-link svg.sidenav-icon {
    width: 22px;
    height: 22px;
  }
  [data-layout-style=dualmenu] .sidenav-menu .sidenav-submenu.sidenav-level-1 .sidenav-link {
    margin-block: 0.25rem;
  }
  [data-layout-style=dualmenu] .sidenav-menu .sidenav-submenu.sidenav-level-1 .sidenav-link:hover .sidenav-dual-icon {
    color: rgb(var(--theme-dark-rgb));
    fill: rgb(var(--theme-dark-rgb));
  }
  [data-layout-style=dualmenu] .topbar .topbar-theme-mode {
    display: none;
  }
  [data-layout-style=dualmenu] .sidenav-menu .sidenav-menu-content {
    padding-block-end: 15rem;
  }
  [data-layout-style=dualmenu] .sidenav-menu .dualmenu_sidenav-bottom-list.sidenav-list > .sidenav-item {
    padding: 0 0.48rem;
  }
  [data-layout-style=dualmenu] .sidenav-menu .dualmenu_sidenav-bottom-list.sidenav-list {
    display: block;
    position: fixed;
    bottom: 0;
    background-color: var(--menu-bg);
    padding-block: 0.5rem;
  }
  [data-layout-style=dualmenu] .sidenav-menu .dualmenu_sidenav-bottom-list.sidenav-list .layout-setting-doublemenu .light-layout {
    display: block;
  }
  [data-layout-style=dualmenu] .sidenav-menu .dualmenu_sidenav-bottom-list.sidenav-list .layout-setting-doublemenu .dark-layout {
    display: none;
  }
  [data-layout-style=dualmenu] .sidenav-menu .sidenav-submenu.sidenav-level-1.dualmenu_sidenav-submenu {
    display: block;
    bottom: 0 !important;
    position: fixed !important;
    top: inherit !important;
    height: 14rem !important;
    width: 14rem !important;
    padding: 0;
    inset-inline-start: 64px;
  }
  [data-layout-style=dualmenu] .sidenav-menu .sidenav-submenu.sidenav-level-1.dualmenu_sidenav-submenu li {
    position: fixed;
    bottom: 0;
    background-color: var(--theme-primary-color);
    border-radius: 10px;
    width: 12rem;
    height: 12rem;
    margin: 16px;
    padding-inline-start: 0;
    overflow: hidden;
    z-index: 1;
  }
  [data-layout-style=dualmenu] .sidenav-menu .sidenav-submenu.sidenav-level-1.dualmenu_sidenav-submenu li .upgrade-menu-content {
    padding-top: 43px;
  }
  [data-layout-style=dualmenu] .sidenav-menu .sidenav-submenu.sidenav-level-1.dualmenu_sidenav-submenu li .dualmenu_sidenav-submenu-background {
    position: absolute;
    width: 100%;
    height: 100%;
    inset-inline-start: 0;
    inset-block-start: 0;
    z-index: -1;
    opacity: 0.2;
  }
  [data-layout-style=dualmenu] .sidenav-menu .sidenav-submenu.sidenav-level-1.dualmenu_sidenav-submenu li .dualmenu_sidenav-submenu-background img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  [data-layout-style=dualmenu] .sidenav-menu .sidenav-submenu.sidenav-level-1.dualmenu_sidenav-submenu li .avatar {
    background-color: rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(30px);
    overflow: hidden;
  }
  [data-layout-style=dualmenu] .sidenav-menu .sidenav-submenu.sidenav-level-1.dualmenu_sidenav-submenu li .avatar .top-right:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background:
      linear-gradient(
        to right,
        transparent,
        rgba(255, 255, 255, 0.9));
    top: 0;
    inset-inline-start: 0;
  }
  [data-layout-style=dualmenu] .sidenav-menu .sidenav-submenu.sidenav-level-1.dualmenu_sidenav-submenu li .avatar .bottom-right:before {
    content: "";
    position: absolute;
    width: 2px;
    height: 100%;
    background:
      linear-gradient(
        to top,
        transparent,
        rgba(255, 255, 255, 0.9));
    bottom: 0;
    inset-inline-end: 0;
  }
  [data-layout-style=dualmenu][data-theme-color=dark] .sidenav-menu .dualmenu_sidenav-bottom-list.sidenav-list .layout-setting-doublemenu .light-layout {
    display: none;
  }
  [data-layout-style=dualmenu][data-theme-color=dark] .sidenav-menu .dualmenu_sidenav-bottom-list.sidenav-list .layout-setting-doublemenu .dark-layout {
    display: block;
  }
  [data-layout-style=dualmenu] .sidenav-menu .sidenav-submenu.sidenav-level-1 .sidenav-link,
  [data-layout-style=dualmenu] .sidenav-menu .sidenav-submenu.sidenav-level-2 .sidenav-link {
    padding: 0.5rem 1rem;
  }
  [data-layout-style=dualmenu] .sidenav-menu .sidenav-submenu.sidenav-level-1 .sidenav-link:before {
    display: none;
  }
  [data-layout-style=dualmenu] .sidenav-menu .sidenav-submenu.sidenav-level-1 .sidenav-link.active {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border-radius: 0.25rem;
  }
  [data-layout-style=dualmenu] .sidenav-menu .sidenav-submenu.sidenav-level-2 .sidenav-link.active,
  [data-layout-style=dualmenu] .sidenav-menu .sidenav-submenu.sidenav-level-3 .sidenav-link.active {
    background-color: transparent !important;
  }
  [data-layout-style=dualmenu] .sidenav-menu .sidenav-submenu.sidenav-level-1 .sidenav-link.active .sidenav-dual-icon,
  [data-layout-style=dualmenu] .sidenav-menu .sidenav-submenu.sidenav-level-2 .sidenav-link.active .sidenav-dual-icon,
  [data-layout-style=dualmenu] .sidenav-menu .sidenav-submenu.sidenav-level-3 .sidenav-link.active .sidenav-dual-icon {
    color: #fff;
    fill: #fff;
  }
  [data-layout-style=dualmenu] .sidenav-submenu.double-menu-active {
    display: block !important;
  }
  [data-layout-style=dualmenu] .sidenav-dual-icon {
    display: block;
    width: 18px;
    height: 18px;
    margin-inline-end: 0.5rem;
    color: var(--menu-icon-color);
    fill: var(--menu-icon-color);
  }
  [data-layout-style=dualmenu] .sidenav-menu {
    width: 4rem;
  }
  [data-layout-style=dualmenu] .sidenav-menu .sidenav-menu-content {
    overflow: visible !important;
    height: 100%;
    box-shadow: none;
    margin-block-start: 0;
  }
  [data-layout-style=dualmenu] .sidenav-menu .sidenav-submenu.sidenav-level-1 {
    padding-block-end: 1rem;
  }
  [data-layout-style=dualmenu] .sidenav-menu .sidenav-menu-header {
    width: 4rem;
    backdrop-filter: blur(30px);
    justify-content: center;
    border-block-end: 0px solid var(--theme-menu-border-color) !important;
  }
  [data-layout-style=dualmenu] .sidenav-menu .sidenav-menu-header .header-logo .toggle-logo {
    display: block !important;
  }
  [data-layout-style=dualmenu] .sidenav-menu .sidenav-menu-header .header-logo .desktop-dark,
  [data-layout-style=dualmenu] .sidenav-menu .sidenav-menu-header .header-logo .desktop-logo,
  [data-layout-style=dualmenu] .sidenav-menu .sidenav-menu-header .header-logo .toggle-dark {
    display: none !important;
  }
  [data-layout-style=dualmenu] .sidenav-menu .sidenav-navigation {
    margin-block-start: 4rem;
  }
  [data-layout-style=dualmenu] .sidenav-menu .sidenav-list > .sidenav-item {
    padding: 0 0.5rem;
  }
  [data-layout-style=dualmenu] .sidenav-menu .sidenav-category-label,
  [data-layout-style=dualmenu] .sidenav-menu .sidenav-link-label,
  [data-layout-style=dualmenu] .sidenav-menu .sidenav-submenu-toggle {
    display: none;
  }
  [data-layout-style=dualmenu] .sidenav-menu .sidenav-icon {
    margin-inline-end: 0;
    color: var(--menu-icon-color);
    fill: var(--menu-icon-color);
  }
  [data-layout-style=dualmenu] .sidenav-menu .sidenav-link {
    padding: 0.8125rem;
  }
  [data-layout-style=dualmenu] .sidenav-menu .sidenav-link:hover .sidenav-icon,
  [data-layout-style=dualmenu] .sidenav-menu .sidenav-link.active .sidenav-icon {
    color: rgb(var(--theme-dark-rgb));
    fill: rgb(var(--theme-dark-rgb));
  }
  [data-layout-style=dualmenu] .sidenav-menu .sidenav-category {
    display: none;
  }
  [data-layout-style=dualmenu] .sidenav-menu .simplebar-content-wrapper {
    position: initial;
  }
  [data-layout-style=dualmenu] .sidenav-menu .simplebar-mask {
    position: inherit;
  }
  [data-layout-style=dualmenu] .sidenav-menu .simplebar-placeholder {
    height: auto !important;
  }
  [data-layout-style=dualmenu] .topbar {
    padding-inline-start: 18rem;
  }
  [data-layout-style=dualmenu] .app-content {
    margin-inline-start: 18rem;
  }
  [data-layout-style=dualmenu] .sidenav-item.has-submenu .sidenav-submenu {
    position: absolute !important;
    inset-inline-start: 4rem !important;
    background: var(--theme-menu-bg);
    box-shadow: none;
    transition: none !important;
    height: 100% !important;
    inset-block-start: 0;
    inset-inline-end: 0;
    border-inline-end: 0px solid var(--theme-menu-border-color);
  }
  [data-layout-style=dualmenu] .sidenav-item.has-submenu .sidenav-submenu.sidenav-level-2 {
    padding-inline-start: 2.6rem;
  }
  [data-layout-style=dualmenu] .sidenav-item.has-submenu .sidenav-submenu.sidenav-level-3 {
    padding-inline-start: 1rem;
  }
  [data-layout-style=dualmenu] .sidenav-item.has-submenu .sidenav-submenu.sidenav-level-2,
  [data-layout-style=dualmenu] .sidenav-item.has-submenu .sidenav-submenu.sidenav-level-3 {
    inset-inline-start: 0 !important;
    position: relative !important;
    height: auto !important;
    inset-block-start: 0 !important;
    border-inline-end: 0;
  }
  [data-layout-style=dualmenu] .sidenav-item.has-submenu .sidenav-submenu.sidenav-level-2 .sidenav-item:nth-child(2),
  [data-layout-style=dualmenu] .sidenav-item.has-submenu .sidenav-submenu.sidenav-level-3 .sidenav-item:nth-child(2) {
    padding-block-start: 0rem;
  }
  [data-layout-style=dualmenu] .sidenav-submenu.sidenav-level-1 .sidenav-item {
    padding-inline: 0.5rem;
  }
  [data-layout-style=dualmenu] .sidenav-submenu.sidenav-level-2 .sidenav-item,
  [data-layout-style=dualmenu] .sidenav-submenu.sidenav-level-3 .sidenav-item {
    padding-inline-start: 0;
  }
  [data-layout-style=dualmenu] .sidenav-submenu.sidenav-level-1 .sidenav-item .sidenav-link,
  [data-layout-style=dualmenu] .sidenav-submenu.sidenav-level-2 .sidenav-item .sidenav-link,
  [data-layout-style=dualmenu] .sidenav-submenu.sidenav-level-3 .sidenav-item .sidenav-link {
    text-align: start;
  }
  [data-layout-style=dualmenu] .sidenav-submenu.sidenav-level-1 .sidenav-submenu-toggle,
  [data-layout-style=dualmenu] .sidenav-submenu.sidenav-level-2 .sidenav-submenu-toggle,
  [data-layout-style=dualmenu] .sidenav-submenu.sidenav-level-3 .sidenav-submenu-toggle {
    display: block;
    inset-block-start: 0.65rem;
  }
  [data-layout-style=dualmenu] .sidenav-submenu.sidenav-level-2,
  [data-layout-style=dualmenu] .sidenav-submenu.sidenav-level-3 {
    min-width: 10rem;
  }
  [data-layout-style=dualmenu] .sidenav-submenu.sidenav-level-2 .sidenav-submenu-toggle {
    inset-inline-end: 0.5rem !important;
  }
  [data-layout-style=dualmenu] .sidenav-submenu.sidenav-level-1 {
    min-width: 14rem;
  }
  [data-layout-style=dualmenu] .sidenav-submenu.sidenav-level-1 .sidenav-submenu-toggle {
    inset-inline-end: 1rem;
  }
  [data-layout-style=dualmenu] .sidenav-submenu-label {
    display: block !important;
    font-size: 0.938rem;
    font-weight: 500;
    color: rgb(var(--theme-dark-rgb));
    border-block-end: 0px solid var(--theme-menu-border-color);
    padding: 1.5rem 1rem !important;
    width: 12rem;
    height: 4.25rem;
  }
  [data-layout-style=dualmenu] .sidenav-submenu {
    display: none;
  }
  [data-layout-style=dualmenu] .sidenav-submenu.double-menu-active {
    visibility: visible !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    border-radius: 0 !important;
    border-block-start: 0;
    overflow: hidden scroll;
  }
  [data-layout-style=dualmenu][data-theme-color=light][data-menu-color=dark] .sidenav-menu .sidenav-menu-header .header-logo .desktop-logo,
  [data-layout-style=dualmenu][data-theme-color=light][data-menu-color=dark] .sidenav-menu .sidenav-menu-header .header-logo .desktop-dark,
  [data-layout-style=dualmenu][data-theme-color=light][data-menu-color=dark] .sidenav-menu .sidenav-menu-header .header-logo .toggle-logo {
    display: none !important;
  }
  [data-layout-style=dualmenu][data-theme-color=light][data-menu-color=dark] .sidenav-menu .sidenav-menu-header .header-logo .toggle-dark {
    display: block !important;
  }
  [data-layout-style=dualmenu][data-theme-color=dark] .sidenav-menu .sidenav-menu-header .header-logo .desktop-logo,
  [data-layout-style=dualmenu][data-theme-color=dark] .sidenav-menu .sidenav-menu-header .header-logo .desktop-dark,
  [data-layout-style=dualmenu][data-theme-color=dark] .sidenav-menu .sidenav-menu-header .header-logo .toggle-logo {
    display: none !important;
  }
  [data-layout-style=dualmenu][data-theme-color=dark] .sidenav-menu .sidenav-menu-header .header-logo .toggle-dark {
    display: block !important;
  }
  [data-layout-style=dualmenu][data-theme-color=dark][data-menu-color=light] .sidenav-menu .sidenav-menu-header .header-logo .desktop-logo,
  [data-layout-style=dualmenu][data-theme-color=dark][data-menu-color=light] .sidenav-menu .sidenav-menu-header .header-logo .desktop-dark,
  [data-layout-style=dualmenu][data-theme-color=dark][data-menu-color=light] .sidenav-menu .sidenav-menu-header .header-logo .toggle-dark {
    display: none !important;
  }
  [data-layout-style=dualmenu][data-theme-color=dark][data-menu-color=light] .sidenav-menu .sidenav-menu-header .header-logo .toggle-logo {
    display: block !important;
  }
  [data-layout-style=dualmenu][data-toggled=dual-menu-close] .topbar {
    padding-inline-start: 4rem;
  }
  [data-layout-style=dualmenu][data-toggled=dual-menu-close] .app-content {
    margin-inline-start: 4rem;
  }
  [data-layout-style=dualmenu][data-toggled=dual-menu-close] .sidenav-menu .sidenav-item.has-submenu .sidenav-submenu {
    display: none !important;
  }
  [data-layout-style=dualmenu][data-toggled=dual-menu-close] .sidenav-menu .sidenav-menu-content {
    box-shadow: 0px 0.125rem 0.25rem rgba(0, 0, 0, 0.05);
  }
  [data-layout-style=dualmenu][data-toggled=dual-menu-open] .sidenav-menu .sidenav-menu-content .sidenav-item.sidenav-submenu-label {
    border-inline-end: 0px !important;
    width: 100%;
  }
}
[data-layout-style=dualmenu][data-menu-color=dark] .sidenav-menu .sidenav-link.active .sidenav-icon {
  color: rgb(var(--theme-primary-rgb));
  fill: rgb(var(--theme-primary-rgb));
}
[data-layout-style=dualmenu][data-menu-color=dark] .sidenav-menu .sidenav-link:hover .sidenav-icon {
  color: rgb(var(--theme-primary-rgb));
  fill: rgb(var(--theme-primary-rgb));
}
[data-layout-style=dualmenu][data-toggled=double-menu-open] .dualmenu_sidenav-submenu {
  display: block !important;
}
.dualmenu_sidenav-submenu {
  display: none !important;
}
@media (min-width: 992px) {
  [data-sidebar-layout=horizontal] {
  }
  [data-sidebar-layout=horizontal][data-theme-color=light] .sidenav-menu .sidenav-link.active,
  [data-sidebar-layout=horizontal][data-theme-color=light] .sidenav-menu .sidenav-link:hover,
  [data-sidebar-layout=horizontal][data-theme-color=dark] .sidenav-menu .sidenav-link.active,
  [data-sidebar-layout=horizontal][data-theme-color=dark] .sidenav-menu .sidenav-link:hover {
    background-color: transparent;
  }
  [data-sidebar-layout=horizontal] .page-header-breadcrumb {
    padding-inline: 5rem !important;
  }
  [data-sidebar-layout=horizontal] .sidenav-menu {
    box-shadow: none;
  }
  [data-sidebar-layout=horizontal] .sidenav-menu .sidenav-icon {
    font-size: 0.9rem;
    width: 0.9rem;
    height: 0.9rem;
  }
  [data-sidebar-layout=horizontal] .sidemenu-layout-styles {
    display: none;
  }
  [data-sidebar-layout=horizontal] .sidenav-list {
    display: flex !important;
    transition: all 0.5s ease;
  }
  [data-sidebar-layout=horizontal] .sidenav-list.container {
    display: inline-flex;
  }
  [data-sidebar-layout=horizontal] .sidenav-menu .sidenav-submenu.sidenav-level-1 .sidenav-link,
  [data-sidebar-layout=horizontal] .sidenav-menu .sidenav-submenu.sidenav-level-2 .sidenav-link {
    padding: 0.45rem 1rem;
  }
  [data-sidebar-layout=horizontal] .sidenav-link-label .badge {
    display: none;
  }
  [data-sidebar-layout=horizontal] .mega-menu {
    columns: 3;
    -webkit-columns: 3;
    -moz-columns: 3;
  }
  [data-sidebar-layout=horizontal] .topbar {
    padding-inline-start: 0 !important;
    z-index: 104;
    box-shadow: none;
  }
  [data-sidebar-layout=horizontal] .topbar .header-search-content {
    margin-inline-start: 1.25rem;
  }
  [data-sidebar-layout=horizontal] .app-content {
    min-height: calc(100vh - 10.5rem);
    margin-block-start: 7.5rem;
    margin-inline-start: 0rem !important;
  }
  [data-sidebar-layout=horizontal] .app-content > .container-fluid {
    width: 94%;
    margin-inline-start: auto;
    margin-inline-end: auto;
  }
  [data-sidebar-layout=horizontal] .sidenav-menu .sidenav-menu-content,
  [data-sidebar-layout=horizontal] .sidenav-menu .simplebar-mask {
    overflow: visible;
  }
  [data-sidebar-layout=horizontal] .sidenav-menu .sidenav-list > .sidenav-item {
    margin: 0 0.1875rem;
  }
  [data-sidebar-layout=horizontal] .sidenav-menu .sidenav-menu-content {
    box-shadow: none;
  }
  [data-sidebar-layout=horizontal] .sidenav-menu .sidenav-submenu.sidenav-level-1 .sidenav-link:before,
  [data-sidebar-layout=horizontal] .sidenav-menu .sidenav-submenu.sidenav-level-2 .sidenav-link:before,
  [data-sidebar-layout=horizontal] .sidenav-menu .sidenav-submenu.sidenav-level-3 .sidenav-link:before {
    display: none;
  }
  [data-sidebar-layout=horizontal] .simplebar-offset {
    position: inherit !important;
  }
  [data-sidebar-layout=horizontal] .simplebar-wrapper {
    width: 100%;
  }
  [data-sidebar-layout=horizontal] .sidenav-menu-content .simplebar-vertical {
    visibility: hidden !important;
  }
  [data-sidebar-layout=horizontal] .sidenav-menu-content,
  [data-sidebar-layout=horizontal] .topbar-container {
    width: 94%;
    margin: 0 auto;
  }
  [data-sidebar-layout=horizontal] .topbar-logo-wrap {
    display: block;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  [data-sidebar-layout=horizontal] .topbar-logo-wrap .header-logo img {
    height: 1.75rem;
    line-height: 1.75rem;
  }
  [data-sidebar-layout=horizontal] .topbar-logo-wrap .header-logo .desktop-logo {
    display: block;
  }
  [data-sidebar-layout=horizontal] .topbar-logo-wrap .header-logo .desktop-dark,
  [data-sidebar-layout=horizontal] .topbar-logo-wrap .header-logo .toggle-logo,
  [data-sidebar-layout=horizontal] .topbar-logo-wrap .header-logo .toggle-dark {
    display: none;
  }
}
@media (min-width: 992px) {
  [data-sidebar-layout=horizontal] .topbar-container .topbar-menu-toggle {
    display: none;
  }
  [data-sidebar-layout=horizontal] .sidenav-menu {
    width: 100% !important;
    height: auto;
    border-block-end: 1px solid var(--theme-menu-border-color);
    inset-block-start: 4.25rem;
  }
  [data-sidebar-layout=horizontal] .sidenav-menu .sidenav-submenu.sidenav-level-1 li,
  [data-sidebar-layout=horizontal] .sidenav-menu .sidenav-submenu.sidenav-level-2 li,
  [data-sidebar-layout=horizontal] .sidenav-menu .sidenav-submenu.sidenav-level-3 li {
    padding-inline-start: 0.5rem;
  }
  [data-sidebar-layout=horizontal] .sidenav-menu .sidenav-submenu.sidenav-level-1 .sidenav-link:before,
  [data-sidebar-layout=horizontal] .sidenav-menu .sidenav-submenu.sidenav-level-2 .sidenav-link:before,
  [data-sidebar-layout=horizontal] .sidenav-menu .sidenav-submenu.sidenav-level-3 .sidenav-link:before {
    inset-block-start: 1rem;
  }
  [data-sidebar-layout=horizontal] .sidenav-menu .simplebar-content {
    padding: 0 !important;
    overflow: hidden;
  }
  [data-sidebar-layout=horizontal] .sidenav-menu .simplebar-content-wrapper {
    overflow: visible !important;
    height: auto;
  }
  [data-sidebar-layout=horizontal] .sidenav-menu .sidenav-menu-content {
    padding: 0;
  }
  [data-sidebar-layout=horizontal] .sidenav-menu .sidenav-item.has-submenu .sidenav-submenu.sidenav-level-1 {
    inset-inline-start: 1.5rem !important;
    padding: 0.1875rem 0;
  }
  [data-sidebar-layout=horizontal] .sidenav-menu .sidenav-item.has-submenu .sidenav-submenu.sidenav-level-2,
  [data-sidebar-layout=horizontal] .sidenav-menu .sidenav-item.has-submenu .sidenav-submenu.sidenav-level-3 {
    inset-inline-end: 100% !important;
    padding: 0.1875rem 0;
  }
  [data-sidebar-layout=horizontal] .sidenav-menu .sidenav-item.has-submenu .sidenav-submenu.active {
    inset-inline-start: auto !important;
    inset-inline-end: auto !important;
  }
  [data-sidebar-layout=horizontal] .sidenav-menu .sidenav-submenu.sidenav-level-1 {
    position: absolute !important;
  }
  [data-sidebar-layout=horizontal] .sidenav-menu .sidenav-link {
    width: 100%;
    display: flex;
    border-radius: 0;
    padding: 0.92rem;
  }
  [data-sidebar-layout=horizontal] .sidenav-menu .sidenav-submenu-toggle {
    inset-inline-end: 0.25rem;
    display: block;
  }
  [data-sidebar-layout=horizontal] .sidenav-menu .sidenav-icon {
    margin-inline-end: 0.25rem;
    margin-block-end: 0;
  }
  [data-sidebar-layout=horizontal] .sidenav-menu .sidenav-item.has-submenu .sidenav-submenu.sidenav-level-1 {
    background-color: var(--menu-bg);
    inset-block-start: 100% !important;
    min-width: 12rem;
  }
  [data-sidebar-layout=horizontal] .sidenav-menu .sidenav-item {
    padding: 0;
  }
  [data-sidebar-layout=horizontal] .sidenav-menu .sidenav-submenu.sidenav-level-1 {
    border-radius: 0 0 0.25rem 0.25rem;
  }
  [data-sidebar-layout=horizontal] .sidenav-menu .sidenav-submenu.sidenav-level-1 .sidenav-item.has-submenu,
  [data-sidebar-layout=horizontal] .sidenav-menu .sidenav-submenu.sidenav-level-1 .sidenav-item {
    width: 100%;
    display: flex;
    padding: 0 0.1875rem;
  }
  [data-sidebar-layout=horizontal] .sidenav-menu .sidenav-submenu.sidenav-level-2,
  [data-sidebar-layout=horizontal] .sidenav-menu .sidenav-submenu.sidenav-level-3 {
    border-radius: 0.25rem;
  }
  [data-sidebar-layout=horizontal] .sidenav-menu .sidenav-item,
  [data-sidebar-layout=horizontal] .sidenav-menu .sidenav-item.has-submenu {
    position: static;
  }
  [data-sidebar-layout=horizontal] .sidenav-menu .sidenav-item .sidenav-submenu.sidenav-level-1,
  [data-sidebar-layout=horizontal] .sidenav-menu .sidenav-item .sidenav-submenu.sidenav-level-2,
  [data-sidebar-layout=horizontal] .sidenav-menu .sidenav-item .sidenav-submenu.sidenav-level-3,
  [data-sidebar-layout=horizontal] .sidenav-menu .sidenav-item.has-submenu .sidenav-submenu.sidenav-level-1,
  [data-sidebar-layout=horizontal] .sidenav-menu .sidenav-item.has-submenu .sidenav-submenu.sidenav-level-2,
  [data-sidebar-layout=horizontal] .sidenav-menu .sidenav-item.has-submenu .sidenav-submenu.sidenav-level-3 {
    box-shadow: 0 0 0.375rem var(--theme-black-1);
  }
  [data-sidebar-layout=horizontal] .sidenav-menu .sidenav-list {
    margin-block-end: 0;
  }
  [data-sidebar-layout=horizontal] .sidenav-menu-header {
    display: none !important;
  }
  [data-sidebar-layout=horizontal] .sidenav-menu-content {
    margin-block-start: 0;
    padding-block-end: 3rem;
  }
  [data-sidebar-layout=horizontal] .sidenav-category {
    display: none;
  }
  [data-sidebar-layout=horizontal] .sidenav-navigation .sidenav-scroll-left {
    inset-inline-start: 1.438rem;
  }
  [data-sidebar-layout=horizontal] .sidenav-navigation .sidenav-scroll-left,
  [data-sidebar-layout=horizontal] .sidenav-navigation .sidenav-scroll-right {
    position: absolute;
    top: 0.563rem;
    padding: 0.375rem;
    color: var(--theme-custom-white);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    cursor: pointer;
    border: 1px solid var(--theme-default-border);
    border-radius: 3.125rem;
  }
  [data-sidebar-layout=horizontal] .sidenav-navigation .sidenav-scroll-left,
  [data-sidebar-layout=horizontal] .sidenav-navigation .sidenav-scroll-right {
    position: absolute;
    top: 0.313rem;
    padding: 0.375rem;
    color: var(--theme-custom-white);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    cursor: pointer;
    border: 1px solid var(--theme-default-border);
    border-radius: 3.125rem;
    background: var(--theme-custom-white);
  }
  [data-sidebar-layout=horizontal] .sidenav-navigation .sidenav-scroll-right {
    inset-inline-end: -2%;
  }
  [data-sidebar-layout=horizontal] .sidenav-navigation .sidenav-scroll-left {
    inset-inline-start: -2%;
  }
  [data-sidebar-layout=horizontal][dir=rtl] .sidenav-navigation .sidenav-scroll-right,
  [data-sidebar-layout=horizontal][dir=rtl] .sidenav-navigation .sidenav-scroll-left {
    transform: rotate(180deg);
  }
  [data-sidebar-layout=horizontal][data-menu-styles=transparent][data-theme-color=dark][data-icon-overlay=open] .sidenav-menu:hover {
    backdrop-filter: blur(0px);
  }
  [data-sidebar-layout=horizontal][data-menu-styles=light] .sidenav-navigation .sidenav-scroll-right,
  [data-sidebar-layout=horizontal][data-menu-styles=light] .sidenav-navigation .sidenav-scroll-left {
    --custom-white: #fff;
    --default-border: #f3f3f3;
  }
  [data-sidebar-layout=horizontal][data-menu-styles=transparent][data-theme-color=dark] .sidenav-menu {
    backdrop-filter: blur(30px);
  }
}
[data-sidebar-layout=horizontal] .dualmenu_sidenav-bottom-list {
  display: none !important;
}
@media (max-width: 991.98px) {
  [data-sidebar-layout=horizontal] .topbar-logo-wrap .header-logo img {
    height: 1.75rem;
    line-height: 1.75rem;
  }
  [data-sidebar-layout=horizontal][data-menu-position=scrollable] .sidenav-menu {
    height: 100%;
  }
}
@media (min-width: 992px) {
  [data-nav-style=menu-click][data-sidebar-layout=horizontal] .sidenav-menu .sidenav-link {
    display: flex !important;
    padding-top: 1.2rem;
    padding-inline-end: 1.75rem;
    padding-bottom: 1.2rem;
    padding-inline-start: 0.75rem;
  }
  [data-nav-style=menu-click][data-sidebar-layout=horizontal] .sidenav-menu .sidenav-icon {
    margin-block-end: 0 !important;
    margin-inline-end: 0.5rem !important;
  }
  [data-nav-style=menu-click][data-sidebar-layout=horizontal] .sidenav-menu .sidenav-submenu-toggle {
    display: block !important;
  }
  [data-nav-style=menu-click][data-sidebar-layout=horizontal] .sidenav-menu .sidenav-item.has-submenu .sidenav-submenu {
    inset-inline-start: auto !important;
  }
  [data-nav-style=menu-click][data-sidebar-layout=horizontal] .sidenav-menu .sidenav-item.has-submenu .sidenav-submenu.active {
    inset-inline-start: auto !important;
    inset-inline-end: auto !important;
  }
  [data-nav-style=menu-click][data-sidebar-layout=horizontal] .sidenav-menu .sidenav-item.has-submenu .sidenav-submenu.sidenav-level-1 {
    inset-block-start: 100% !important;
  }
  [data-nav-style=menu-click][data-sidebar-layout=horizontal] .topbar {
    padding-inline-start: 9.5rem;
  }
}
[data-nav-style=menu-click][data-toggled=menu-click-closed] .topbar {
  padding-inline-start: 9.5rem;
}
@media (min-width: 992px) {
  [data-sidebar-layout=vertical][data-nav-style=menu-click] [data-menu-styles=color] .sidenav-menu .sidenav-list .sidenav-item .sidenav-link:hover > .sidenav-link .sidenav-icon {
    color: #fff;
    fill: #fff;
  }
}
@media (min-width: 992px) {
  [data-nav-style=menu-click][data-sidebar-layout=vertical][data-toggled=menu-click-closed] .sidenav-menu {
    position: absolute;
  }
  [data-nav-style=menu-click][data-sidebar-layout=vertical][data-toggled=menu-click-closed] .sidenav-menu .sidenav-link {
    border-radius: 0.35rem;
    margin: 0.25rem 0 !important;
  }
  [data-nav-style=menu-click][data-sidebar-layout=vertical][data-toggled=menu-click-closed] .sidenav-menu .sidenav-link:last-child {
    margin: 0.25rem 0 !important;
  }
  [data-nav-style=menu-click][data-sidebar-layout=vertical][data-toggled=menu-click-closed] .sidenav-menu .sidenav-list {
    padding-inline: 0.5rem;
  }
  [data-nav-style=menu-click][data-sidebar-layout=vertical][data-toggled=menu-click-closed] .sidenav-menu .sidenav-item .sidenav-submenu.sidenav-level-1,
  [data-nav-style=menu-click][data-sidebar-layout=vertical][data-toggled=menu-click-closed] .sidenav-menu .sidenav-item .sidenav-submenu.sidenav-level-2,
  [data-nav-style=menu-click][data-sidebar-layout=vertical][data-toggled=menu-click-closed] .sidenav-menu .sidenav-item .sidenav-submenu.sidenav-level-3 {
    border-radius: 0 0.5rem 0.5rem 0;
  }
  [data-nav-style=menu-click][data-sidebar-layout=vertical][data-toggled=menu-click-closed][dir=rtl] .sidenav-menu .sidenav-item .sidenav-submenu.sidenav-level-1,
  [data-nav-style=menu-click][data-sidebar-layout=vertical][data-toggled=menu-click-closed][dir=rtl] .sidenav-menu .sidenav-item .sidenav-submenu.sidenav-level-2,
  [data-nav-style=menu-click][data-sidebar-layout=vertical][data-toggled=menu-click-closed][dir=rtl] .sidenav-menu .sidenav-item .sidenav-submenu.sidenav-level-3 {
    border-radius: 0.5rem 0 0 0.5rem;
  }
}
@media (min-width: 992px) {
  .menu-click .sidenav-menu,
  [data-nav-style=menu-click][data-sidebar-layout=horizontal] .sidenav-menu,
  [data-nav-style=menu-click][data-toggled=menu-click-closed] .sidenav-menu {
    width: 9.5rem;
  }
  .menu-click .sidenav-menu .sidenav-menu-content,
  [data-nav-style=menu-click][data-sidebar-layout=horizontal] .sidenav-menu .sidenav-menu-content,
  [data-nav-style=menu-click][data-toggled=menu-click-closed] .sidenav-menu .sidenav-menu-content {
    overflow: visible;
    height: 90%;
  }
  .menu-click .sidenav-menu .sidenav-menu-header,
  [data-nav-style=menu-click][data-sidebar-layout=horizontal] .sidenav-menu .sidenav-menu-header,
  [data-nav-style=menu-click][data-toggled=menu-click-closed] .sidenav-menu .sidenav-menu-header {
    width: 9.5rem;
    justify-content: center;
  }
  .menu-click .sidenav-menu .sidenav-icon,
  [data-nav-style=menu-click][data-sidebar-layout=horizontal] .sidenav-menu .sidenav-icon,
  [data-nav-style=menu-click][data-toggled=menu-click-closed] .sidenav-menu .sidenav-icon {
    margin-inline-end: 0;
    margin-block-end: 0.5rem;
  }
  .menu-click .sidenav-menu .sidenav-item,
  [data-nav-style=menu-click][data-sidebar-layout=horizontal] .sidenav-menu .sidenav-item,
  [data-nav-style=menu-click][data-toggled=menu-click-closed] .sidenav-menu .sidenav-item {
    padding: 0;
  }
  .menu-click .sidenav-menu .sidenav-submenu.sidenav-level-1,
  [data-nav-style=menu-click][data-sidebar-layout=horizontal] .sidenav-menu .sidenav-submenu.sidenav-level-1,
  [data-nav-style=menu-click][data-toggled=menu-click-closed] .sidenav-menu .sidenav-submenu.sidenav-level-1,
  .menu-click .sidenav-menu .sidenav-submenu.sidenav-level-2,
  [data-nav-style=menu-click][data-sidebar-layout=horizontal] .sidenav-menu .sidenav-submenu.sidenav-level-2,
  [data-nav-style=menu-click][data-toggled=menu-click-closed] .sidenav-menu .sidenav-submenu.sidenav-level-2,
  .menu-click .sidenav-menu .sidenav-submenu.sidenav-level-3,
  [data-nav-style=menu-click][data-sidebar-layout=horizontal] .sidenav-menu .sidenav-submenu.sidenav-level-3,
  [data-nav-style=menu-click][data-toggled=menu-click-closed] .sidenav-menu .sidenav-submenu.sidenav-level-3 {
    min-width: 12rem;
  }
  .menu-click .sidenav-menu .sidenav-submenu.sidenav-level-1 .sidenav-item .sidenav-link,
  [data-nav-style=menu-click][data-sidebar-layout=horizontal] .sidenav-menu .sidenav-submenu.sidenav-level-1 .sidenav-item .sidenav-link,
  [data-nav-style=menu-click][data-toggled=menu-click-closed] .sidenav-menu .sidenav-submenu.sidenav-level-1 .sidenav-item .sidenav-link,
  .menu-click .sidenav-menu .sidenav-submenu.sidenav-level-2 .sidenav-item .sidenav-link,
  [data-nav-style=menu-click][data-sidebar-layout=horizontal] .sidenav-menu .sidenav-submenu.sidenav-level-2 .sidenav-item .sidenav-link,
  [data-nav-style=menu-click][data-toggled=menu-click-closed] .sidenav-menu .sidenav-submenu.sidenav-level-2 .sidenav-item .sidenav-link,
  .menu-click .sidenav-menu .sidenav-submenu.sidenav-level-3 .sidenav-item .sidenav-link,
  [data-nav-style=menu-click][data-sidebar-layout=horizontal] .sidenav-menu .sidenav-submenu.sidenav-level-3 .sidenav-item .sidenav-link,
  [data-nav-style=menu-click][data-toggled=menu-click-closed] .sidenav-menu .sidenav-submenu.sidenav-level-3 .sidenav-item .sidenav-link {
    text-align: start;
  }
  .menu-click .sidenav-menu .sidenav-submenu.sidenav-level-1 .sidenav-item .sidenav-link:before,
  [data-nav-style=menu-click][data-sidebar-layout=horizontal] .sidenav-menu .sidenav-submenu.sidenav-level-1 .sidenav-item .sidenav-link:before,
  [data-nav-style=menu-click][data-toggled=menu-click-closed] .sidenav-menu .sidenav-submenu.sidenav-level-1 .sidenav-item .sidenav-link:before,
  .menu-click .sidenav-menu .sidenav-submenu.sidenav-level-2 .sidenav-item .sidenav-link:before,
  [data-nav-style=menu-click][data-sidebar-layout=horizontal] .sidenav-menu .sidenav-submenu.sidenav-level-2 .sidenav-item .sidenav-link:before,
  [data-nav-style=menu-click][data-toggled=menu-click-closed] .sidenav-menu .sidenav-submenu.sidenav-level-2 .sidenav-item .sidenav-link:before,
  .menu-click .sidenav-menu .sidenav-submenu.sidenav-level-3 .sidenav-item .sidenav-link:before,
  [data-nav-style=menu-click][data-sidebar-layout=horizontal] .sidenav-menu .sidenav-submenu.sidenav-level-3 .sidenav-item .sidenav-link:before,
  [data-nav-style=menu-click][data-toggled=menu-click-closed] .sidenav-menu .sidenav-submenu.sidenav-level-3 .sidenav-item .sidenav-link:before {
    display: none;
  }
  .menu-click .sidenav-menu .sidenav-submenu.sidenav-level-1 .sidenav-submenu-toggle,
  [data-nav-style=menu-click][data-sidebar-layout=horizontal] .sidenav-menu .sidenav-submenu.sidenav-level-1 .sidenav-submenu-toggle,
  [data-nav-style=menu-click][data-toggled=menu-click-closed] .sidenav-menu .sidenav-submenu.sidenav-level-1 .sidenav-submenu-toggle,
  .menu-click .sidenav-menu .sidenav-submenu.sidenav-level-2 .sidenav-submenu-toggle,
  [data-nav-style=menu-click][data-sidebar-layout=horizontal] .sidenav-menu .sidenav-submenu.sidenav-level-2 .sidenav-submenu-toggle,
  [data-nav-style=menu-click][data-toggled=menu-click-closed] .sidenav-menu .sidenav-submenu.sidenav-level-2 .sidenav-submenu-toggle,
  .menu-click .sidenav-menu .sidenav-submenu.sidenav-level-3 .sidenav-submenu-toggle,
  [data-nav-style=menu-click][data-sidebar-layout=horizontal] .sidenav-menu .sidenav-submenu.sidenav-level-3 .sidenav-submenu-toggle,
  [data-nav-style=menu-click][data-toggled=menu-click-closed] .sidenav-menu .sidenav-submenu.sidenav-level-3 .sidenav-submenu-toggle {
    display: block;
    inset-inline-end: 0.5rem;
    inset-block-start: 0.65rem;
  }
  .menu-click .sidenav-menu .sidenav-submenu.sidenav-level-1 .sidenav-item.has-submenu.sidenav-submenu-label,
  .menu-click .sidenav-menu .sidenav-submenu.sidenav-level-1 .sidenav-item.sidenav-submenu-label,
  [data-nav-style=menu-click][data-sidebar-layout=horizontal] .sidenav-menu .sidenav-submenu.sidenav-level-1 .sidenav-item.sidenav-submenu-label,
  [data-nav-style=menu-click][data-toggled=menu-click-closed] .sidenav-menu .sidenav-submenu.sidenav-level-1 .sidenav-item.sidenav-submenu-label,
  .menu-click .sidenav-menu .sidenav-submenu.sidenav-level-2 .sidenav-item.has-submenu.sidenav-submenu-label,
  .menu-click .sidenav-menu .sidenav-submenu.sidenav-level-2 .sidenav-item.sidenav-submenu-label,
  [data-nav-style=menu-click][data-sidebar-layout=horizontal] .sidenav-menu .sidenav-submenu.sidenav-level-2 .sidenav-item.sidenav-submenu-label,
  [data-nav-style=menu-click][data-toggled=menu-click-closed] .sidenav-menu .sidenav-submenu.sidenav-level-2 .sidenav-item.sidenav-submenu-label,
  .menu-click .sidenav-menu .sidenav-submenu.sidenav-level-3 .sidenav-item.has-submenu.sidenav-submenu-label,
  .menu-click .sidenav-menu .sidenav-submenu.sidenav-level-3 .sidenav-item.sidenav-submenu-label,
  [data-nav-style=menu-click][data-sidebar-layout=horizontal] .sidenav-menu .sidenav-submenu.sidenav-level-3 .sidenav-item.sidenav-submenu-label,
  [data-nav-style=menu-click][data-toggled=menu-click-closed] .sidenav-menu .sidenav-submenu.sidenav-level-3 .sidenav-item.sidenav-submenu-label {
    display: none;
  }
  .menu-click .sidenav-menu .sidenav-category,
  [data-nav-style=menu-click][data-sidebar-layout=horizontal] .sidenav-menu .sidenav-category,
  [data-nav-style=menu-click][data-toggled=menu-click-closed] .sidenav-menu .sidenav-category,
  .menu-click .sidenav-menu .sidenav-submenu-toggle,
  [data-nav-style=menu-click][data-sidebar-layout=horizontal] .sidenav-menu .sidenav-submenu-toggle,
  [data-nav-style=menu-click][data-toggled=menu-click-closed] .sidenav-menu .sidenav-submenu-toggle {
    display: none;
  }
  .menu-click .sidenav-menu .sidenav-link,
  [data-nav-style=menu-click][data-sidebar-layout=horizontal] .sidenav-menu .sidenav-link,
  [data-nav-style=menu-click][data-toggled=menu-click-closed] .sidenav-menu .sidenav-link,
  .menu-click .sidenav-menu .sidenav-link-label,
  [data-nav-style=menu-click][data-sidebar-layout=horizontal] .sidenav-menu .sidenav-link-label,
  [data-nav-style=menu-click][data-toggled=menu-click-closed] .sidenav-menu .sidenav-link-label {
    display: block;
    text-align: center;
  }
  .menu-click .sidenav-menu .sidenav-item.has-submenu .sidenav-submenu,
  [data-nav-style=menu-click][data-sidebar-layout=horizontal] .sidenav-menu .sidenav-item.has-submenu .sidenav-submenu,
  [data-nav-style=menu-click][data-toggled=menu-click-closed] .sidenav-menu .sidenav-item.has-submenu .sidenav-submenu {
    position: absolute !important;
    inset-inline-start: 9.5rem !important;
    background: var(--theme-menu-bg);
    inset-block-start: auto !important;
    box-shadow: 0 0 0.375rem var(--theme-black-1);
    transition: none !important;
  }
  .menu-click .sidenav-menu .sidenav-item.has-submenu .sidenav-submenu.sidenav-level-2,
  [data-nav-style=menu-click][data-sidebar-layout=horizontal] .sidenav-menu .sidenav-item.has-submenu .sidenav-submenu.sidenav-level-2,
  [data-nav-style=menu-click][data-toggled=menu-click-closed] .sidenav-menu .sidenav-item.has-submenu .sidenav-submenu.sidenav-level-2,
  .menu-click .sidenav-menu .sidenav-item.has-submenu .sidenav-submenu.sidenav-level-3,
  [data-nav-style=menu-click][data-sidebar-layout=horizontal] .sidenav-menu .sidenav-item.has-submenu .sidenav-submenu.sidenav-level-3,
  [data-nav-style=menu-click][data-toggled=menu-click-closed] .sidenav-menu .sidenav-item.has-submenu .sidenav-submenu.sidenav-level-3 {
    inset-inline-start: 12rem !important;
  }
  .menu-click .sidenav-menu .simplebar-content-wrapper,
  [data-nav-style=menu-click][data-sidebar-layout=horizontal] .sidenav-menu .simplebar-content-wrapper,
  [data-nav-style=menu-click][data-toggled=menu-click-closed] .sidenav-menu .simplebar-content-wrapper {
    position: initial;
  }
  .menu-click .sidenav-menu .simplebar-mask,
  [data-nav-style=menu-click][data-sidebar-layout=horizontal] .sidenav-menu .simplebar-mask,
  [data-nav-style=menu-click][data-toggled=menu-click-closed] .sidenav-menu .simplebar-mask {
    position: inherit;
  }
  .menu-click .sidenav-menu .simplebar-placeholder,
  [data-nav-style=menu-click][data-sidebar-layout=horizontal] .sidenav-menu .simplebar-placeholder,
  [data-nav-style=menu-click][data-toggled=menu-click-closed] .sidenav-menu .simplebar-placeholder {
    height: auto !important;
  }
  .menu-click .app-content,
  [data-nav-style=menu-click][data-sidebar-layout=horizontal] .app-content,
  [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-content {
    margin-inline-start: 9.5rem;
  }
}
@media (max-width: 991.98px) {
  .menu-click .sidenav-menu,
  [data-nav-style=menu-click][data-sidebar-layout=horizontal] .sidenav-menu,
  [data-nav-style=menu-click][data-toggled=menu-click-closed] .sidenav-menu {
    width: 16rem;
  }
}
@media (min-width: 992px) {
  [data-sidebar-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed] .sidenav-menu .sidenav-item .sidenav-link-label .badge {
    display: none;
  }
}
@media (min-width: 992px) {
  [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .sidenav-menu {
    width: 5rem;
  }
  [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .sidenav-menu .sidenav-menu-header {
    width: 5rem;
    justify-content: center;
  }
  [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .sidenav-menu .sidenav-menu-header .header-logo .toggle-logo {
    display: block;
  }
  [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .sidenav-menu .sidenav-menu-header .header-logo .desktop-dark,
  [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .sidenav-menu .sidenav-menu-header .header-logo .desktop-logo,
  [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .sidenav-menu .sidenav-menu-header .header-logo .toggle-dark {
    display: none;
  }
  [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .sidenav-menu .sidenav-category-label,
  [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .sidenav-menu .sidenav-link-label,
  [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .sidenav-menu .sidenav-submenu-toggle {
    display: none;
  }
  [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .sidenav-menu .sidenav-item.has-submenu.open .sidenav-submenu {
    display: none !important;
  }
  [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .sidenav-menu .sidenav-icon {
    margin-inline-end: 0;
  }
  [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .sidenav-menu .sidenav-list {
    padding-inline: 0.5rem;
  }
  [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .sidenav-menu .sidenav-item {
    padding: 0 0rem !important;
  }
  [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .sidenav-menu .sidenav-category {
    padding: 1.65rem;
    position: relative;
  }
  [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .sidenav-menu .sidenav-category:before {
    content: "\f3c2";
    font-family: remixicon !important;
    position: absolute;
    font-size: 8px;
    inset-inline-start: 1.75rem;
    inset-inline-end: 0;
    inset-block-start: 1rem;
    inset-block-end: 0;
    opacity: 1;
    color: var(--theme-menu-prime-color);
  }
  [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .sidenav-menu .sidenav-link .badge {
    display: none;
  }
  [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .sidenav-link {
    justify-content: center;
  }
  [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .sidenav-profile {
    display: none;
  }
  [data-vertical-style=overlay][data-toggled=icon-overlay-close] .topbar {
    padding-inline-start: 5rem;
  }
  [data-vertical-style=overlay][data-toggled=icon-overlay-close] .app-content {
    margin-inline-start: 5rem;
  }
  [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .sidenav-menu {
    width: 16rem;
  }
  [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .sidenav-menu .sidenav-menu-header {
    width: 16rem;
  }
  [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .sidenav-menu .sidenav-menu-header .header-logo .desktop-logo {
    display: block;
  }
  [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .sidenav-menu .sidenav-menu-header .header-logo .desktop-dark,
  [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .sidenav-menu .sidenav-menu-header .header-logo .toggle-logo,
  [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .sidenav-menu .sidenav-menu-header .header-logo .toggle-dark {
    display: none;
  }
  [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .sidenav-menu .sidenav-link {
    justify-content: flex-start;
  }
  [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .sidenav-menu .sidenav-icon {
    margin-inline-end: 0.625rem;
  }
  [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .sidenav-menu .sidenav-category {
    padding: 0.75rem 1.2rem;
  }
  [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .sidenav-menu .sidenav-category:before {
    display: none;
  }
  [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-theme-color=dark] .sidenav-menu-header .header-logo .toggle-dark {
    display: block;
  }
  [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-theme-color=dark] .sidenav-menu-header .header-logo .desktop-dark,
  [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-theme-color=dark] .sidenav-menu-header .header-logo .desktop-logo,
  [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-theme-color=dark] .sidenav-menu-header .header-logo .toggle-logo {
    display: none;
  }
  [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-theme-color=dark][data-icon-overlay=open] .sidenav-menu-header .header-logo .desktop-dark {
    display: block;
  }
  [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-theme-color=dark][data-icon-overlay=open] .sidenav-menu-header .header-logo .toggle-dark,
  [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-theme-color=dark][data-icon-overlay=open] .sidenav-menu-header .header-logo .desktop-logo,
  [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-theme-color=dark][data-icon-overlay=open] .sidenav-menu-header .header-logo .toggle-logo {
    display: none;
  }
  [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-theme-color=dark][data-icon-overlay=open][data-menu-color=light] .sidenav-menu-header .header-logo .desktop-logo {
    display: block;
  }
  [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-theme-color=dark][data-icon-overlay=open][data-menu-color=light] .sidenav-menu-header .header-logo .toggle-dark,
  [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-theme-color=dark][data-icon-overlay=open][data-menu-color=light] .sidenav-menu-header .header-logo .desktop-dark,
  [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-theme-color=dark][data-icon-overlay=open][data-menu-color=light] .sidenav-menu-header .header-logo .toggle-logo {
    display: none;
  }
}
[data-header-color=light][data-sidebar-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close] .animated-arrow span:before,
[data-header-color=light][data-sidebar-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close] .animated-arrow span:after {
  background: var(--header-prime-color);
}
.app-footer {
  padding: 0.85rem 0rem;
  border-block-start: 1px solid var(--theme-default-border);
  background: var(--theme-custom-white);
  color: var(--theme-text-muted);
  font-size: 0.75rem;
}
.app-footer .container-fluid {
  padding-inline: 0;
}
.app-footer-inner,
.app-footer-copyright,
.app-footer-meta,
.app-footer-links {
  display: flex;
  align-items: center;
}
.app-footer-inner {
  justify-content: space-between;
  gap: 1rem 1.5rem;
  min-height: 2rem;
}
.app-footer-copyright {
  flex-wrap: wrap;
  gap: 0.6rem;
  line-height: 1.5;
  font-size: 14px;
}
.app-footer-meta {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 1.25rem;
}
.app-footer-links {
  flex-wrap: wrap;
  gap: 1rem;
}
.app-footer-links a {
  color: var(--theme-text-muted);
  text-decoration: none;
  transition: color 0.15s ease;
  font-size: 14px;
}
.app-footer-links a:hover,
.app-footer-links a:focus-visible {
  color: var(--theme-default-text-color);
}
@media (max-width: 767.98px) {
  .app-footer {
    padding: 0.85rem 1rem;
  }
  .app-footer-inner,
  .app-footer-meta {
    align-items: flex-start;
    flex-direction: column;
  }
  .app-footer-meta {
    gap: 0.75rem;
  }
  .app-footer-links {
    gap: 0.9rem;
  }
}
.app-content {
  min-width: 0;
}
.app-content .row > *,
.app-content .card,
.app-content .card-body,
.app-content .card-header,
.app-content .tab-content,
.app-content .tab-pane {
  min-width: 0;
}
.app-content .card-header {
  flex-wrap: wrap;
  gap: 0.75rem;
}
.app-content .card-header > .card-title {
  overflow-wrap: anywhere;
}
.app-content .card-header > .d-flex {
  flex-wrap: wrap;
  min-width: 0;
}
.app-content .table-responsive,
.app-content .gridjs-container,
.app-content .dt-container {
  max-width: 100%;
  min-width: 0;
}
.app-content .card-body > pre {
  max-width: 100%;
  overflow-x: auto;
}
@media (max-width: 991.98px) {
  [data-sidebar-layout=vertical] .page {
    width: 100vw;
    max-width: 100vw;
    min-width: 0;
  }
  [data-sidebar-layout=vertical] .topbar,
  [data-sidebar-layout=vertical] .app-content {
    width: 100vw;
    max-width: 100vw;
    min-width: 0;
    margin-inline: 0 !important;
    box-sizing: border-box;
  }
  [data-sidebar-layout=vertical] .table-responsive {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 575.98px) {
  .app-content .container-fluid {
    padding-inline: 0.75rem;
  }
  .app-content .page-header-breadcrumb {
    flex-wrap: wrap;
    gap: 0.5rem;
  }
  .app-content .page-header-breadcrumb .breadcrumb {
    flex-wrap: wrap;
    overflow-wrap: anywhere;
  }
  .app-content .card-header .input-group {
    max-width: 100%;
  }
  .app-content .modal-dialog {
    margin-inline: 0.5rem;
  }
}
/*!
 * ============================================================
 * MetraUI
 * HTML + Bootstrap Admin Dashboard Template
 * ============================================================
 *
 * Project     : MetraUI Html Bootstrap Admin Dashboard Template
 * Version     : 1.0.0
 * Author      : SramaTech Solutions
 * Website     : sramatech.com
 * Copyright   : © 2026 SramaTech Solutions
 *
 * Technology
 * ------------------------------------------------------------
 * HTML5
 * CSS3
 * SCSS
 * Bootstrap 5
 * JavaScript
 *
 * Features
 * ------------------------------------------------------------
 * - Responsive Design
 * - Light & Dark Mode
 * - RTL Support
 * - Multiple Dashboard Layouts
 * - Application Pages
 * - Reusable UI Components
 * - Interactive Charts
 * - Modern UI Design
 *
 * Credits
 * ------------------------------------------------------------
 * Bootstrap
 * ApexCharts
 * Remix Icon
 * Google Fonts
 *
 * Support
 * ------------------------------------------------------------
 * For support and documentation, please refer to the
 * documentation included with the product.
 *
 * ============================================================
 */