:root{
    --heading-color:#333;
    --text-color:#58595B;
    --nav-text-color:#fff;
    --primary-500:#0c831f;
    --secondary-500: #f8cb46;
    --brandColors-knowmaxBlue-500:var(--primary-500) !important;
    --linkcolor:#68368B;
    --linkcolor-hover:#f8cb46;
    --km-table-header-bg:var(--primary-500);
     
  }
  
  
/* header  */
.header_v3 {}

.header_v3 .bg-\[\#09667B\],
.header-v3 .bg-\[\#09667b\] {
  background-color: var(--secondary-500) !important;
}

/* header ================= */



/* sidebar */
.bg-dashboard-light\/50 {
  background-color: var(--secondary-500) !important;
}

.sidebar_v3 {
  background: var(--primary-500);
}

.sidebar_v3 .group div {
  color: var(--nav-text-color);
}

.sidebar_v3 .group div[class*="hover:bg-"]:hover,
.sidebar_v3 .bg-dashboard-light,
.sidebar_v3 .bg-faq-light,
.sidebar_v3 .bg-document-light,
.sidebar_v3 .bg-dt-light,
.sidebar_v3 .bg-pg-light,
.sidebar_v3 .bg-articles-light,
.sidebar_v3 .bg-assessment-light,
.sidebar_v3 .bg-cyan-500 {
  background-color: var(--secondary-500);
  color: white;
}

.sidebar_v3 .group div[class*="-light"] {
  border-color: var(--secondary-500);
}

.sidebar_v3 .group .border-transparent {
  border-color: transparent !important;
}

.sidebar_v3 div.group~.w-full .bg-white {
  background: var(--primary-500);
  color: var(--nav-text-color);
}


.sidebar_v3 div.group~.w-full .bg-white .text-\[\#0047DF\],
.sidebar_v3 div.group~.w-full .text-\[\#0047DF\],
.sidebar_v3 div.group~.w-full .text-\[\#002E93\] {
  color: var(--nav-text-color);

}

.sidebar_v3 div.group~.w-full svg path {
  fill: var(--nav-text-color) !important;
}

.sidebar_v3 div.group~.w-full .text-\[\#0047DF\] div:nth-last-child(1) svg {
  stroke: var(--nav-text-color) !important;
}


/* sidebar   =============== */

/*  dashboard */
.dashboard-banner_v3 {}

.dashboard-banner_v3 svg {
  stroke: var(--primary-500) !important;
}

.dashboard-banner_v3 .\!border-\[\#09667b\] {
  background-color: var(--secondary-500) !important;
  border-color: var(--secondary-500) !important;
}


/*  dashboard ================ */

/* all dashbaord cards */

.dashboard-cards-header_v3 svg {
  stroke: var(--primary-500) !important;
}

/* all dashbaord cards ============= */

/* dashboard-links_v3 */
.dashboard-links_v3 .text-blue {
  color: var(--text-color)
}

.dashboard-links_v3 .text-blue svg path {
  fill: var(--text-color);
}

/* dashboard-links_v3 =============== */


#RECENTLY_UPDATED .dashboard-card_v3 {}

#RECENTLY_OPENED .dashboard-card_v3 {}

#FAVOURITES .dashboard-card_v3 {}

/* Top queries */

#TOP_QUERIES .dashboard-card_v3 svg path:nth-last-child(1) {
  fill: var(--primary-500) !important;
}

#TOP_QUERIES .dashboard-card_v3 {}

/* Top queries  ================ */





/* Global */
.text-\[\#09667b\] {
  color: var(--primary-500);
}

.fill-\[\#09667b\] {
  fill: var(--primary-500);
}

.bg-\[\#09667b\] {
  background-color: var(--primary-500);
}

button.truncate.bg-\[\#09667b\] {
  background-color: var(--secondary-500) !important;
}

.button-colored_v3.bg-\[\#09667B\],
.button-colored_v3.bg-\[\#09667b\] {
  --tw-bg-opacity: 1;
  background-color: var(--secondary-500) !important;
  ;
}

.text-teal-700 {
  color: var(--primary-500);
}

.hover\:border-\[\#015568\]:hover,
.border-teal-600 {
  border-color: var(--primary-500) !important;
}

.hover\:border-teal-600:hover {
  border-color: var(--secondary-500);
}




.sidebar_v3 .w-full a.group~.w-full>div {
  background-color: transparent !important;
  background: transparent !important;
}

.sidebar_v3 .w-full a.group~.w-full div .text-\[\#0047DF\] {
  color: #fff;
}

.sidebar_v3 .w-full .bg-white {
  background-color: transparent !important;
  background: transparent !important;
  --tw-bg-opacity: 0;
}



#articleContent h1 {
  font-size: 1.5rem !important;
  color: #fff !important;
  background: var(--primary-500) !important;
  padding: 0.5rem !important;
}

#articleContent h1 * {
  color: #fff !important;

}


#articleContent a,#articleContent a *{color:var( --linkcolor) !important}
#articleContent a:hover,#articleContent a:hover *{color:var( --linkcolor-hover) !important}

.bg-cyan-25{background-color: var(--linkcolor-hover) !important;}
.text-cyan-500{color: var(--primary-500) !important;}