:root {
    --link-button-underline-color: #E0E0E0;
    --link-button-underline-active-color: #0099C8;

    --primary-button-bg-color: #0099C8;
    --primary-button-bg-hover-color: #512DA7;

    --primary-button-pulse0-color: #0CB6EA;
    --primary-button-pulse50-color: #0CB6EA80;
    --primary-button-pulse80-color: #0CB6EA1a;

    --primary-button-pulse0-hover-color: #379DCF;
    --primary-button-pulse50-hover-color: #379DCF80;
    --primary-button-pulse80-hover-color: #379DCF1a;

    --progress-bar-fill-color: #0099C8;
    --progress-bar-foreground-color: #000000;
    --progress-bar-bg-color: #262626;

    --typeahead-selected-item-bg-color: #CFE7F5;
    --row-item-icon-hover-color: #009FDF26;
    --row-item-icon-hover-foreground-color: #FFFFFF;
    --row-item-icon-active-foreground-color: #FFFFFF;
    --row-item-icon-completed-color: #0099C8;
    --row-item-icon-completed-foreground-color: #FFFFFF;
    --row-item-icon-active-color: #9DDAF3;
    --row-item-icon-pulse0-color: #9DDAF3;
    --row-item-icon-pulse50-color: #9DDA80;
    --row-item-icon-pulse80-color: #9DDA1a;

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

    --primary-color: #512DA7;
    --primary-foreground-color: #FFFFFF;
}

/* HEADER SECTION */

app-root app-header .header,
app-root .select-vendor,
app-root app-login-container .header {
    
        background: url('/media/branding/soluno/man_laptop_success_uyWI5pi.jpg');
    
}


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('/media/branding/soluno/Dstny-Logo-Color%20(1)_c2VaHx1.jpg');
}

/*IE*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  app-root header .logo-holder .logo {
    background: url('/media/branding/soluno/Dstny-Logo-Color%20(1)_c2VaHx1.jpg') no-repeat;
  }
  app-root app-login-container .content .logo-holder .logo {
    background: url('/media/branding/soluno/Dstny-Logo-Color%20(1)_c2VaHx1.jpg') no-repeat center;
  }
}


/*Edge*/
@supports (-ms-ime-align:auto) {
  app-root header .logo-holder .logo {
    background: url('/media/branding/soluno/Dstny-Logo-Color%20(1)_c2VaHx1.jpg') no-repeat;
  }
  app-root app-login-container .content .logo-holder .logo {
    background: url('/media/branding/soluno/Dstny-Logo-Color%20(1)_c2VaHx1.jpg') no-repeat center;
  }
}


/* TRANSPARENT HEADER SECTION */

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

app-root app-header-bar .header-holder .search-block .search-dropdown {
    background-color: #F6F6F6 !important;
}

app-root app-header-bar .header-holder .search-block .search-dropdown .search-icon svg .stroke {
    stroke: #C4C4C4 !important;
}

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

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


app-root app-header-bar .strip {
    background-color: #512DA7;
    
        display: none;
    
}

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

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

app-root app-header-bar .header-holder .header-menu > span {
    color: #262626 !important;
}

app-root app-header-bar .header-holder .header-menu > span.selected {
    border-bottom-color: #262626 !important;
}

app-root app-login-container .content .logo-holder {
    background: #FFFFFF;
    padding: 50px 0 0;
    margin-bottom: -2px;
}

