/* ════════════════════════════════════════════════════════════
   THEME DEFINITIONS — 12 themes
════════════════════════════════════════════════════════════ */
:root {
  /* ----Secondry button color--- */
  --t-btn-secondry-border: #CBD5E1;
  --t-btn-secondry-bg: #ffffff;
  --t-btn-secondry-text: #0F172A;
  --t-btn-secondry-border-hover: #94A3B8;
  --t-btn-secondry-bg-hover: #FAFBFC;

  /* ----Primary button disable--- */
  --t-btn-disable-bg: #CBD5E1;
  --t-btn-disable-text: #94A3B8;

  /* ----Secondry button disable--- */
  --t-btn-secondry-disable-bg: #ffffff;
  --t-btn-secondry-disable-text: #CBD5E1;
  --t-btn-secondry-disable-border: #eef2f6;
}

body[data-theme="indigo"] {
  --t-primary: #4F46E5;
  --t-primary-deep: #312E81;
  --t-primary-text: #4338CA;
  --t-primary-bg: #EEF2FF;
  --t-primary-bg-deep: #E0E7FF;
  --t-primary-border: #C7D2FE;
  --t-primary-pale: #F5F7FF;
  --t-rail-bg: #EEF2FF;
  --t-avatar-from: #A78BFA;
  --t-avatar-to: #7C3AED;
}

body[data-theme="sky"] {
  --t-primary: #0EA5E9;
  --t-primary-deep: #0C4A6E;
  --t-primary-text: #0369A1;
  --t-primary-bg: #E0F2FE;
  --t-primary-bg-deep: #BAE6FD;
  --t-primary-border: #7DD3FC;
  --t-primary-pale: #F0F9FF;
  --t-rail-bg: #E0F2FE;
  --t-avatar-from: #38BDF8;
  --t-avatar-to: #0369A1;
}

body[data-theme="royal"] {
  --t-primary: #3B7FFF;
  --t-primary-deep: #1E3A8A;
  --t-primary-text: #1D4ED8;
  --t-primary-bg: #DBEAFE;
  --t-primary-bg-deep: #BFDBFE;
  --t-primary-border: #93C5FD;
  --t-primary-pale: #EFF6FF;
  --t-rail-bg: #DBEAFE;
  --t-avatar-from: #60A5FA;
  --t-avatar-to: #1D4ED8;
}

body[data-theme="teal"] {
  --t-primary: #0D9488;
  --t-primary-deep: #134E4A;
  --t-primary-text: #0F766E;
  --t-primary-bg: #CCFBF1;
  --t-primary-bg-deep: #99F6E4;
  --t-primary-border: #5EEAD4;
  --t-primary-pale: #F0FDFA;
  --t-rail-bg: #CCFBF1;
  --t-avatar-from: #5EEAD4;
  --t-avatar-to: #0F766E;
}

body[data-theme="forest"] {
  --t-primary: #15803D;
  --t-primary-deep: #14532D;
  --t-primary-text: #166534;
  --t-primary-bg: #DCFCE7;
  --t-primary-bg-deep: #BBF7D0;
  --t-primary-border: #86EFAC;
  --t-primary-pale: #F0FDF4;
  --t-rail-bg: #DCFCE7;
  --t-avatar-from: #86EFAC;
  --t-avatar-to: #15803D;
}

body[data-theme="lime"] {
  --t-primary: #65A30D;
  --t-primary-deep: #365314;
  --t-primary-text: #4D7C0F;
  --t-primary-bg: #ECFCCB;
  --t-primary-bg-deep: #D9F99D;
  --t-primary-border: #BEF264;
  --t-primary-pale: #F7FEE7;
  --t-rail-bg: #ECFCCB;
  --t-avatar-from: #A3E635;
  --t-avatar-to: #4D7C0F;
}

body[data-theme="violet"] {
  --t-primary: #8B5CF6;
  --t-primary-deep: #4C1D95;
  --t-primary-text: #6D28D9;
  --t-primary-bg: #EDE9FE;
  --t-primary-bg-deep: #DDD6FE;
  --t-primary-border: #C4B5FD;
  --t-primary-pale: #F5F3FF;
  --t-rail-bg: #EDE9FE;
  --t-avatar-from: #A78BFA;
  --t-avatar-to: #6D28D9;
}

body[data-theme="purple"] {
  --t-primary: #A855F7;
  --t-primary-deep: #581C87;
  --t-primary-text: #7E22CE;
  --t-primary-bg: #F3E8FF;
  --t-primary-bg-deep: #E9D5FF;
  --t-primary-border: #D8B4FE;
  --t-primary-pale: #FAF5FF;
  --t-rail-bg: #F3E8FF;
  --t-avatar-from: #C084FC;
  --t-avatar-to: #7E22CE;
}

body[data-theme="fuchsia"] {
  --t-primary: #D946EF;
  --t-primary-deep: #86198F;
  --t-primary-text: #A21CAF;
  --t-primary-bg: #FAE8FF;
  --t-primary-bg-deep: #F5D0FE;
  --t-primary-border: #F0ABFC;
  --t-primary-pale: #FDF4FF;
  --t-rail-bg: #FAE8FF;
  --t-avatar-from: #E879F9;
  --t-avatar-to: #A21CAF;
}

body[data-theme="pink"] {
  --t-primary: #EC4899;
  --t-primary-deep: #831843;
  --t-primary-text: #BE185D;
  --t-primary-bg: #FCE7F3;
  --t-primary-bg-deep: #FBCFE8;
  --t-primary-border: #F9A8D4;
  --t-primary-pale: #FDF2F8;
  --t-rail-bg: #FCE7F3;
  --t-avatar-from: #F472B6;
  --t-avatar-to: #BE185D;
}

body[data-theme="rose"] {
  --t-primary: #F43F5E;
  --t-primary-deep: #881337;
  --t-primary-text: #BE123C;
  --t-primary-bg: #FFE4E6;
  --t-primary-bg-deep: #FECDD3;
  --t-primary-border: #FDA4AF;
  --t-primary-pale: #FFF1F2;
  --t-rail-bg: #FFE4E6;
  --t-avatar-from: #FB7185;
  --t-avatar-to: #BE123C;
}

body[data-theme="navy"] {
  --t-primary: #1E2D4D;
  --t-primary-deep: #0F1F3D;
  --t-primary-text: #1E2D4D;
  --t-primary-bg: #EFF1F7;
  --t-primary-bg-deep: #DDE2EF;
  --t-primary-border: #B6BFD4;
  --t-primary-pale: #F7F9FD;
  --t-rail-bg: #EFF1F7;
  --t-avatar-from: #64748B;
  --t-avatar-to: #1E2D4D;
}



body[data-theme="slate"] {
  --t-primary: #475569;
  --t-primary-deep: #1E293B;
  --t-primary-text: #334155;
  --t-primary-bg: #F1F5F9;
  --t-primary-bg-deep: #E2E8F0;
  --t-primary-border: #CBD5E1;
  --t-primary-pale: #F8FAFC;
  --t-rail-bg: #F1F5F9;
  --t-avatar-from: #94A3B8;
  --t-avatar-to: #334155;
}

/* Default = indigo */
body {
  --t-primary: #4F46E5;
  --t-primary-deep: #312E81;
  --t-primary-text: #4338CA;
  --t-primary-bg: #EEF2FF;
  --t-primary-bg-deep: #E0E7FF;
  --t-primary-border: #C7D2FE;
  --t-primary-pale: #F5F7FF;
  --t-rail-bg: #EEF2FF;
  --t-avatar-from: #A78BFA;
  --t-avatar-to: #7C3AED;
}
/* a:hover {
  color: var(--t-primary) !important;
  text-decoration: underline !important;
} */

.m-accordion .m-accordion__item--primary,
.m-accordion.m-accordion--bordered .m-accordion__item,
.m-accordion.m-accordion--default .m-accordion__item {
  border: 1px solid #ebedf2 !important;
}

@media (min-width: 993px) {

  .m-header-menu.m-header-menu--skin-light .m-menu__nav>.m-menu__item:hover>.m-menu__link .m-menu__link-text,
  .m-header-menu.m-header-menu--skin-light .m-menu__nav>.m-menu__item.m-menu__item--hover>.m-menu__link .m-menu__link-text {
    color: var(--t-primary);
  }

  /*--header icon color--*/
  .m-header-menu.m-header-menu--skin-light .m-menu__nav>.m-menu__item>.m-menu__link .m-menu__link-text,
  .m-header-menu.m-header-menu--skin-light .m-menu__nav>.m-menu__item>.m-menu__link .m-menu__link-text .svg-icon svg [fill]:not(.permanent):not(g) {
    /* fill: #676c7b !important; */
    fill: var(--t-primary) !important;
    color: var(--t-primary) !important;
  }

  /*--header hover icon color--*/
  .m-header-menu.m-header-menu--skin-light .m-menu__nav>.m-menu__item:hover:not(.disabled):not(.active) .m-menu__link-text .svg-icon svg [fill]:not(.permanent):not(g),
  .menu-state-icon-primary .menu-item.hover>.m-menu__link-text:not(.disabled):not(.active) .m-menu__link-text .svg-icon svg [fill]:not(.permanent):not(g) {
    transition: fill 0.3s ease;
    fill: var(--t-primary) !important;
    color: var(--t-primary) !important;
  }

  /*--header menu open arrow--*/
  .m-header-menu.m-header-menu--skin-light .m-menu__nav>.m-menu__item:hover>.m-menu__link>.m-menu__hor-arrow,
  .m-header-menu.m-header-menu--skin-light .m-menu__nav>.m-menu__item.m-menu__item--hover>.m-menu__link>.m-menu__hor-arrow {
    color: var(--t-primary) !important;
  }

  /*-- subheader  link color--*/
  /*--User header top right icon of menu css start here--*/
  .m-nav .m-nav__item>.m-nav__link .m-nav__link-icon.svg-icon svg [fill]:not(.permanent):not(g) {
    fill: #a1a5b7 !important;
  }

  /*--User header top right hover icon of menu css start here--*/
  .m-nav .m-nav__item:hover:not(.m-nav__item--disabled)>.m-nav__link .m-nav__link-icon.svg-icon svg [fill]:not(.permanent):not(g) {
    fill: var(--t-primary) !important;
  }

  .m-header-menu.m-header-menu--submenu-skin-light .m-menu__nav>.m-menu__item .m-menu__submenu>.m-menu__subnav .m-menu__content .m-menu__inner>.m-menu__item:hover>.m-menu__link .m-menu__link-text,
  .m-header-menu.m-header-menu--submenu-skin-light .m-menu__nav>.m-menu__item .m-menu__submenu>.m-menu__subnav .m-menu__content .m-menu__inner>.m-menu__item.m-menu__item--hover>.m-menu__link .m-menu__link-text {
    color: var(--t-primary) !important;
  }

  .m-subheader .m-subheader__breadcrumbs.m-nav>.m-nav__item>.m-nav__link:hover>.m-nav__link-text {
    color: var(--t-primary) !important;
  }

  /*-- subheader  link hover color End--*/

  .m-aside-left--minimize .m-aside-menu.m-aside-menu--submenu-skin-light .m-menu__nav .m-menu__item:not([data-menu-submenu-mode="accordion"]).m-menu__item--hover>.m-menu__submenu .m-menu__subnav .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover>.m-menu__heading .m-menu__link-text,
  .m-aside-left--minimize .m-aside-menu.m-aside-menu--submenu-skin-light .m-menu__nav .m-menu__item:not([data-menu-submenu-mode="accordion"]).m-menu__item--hover>.m-menu__submenu .m-menu__subnav .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover>.m-menu__link .m-menu__link-text,
  .m-aside-menu.m-aside-menu--dropdown.m-aside-menu--submenu-skin-light .m-menu__nav .m-menu__item:not([data-menu-submenu-mode="accordion"]).m-menu__item--hover>.m-menu__submenu .m-menu__subnav .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover>.m-menu__heading .m-menu__link-text,
  .m-aside-menu.m-aside-menu--dropdown.m-aside-menu--submenu-skin-light .m-menu__nav .m-menu__item:not([data-menu-submenu-mode="accordion"]).m-menu__item--hover>.m-menu__submenu .m-menu__subnav .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover>.m-menu__link .m-menu__link-text {
    color: var(--t-primary);
  }

  .m-header-menu.m-header-menu--submenu-skin-light .m-menu__nav>.m-menu__item .m-menu__submenu>.m-menu__subnav>.m-menu__item:hover>.m-menu__link .m-menu__link-text,
  .m-header-menu.m-header-menu--submenu-skin-light .m-menu__nav>.m-menu__item .m-menu__submenu>.m-menu__subnav>.m-menu__item.m-menu__item--hover>.m-menu__link .m-menu__link-text {
    color: var(--t-primary);
  }

  .m-aside-left--minimize .m-aside-menu.m-aside-menu--submenu-skin-light .m-menu__nav .m-menu__item:not([data-menu-submenu-mode="accordion"]).m-menu__item--hover>.m-menu__submenu .m-menu__subnav .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover>.m-menu__heading .m-menu__link-bullet.m-menu__link-bullet--dot>span,
  .m-aside-left--minimize .m-aside-menu.m-aside-menu--submenu-skin-light .m-menu__nav .m-menu__item:not([data-menu-submenu-mode="accordion"]).m-menu__item--hover>.m-menu__submenu .m-menu__subnav .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover>.m-menu__link .m-menu__link-bullet.m-menu__link-bullet--dot>span,
  .m-aside-menu.m-aside-menu--dropdown.m-aside-menu--submenu-skin-light .m-menu__nav .m-menu__item:not([data-menu-submenu-mode="accordion"]).m-menu__item--hover>.m-menu__submenu .m-menu__subnav .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover>.m-menu__heading .m-menu__link-bullet.m-menu__link-bullet--dot>span,
  .m-aside-menu.m-aside-menu--dropdown.m-aside-menu--submenu-skin-light .m-menu__nav .m-menu__item:not([data-menu-submenu-mode="accordion"]).m-menu__item--hover>.m-menu__submenu .m-menu__subnav .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover>.m-menu__link .m-menu__link-bullet.m-menu__link-bullet--dot>span {
    background-color: var(--t-primary);
  }
}

/*--m-menu icon--*/
/* .m-menu__link i{
    color: var(--t-primary) !important;
} */
/* .m-menu__link svg {
    fill: var(--t-primary) !important;
} */

/* .m-menu__link.active {
    background-color: var(--t-primary);
} */
/*--theme 4 --*/
.m-menu__link.active .svg-icon>svg {
  fill: #fff !important;
}

/* .m-menu__link.active i {
    color: #ffffff !important;
} */
/*--Left side active and hover backgorund color--*/
.m-menu__link.m-menu__toggle .btn:not([disabled]):not(.disabled):active,
.m-menu__link.m-menu__toggle .btn:not([disabled]):not(.disabled).active {
  background-color: var(--t-primary) !important;
  /* border-radius: 0 !important; */
}

.m-menu__link.m-menu__toggle .btn:hover,
.m-menu__link.m-menu__toggle .btn.active,
.m-menu__link.m-menu__toggle .btn:focus {
  background-color: var(--t-primary) !important;
  /* border-radius: 0 !important; */
}

/*--Left side active and hover backgorund color End--*/
/* .m-aside-menu.m-aside-menu--skin-light .m-menu__nav>.m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover>.m-menu__heading, .m-aside-menu.m-aside-menu--skin-light .m-menu__nav>.m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover>.m-menu__link {
    background-color: var(--t-primary) !important;
}

.m-aside-menu.m-aside-menu--skin-light .m-menu__nav>.m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover>.m-menu__heading, .m-aside-menu.m-aside-menu--skin-light .m-menu__nav>.m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover>.m-menu__link i {
    color: #ffffff !important;
} */

/*--Dialog CSS Start --*/

/*------------------------------------------------
        Sesson Time Out Modal Popup Design
----------------------------------------------------*/

.ui-dialog.ui-widget .ui-dialog-titlebar {
  /* background: #f3f4f7 !important; */
  background: var(--bgColor) !important;
  border-bottom: 1px solid var(--border) !important;
}

.ui-dialog.ui-widget .ui-dialog-titlebar .ui-dialog-title {
  color: var(--text-primary) !important;
}

.m-widget5 .m-widget5__item .m-widget5__title {
  color: #333439;
}

.popover-header {
  background-color: var(--t-primary-bg);
  border: 1px solid var(--border);
}

/*--Button CSS STart here--*/

.text-primary {
  color: var(--t-primary);
}

.text-help {
  color: #34bfa3 !important;
}

.bg-primary {
  background-color: var(--t-primary) !important;
}

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

.btn-primary.focus,
.btn-primary:focus {
  box-shadow: none !important;
}

.btn.m-btn--hover-primary:hover,
.btn.m-btn--hover-primary.active,
.btn.m-btn--hover-primary:active,
.btn.m-btn--hover-primary:focus,
.show>.btn.m-btn--hover-primary.dropdown-toggle {
  border-color: var(--t-primary-deep) !important;
  color: #ffffff !important;
  background-color: var(--t-primary-deep) !important;
  text-decoration: none !important;
}

/* .btn.btn-primary.active,
.btn.btn-primary.focus,
.btn.btn-primary:focus {
  border-color: var(--t-primary-deep) !important;
  color: #ffffff !important;
  background-color: var(--t-primary-deep) !important;
  text-decoration: none !important;
} */
.btn.btn-primary:hover:not(:disabled) {}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
  /* box-shadow: 0 0 0 0.2rem var(--t-primary) !important; */
  box-shadow: none !important;

}

.btn-pista {
  color: #ffffff !important;
  /* background-color: #c2dab0;
    border-color: #c2dab0;    #4D8076; #926D00; */
  background-color: #4d8076;
  border-color: #4d8076;
}

.btn-pista:hover {
  color: #fff;
  /* background-color: #aec49e;
    border-color: #aec49e; */
  background-color: #4d8076;
  border-color: #4d8076;
}

.btn-pista.focus,
.btn-pista:focus {
  /* box-shadow: 0 0 0 0.2rem rgba(144, 168, 127, 0.5) !important; */
  /* box-shadow: 0 0 0 0.2rem rgba(77, 128, 118, 0.5) !important; */
  box-shadow: none !important;
}

.text-pista1 {
  color: #4d8076;
}

.btn.m-btn--hover-pista:hover,
.btn.m-btn--hover-pista.active,
.btn.m-btn--hover-pista:active,
.btn.m-btn--hover-pista:focus,
.show>.btn.m-btn--hover-pista.dropdown-toggle {
  border-color: #4d8076 !important;
  color: #ffffff !important;
  background-color: #4d8076 !important;
}

.btn.m-btn--hover-pista:hover i,
.btn.m-btn--hover-pista.active i,
.btn.m-btn--hover-pista:active i,
.btn.m-btn--hover-pista:focus i,
.show>.btn.m-btn--hover-pista.dropdown-toggle i {
  color: #ffffff !important;
}

.btn-pista.disabled,
.btn-pista:disabled {
  /* background-color: #aec49e;
    border-color: #aec49e; */
  background-color: #65a397;
  border-color: #65a397;
}

.btn-pista:not([disabled]):not(.disabled):active,
.btn-pista:not([disabled]):not(.disabled).active,
.show>.btn-pista.dropdown-toggle {
  color: #fff;
  /* background-color: #aec49e;
    border-color: #aec49e; */
  background-color: #4d8076;
  border-color: #4d8076;
}

.btn-pista:not([disabled]):not(.disabled):active:focus,
.btn-pista:not([disabled]):not(.disabled).active:focus,
.show>.btn-pista.dropdown-toggle:focus {
  /* box-shadow: 0 0 0 0.2rem rgba(144, 168, 127, 0.5) !important; */
  box-shadow: 0 0 0 0.2rem rgba(77, 128, 118, 0.5) !important;
}

.btn.btn-secondary {
  background: var(--surface);
  border-color: var(--border);
  color: var(--text-primary);
}

.btn.btn-secondary:hover:not(:disabled),
.btn.btn-secondary.active,
.btn.btn-secondary:active,
.btn.btn-secondary:focus,
.show>.btn.btn-secondary.dropdown-toggle {
  border-color: var(--t-primary-border);
  background-color: var(--t-primary-pale);
  color: var(--text-primary);
  text-decoration: none;
}

.btn-secondary.focus,
.btn-secondary:focus {
  /* box-shadow: 0 0 0 0.2rem rgba(192, 192, 192, 0.7) !important; */
  box-shadow: none !important;
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
  /* box-shadow: 0 0 0 0.2rem rgba(192, 192, 192, 0.7) !important; */
  box-shadow: none !important;
}
.btn-secondary.disabled:hover,.btn-secondary:disabled,.btn-secondary.ng-select-disabled {
  background: var(--t-btn-disable-bg) !important;
  color: var(--t-btn-disable-text) !important;
  border: 1px solid var(--border) !important;
  border-color: var(--t-btn-disable-bg) !important;
  opacity: 1 !important;
  filter: none !important;
  /* padding: 6px 14px; */
  cursor: not-allowed !important;
  /* pointer-events: none !important; */
}


/*--Tab CSS Start--*/

.pm-tabs {
  background-color: rgba(159, 174, 255, 0.25);
  border-bottom: 2px solid #7d8ce6;
}

.pm-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  background-color: #ffffff;
  border: 2px solid #7d8ce6;
  color: var(--t-primary);
}

/*--wizard pm-tabs--*/

.pm-wizard-outline>ul>li.active {
  background-color: var(--t-primary);
}

/*--file upload css start here--*/

/*--Multiselect CSS start--*/

.ui-multiselect-panel .ui-multiselect-close {
  color: var(--t-primary) !important;
  font-size: 0.8571rem !important;
}

.ui-multiselect-panel .ui-multiselect-header .ui-multiselect-filter-container .ui-multiselect-filter-icon {
  color: var(--t-primary) !important;
  background-color: #ffffff !important;
}

.ui-multiselect-panel .ui-multiselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover {
  border-color: #cfd4e1;
  background-color: #cfd4e1;
}

.ui-multiselect-header {
  border-bottom: 1px solid #bbc2d4 !important;
}

.ui-button-secondary {
  border: 1px solid var(--t-primary) !important;
  color: #ffffff !important;
  background: var(--t-primary) !important;
}

.ui-fileupload-choose,
.ui-button.ui-button-icon-only {
  background-color: var(--t-primary) !important;
  color: #ffffff;
  border-color: var(--t-primary) !important;
}

.filebrowserselectfolder {
  background: #ffffff !important;
}

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

.customdragfile>.ui-fileupload-buttonbar>.ui-button {
  background: #f1f2f3 !important;
  border-color: #d3d5d9 !important;
  color: #000 !important;
}

.customdragfile>.ui-fileupload-buttonbar>.ui-button>.ui-button-text {
  color: #000 !important;
}

.customdragfile>.ui-fileupload-content {
  border: dashed #d5d5d5 1px !important;
}

.ui-fileupload-row .ui-button.ui-button-icon-only {
  background-color: #fff !important;
  color: var(--t-primary) !important;
}

.dts-select-container:not(.dts-custom) .dts-select-item.selected {
  background-color: #eaedff !important;
  border: 1px solid var(--t-primary) !important;
}

/*--file upload css end here--*/

/*Date Range Dropdown active class change as per instruction by Tejal Joshi*/

.dropdown-menu>.DateRange-dropdown-item>a.active,
.dropdown-menu>.DateRange-dropdown-item.active {
  background-color: var(--t-primary-border) !important;
  color: #ffffff !important;
}

.dropdown-menu>.dropdown-item>a.active,
.dropdown-menu>.dropdown-item.active {
  background-color: var(--t-primary-border) !important;
  color: #ffffff !important;
}

.dropdown-divider {
  border-top: 1px solid #e9ecef;
}

.ui-state-highlight {
  border-color: var(--t-primary-border) !important;
  background-color: var(--t-primary) !important;
  color: #ffffff !important;
}

.toggle-arrow_collapse>div[aria-expanded]:before {
  color: var(--t-primary);
}

.toggle-arrow_collapse>div[aria-expanded="true"]:before {
  color: var(--t-primary);
}

/*--Date Picker CSS Start here--*/

.ui-datepicker.ui-widget .ui-datepicker-calendar td a.ui-state-active {
  background-color: var(--t-primary) !important;
  color: #ffffff !important;
}

ui-dialog.ui-widget .ui-dialog-titlebar {
  background: var(--t-primary) !important;
}

.ui-dialog-footer {
  border-top: 1px solid #e9ecef !important;
}

.m-nav .m-nav__item:hover:not(.m-nav__item--disabled)>.m-nav__link .m-nav__link-icon,
.m-nav .m-nav__item:hover:not(.m-nav__item--disabled)>.m-nav__link .m-nav__link-text,
.m-nav .m-nav__item:hover:not(.m-nav__item--disabled)>.m-nav__link .m-nav__link-arrow,
.m-nav .m-nav__item.m-nav__item--active>.m-nav__link .m-nav__link-icon,
.m-nav .m-nav__item.m-nav__item--active>.m-nav__link .m-nav__link-text,
.m-nav .m-nav__item.m-nav__item--active>.m-nav__link .m-nav__link-arrow {
  color: var(--t-primary) !important;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>.dropdown-item:hover {
  background-color: #f4f5f8 !important;
  color: #000 !important;
  text-decoration: none !important;
}

.dropDownMenu>ul>li:hover,
.dropDownMenu>ul>li:focus {
  background-color: #f4f5f8 !important;
  color: #000 !important;
  text-decoration: none !important;
}

.dropDownMenu>ul>li:hover a,
.dropDownMenu>ul>li:focus a {
  color: #000 !important;
  text-decoration: none !important;
  display: block !important;
}

/*--FAx Dropdown-*/

.dropdown>.dropdown-menu>span>a:hover {
  background-color: #f4f5f8 !important;
  color: #000 !important;
  text-decoration: none !important;
}

.dropdown>.dropdown-menu>span>a.active {
  background-color: var(--t-primary-border) !important;
  color: white !important;
  text-decoration: none !important;
}

/*--FAx Dropdown-*/

.dropDownMenu>ul>li.active {
  background-color: var(--t-primary-border) !important;
  color: white !important;
  text-decoration: none !important;
}

.dropDownMenu>ul>li.active>a {
  color: #fff !important;
}

.dropDownMenuMobile>ul>li:hover,
.dropDownMenuMobile>ul>li:focus {
  background-color: #f4f5f8 !important;
  color: #000 !important;
  text-decoration: none !important;
}

.dropDownMenuMobile>ul>li.active {
  background-color: var(--t-primary-border) !important;
  color: white !important;
  text-decoration: none !important;
}

.dropDownMenuMobile>ul>li.active>a {
  color: #fff !important;
}

.dropdown>.dropdown-menu>.dropdown-item>a.active {
  background-color: var(--t-primary-border) !important;
  color: white !important;
  text-decoration: none !important;
}

.dropdown>.dropdown-menu>.dropdown-item.dropdown-item:focus,
.dropdown>.dropdown-menu>dropdown-item.dropdown-item:hover {
  background-color: var(--t-primary-deep) !important;
  color: var(--surface) !important;
  text-decoration: none !important;
}

.dropdown-item:focus,
.dropdown-item:hover {
  background-color: var(--t-primary-deep) !important;
  color: var(--surface) !important;
  text-decoration: none !important;
}

.dropdown>.dropdown-menu>dropdown-item>a:hover {
  background-color: var(--t-primary-bg) !important;
  color: var(--surface) !important;
  text-decoration: none !important;
}

.dropdown-menu>li>a.active,
.dropdown-menu>.dropdown-item.active {
  background: var(--t-primary) !important;
  color: var(--surface) !important;
  text-decoration: none;
}

.ui-togglebutton.ui-button.ui-state-active,
.ui-selectbutton .ui-button.ui-state-active {
  background: var(--t-primary) !important;
  border: var(--t-primary) !important;
  color: var(--surface) !important;
}

/* .EditClaim_InsuranceNextPreviouis {
  background-color: var(--t-primary) !important;
} */

.EditClaim_InsuranceNextPreviouis a {
  color: var(--t-primary) !important;
  display: block;
}

.EditClaim_InsuranceNextPreviouis:hover {
  background-color: var(--t-primary);
}

/* .EditClaim_InsuranceNextPreviouis:hover a {
    color: #ffffff !important;
    display: block;
} */
/*-Added falguni, SPRINT 1.0.48.0 - double shaded icon-*/
.EditClaim_InsuranceNextPreviouis:hover a .svg-icon svg [fill]:not(.permanent):not(g) {
  fill: #fff !important;
  display: block;
}

/*--Sliding Menu css start created by falguni panchal 20181025 | 2:17PM--*/

.ui-menu .ui-menuitem>.ui-menuitem-link:hover,
.ui-menubar .ui-menuitem>.ui-menuitem-link:hover,
.ui-slidemenu .ui-menuitem>.ui-menuitem-link:hover,
.ui-contextmenu .ui-menuitem>.ui-menuitem-link:hover,
.ui-megamenu .ui-menuitem>.ui-menuitem-link:hover {
  /* background-color: #fdfaeb !important; color final*/
  /* background-color: #f4f1ff !important; //color1 */
  /* background-color: #fff8dd !important;  color 2 */
  /* background-color: #f5f8fa !important; color 3*/
  /* background-color: #ebe8ff  !important; */
  background-color: #d7e8f5 !important;
  /* background-color: #f1faff !important; */
  color: var(--t-primary) !important;
  text-decoration: none !important;
  /* outline: 1 !important; */
}

/*--Right Click & Sliding MEnu CSS Start--*/

.ui-menu .ui-menuitem.ui-menuitem-active>.ui-menuitem-link,
.ui-menubar .ui-menuitem.ui-menuitem-active>.ui-menuitem-link,
.ui-tieredmenu .ui-menuitem.ui-menuitem-active>.ui-menuitem-link,
.ui-slidemenu .ui-menuitem.ui-menuitem-active>.ui-menuitem-link,
.ui-contextmenu .ui-menuitem.ui-menuitem-active>.ui-menuitem-link,
.ui-megamenu .ui-menuitem.ui-menuitem-active>.ui-menuitem-link {
  /* background-color: #fdfaeb !important; color final */
  /* background-color: #f4f1ff !important;  color1*/
  /* background-color: #fff8dd !important; color 2*/
  /* background-color: #f5f8fa !important; COLOR 3 */
  /* background-color: #ebe8ff  !important; */
  background-color: #d7e8f5 !important;
  /* background-color: #f1faff !important; */
  color: var(--t-primary) !important;
}

.m-header-menu.m-header-menu--submenu-skin-light .m-menu__nav>.m-menu__item .m-menu__submenu>.m-menu__subnav .m-menu__content .m-menu__inner>.m-menu__item:hover>.m-menu__link,
.m-header-menu.m-header-menu--submenu-skin-light .m-menu__nav>.m-menu__item .m-menu__submenu>.m-menu__subnav .m-menu__content .m-menu__inner>.m-menu__item.m-menu__item--hover>.m-menu__link {
  background-color: #d7e8f5 !important;
}

u__nav>.m-menu__item .m-menu__submenu>.m-menu__subnav>.m-menu__item:hover>.m-menu__link,
.m-header-menu.m-header-menu--submenu-skin-light .m-menu__nav>.m-menu__item .m-menu__submenu>.m-menu__subnav>.m-menu__item.m-menu__item--hover>.m-menu__link {
  background-color: #d7e8f5 !important;
}

.m-aside-menu.m-aside-menu--skin-light .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover>.m-menu__heading,
.m-aside-menu.m-aside-menu--skin-light .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover>.m-menu__link {
  background-color: #d7e8f5 !important;
  color: var(--t-primary) !important;
}

.m-header-menu.m-header-menu--submenu-skin-light .m-menu__nav>.m-menu__item .m-menu__submenu>.m-menu__subnav>.m-menu__item:hover>.m-menu__link,
.m-header-menu.m-header-menu--submenu-skin-light .m-menu__nav>.m-menu__item .m-menu__submenu>.m-menu__subnav>.m-menu__item.m-menu__item--hover>.m-menu__link {
  background-color: #d7e8f5 !important;
  color: var(--t-primary) !important;
}

/*--Sliding Menu css start created by falguni panchal 20181025 | 2:17PM End--*/

.ui-button-icon-only .fa {
  color: var(--t-primary);
}

/*--User Setting Switch CSs Start--*/

/* 
.m-switch input:checked~span:after {
    background-color: var(--t-primary);
    color: #fff;
    -webkit-box-shadow: 0 3px 20px 0 rgba(56, 74, 215, 0.41);
    -moz-box-shadow: 0 3px 20px 0 rgba(56, 74, 215, 0.41);
    box-shadow: 0 3px 20px 0 rgba(56, 74, 215, 0.41);
}

.m-switch input:checked~span:before {
    background-color: #bcc2f5;
} */

.m-switch.m-switch--outline.m-switch--success input:empty~span:before {
  border: 2px solid var(--t-primary);
  background-color: var(--t-primary);
}

/*--Created by Falguni for sprint 1.0.12.0 Pagination | 20181001 11:02 AM Diganosis Master CSs Start here--*/

.m-datatable>.m-datatable__pager>.m-datatable__pager-nav>li>.m-datatable__pager-link.m-datatable__pager-link--active {
  background: var(--t-primary);
  color: #fff;
}

.m-datatable>.m-datatable__pager>.m-datatable__pager-nav>li>.m-datatable__pager-link:hover {
  background: var(--t-primary);
  color: #fff;
}

.m-datatable>.m-datatable__pager>.m-datatable__pager-nav>li>.m-datatable__pager-link.m-datatable__pager-link--first:hover,
.m-datatable>.m-datatable__pager>.m-datatable__pager-nav>li>.m-datatable__pager-link.m-datatable__pager-link--prev:hover,
.m-datatable>.m-datatable__pager>.m-datatable__pager-nav>li>.m-datatable__pager-link.m-datatable__pager-link--next:hover,
.m-datatable>.m-datatable__pager>.m-datatable__pager-nav>li>.m-datatable__pager-link.m-datatable__pager-link--last:hover {
  background: var(--t-primary);
  color: #fff;
}

/*--Add this class for demographics submenu icon bg color for demographic Screen--*/

.demographic_Icon-bar a:hover {
  box-shadow:
    inset 1px 0 0 #c0c3ca,
    inset -1px 0 0 #c0c3ca,
    0 -1px 2px 0 rgba(0, 0, 0, 0.3),
    0 1px 2px 1px rgba(0, 0, 0, 0.3);
}

.demographic_Icon-bar a.active {
  background-color: var(--t-primary);
  color: #ffffff !important;
  text-decoration: none;
}

/*--Add this class for demographics submenu icon bg color for demographic Screen--*/

/*--Tree Selected font color css start here--*/

.ui-tree .ui-treenode-label.ui-state-hover,
.ui-tree .ui-treenode-label.ui-state-highlight {
  color: var(--t-primary) !important;
  background-color: transparent !important;
}

.ui-tree .ui-treenode.active {
  background-color: #eaedff !important;
  border: var(--t-primary) 1px solid !important;
}

/*--Tree Selected font color css end here--*/

/*--Added by Falguni - 20181220 | 07:00 PM for Access Right Screen CSS Start here--*/

.btn.btn-outline-primary {
  color: var(--t-primary) !important;
  border-color: var(--t-primary) !important;
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show>.btn-outline-primary.dropdown-toggle {
  color: #ffffff !important;
  background-color: var(--t-primary);
  border-color: var(--t-primary);
}

.btn-outline-primary:hover {
  color: #ffffff !important;
  background-color: var(--t-primary);
  border-color: var(--t-primary);
}

/*--Added by Falguni - 20181220 | 07:00 PM for Access Right Screen CSS Start here--*/

/*--Quick Side bar for wcag compliance validation change below colors for MEssages addec by Falguni Panchal |20190105 02:18PM--*/

.m-messenger .m-messenger__messages .m-messenger__message.m-messenger__message--out .m-messenger__message-content {
  border: 2px solid var(--t-primary);
  background: #ffffff;
}

.m-messenger.m-messenger.m-messenger--message-arrow .m-messenger__message.m-messenger__message--out .m-messenger__message-arrow {
  color: var(--t-primary);
}

.m-messenger .m-messenger__messages .m-messenger__message.m-messenger__message--in .m-messenger__message-content {
  border: 2px solid #cecece;
  background: #ffffff;
}

.m-messenger.m-messenger.m-messenger--message-arrow .m-messenger__message.m-messenger__message--in .m-messenger__message-arrow {
  color: #cecece;
}

/*--Quick Side bar for wcag compliance validation change below colors for MEssages addec by Falguni Panchal |20190105 02:18PM End--*/

/*--Added by Primeng Tab CSS As per dicuss with tejal sir and DS |20190116 | 02:56 PM Try Tab CSS PRIMENG--*/

.ui-tabview .ui-tabview-nav li.ui-tabview-selected a,
.ui-tabview .ui-tabview-nav li.ui-state-processing a {
  color: var(--t-primary) !important;
  border-bottom: 1px solid var(--t-primary) !important;
}

.ui-tabview .ui-tabview-nav li.ui-state-disabled a {
  cursor: not-allowed !important;
}

.ui-tabview .ui-tabview-nav>li:not(.ui-state-active):not(.ui-state-disabled):hover {
  color: var(--t-primary) !important;
  border-bottom: 1px solid var(--t-primary) !important;
}

.ui-tabview .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover a {
  color: var(--t-primary) !important;
}

/*--Added by Primeng Tab CSS As per dicuss with tejal sir and DS |20190116 | 02:56 PM Try Tab CSS PRIMENG--*/

/*--Table all grid active class added by falguni panchal |20190207 02:52 PM--*/

.table {
  background-color: transparent;
}

.table tbody tr.active {
  /*--Changed css because of when i give border its dancing in grid so i am added box shado SPRINT 1.0.41.0 11TH AUGUST 2021--*/
  background-color: var(--t-primary-light);
  cursor: pointer;
  box-shadow:
    inset 1px 0 0 var(--t-primary),
    inset -1px 0 0 var(--t-primary),
    0 -1px 0px 0 var(--t-primary),
    0 0px 0px 1px var(--t-primary);
  /* z-index: 1; */
  cursor: pointer;
  position: relative;
  /*--Changed css because of when i give border its dancing in grid so i am added box shado SPRINT 1.0.41.0 11TH AUGUST 2021 end--*/
  /* background-color: #eaedff;
    cursor: pointer; */
  /*--Change this style because of Active class right border not display in box-shadow css so need to Add border style Added by Falguni Panchal | 03rd June 2019 | 02:27 AM--*/
  /* border: var(--t-primary) 1px solid;
    box-shadow: inset 2px 1px 0px 0px transparent, 0px 1px 0px 0px transparent; */
  /*--Change this style because of Active class right border not display in box-shadow css so need to Add border style Added by Falguni Panchal | 03rd June 2019 | 02:27 AM--*/
}

/*--Table all grid active class added by falguni panchal |20190207 02:52 PM End here--*/

.table-scroller td {
  border: 1px solid var(--border);
}

.table-sticky-Fcol,
.table-sticky-Lcol {
  background-color: var(--bg-color);
  color: var(--text-primary);
}


.table-scroller th {
  border-bottom: 2px solid var(--t-primary);
  border-top: 1px solid var(--border);
  border-left: 1px solid var(--border);
  border-right: 1px solid var(--border);
}

/* .table-fixed td {
    border-left: 1px solid #efefef;
    border-right: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
} */

.verticaTableFooter {
  background: #f6f8ff;
  border: 1px solid #d1d8df;
}

.autoCreatedStatements {
  border-left: var(--t-primary) 2px solid !important;
}

/*--split button css for Edit Claim start--*/

.ui-button {
  border: 1px solid var(--t-primary) !important;
  color: #ffffff;
  background: var(--t-primary) !important;
  transition: background-color 0.2s;
}

.ui-button:hover {
  /* border-color: var(--t-primary) !important;
    color: #ffffff !important;
    background-color: var(--t-primary) !important; */
}

.ui-button:focus {
  /* background-color: var(--t-primary);
    border-color: var(--t-primary); 
    box-shadow: 0 0 0 0.2rem rgba(88, 103, 221, 0.9) !important; */
}

/*--split button css for Edit Claim start End--*/

.m-tabs-line.m-tabs-line--primary.nav.nav-tabs .nav-link:hover,
.m-tabs-line.m-tabs-line--primary.nav.nav-tabs .nav-link.active,
.m-tabs-line.m-tabs-line--primary a.m-tabs__link:hover,
.m-tabs-line.m-tabs-line--primary a.m-tabs__link.active {
  color: var(--t-primary) !important;
  /* border-bottom: 1px solid var(--t-primary) !important; */
  text-decoration: none !important;
}

.nav-tabs {
  border-bottom: 1px solid #ebedf2;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
  text-decoration: none !important;
}

/* .form-control.focus,added by falguni panchal 09th January 2021 05:01PM for keyboard use time focus display */

.ui-state-focus,
.ui-inputtext:focus,
.form-control:focus, textarea:focus{
  box-shadow: 0 0 5px var(--t-primary-border);
  border: 1px solid var(--t-primary);
}

.m-radio>input:focus~span,
.m-radio>input:not([disabled]):focus~span,
.m-checkbox>input:not([disabled]):focus~span,
.m-checkbox>input:focus~span {
  box-shadow:
    0 1px 1px rgba(0, 0, 0, 0.075) inset,
    0 0 5px rgba(88, 103, 221, 0.8) !important;
}

.ql-editor:focus {
  box-shadow: 0 0 5px rgba(88, 103, 221, 0.9) !important;
  border-color: #d3d9ff;
}

/*--Switch button focus css add-*/

.m-switch input[type="checkbox"]:focus~span:before {
  outline: none;
  box-shadow: 0 0 5px rgba(88, 103, 221, 0.9) !important;
}

/*--Switch button focus css End-*/

.inputMaterial {
  color: #000 !important;
  border-bottom: 1px solid var(--t-primary) !important;
}

.inputMaterial:focus {
  border-bottom-color: var(--t-primary) !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
}

/* TUI IMAGE EDITOR CSS START HERE */

.tui-image-editor-menu use.normal.use-default {
  fill: var(--t-primary) !important;
  stroke: var(--t-primary) !important;
  stroke-width: 2;
}

.tui-image-editor-container .tui-image-editor-menu>.tui-image-editor-item.active {
  border-color: var(--t-primary) !important;
  color: #ffffff !important;
  font-weight: bold !important;
  background-color: var(--t-primary) !important;
  border-radius: 100% !important;
  stroke-width: 2;
}

/*--Document preview active class added by falguni panchal 17th june 2021 --*/

.fileBrowswerSelect {
  background-color: #eaedff !important;
  cursor: pointer;
  border: 3px solid var(--t-primary) !important;
}

/*---------------------------------------
          Grid Checkbox new style End
          -------------------------------------*/

/*--Sorting CSS STart here--*/

/* .sorting_both {
  width: 15px;
  height: 19px;
  background: url("../images/CssSprite_19x19.png") -10px -10px;
} */

/* .sorting_asc {
  width: 15px;
  height: 19px;
  background: url("../images/CssSprite_19x19.png") -49px -10px;
} */

/* .sorting_desc {
  width: 15px;
  height: 19px;
  background: url("../images/CssSprite_19x19.png") -88px -10px;
} */
 


.sorting_icon {
  width: 15px;
  height: 19px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* ASC */
.sorting_asc::before {
  content: "▲";
  display: block;
  font-size: 10px;
}

/* DESC */
.sorting_desc::before {
  content: "▼";
  display: block;
  font-size: 10px;
}

/*--Message inbox--*/

.navi.navi-light-icon .navi-item .navi-link.active .navi-bullet .bullet {
  background-color: var(--t-primary);
}

.navi.navi-light-icon .navi-item .navi-link.active .navi-text {
  color: var(--t-primary);
}

.navi.navi-light-icon .navi-item .navi-link.active .navi-icon i {
  color: var(--t-primary);
}

.navi.navi-light-icon .navi-item .navi-link.active .navi-icon svg g [fill] {
  fill: var(--t-primary);
}

.navi.navi-light-icon .navi-item .navi-link.active {
  color: var(--t-primary);
}

.navi.navi-light-icon .navi-item .navi-link:hover .navi-arrow {
  color: var(--t-primary);
}

.navi.navi-light-icon .navi-item .navi-link:hover .navi-icon svg g [fill] {
  fill: var(--t-primary);
}

.navi.navi-light-icon .navi-item .navi-link:hover .navi-bullet .bullet {
  background-color: var(--t-primary);
}

.navi.navi-light-icon .navi-item .navi-link:hover .navi-text {
  color: var(--t-primary);
}

.navi.navi-light-icon .navi-item .navi-link:hover .navi-icon i {
  color: var(--t-primary);
}

.navi.navi-light-icon .navi-item .navi-link:hover {
  color: var(--t-primary);
}

.navi.navi-light-icon .navi-item .navi-link.active {
  color: var(--t-primary);
}

.navi.navi-light-icon .navi-item .navi-link.active .navi-arrow {
  color: var(--t-primary);
}

.navi.navi-light-icon .navi-item .navi-link.active .navi-text {
  color: var(--t-primary);
}

/*--Message Notfication arrow--*/

.m-dropdown__arrowMessages {
  color: #3744c6 !important;
}

.m-dropdown__notificationheaderbg {
  background-image: url("../../assets/images/notification_bg.jpg");
}

/*--Svg Icon css start here 30th july 2021 header menu icons--*/

.patientPaymentIcon {
  fill: #3744c6;
}

.faxIcon {
  background: url("../images/Menu/fax.svg");
  background-repeat: no-repeat;
}

/* .postingIcon {
    background-image: url("../images/Menu/payment_Posting.svg");
    background-repeat: no-repeat;
}*/

.auto_Payment_postingIcon {
  background-image: url("../images/Menu/AutoPaymentPosting.svg");
  background-repeat: no-repeat;
}

.mylink:hover {
  color: #3744c6 !important;
}

/*--tEsting--*/

/*--For common to separate updated theme wise classes--*/

hr {
  border-top: 1px solid var(--border) !important;
  background: var(--border) !important;
}

.separtorbrder {
  border-bottom: 1px solid var(--border);
}

.m-separator {
  border-bottom: 1px solid var(--border);
}

.text-black {
  color: var(--text-primary) !important;
}

.m-portlet .m-portlet__body {
  color: var(--text-primary);
}

.panel-heading {
  border-bottom: 1px solid var(--border) !important;
  background-color: var(--bgColor) !important;
}

.gridster-item-inner {
  background: var(--bgColor);
}

.ui-buttonset .ui-button {
  border: 1px solid var(--border) !important;
  color: var(--t-primary) !important;
  background: var(--border) !important;
}

.form-control {
  color: var(--text-primary) !important;
  background-color: #fff !important;
  /* border: 1px solid #ced4da !important; */
}

/*--Placeholder--*/
.form-control::placeholder {
  color: #9a9a9a !important;
}

.form-control:-ms-input-placeholder {
  color: #9a9a9a !important;
}

.form-control::-ms-input-placeholder {
  color: #9a9a9a !important;
}

.ui-placeholder {
  color: #534f4f !important;
}

.table-fixed tbody {
  border-left: var(--border) 1px solid;
  border-right: var(--border) 1px solid;
}

.clearable {
  background: var(--bgColor) url(../images/icoX.png) no-repeat right -15px center !important;
}

.ui-dropdown-clear-icon {
  background: var(--bgColor) url(../images/icoX.png) no-repeat right 3px center !important;
}

a {
  color: #000000;
}

.ui-widget-content {
  border: 1px solid var(--border);
  background-color: var(--bgColor);
  color: #222;
}

.ui-widget-header {
  background: var(--bgColor) 0 0 repeat-x !important;
}

/* .m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-text {
    color: #000 !important;
} */

.input-group-text {
  background-color: var(--t-secondary-soft) !important;
  border: 1px solid var(--border) !important;
}

.input-group .input-group-append>.input-group-text,
.input-group .input-group-prepend>.input-group-text {
  color: #afb2c1;
}

.m-checkbox.m-checkbox--state-black>span:after {
  border: solid #000000;
}

.m-checkbox.m-checkbox--state-black>input:disabled~span:after {
  border-color: #000000;
}

.m-checkbox.m-checkbox--state-black>input:checked~span {
  border: 1px solid #000000;
  background-color: #ffffff;
}

.m-checkbox.m-checkbox--state-black.m-checkbox--check-bold>input:checked~span {
  border: 2px solid #000000;
}

.form-control[readonly],
.form-control {
  border-color: #d3d5d9;
}

.form-control[disabled] {
  border-color: #d3d5d9;
  color: #000000;
  background-color: #eff1f7 !important;
  opacity: 0.65 !important;
}

.ui-dialog.ui-widget .ui-dialog-content {
  background-color: var(--bgColor) !important;
}

.ui-state-default, textarea {
  border: 1px solid var(--border);
}

.ArchivedRemarks {
  color: #ffa800 !important;
  background-color: #fcffbd !important;
}

.NoneArchivedRemarks {
  background-color: #f3f4f7 !important;
}

.ArchivedRemarks:hover {
  color: #ffa800 !important;
}

.inputMaterial:focus~label,
.inputMaterial:valid~label {
  color: #000000 !important;
}

.group label {
  color: #000 !important;
}

ul.password-policy li:before {
  color: #000000 !important;
}

.text-red {
  color: red !important;
}

.ui-dialog .ui-dialog-titlebar-icon {
  color: #000000 !important;
}

.ui-dropdown.ui-state-disabled .ui-dropdown-trigger,
.ui-dropdown.ui-state-disabled .ui-dropdown-label {
  border-color: #d3d5d9;
  color: #000000;
  background-color: #eff1f7;
}

.tagsbgPM {
  background-color: #ffffff;
  border: #d3d5d9 1px solid;
}

/*--dropdown css--*/

.dropdown>.dropdown-menu {
  border: 1px solid #000 !important;
  color: #000;
}

.ui-dropdown-panel>.ui-dropdown-items-wrapper,
.ui-multiselect-panel {
  border: 1px solid #000 !important;
}

.dropdown>.dropdown-menu>.dropdown-item {
  color: #000;
}

body .ui-contextmenu {
  background: #ffffff;
  border: #000000 1px solid;
}

.ui-menu,
.ui-menubar,
.ui-menubar .ui-submenu-list,
.ui-tieredmenu,
.ui-tieredmenu .ui-submenu-list,
.ui-slidemenu,
.ui-slidemenu .ui-submenu-list,
.ui-contextmenu,
.ui-contextmenu .ui-submenu-list,
.ui-megamenu {
  background: #ffffff !important;
}

.ui-state-disabled,
.ui-widget:disabled {
  border-color: #d3d5d9;
  color: #000000;
  background-color: #eff1f7;
}

/*--Inbox popup--*/

.dropDownMenuMessageType>a {
  color: #000 !important;
}

.border-bottom {
  border-bottom: 1px solid #ebedf3 !important;
}

.border-top {
  border-top: 1px solid #ebedf3 !important;
}

.ql-container.ql-snow {
  border-color: #ebedf3 !important;
}

.ql-toolbar.ql-snow {
  border-bottom: 1px solid #ebedf3 !important;
}

.ng-select-disabledbg {
  border-color: #d3d5d9 !important;
  background-color: #dadeea !important;
}

.grid-disabledBg {
  border-color: #d3d5d9 !important;
  background-color: #e7eaf3 !important;
}

.m-radio.m-radio--disabled,
.m-radio.m-checkbox--disabled,
.m-checkbox.m-radio--disabled,
.m-checkbox.m-checkbox--disabled {
  border-color: #d3d5d9 !important;
  background-color: #dadeea !important;
}

.m-input-icon .m-input-icon__icon i {
  color: #000000;
}

body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-list-item.ui-state-highlight {
  color: #000000 !important;
  background-color: #d3d5d9 !important;
}

body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container .ui-autocomplete-token {
  background: #d3d5d9 !important;
  color: #000000 !important;
}

/*--manage email fax to border removed--*/
/* .ui-autocomplete-multiple-container.ui-inputtext {
    border: 1px solid #d3d5d9 !important;
} */

.alert-danger {
  background-color: #fff0f0 !important;
  border: 1px solid #bd362f !important;
  box-shadow: 0 0 2px #bd362f !important;
  color: #000000 !important;
}

.alert.m-alert--outline.alert-danger .close {
  color: #bd362f !important;
}

.alert-success {
  background-color: #eaffea !important;
  border: 1px solid #51a351 !important;
  box-shadow: 0 0 2px #51a351 !important;
  color: #000000 !important;
}

.alert.m-alert--outline.alert-warning .close {
  color: #51a351 !important;
}

.alert-warning {
  background-color: #fff5e8 !important;
  border: 1px solid #f89406 !important;
  box-shadow: 0 0 2px #f89406 !important;
  color: #000000 !important;
}

.alert.m-alert--outline.alert-warning .close {
  color: #f89406 !important;
}

.alert-info {
  background-color: #e5f8ff !important;
  border: 1px solid #2f96b4 !important;
  box-shadow: 0 0 2px #2f96b4 !important;
  color: #000000 !important;
}

.alert.m-alert--outline.alert-info .close {
  color: #005761 !important;
}

/*--Text color css start here--*/

.text-onHold {
  color: hotpink !important;
}

.text-indianRed {
  color: #8b2621 !important;
}

.text-Maroon {
  color: #800000;
}

.text-danger {
  color: #ab001c !important;
}

.text-warning {
  color: #ff6a00 !important;
}

.text-pista {
  color: #c2dab0;
}

.text-gray {
  color: gainsboro;
}

.text-gray-demographic {
  color: #3d3535;
}

.text-NotAvailable {
  color: #585858;
}

.text-timeout {
  color: #d9534f !important;
}

.text-red {
  color: red !important;
}

.m-portlet--orange {
  background-color: #ff8000;
}

/*--Breadcumb css--*/

.m-subheader .m-subheader__title {
  color: #3f4047;
}

.m-nav .m-nav__item>.m-nav__link .m-nav__link-text {
  color: var(--text-primary);
}

/*
User setting accordion css start here
*/

.m-accordion .m-accordion__item--primary {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  border: none !important;
  background-color: none !important;
}

.m-accordion .m-accordion__item--primary .m-accordion__item-head,
.m-accordion .m-accordion__item--primary .m-accordion__item-head:hover {
  background-color: #ffffff !important;
  border: 0 !important;
}

.m-accordion .m-accordion__item--primary .m-accordion__item-head>span {
  color: #000000 !important;
}

.m-accordion .m-accordion__item--primary .m-accordion__item-head .m-accordion__item-mode {
  color: #000000 !important;
}

.m-accordion .m-accordion__item--primary .m-accordion__item-head.collapsed .m-accordion__item-mode {
  color: #000000 !important;
}

.m-accordion .m-accordion__item--primary .m-accordion__item-head.collapsed {
  -webkit-box-shadow: 0px 2px 5px 0px rgba(230, 230, 230, 0.57);
  -moz-box-shadow: 0px 2px 5px 0px rgba(230, 230, 230, 0.57);
  box-shadow: 0px 2px 5px 0px rgba(230, 230, 230, 0.57);
  border: 1px solid #dedede;
  background-color: #ffffff !important;
}

.m-accordion.m-accordion--bordered .m-accordion__item .m-accordion__item-body,
.m-accordion.m-accordion--default .m-accordion__item .m-accordion__item-body {
  border-top: 1px solid #ebedf2;
}

/*--------------------------------
    scroll bar css
--------------------------------*/

-moz-scrollbar {
  -moz-scrollbar-border: 1px solid #9c9c9c;
  -moz-scrollbar-background-color: #9c9c9c;
  -moz-scrollbar-track-background-color: #f2f2f2;
  -moz-scrollbar-arrow-background-color: #f2f2f2;
  -moz-scrollbar-arrow-color: #9c9c9c;
}

::-webkit-scrollbar-track {
  background-color: #f2f2f2;
}

::-webkit-scrollbar-thumb {
  background-color: #c2c2c2;
}

/*--Ledger screen start here--*/

.ledger-bg {
  background: #f6f8ff !important;
  border: 1px solid #d1d8df !important;
}

.tablehistory td {
  border-left: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
}

.paymentBorder {
  border-top: 1px solid #ebebeb;
}

.MergeGrid_headerBg {
  background-color: #f4f5fb;
  border-left: #efefef 1px solid;
  border-right: #efefef 1px solid;
}

.userfileupload,
.generalfileupload,
.insurancefileupload {
  background: #ffffff !important;
}

.overlay-Panel-PM {
  background-color: #fff59d;
}

.ReportsHeader {
  background-color: #f9f6d4;
}

/*--Attachment bg color--*/

.AttachmentDiv {
  background-color: #f3f6f9;
}

/*--Manage-email fax css--*/

.navi.navi-active .navi-item .navi-link.active {
  background-color: #f3f6f9;
}

.navi.navi-light-icon .navi-item .navi-link .navi-text {
  color: #3f4254;
}

.navi.navi-hover .navi-item .navi-link:hover {
  background-color: #f3f6f9;
}

.navi.navi-active .navi-item .navi-link.active {
  background-color: #f3f6f9;
}

.ui-tree .ui-treenode-content:hover {
  background-color: white;
  box-shadow:
    inset 1px 0 0 #c0c3ca,
    inset -1px 0 0 #c0c3ca,
    0 -1px 1px 0 rgba(0, 0, 0, 0.3),
    0 1px 1px 1px rgba(0, 0, 0, 0.3);
}

.ui-tree .ui-treenode-content.ui-treenode-selectable .ui-treenode-label:not(.ui-state-highlight):hover {
  border-color: #fff;
  background-color: #fff;
}

.ui-tree .ui-tree-toggler {
  color: #000000 !important;
}

.tooltip-inner {
  color: #000000 !important;
  background-color: #fff2a8 !important;
  border: #eada78 1px solid !important;
}

.bs-tooltip-auto[x-placement^="bottom"] .arrow::before,
.bs-tooltip-bottom .arrow::before {
  border-bottom-color: #7d7546 !important;
}

.bs-tooltip-auto[x-placement^="top"] .arrow::before,
.bs-tooltip-top .arrow::before {
  border-top-color: #7d7546 !important;
}

.bs-tooltip-auto[x-placement^="left"] .arrow::before,
.bs-tooltip-left .arrow::before {
  border-left-color: #7d7546 !important;
}

.bs-tooltip-auto[x-placement^="right"] .arrow::before,
.bs-tooltip-right .arrow::before {
  border-right-color: #7d7546 !important;
}

/*--NG-Bootstrap yellow tooltip class  added by Falguni PAnchal | 08/25/2018 03:59 PM End--*/
/*--MEsasge notification tooltip css start here--*/

.MessageNotificationTooltip>.tooltip-inner {
  background-color: #fff !important;
  border: 1px solid #000 !important;
  -webkit-box-shadow: 0 0 15px 1px rgba(69, 65, 78, 0.2) !important;
  -moz-box-shadow: 0 0 15px 1px rgba(69, 65, 78, 0.2) !important;
  box-shadow: 0 0 15px 1px #45414e33 !important;
}

.MessageNotificationTooltip>.arrow::before {
  border-top-color: #fff !important;
}

.createdupdatedbylabel {
  border-left: 1px solid #bbc2d4;
  border-right: 1px solid #bbc2d4;
}

.AdditionalField {
  border-left: 1px solid #bbc2d4;
  border-right: 1px solid #bbc2d4;
}

/*--Duonet icon change css start here--*/
/*--header left menu icon color--*/

.svg-icon svg [fill]:not(.permanent):not(g) {
  /* fill: #676c7b !important; */
  fill: var(--t-primary);
}

.m-btn--hover-primary .svg-icon svg [fill]:not(.permanent):not(g) {
  fill: var(--t-primary);
}

.m-btn--hover-primary .svg-icon svg [fill]:not(.permanent):not(g):hover {
  fill: #fff;
}

.m-btn--hover-primary.btn-check:active+.btn.btn-active-light-primary .svg-icon svg [fill]:not(.permanent):not(g),
.btn-check:checked+.btn.btn-active-light-primary .svg-icon svg [fill]:not(.permanent):not(g),
.btn.btn-active-light-primary.active .svg-icon svg [fill]:not(.permanent):not(g),
.btn.btn-active-light-primary.show .svg-icon svg [fill]:not(.permanent):not(g),
.btn.btn-active-light-primary:active:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g),
.btn.btn-active-light-primary:focus:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g),
.btn.btn-active-light-primary:hover:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g),
.show>.btn.btn-active-light-primary .svg-icon svg [fill]:not(.permanent):not(g) {
  fill: #fff !important;
}

/*--Actionable icon hover solid background font color white-- 15th December--*/

.svg-icon.svg-icon-2 svg {
  height: 18px;
  width: 18px;
}

.svg-icon.svg-icon-3 svg {
  height: 16px;
  width: 16px;
}

.btn.btn-color-primary {
  color: var(--t-primary);
  background-color: transparent !important;
}

.btn-check:active+.btn.btn-color-primary,
.btn-check:checked+.btn.btn-color-primary,
.btn.btn-color-primary.active,
.btn.btn-color-primary.show,
.btn.btn-color-primary:active:not(.btn-active),
.btn.btn-color-primary:focus:not(.btn-active),
.btn.btn-color-primary:hover:not(.btn-active),
.show>.btn.btn-color-primary {
  color: #fff;
  border-color: var(--t-primary);
  background-color: var(--t-primary) !important;
}

.btn.btn-color-primary .svg-icon svg [fill]:not(.permanent):not(g) {
  transition: fill 0.3s ease;
  fill: var(--t-primary);
}

.btn-check:active+.btn.btn-color-primary .svg-icon svg [fill]:not(.permanent):not(g),
.btn-check:checked+.btn.btn-color-primary .svg-icon svg [fill]:not(.permanent):not(g),
.btn.btn-color-primary.active .svg-icon svg [fill]:not(.permanent):not(g),
.btn.btn-color-primary.show .svg-icon svg [fill]:not(.permanent):not(g),
.btn.btn-color-primary:active:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g),
.btn.btn-color-primary:focus:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g),
.btn.btn-color-primary:hover:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g),
.show>.btn.btn-color-primary .svg-icon svg [fill]:not(.permanent):not(g) {
  transition: fill 0.3s ease;
  fill: #fff !important;
}

/*--Actionable icon hover solid background font color white End-- 15th December--*/
/*--Inbox left panel icon--*/
.navi.navi-light-icon .navi-item .navi-link .navi-icon .svg-icon svg [fill]:not(.permanent):not(g) {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #a1a5b7 !important;
}

.navi.navi-light-icon .navi-item .navi-link:hover .navi-icon .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--t-primary) !important;
}

.navi.navi-light-icon .navi-item .navi-link.active .navi-icon .svg-icon svg [fill]:not(.permanent):not(g) {
  transition: fill 0.3s ease;
  fill: var(--t-primary) !important;
}

/*--Inbox left panel icon End--*/
/*--multiselect checkbox--*/
.ui-chkbox-box.ui-state-active,
.ui-radiobutton-box.ui-state-active {
  background: #ffffff !important;
  color: #000000 !important;
}

/*--button radius css start--*/
.btn.m-btn--square {
  /* border-radius: .32rem !important; */
  border-radius: var(--border-radius-6) !important;
}

/*--button radius css End--*/

/*--Dashboard Float Style--*/
.float {
  background-color: var(--t-primary);
}

/*--Dashboard Float Style--*/
.m-subheader .m-subheader__title.m-subheader__title--separator {
  border-right: 1px solid #a5a7ab !important;
}

/*--Configuration Toggle button--*/
.btn-outline-primary:not([disabled]):not(.disabled):active,
.btn-outline-primary:not([disabled]):not(.disabled).active,
.show>.btn-outline-primary.dropdown-toggle {
  background-color: var(--t-primary) !important;
  border-color: var(--t-primary) !important;
}

/*--Date range rounded border removed--*/
.form-control-sm,
.input-group-sm>.form-control,
.input-group-sm>.input-group-prepend>.input-group-text,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-append>.btn {
  border-radius: 0 !important;
}

/*--Master icon css fill color 13th january 2022 --*/

#Defaulticons .svg-icon svg [fill]:not(.permanent):not(g) {
  transition: fill 0.3s ease;
  fill: #8c8c8c !important;
}

.svg-black .svg-icon svg [fill]:not(.permanent):not(g) {
  transition: fill 0.3s ease;
  fill: #000;
}

.svg-icon-pista .svg-icon svg [fill]:not(.permanent):not(g) {
  fill: #4d8076;
}

.svg-white .svg-icon svg [fill]:not(.permanent):not(g) {
  transition: fill 0.3s ease;
  fill: #fff;
}

.svg-success .svg-icon svg [fill]:not(.permanent):not(g) {
  fill: #025e4c;
}

.svg-indianRed .svg-icon svg [fill]:not(.permanent):not(g) {
  fill: #8b2621;
}

.svg-danger .svg-icon svg [fill]:not(.permanent):not(g) {
  fill: #ab001c;
}

.svg-warning .svg-icon svg [fill]:not(.permanent):not(g) {
  fill: #ff6a00;
}

.svg-onHold .svg-icon svg [fill]:not(.permanent):not(g) {
  fill: hotpink;
}

.svg-grayd .svg-icon svg [fill]:not(.permanent):not(g) {
  fill: #898b96 !important;
}

.svg-Maroon .svg-icon svg [fill]:not(.permanent):not(g) {
  fill: #800000 !important;
}

.icon-primary {
  fill: var(--t-primary);
}

.icon-grey {
  fill: gainsboro;
}

/*--Document viewer new icon added hover icon color cahnge--*/
.demographic_Icon-bar a.active .svg-icon svg [fill]:not(.permanent):not(g) {
  fill: #fff !important;
}

/*--save pista css--*/
.btn.btn-color-pista {
  fill: #4d8076;
  background-color: transparent !important;
}

.btn-check:active+.btn.btn-color-pista,
.btn-check:checked+.btn.btn-color-pista,
.btn.btn-color-pista.active,
.btn.btn-color-pista.show,
.btn.btn-color-pista:active:not(.btn-active),
.btn.btn-color-pista:focus:not(.btn-active),
.btn.btn-color-pista:hover:not(.btn-active),
.show>.btn.btn-color-pista {
  fill: #fff;
  border-color: #4d8076;
  background-color: #4d8076 !important;
}

.btn.btn-color-pista .svg-icon svg [fill]:not(.permanent):not(g) {
  transition: fill 0.3s ease;
  fill: #4d8076;
}

.btn-check:active+.btn.btn-color-pista .svg-icon svg [fill]:not(.permanent):not(g),
.btn-check:checked+.btn.btn-color-pista .svg-icon svg [fill]:not(.permanent):not(g),
.btn.btn-color-pista.active .svg-icon svg [fill]:not(.permanent):not(g),
.btn.btn-color-pista.show .svg-icon svg [fill]:not(.permanent):not(g),
.btn.btn-color-pista:active:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g),
.btn.btn-color-pista:focus:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g),
.btn.btn-color-pista:hover:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g),
.show>.btn.btn-color-pista .svg-icon svg [fill]:not(.permanent):not(g) {
  transition: fill 0.3s ease;
  fill: #fff;
}

/*---Remark gray and theme color icon color change--*/
.text-grayd .svg-icon svg [fill]:not(.permanent):not(g) {
  fill: #898b96 !important;
}

.text-primary .svg-icon svg [fill]:not(.permanent):not(g) {
  fill: var(--t-primary);
}

/*---Remark gray and theme color icon color change END--*/
/*--svg icon--*/
.calendaricon::after .svg-icon svg [fill]:not(.permanent):not(g) {
  fill: var(--t-primary);
}

/** Added by Himani Panchal - Sprint: 23.4.1 */
.bg-color {
  background-color: #fff;
}

.w-60 {
  width: 62%;
}

@media (width <=500px) {
  .w-sm-70 {
    width: 70%;
  }
}

.calendar-icon .cal-body {
  fill: var(--t-primary);
  opacity: 0.3;
  transition: fill 0.2s ease;
}

.calendar-icon .cal-header {
  fill: var(--t-primary);
  transition: fill 0.2s ease;
}

.calendar-icon .cal-dot {
  fill: var(--t-primary);
  transition: fill 0.2s ease;
}

.btn-icon:hover .calendar-icon .cal-body {
  fill: var(--t-primary-pale);
  /* opacity: 0.3; */
}

.btn-icon:hover .calendar-icon .cal-header {
  fill: #ffffff;
}

.btn-icon:hover .calendar-icon .cal-dot {
  fill: var(--t-primary-pale);
}
.disabled i.fa-solid,.disabled i.fas{
  color:var(--text-muted) !important;
  background-color: unset !important;
  border: unset !important;
}

i.fa-solid {
  color: var(--t-primary);
}

/* ----------------------- */
/* Checkbox */
/* input[type="checkbox"] {
  accent-color: var(--t-primary);
  cursor: pointer;
}

input[type="checkbox"]:hover {
  outline: 1px solid var(--t-primary);
}

input[type="radio"] {
  accent-color: var(--t-primary);
  cursor: pointer;
}

input[type="radio"]:hover {
  outline: 1px solid var(--t-primary);
} */

/* ------------------------- */
.btn-primary:disabled .btn-disabled {
  background: var(--t-btn-disable-bg) !important;
  color: var(--t-btn-disable-text) !important;
  cursor: not-allowed !important;
  filter: none !important;
  border-color: var(--t-btn-disable-bg) !important;
}

/* .btn-secondary.disabled,
.btn-secondary:disabled {
  background: #fff !important;
  color: #CBD5E1 !important;
  border-color: var(--doc-border-soft) !important;
  cursor: not-allowed !important;
} */

.btn.m-btn--label-brand {
  background-color: var(--surface);
  color: var(--text-primary);
  border-color: var(--border);
}

.btn.m-btn--label-brand:hover {
  background-color: var(--t-primary-pale) !important;
  color: var(--t-primary) !important;
  border-color: var(--t-primary) !important;
}