﻿/*<meta />*/

@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);

/*COLOR VARIABLES FOR DARK MODE*/
@media (prefers-color-scheme: dark) {
:root {
  --background-color-vanilla: #15181A!important; /* dark-80 - Dark mode background color */
  --background-color-light: #2B3033!important; /* dark-70 - Dark mode background color */
  --background-color-purple: #48237d!important; /* Same - Dark mode background color */
  --background-color-purple-hover: #CEAFFA!important; /* purple-20 - Dark mode background color */
  --background-color-green: #2D7048!important; /* Same - Dark mode background color */
  --background-color-green-hover: #316245!important; /* Same - Dark mode background color */
  --background-color-green-focus: #254934!important; /* Same - Dark mode background color */
  --text-color-neutral: #FFF!important; /* Dark mode text color */
  --text-color-white: #FFF!important; /* Dark mode text color */
  --link-color-blue: #a0d9ff!important; /* Dark mode link color */
  --link-color-white: #FFF!important; /* Dark mode link color */
  --link-color-black: #FFF!important; /* Dark mode link color */
  --link-color-black-hover: #DDD!important; /* Dark mode link color */
  --border-color: #ddd!important; /* Dark mode link color */
  --highlight-color: #787775!important; /* Dark mode searchHighlight color */
}
/*Fixes for dark mode*/
.SeeAlsolinkDoc {
	background-image: url('../images/css/global-css-document-16-dark-mode.png')!important;
}
.SeeAlsolinkmovie {
	background-image: url('../images/css/global-css-video-16-dark-mode.png')!important;
}
.SeeAlsolinkExternal {
	background-image: url('../images/css/global-css-new-window-16-dark-mode.png')!important;
}
.SeeAlsolinkpdf {
	background-image: url('../images/css/global-css-pdf-16-dark-mode.png')!important;
}
.SeeAlsolinkEducation {
	background-image: url('../images/css/global-css-education-16-dark-mode.png')!important;
}
.SeeAlsolinkSync {
	background-image: url('../images/css/global-css-sync-16-dark-mode.png')!important;
}
.SeeAlsolinkGuide {
	background-image: url('../images/css/global-css-guide-16-dark-mode.png')!important;
}
a.MiniTOC1:link
{
	background-image: url('../images/css/global-css-document-16-dark-mode.png')!important;
}
.is-accordion-submenu-parent > a span.submenu-toggle::before	/* Add image for collapsed menu and rotate it */
{
	background: url('../images/css/global-css-menu_arrow_white.svg')!important;
}

.is-accordion-submenu-parent > a [aria-expanded='true'] span.submenu-toggle::before	/* Adds image for expanded menu */
{
	background: url('../images/css/global-css-menu_arrow_white.svg')!important;
}
#mc-main-content > div.infobox > .MCDropDown > .MCDropDownBody .MCDropDown .MCDropDownHead a:before,
#mc-main-content > div.flex-tiles-container > div:nth-child(n) > .MCDropDown > .MCDropDownBody .MCDropDown .MCDropDownHead a:before
{
	background: url('../images/css/global-css-menu_arrow_white.svg')!important;
}
#mc-main-content > div.infobox > .MCDropDown > .MCDropDownHead a:before,
#mc-main-content > div.flex-tiles-container > div:nth-child(n) > .MCDropDown > .MCDropDownHead a:before
{
	background: url('../images/css/global-css-menu_arrow_white.svg')!important;
}
.row > #mc-main-content > .MCDropDown > .MCDropDownHead a:before
{
	background: url('../images/css/global-css-menu_arrow_white.svg')!important;
}
.row > #mc-main-content > .MCDropDown > .MCDropDownBody .MCDropDown .MCDropDownHead a:before
{
	background: url('../images/css/global-css-menu_arrow_white.svg')!important;
}
.title-bar-layout a.logo {
    background: transparent url(../../../Skins/Fluid/Stylesheets/Images/visma_spcs_logo_white_1.png) no-repeat center center;
}
  table {
    background-color: var(--background-color-light)!important; /* Dark mode background color for tables, overriding any inline table bg */
  }
img[src*="picto"] {
	filter: grayscale(1) brightness(1.5);
}

span.SearchHighlight, div mark
{
	background-color: var(--highlight-color);
}
.HomePage div.flex-tiles-container div.flex-tiles-item-3col-white-pop h2 a:hover
{
	color: #252626!important;
}
._Skins_global_css_topic_toolbar.mc-component .button.print-button .button-icon {
    background: var(--background-color-light) url(../../../Skins/Default/Stylesheets/Components/Images/global-css-print-grey-16_1.png) no-repeat center center!important;
}
._Skins_global_css_topic_toolbar.mc-component .button.expand-all-button .button-icon {
	background: var(--background-color-light) url(../../../Skins/Default/Stylesheets/Components/Images/global-css-expand-grey-16.png) no-repeat center center!important;
}
}