:root {
    --link-button-underline-color: #4c093e;
    --link-button-underline-active-color: #bf264f;

    --primary-button-bg-color: #a35cff;
    --primary-button-bg-hover-color: #bf8dff;

    --primary-button-pulse0-color: #a35cff;
    --primary-button-pulse50-color: rgba(163,92,255, 0.5);
    --primary-button-pulse80-color: rgba(163,92,255, 0.15);

    --primary-button-pulse0-hover-color: #bf8dff;
    --primary-button-pulse50-hover-color: rgba(191,141,255, 0.5);
    --primary-button-pulse80-hover-color: rgba(191,141,255, 0.15);

    --progress-bar-fill-color: #4c093e;
    --progress-bar-foreground-color: #FFFFFF;
    --progress-bar-bg-color: #d3d8e0;

    --typeahead-selected-item-bg-color: rgba(255,88,88, 0.15);
    --row-item-icon-hover-color: rgba(255,88,88, 0.15);
    --row-item-icon-hover-foreground-color: #444;
    --row-item-icon-active-foreground-color: #444;
    --row-item-icon-completed-color: #23a973;
    --row-item-icon-completed-foreground-color: #FFFFFF;
    --row-item-icon-active-color: rgba(211, 216, 224, 1);
    --row-item-icon-pulse0-color: rgba(211, 216, 224, 1);
    --row-item-icon-pulse50-color: rgba(211,216,224, .5);
    --row-item-icon-pulse80-color: rgba(211,216,224, .15);

    --header-color: #FFFFFF;
    --header-bar-bg-color: #FFFFFF;

    --primary-color: #ff5858;
    --primary-foreground-color: #FFFFFF;
}

/* HEADER SECTION */

app-root app-header .header,
app-root .select-vendor,
app-root app-login-container .header {
    
        background: url('https://media.voyadogrowthhub.learnster.com/public/assets/5720ebc5-5003-42de-964a-0f92814e3a66/processed/5720ebc5-5003-42de-964a-0f92814e3a66.optimized_high_q.png');
    
}


app-root app-header .header .overlay,
app-root .select-vendor .overlay,
app-root app-login-container .header .overlay {
    background: transparent;
    opacity: 0;
}



app-root header .logo-holder .logo,
app-root app-login-container .content .logo-holder .logo {
  content:url('https://media.voyadogrowthhub.learnster.com/public/assets/3e61d8bb-1eb8-42e9-87fe-5d9f13eb5e22/processed/c38631e3-fbb6-4bdd-a886-20defdcb8410.optimized_high_q.png');
}

/*IE*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  app-root header .logo-holder .logo {
    background: url('https://media.voyadogrowthhub.learnster.com/public/assets/3e61d8bb-1eb8-42e9-87fe-5d9f13eb5e22/processed/c38631e3-fbb6-4bdd-a886-20defdcb8410.optimized_high_q.png') no-repeat;
  }
  app-root app-login-container .content .logo-holder .logo {
    background: url('https://media.voyadogrowthhub.learnster.com/public/assets/3e61d8bb-1eb8-42e9-87fe-5d9f13eb5e22/processed/c38631e3-fbb6-4bdd-a886-20defdcb8410.optimized_high_q.png') no-repeat center;
  }
}


/*Edge*/
@supports (-ms-ime-align:auto) {
  app-root header .logo-holder .logo {
    background: url('https://media.voyadogrowthhub.learnster.com/public/assets/3e61d8bb-1eb8-42e9-87fe-5d9f13eb5e22/processed/c38631e3-fbb6-4bdd-a886-20defdcb8410.optimized_high_q.png') no-repeat;
  }
  app-root app-login-container .content .logo-holder .logo {
    background: url('https://media.voyadogrowthhub.learnster.com/public/assets/3e61d8bb-1eb8-42e9-87fe-5d9f13eb5e22/processed/c38631e3-fbb6-4bdd-a886-20defdcb8410.optimized_high_q.png') no-repeat center;
  }
}


/* TRANSPARENT HEADER SECTION */

app-root app-header-bar .header-holder {
    background-color: transparent !important;
}

app-root app-header-bar .header-holder .search-block .search-dropdown {
    background-color: rgba(0, 0, 0, 0.3) !important;
}

app-root app-header-bar .header-holder .search-block .search-dropdown:not(.open):not(.show):hover {
  background-color: rgba(0, 0, 0, 0.5) !important;
}

app-root app-header-bar .header-holder .search-block .search-dropdown .search-icon svg .stroke {
    stroke: rgba(255, 255, 255, 1) !important;
}

/*app-root app-header-bar .header-holder .search-block .search-dropdown:not(.open):not(.show) .input input {
    color: #FFFFFF;
}*/

app-root app-header-bar .header-holder .search-block .search-dropdown.empty:not(.open) .input:before,
 app-root app-header-bar .header-holder .search-block .search-dropdown:not(.open):not(.show) .input input {
    color: #FFFFFF !important;
}

app-root app-header-bar .header-holder svg-icon.colorize svg .fill {
    fill: #FFFFFF !important;
}

app-root app-header-bar .header-holder svg-icon.colorize svg .stroke {
    stroke: #FFFFFF !important;
}

app-root app-header-bar .header-holder button.search,
app-root app-header-bar .header-holder button.menu {
    background: rgba(0, 0, 0, 0.5);
}

app-root app-header-bar .header-holder .header-menu .header-menu-link {
    color: #FFFFFF !important;
}

app-root app-header-bar .header-holder .header-menu .header-menu-link:hover:not(.selected) {
    border-bottom-color: rgba(255, 255, 255, 0.5) !important;
}

app-root app-header-bar .header-holder .header-menu .header-menu-link.selected {
    border-bottom-color: #FFFFFF !important;
}

app-root app-login-container .content .logo-holder {
    background: transparent;
    padding: 10px 0 30px;
}

app-root app-header-bar .strip {
     display: none;
}