/*-- google material font Outlined and filled icon css */
.material-symbols-filled {
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

/* Outlined style */
/* .material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
    font-variation-settings: 
      'FILL' 0,  
      'wght' 400,
      'GRAD' 0,  
      'opsz' 48; 
  } */

/* Filled style */
.material-symbols-filled {
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, /* Filled style */ "wght" 400,
    /* Weight */ "GRAD" 0, /* Grade */ "opsz" 48; /* Optical size */
}

.icon-font-small {
  font-size: 18px;
}
/*-- End google material font symbol icon css */

p {
  color: var(--secondary-600);
}

.form-control, .form-select {
  font-size: 0.875rem;
}

.desc-h-box {
  max-height: 175px;
  overflow-y: auto;
}

.fixed-table {
  table-layout: fixed;
  width: 100%;
}

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

.fsc-12 {
  font-size: 12px !important;
}

.fsc-14 {
  font-size: 14px !important;
}

.fsc-16 {
  font-size: 16px !important;
}

.fsc-18 {
  font-size: 18px !important;
}

.textarea-hide-b-r, .textarea-hide-b-r:focus {
  border: 0;
  resize: none;
  box-shadow: none;
  padding: 0;
}
/*-- badge ui css --*/
.icon-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background-color: var(--bs-white);
  color: var(--bs-gray-500);
  border: 1px solid var(--bs-gray-500);
  font-size: 13px;
  padding: 2px 6px;
  border-radius: 4px;
}

.badge-outline-primary {
  background-color: var(--primary-50);
  color: var(--primary-800);
  border-color: var(--primary-500);
}

.badge-outline-secondary {
  background-color: var(--bs-grey-50);
  color: var(--secondary-600);
  border-color: var(--bs-gray-400);
}

.badge-outline-success {
  background-color: var(--success-50);
  color: var(--success-800);
  border-color: var(--success-500);
}

.badge-outline-warning {
  background-color: var(--warning-50);
  color: var(--warning-800);
  border-color: var(--warning-500);
}

.badge-outline-info {
  background-color: var(--info-50);
  color: var(--info-800);
  border-color: var(--info-500);
}

.badge-outline-danger {
  background-color: var(--danger-50);
  color: var(--danger-800);
  border-color: var(--danger-500);
}
/*-- end badge ui css --*/

/*-- Status badge ui css --*/
.status-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background-color: var(--bs-white);
  color: var(--bs-gray-600);
  border: 1px solid var(--bs-gray-500);
  font-size: 13px;
  padding: 2px 6px;
  border-radius: 4px;
  height: 24px;
}

.status-badge-primary {
  background-color: var(--primary-100);
  border-color: var(--primary-500);
}

.status-badge-secondary {
  background-color: var(--secondary-100);
  border-color: var(--secondary-500);
}

.status-badge-success {
  background-color: var(--success-100);
  border-color: var(--success-500);
}

.status-badge-warning {
  background-color: var(--warning-100);
  border-color: var(--warning-500);
}

.status-badge-info {
  background-color: var(--info-100);
  border-color: var(--info-500);
}

.status-badge-danger {
  background-color: var(--danger-50);
  border-color: var(--danger-500);
}

.status-badge > .material-symbols-filled {
  font-size: 18px;
}
/*-- end Status badge ui css --*/

/* Background grey Colors */
.bg-gray-50 {
  background-color: #f6f8fb;
}
.bg-gray-100 {
  background-color: #ebeef2;
}
.bg-gray-200 {
  background-color: #e5e9f2;
}
.bg-gray-300 {
  background-color: #dbdfea;
}
.bg-gray-400 {
  background-color: #b7c2d0;
}
.bg-gray-500 {
  background-color: #8091a7;
}
.bg-gray-600 {
  background-color: #3c4d62;
}
.bg-gray-700 {
  background-color: #344357;
}
.bg-gray-800 {
  background-color: #2b3748;
}
.bg-gray-900 {
  background-color: #1f2b3a;
}

/* Text gray Colors */
.text-gray-50 {
  color: #f6f8fb;
}
.text-gray-100 {
  color: #ebeef2;
}
.text-gray-200 {
  color: #e5e9f2;
}
.text-gray-300 {
  color: #dbdfea;
}
.text-gray-400 {
  color: #b7c2d0;
}
.text-gray-500 {
  color: #8091a7;
}
.text-gray-600 {
  color: #3c4d62;
}
.text-gray-700 {
  color: #344357;
}
.text-gray-800 {
  color: #2b3748;
}
.text-gray-900 {
  color: #1f2b3a;
}

/* Border Grey Colors */
.border-grey-50 {
  border-color: #f6f8fb;
}
.border-grey-100 {
  border-color: #ebeef2;
}
.border-grey-200 {
  border-color: #e5e9f2;
}
.border-grey-300 {
  border-color: #dbdfea;
}
.border-grey-400 {
  border-color: #b7c2d0;
}
.border-grey-500 {
  border-color: #8091a7;
}
.border-grey-600 {
  border-color: #3c4d62;
}
.border-grey-700 {
  border-color: #344357;
}
.border-grey-800 {
  border-color: #2b3748;
}
.border-grey-900 {
  border-color: #1f2b3a;
}

/* Background bluegrey Colors */
.bg-bluegrey-100 {
  background-color: #f2fbfc;
}
.bg-bluegrey-200 {
  background-color: #e5f5fa;
}
.bg-bluegrey-300 {
  background-color: #d2e9f1;
}
.bg-bluegrey-400 {
  background-color: #c0d8e4;
}
.bg-bluegrey-500 {
  background-color: #a6c1d3;
}
.bg-bluegrey-600 {
  background-color: #7999b5;
}
.bg-bluegrey-700 {
  background-color: #537497;
}
.bg-bluegrey-800 {
  background-color: #34527a;
}
.bg-bluegrey-900 {
  background-color: #1f3965;
}

/* Text bluegrey Colors */
.text-bluegrey-100 {
  color: #f2fbfc;
}
.text-bluegrey-200 {
  color: #e5f5fa;
}
.text-bluegrey-300 {
  color: #d2e9f1;
}
.text-bluegrey-400 {
  color: #c0d8e4;
}
.text-bluegrey-500 {
  color: #a6c1d3;
}
.text-bluegrey-600 {
  color: #7999b5;
}
.text-bluegrey-700 {
  color: #537497;
}
.text-bluegrey-800 {
  color: #34527a;
}
.text-bluegrey-900 {
  color: #1f3965;
}

/* Border BlueGrey Colors */
.border-bluegrey-100 {
  border-color: #f2fbfc;
}
.border-bluegrey-200 {
  border-color: #e5f5fa;
}
.border-bluegrey-300 {
  border-color: #d2e9f1;
}
.border-bluegrey-400 {
  border-color: #c0d8e4;
}
.border-bluegrey-500 {
  border-color: #a6c1d3;
}
.border-bluegrey-600 {
  border-color: #7999b5;
}
.border-bluegrey-700 {
  border-color: #537497;
}
.border-bluegrey-800 {
  border-color: #34527a;
}
.border-bluegrey-900 {
  border-color: #1f3965;
}

/* Background primary Colors */
.bg-primary-50 {
  background-color: #e1edfd;
}
.bg-primary-100 {
  background-color: #b5d3fa;
}
.bg-primary-200 {
  background-color: #84b5f7;
}
.bg-primary-300 {
  background-color: #5397f4;
}
.bg-primary-400 {
  background-color: #2e81f1;
}
.bg-primary-500 {
  background-color: #096bef;
}
.bg-primary-600 {
  background-color: #0863ed;
}
.bg-primary-700 {
  background-color: #0658eb;
}
.bg-primary-800 {
  background-color: #054ee8;
}
.bg-primary-900 {
  background-color: #023ce4;
}

/* Text primary Colors */
.text-primary-50 {
  color: #e1edfd;
}
.text-primary-100 {
  color: #b5d3fa;
}
.text-primary-200 {
  color: #84b5f7;
}
.text-primary-300 {
  color: #5397f4;
}
.text-primary-400 {
  color: #2e81f1;
}
.text-primary-500 {
  color: #096bef;
}
.text-primary-600 {
  color: #0863ed;
}
.text-primary-700 {
  color: #0658eb;
}
.text-primary-800 {
  color: #054ee8;
}
.text-primary-900 {
  color: #023ce4;
}

/* Border Primary Colors */
.border-primary-50 {
  border-color: #e1edfd;
}
.border-primary-100 {
  border-color: #b5d3fa;
}
.border-primary-200 {
  border-color: #84b5f7;
}
.border-primary-300 {
  border-color: #5397f4;
}
.border-primary-400 {
  border-color: #2e81f1;
}
.border-primary-500 {
  border-color: #096bef;
}
.border-primary-600 {
  border-color: #0863ed;
}
.border-primary-700 {
  border-color: #0658eb;
}
.border-primary-800 {
  border-color: #054ee8;
}
.border-primary-900 {
  border-color: #023ce4;
}

/* Background secondary Colors */
.bg-secondary-50 {
  background-color: #e8eef9;
}
.bg-secondary-100 {
  background-color: #c9d5e4;
}
.bg-secondary-200 {
  background-color: #abb9cb;
}
.bg-secondary-300 {
  background-color: #8c9cb3;
}
.bg-secondary-400 {
  background-color: #7487a0;
}
.bg-secondary-500 {
  background-color: #5d738f;
}
.bg-secondary-600 {
  background-color: #50657e;
}
.bg-secondary-700 {
  background-color: #405267;
}
.bg-secondary-800 {
  background-color: #313f51;
}
.bg-secondary-900 {
  background-color: #1f2b3a;
}

/* Text secondary Colors */
.text-secondary-50 {
  color: #e8eef9;
}
.text-secondary-100 {
  color: #c9d5e4;
}
.text-secondary-200 {
  color: #abb9cb;
}
.text-secondary-300 {
  color: #8c9cb3;
}
.text-secondary-400 {
  color: #7487a0;
}
.text-secondary-500 {
  color: #5d738f;
}
.text-secondary-600 {
  color: #50657e;
}
.text-secondary-700 {
  color: #405267;
}
.text-secondary-800 {
  color: #313f51;
}
.text-secondary-900 {
  color: #1f2b3a;
}

/* Border Secondary Colors */
.border-secondary-50 {
  border-color: #e8eef9;
}
.border-secondary-100 {
  border-color: #c9d5e4;
}
.border-secondary-200 {
  border-color: #abb9cb;
}
.border-secondary-300 {
  border-color: #8c9cb3;
}
.border-secondary-400 {
  border-color: #7487a0;
}
.border-secondary-500 {
  border-color: #5d738f;
}
.border-secondary-600 {
  border-color: #50657e;
}
.border-secondary-700 {
  border-color: #405267;
}
.border-secondary-800 {
  border-color: #313f51;
}
.border-secondary-900 {
  border-color: #1f2b3a;
}

/* Background success Colors */
.bg-success-50 {
  background-color: #e4f8ec;
}
.bg-success-100 {
  background-color: #bdeecf;
}
.bg-success-200 {
  background-color: #91e2af;
}
.bg-success-300 {
  background-color: #64d68e;
}
.bg-success-400 {
  background-color: #43ce76;
}
.bg-success-500 {
  background-color: #22c55e;
}
.bg-success-600 {
  background-color: #1ebf56;
}
.bg-success-700 {
  background-color: #19b84c;
}
.bg-success-800 {
  background-color: #14b042;
}
.bg-success-900 {
  background-color: #0ca331;
}

/* Text success Colors */
.text-success-50 {
  color: #e4f8ec;
}
.text-success-100 {
  color: #bdeecf;
}
.text-success-200 {
  color: #91e2af;
}
.text-success-300 {
  color: #64d68e;
}
.text-success-400 {
  color: #43ce76;
}
.text-success-500 {
  color: #22c55e;
}
.text-success-600 {
  color: #1ebf56;
}
.text-success-700 {
  color: #19b84c;
}
.text-success-800 {
  color: #14b042;
}
.text-success-900 {
  color: #0ca331;
}

/* Border Success Colors */
.border-success-50 {
  border-color: #e4f8ec;
}
.border-success-100 {
  border-color: #bdeecf;
}
.border-success-200 {
  border-color: #91e2af;
}
.border-success-300 {
  border-color: #64d68e;
}
.border-success-400 {
  border-color: #43ce76;
}
.border-success-500 {
  border-color: #22c55e;
}
.border-success-600 {
  border-color: #1ebf56;
}
.border-success-700 {
  border-color: #19b84c;
}
.border-success-800 {
  border-color: #14b042;
}
.border-success-900 {
  border-color: #0ca331;
}

/* Background info Colors */
.bg-info-50 {
  background-color: #e0f8fa;
}
.bg-info-100 {
  background-color: #b3edf4;
}
.bg-info-200 {
  background-color: #80e1ec;
}
.bg-info-300 {
  background-color: #4dd5e4;
}
.bg-info-400 {
  background-color: #26ccdf;
}
.bg-info-500 {
  background-color: #00c3d9;
}
.bg-info-600 {
  background-color: #00bdd5;
}
.bg-info-700 {
  background-color: #00b5cf;
}
.bg-info-800 {
  background-color: #00aeca;
}
.bg-info-900 {
  background-color: #00a1c0;
}

/* Text info Colors */
.text-info-50 {
  color: #e0f8fa;
}
.text-info-100 {
  color: #b3edf4;
}
.text-info-200 {
  color: #80e1ec;
}
.text-info-300 {
  color: #4dd5e4;
}
.text-info-400 {
  color: #26ccdf;
}
.text-info-500 {
  color: #00c3d9;
}
.text-info-600 {
  color: #00bdd5;
}
.text-info-700 {
  color: #00b5cf;
}
.text-info-800 {
  color: #00aeca;
}
.text-info-900 {
  color: #00a1c0;
}

/* Border Info Colors */
.border-info-50 {
  border-color: #e0f8fa;
}
.border-info-100 {
  border-color: #b3edf4;
}
.border-info-200 {
  border-color: #80e1ec;
}
.border-info-300 {
  border-color: #4dd5e4;
}
.border-info-400 {
  border-color: #26ccdf;
}
.border-info-500 {
  border-color: #00c3d9;
}
.border-info-600 {
  border-color: #00bdd5;
}
.border-info-700 {
  border-color: #00b5cf;
}
.border-info-800 {
  border-color: #00aeca;
}
.border-info-900 {
  border-color: #00a1c0;
}

/* Background warning Colors */
.bg-warning-50 {
  background-color: #fdf8e1;
}
.bg-warning-100 {
  background-color: #fbebb3;
}
.bg-warning-200 {
  background-color: #f9de82;
}
.bg-warning-300 {
  background-color: #f6d350;
}
.bg-warning-400 {
  background-color: #f5c82a;
}
.bg-warning-500 {
  background-color: #f4be0e;
}
.bg-warning-600 {
  background-color: #f4b104;
}
.bg-warning-700 {
  background-color: #f49e00;
}
.bg-warning-800 {
  background-color: #f48e00;
}
.bg-warning-900 {
  background-color: #f47000;
}

/* Text warning Colors */
.text-warning-50 {
  color: #fdf8e1;
}
.text-warning-100 {
  color: #fbebb3;
}
.text-warning-200 {
  color: #f9de82;
}
.text-warning-300 {
  color: #f6d350;
}
.text-warning-400 {
  color: #f5c82a;
}
.text-warning-500 {
  color: #f4be0e;
}
.text-warning-600 {
  color: #f4b104;
}
.text-warning-700 {
  color: #f49e00;
}
.text-warning-800 {
  color: #f48e00;
}
.text-warning-900 {
  color: #f47000;
}

/* Border Warning Colors */
.border-warning-50 {
  border-color: #fdf8e1;
}
.border-warning-100 {
  border-color: #fbebb3;
}
.border-warning-200 {
  border-color: #f9de82;
}
.border-warning-300 {
  border-color: #f6d350;
}
.border-warning-400 {
  border-color: #f5c82a;
}
.border-warning-500 {
  border-color: #f4be0e;
}
.border-warning-600 {
  border-color: #f4b104;
}
.border-warning-700 {
  border-color: #f49e00;
}
.border-warning-800 {
  border-color: #f48e00;
}
.border-warning-900 {
  border-color: #f47000;
}

/* Background danger Colors */
.bg-danger-50 {
  background-color: #ffedf0;
}
.bg-danger-100 {
  background-color: #ffd2d7;
}
.bg-danger-200 {
  background-color: #f3a2a3;
}
.bg-danger-300 {
  background-color: #ec7f7f;
}
.bg-danger-400 {
  background-color: #f8625e;
}
.bg-danger-500 {
  background-color: #ff5647;
}
.bg-danger-600 {
  background-color: #ef4d45;
}
.bg-danger-700 {
  background-color: #dd433e;
}
.bg-danger-800 {
  background-color: #d03d37;
}
.bg-danger-900 {
  background-color: #c0342c;
}

/* Text danger Colors */
.text-danger-50 {
  color: #ffedf0;
}
.text-danger-100 {
  color: #ffd2d7;
}
.text-danger-200 {
  color: #f3a2a3;
}
.text-danger-300 {
  color: #ec7f7f;
}
.text-danger-400 {
  color: #f8625e;
}
.text-danger-500 {
  color: #ff5647;
}
.text-danger-600 {
  color: #ef4d45;
}
.text-danger-700 {
  color: #dd433e;
}
.text-danger-800 {
  color: #d03d37;
}
.text-danger-900 {
  color: #c0342c;
}

/* Border Danger Colors */
.border-danger-50 {
  border-color: #ffedf0;
}
.border-danger-100 {
  border-color: #ffd2d7;
}
.border-danger-200 {
  border-color: #f3a2a3;
}
.border-danger-300 {
  border-color: #ec7f7f;
}
.border-danger-400 {
  border-color: #f8625e;
}
.border-danger-500 {
  border-color: #ff5647;
}
.border-danger-600 {
  border-color: #ef4d45;
}
.border-danger-700 {
  border-color: #dd433e;
}
.border-danger-800 {
  border-color: #d03d37;
}
.border-danger-900 {
  border-color: #c0342c;
}

body {
  background-color: var(--bs-gray-200);
  font-family: var(--bs-font-roboto) !important;
  margin: 0;
  padding: 0;
  min-width: auto;
}

#content, .ui-widget {
  font-family: var(--bs-font-roboto) !important;
  font:unset;
}

.h1,
h1 {
  font-size: calc(1.25rem + 1.5vw);
}

@media (min-width: 1200px) {
  .h1,
  h1 {
    font-size: 2.125rem;
  }
}

.h2,
h2 {
  font-size: calc(1.2rem + 0.9vw);
}

@media (min-width: 1200px) {
  .h2,
  h2 {
    font-size: 1.75rem;
  }
}

.h3,
h3 {
  font-size: calc(1.175rem + 0.6vw);
}

@media (min-width: 1200px) {
  .h3,
  h3 {
    font-size: 1.625rem;
  }
}

.h4,
h4 {
  font-size: calc(1.15rem + 0.3vw);
}

@media (min-width: 1200px) {
  .h4,
  h4 {
    font-size: 1.375rem;
  }
}

.h1,
h1 {
  font-size: 1.5rem;
}

.h2,
h2 {
  font-size: 1.375rem;
}

.h3,
h3 {
  font-size: 1.25rem;
}

.h4,
h4 {
  font-size: 1.125rem;
}

.h5,
h5 {
  font-size: 1rem;
}

.h6,
h6 {
  font-size: 0.75rem;
}

@media (max-width: 576px) {
  .h6,
  h6 {
    font-size: 0.875rem;
  }
}

.text-caption {
  font-size: 12px;
}

.form-check-input {
  width: 15px;
  height: 15px;
  border-color: var(--secondary-600);
}

.btn-soft-primary {
  --bs-btn-color: var(--primary-500);
  --bs-btn-bg: var(--primary-50);
  --bs-btn-border-color: var(--primary-50);
  --bs-btn-hover-color: var(--primary-500);
  --bs-btn-hover-bg: var(--primary-100);
  --bs-btn-hover-border-color: var(--primary-100);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: var(--primary-500);
  --bs-btn-active-bg: var(--primary-100);
  --bs-btn-active-border-color: var(--primary-100);
  --bs-btn-disabled-color: var(--primary-500);
  --bs-btn-disabled-bg: var(--primary-50);
  --bs-btn-disabled-border-color: var(--primary-50);
}

.btn-soft-secondary {
  --bs-btn-color: var(--secondary-500);
  --bs-btn-bg: var(--secondary-50);
  --bs-btn-border-color: var(--secondary-50);
  --bs-btn-hover-color: var(--secondary-500);
  --bs-btn-hover-bg: var(--secondary-100);
  --bs-btn-hover-border-color: var(--secondary-100);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: var(--secondary-500);
  --bs-btn-active-bg: var(--secondary-100);
  --bs-btn-active-border-color: var(--secondary-100);
  --bs-btn-disabled-color: var(--secondary-500);
  --bs-btn-disabled-bg: var(--secondary-50);
  --bs-btn-disabled-border-color: var(--secondary-50);
}

.callout {
  padding: 4px 8px 4px 4px;
  border: 0 solid var(--bluegrey-500);
  background: var(--secondary-50);
  color: var(--secondary-500);
  border-left-width: 2px;
  border-radius: 0.25rem;
}

/* Modifier classes */
.callout-info {
  border-left-color: var(--info-500);
  background: var(--info-50);
  color: var(--info-900);
}
.callout-warning {
  border-left-color: var(--warning-500);
  background: var(--warning-50);
  color: var(--warning-900);
}
.callout-danger {
  border-left-color: var(--danger-500);
  background: var(--danger-50);
  color: var(--danger-900);
}
.callout-success {
  border-left-color: var(--success-500);
  background: var(--success-50);
  color: var(--success-900);
}

/*-- Start canvas css --*/
.offcanvas-header {
  border-bottom: 1px solid var(--bs-gray-200);
}

.offcanvas.offcanvas-width-90p {
  width: 90%;
}

.offcanvas.offcanvas-width-50p {
  width: 50%;
}

.offcanvas.offcanvas-width-800 {
  width: 800px;
}

.offcanvas.offcanvas-width-650 {
  width: 650px;
}

.offcanvas.offcanvas-width-560 {
  width: 560px;
}

.offcanvas.offcanvas-width-430 {
  width: 430px;
}

.offcanvas.offcanvas-width-350 {
  width: 350px;
}
.offcanvas-zindex {
  z-index: 1061;
}

.offcanvas-backdrop-custom {
  z-index: 1060 !important;
}

.offcanvas-footer {
  border-top: 1px solid var(--bs-gray-200);
}

.send-sms-offcanvas-loader {
  min-height: 180px;
}

.send-sms-offcanvas-content {
  padding: 0;
}

.send-sms-offcanvas-error {
  font-size: 12px;
}
/*-- End canvas css --*/

/*-- Start Table css --*/
.table-grey {
  --bs-table-color: var(--secondary-600);
  --bs-table-bg: var(--bs-grey-50);
  color: var(--secondary-600);
  /* border-color: var(--bs-gray-200); */
}

.table thead tr th {
  height: 36px;
  vertical-align: middle;
  text-transform: uppercase;
  white-space: nowrap;
  font-weight: 500;
  line-height: normal;
  font-size: 12px;
}
.table tbody tr td {
  line-height: normal;
  height: 40px;
  font-size: 14px;
}
.table > :not(caption) > * > * {
  color: var(--secondary-600);
  padding: 4px;
}

.table tbody > tr:last-child td {
  /* border-bottom: 0; */
}

.table thead tr th, .table tbody tr td {
 padding-left: 8px; 
 padding-right: 8px; 
}
/*-- End Table css --*/

.dropdown button {
    color: var(--bs-body-color);
    background-color: transparent;    
}

.dropdown button.btn-soft-primary {
  --bs-btn-color: var(--primary-500);
  --bs-btn-bg: var(--primary-50);
  --bs-btn-border-color: var(--primary-50);
  --bs-btn-hover-color: var(--primary-500);
  --bs-btn-hover-bg: var(--primary-100);
  --bs-btn-hover-border-color: var(--primary-100);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: var(--primary-500);
  --bs-btn-active-bg: var(--primary-100);
  --bs-btn-active-border-color: var(--primary-100);
  --bs-btn-disabled-color: var(--primary-500);
  --bs-btn-disabled-bg: var(--primary-50);
  --bs-btn-disabled-border-color: var(--primary-50);
  background-color: var(--primary-50);
  color: var(--bs-btn-color);
}

.dropdown button.btn-soft-secondary {
  --bs-btn-color: var(--secondary-500);
  --bs-btn-bg: var(--secondary-50);
  --bs-btn-border-color: var(--secondary-50);
  --bs-btn-hover-color: var(--secondary-500);
  --bs-btn-hover-bg: var(--secondary-100);
  --bs-btn-hover-border-color: var(--secondary-100);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: var(--secondary-500);
  --bs-btn-active-bg: var(--secondary-100);
  --bs-btn-active-border-color: var(--secondary-100);
  --bs-btn-disabled-color: var(--secondary-500);
  --bs-btn-disabled-bg: var(--secondary-50);
  --bs-btn-disabled-border-color: var(--secondary-50);
  background-color: var(--secondary-50);
  color: var(--bs-btn-color);
}

/*-- icon-dropdown css --*/
.dropdown-icon.dropdown-menu .dropdown-item {
  display: flex;
  align-items: center;
  gap: 8px;  
  padding-top: 8px;
  padding-bottom: 8px;
  color: var(--secondary-600);
}

.dropdown-icon.dropdown-menu .dropdown-item .material-symbols-outlined {
  font-size: 20px;
}

.dropdown-icon.dropdown-menu .dropdown-item p {
  margin: 0;
}

.dropdown-icon.dropdown-menu .dropdown-item.active, .dropdown-icon.dropdown-menu .dropdown-item:active {
  background-color: var(--primary-50);
  color: var(--primary-500);  
}
/*-- end icon-dropdown css --*/

/*-- Start nav tabs css --*/
.nav-tabs {
  padding-left: 16px;
}

.nav-tabs .nav-link {
  color: var(--secondary-600);
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: var(--primary-500);
}
/*-- End nav tabs css --*/

.popover, .dropdown-menu {
  /* box-shadow: 0 3px 12px 1px rgba(0, 0, 0, 0.15);
  border: 1px solid var(--bluegrey-300); */
  box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;
  border: none;
}

/*-- Start accordion css --*/
.accordion-button:not(.collapsed) {
  background-color: var(--bs-white);
}

.accordion .accordion-item {
  border-radius:var(--bs-accordion-inner-border-radius);
  overflow: hidden;
  border: 1px solid var(--bluegrey-500);
}

.accordion-item .accordion-header .accordion-button {
  padding: 12px 16px;
}

.accordion-item .accordion-header .accordion-button, 
.accordion-item:first-of-type>.accordion-header .accordion-button {
  border-radius: 0;
}
/*-- End accordion css --*/