:root {
  --kt-header:#0088CE;
  --blue: #007bff; /* not used */
  --indigo: #6610f2; /* not used */
  --purple: #6f42c1; /* not used */
  --pink: #e83e8c; /* used once */
  --red: #dc3545; /* not used */
  --orange: #fd7e14; /* not used */
  --yellow: #ffc107; /* not used */
  --green: #28a745; /* not used */
  --teal: #20c997; /* not used */
  --cyan: #17a2b8; /* not used */
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40; 
  --gray-light: #e1e1ef;
  --turquoiseblue:#07c7ff;
  --gray-half:rgba(108,117,125,.9);
  --gray-50:rgba(149, 156, 182, 0.7);
  
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 1024px;
  --breakpoint-xl: 1399px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; 



--main-content-background-color:#fff;
/*--main-content-font-family:PNC_SansReg;
--header-font-family:PNC_SansReg;*/
--main-content-font-family:'Roboto', sans-serif;
--header-font-family:'Roboto', sans-serif;

--header-logo-background-color:#0088CE;

--main-theme-color:#0088CE;
/*section header css variables start*/ 
--section-header-background-color:#0088CE;
--section-header-text-color:#fff;

/*top nav bar css variables end */

/*top nav bar css variables start*/ 
--nav-bar-background-color:#0088CE;
--nav-bar-hover-color:#1a7ab9;
--topbar-text-icon-color:#fff;
--topbar-text-icon-hover-color:#d01f64;
--topbar-icon-hover-background-color:#005b9c;
--topbar-badge-background-color:#005b9c;
--badge-primary-bg:#005b9c;
--topbar-badge-color:#fff;


/*hamburger Menu icon*/
--nav-bar-toggle-burger-menu-color:#fff;
--main-title-color:#333;
--nav-bar-text-color: #fff;
--nav-bar-link-arrow-color: #fff;

--nav-bar-menu-background-color: #fff;
--topbar-text-icon-hover-color:#fff;
--nav-bar--menu-link-arrow-color:#fff;
--nav-bar--menu-link-icon-color:#fff;
--topbar-icon-color:#FFF; 
--topbar-welcome-color:#fff;
--topbar-username-color:#fff;

--topbar-icon-hover-color:#fff;

--topbar-username-hover-color:#fff;
--topbar-menu-background-hover-color:#ebf2f7;
--topbar-menu-hover-color:#005b9c;
--tab-icon-hover-color:#;


/*top nav bar css variables end */
--topbar-mobile-header:#0088CE;
--topbar-mobile-icon:#fff;
--topbar-mobile-menu-icon:#fff;
--topbar-mobile-menu-active-text:#fff;
--topbar-menu-title-color:rgba(95,98,129,.7);
--topbar-menu-color:#5f6281;

/*side nav bar css variables start */
--aside-background-color:#fff;
--aside-menu-background-color:#fff;
--sidenavbar-background-color:#fff;

--sidenavbar-menu-background-hover-color:#ebf2f7;
--sidenavbar-footer-background-color:#f6f7fd;
--sidenavbar-menu-background-color:#eb2c2c;
--sidenavbar-menu-open-background-color:#ebf2f7;
--sidenavbar-menu-color:#333;
--sidenavbar-menu-hover-color:#005b9c;
--sidenavbar-submenu-hover-bg:#ebf2f7;
--sidenavbar-menu-dot-color:#333;
--sidenavbar-menu-dot-active-color:#0088CE;
--sidenavbar-menu-dot-hover-color:#0088CE;
/*side nav bar css variables end */

--btn-label-primary-bg:#e5eafd;
--btn-label-primary-color:#0088CE;
--btn-label-primary-hover-bg:#0088CE;
--btn-label-hover-primary-color:#fff;

--info: #5578eb;
--info-hover-bg: #335de7;
--info-hover-border: #2754e6;

/*--warning: #ffb822;
--warning-hover-bg: #fbaa00;
--warning-hover-border: #eea200;*/

--danger: #fd397a;
--danger-hover-bg: #fd1361;
--danger-hover-border: #fc0758;

--light: #f8f9fa;
--light-hover-bg: #ececec;
--light-hover-border: #e6e6e6;

--dark: #343a40;
--dark-hover-bg: #343a40;
--dark-hover-border: #343a40;

--brand:#005b9c;
--brand-hover-bg:#005b9c;
--brand-hover-border:#005b9c;

--brand-bg:#005b9c;/*50% darker*/
--brand-color:#005b9c;
--badge-brand-color:#1a7ab9;

--accent:#1034cb;
--accent-hover-bg: #000;
--accent-hover-border: #0097a9;
--accent-hover-color:#1a7ab9;
--tab-hover-color:#005b9c;
--tab-border-color:#005b9c;
--accent-color:#005b9c;

--keen-dark: #645ca1;
--keen-dark-hover-bg: #554e89;
--keen-dark-hover-border: #504a80;

--focus: #9816f4;
--focus-hover-bg: #840ad9;
--focus-hover-border: #7c0acd;

--metal: #d3dae6;
--metal-hover-border: #b2bfd4;

--table-bg-light-color:#0088CE;
--table-header-light-font-color:#fff;
--table-header-light-border-color:#0088CE;
--table-header-light-font-link-color:#fff;

--table-dark-bg-color:#0088CE;
--table-header-dark-font-color:#fff;
--table-header-dark-light-border-color:##0088CE;
--table-header-dark-light-font-link-color:#fff;

--tab-border-color:1px solid #0088CE;

--alert-outline-text-success:#1dc9b7;
--alert-outline-danger:#fd397a;
--alert-outline-text-danger:#fd397a;

--outline-success:#0088CE;
--outline-text-success:#0088CE;
--outline-success-hover:#0088CE;
--outline-text-success-hover:#fff;
--outline-background-success-hover:#0088CE;

--outline-primary:#2e6113;
--outline-text-primary:#2e6113;
--outline-primary-hover:#2e6113;
--outline-text-primary-hover:#fff;
--outline-background-primary-hover:#2e6113;

--outline-warning:#ffb822;
--outline-text-warning:#ffb822;
--outline-warning-hover:#ffb822;
--outline-text-warning-hover:#fff;
--outline-background-warning-hover:#ffb822;
--outline-danger:#fd397a;
--outline-text-danger:#fd397a;
--outline-danger-hover:#fd397a;
--outline-text-danger-hover:#fff;
--outline-background-danger-hover:#fd397a;
--outline-dark:#645ca1;
--outline-text-dark:#645ca1;
--outline-dark-hover:#645ca1;
--outline-text-dark-hover:#fff;

--outline-brand:#0088CE;
--outline-text-brand:#0088CE;
--outline-brand-hover:#0088CE;
--outline-text-brand-hover:#fff;

--outline-background-dark-hover:#0088CE;


--outline-text-brand:#0088CE;

--outline-text-brand-hover:#fff;
--outline-background-brand-hover:#0088CE;

--outline-focus:#0088CE;
--outline-text-focus:#fff;
--outline-focus-hover:#fff;
--outline-text-focus-hover:#fff;
--outline-background-focus-hover:#0088CE;

--font-warning:#ffb822;
--font-info:#5578eb;
--font-danger:#fd397a;
--font-primary:#0088CE;
--font-focus:#9816f4;

--label-font-color-4:#48465b;
--label-font-color-3:#595d6e;
--label-font-color-2:#74788d;
--label-font-color-1:#a2a5b9;

/*Button css variables start */
--secondary:#c8c8e2;
--secondary-hover-bg:#c8c8e2;
--secondary-hover-border:#c0c0dd;
--font-secondary:#1c1d1f;
--badge--secondary-hover-color:#1c1d1f;

--success:#0088CE;
--success-border:#0088CE;
--success-hover-bg:#1a7ab9;
--success-hover-border:#0088CE;
--font-success:#0088CE;
--badge--success-hover-color:#0088CE;

--deepcolor:rgba(37,60,120,1);
--deepcolor-hover-bg:rgba(55,88,160,1);
--deepcolor-hover-border:rgba(55,88,160,1);


--alert-text-secondary:#000;
--secondary-bg-color:#f9f9fc;
--secondary-border-color:#f7f7fb;

--btn-label-bg:#ebf2f7;
--btn-label-color:#005b9c;
--btn-label-hover-bg:#0088CE;
--btn-label-hover-color:#fff;

--primary:#0088CE;
--primary-border:#0088CE;
--primary-hover-bg:#1a7ab9;/*20% increase*/
--primary-hover-border:#1a7ab9;/*20% increase*/



/*--warning:#0088CE;
--warning-hover-bg:blue;
--warning-hover-border:yellow;*/

--btn-metal-bg:#1a7ab9;
--btn-metal-border:#1a7ab9;
--btn-metal-color:#fff;
--btn-metal-icon-color:#fff;

--btn-metal-hover-bg:#1a7ab9;
--btn-metal-hover-border:#1a7ab9;
--btn-metal-hover-color:#fff;
--btn-metal-icon-hover-color:#fff;

--btn-close-icon-color:#0088CE;
--btn-close-icon-bg-color:#0088CE;
--btn-close-icon-hover-color:#fff;

/*Button css variables end */
--list-value-font-color:#5d78ff;

--tab-bg:#1a7ab9;

--button-icon-hover-bg:#ebf2f7;
--button-icon-hover:#005b9c;

--accordion-card-background-color:#0088CE;
--accordion-card-text-color:#fff;
--input-switch-background-color:#0088CE;
--input-switch-text-color:#fff;
--pagination-text-color:#0088CE;
--pagination-hover-background-color:#0088CE;
--value-text-color:#0088CE;

/*Footer Icons*/

--aside-footer-hover-bg:#f7ddf0;
--aside-footer-hover-icon:#005b9c;

/*Widgets*/
--widget-title-color:#253C78;
--widget-hover-icon:#005b9c;

--badge-danger-bg:#fd397a; /*hover increase 20%*/
--badge-success-bg:#0088CE; /*hover increase 20%*/
--badge-warning-bg:#ffb822;
--badge-secondary-bg:#e1e1ef; /*hover increase 20%*/
}






@function mixb($variable, $opacity) {
    @return unquote('linear-gradient(to top,rgba(0, 0, 0,'+ $opacity +'),rgba(0, 0, 0,' + $opacity + '))' + $variable);
}

@function mixw($variable, $opacity) {
    @return unquote('linear-gradient(to top,rgba(255, 255, 255,'+ $opacity +'),rgba(255, 255, 255,' + $opacity + ')) ' + $variable);
}