:root{
	/***************/
	/* CORE COLORS */
	/***************/
	--primary-color: #4d4d4d;
	--secondary-color: #FD7326;
	/* used solely for tile boxes */
	--ternary-color: #37BE82;
	--quarternary-color: #FAB432;
	--quinary-color: #5D5D5D;
	--senary-color: #B690C1;

	/* Greyscale */
	--white: #ffffff;
	--grey-10pc: #f2f2f2;
	--grey-30pc: #afb0b2;
	--grey-50pc: #808080;
	--grey-70pc: #34383c;
	--grey-90pc: #1a1a1a;
	--black: #000000;

	/***************/
	/*    FONTS    */
	/***************/

	/* Font family and sources must still be defined inside common.css
	 * It is not possible to use variables within a @font-face definition sadly
	 */
	--header-font-fallbacks: "Segoe UI", Segoe;
	/*, "Museo W01", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important;*/
	--main-font-fallbacks: "Segoe UI", Segoe;
	/*, "Museo Sans W01", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important;*/
	--sew-course-font: "Segoe UI", Segoe;

	/***************/
	/*    UNIT VALUES    */
	/***************/

	--process-chainchild-width: 210px;


	/***************/
	/* CORE STYLES */
	/***************/

	/* Main text colors */
	--main-text: var(--grey-90pc);
	--header-text: var(--grey-70pc);

	--property-title: var(--grey-50pc);
	--property-text: var(--grey-70pc);

	--hyperlink: var(--grey-50pc);
	--hyperlink-hover: var(--primary-color);

	--node-class-text: var(--black);

	/* Buttons */
	--btn-bg: var(--primary-color);
	--btn-bg-hover: var(--secondary-color);
	--btn-bg-disabled: var(--grey-30pc);
	--btn-font-color: var(--white);
	--btn-font-color-disabled: var(--grey-10pc);

	--btn-close-icon: var(--secondary-color);
	--btn-close-hover-bg: var(--secondary-color);
	--btn-close-hover-icon: var(--white);

	/* Sections */
	--subsection-separator: var(--grey-30pc);
	--section-background: var(--grey-10pc);
	--section-border: var(--grey-10pc);
	--section-title: var(--grey-30pc);
	--section-title-hover: var(--secondary-color);
	--section-border-bottom: var(--grey-50pc);
	--section-icon: var(--grey-50pc);
	--section-icon-hover: var(--secondary-color);

	--subsection-title: var(--grey-50pc);

	/* Deeplinks */
	--deeplink-icon: var(--grey-50pc);
	--deeplink-icon-hover: var(--secondary-color);

	/* New icon */
	--new-button-bg: var(--secondary-color);
	--new-button-text: var(--white);

	/***************/
	/*   NAVPANE   */
	/***************/
	--np-background: var(--white);

	--np-tile-bg: var(--white);
	--np-tile-icon: var(--secondary-color);

	--np-tile-hover: var(--secondary-color);
	--np-tile-hover-icon: var(--white);

	--np-tile-active: var(--secondary-color);
	--np-tile-active-icon: var(--white);

	--np-tile-caption: var(--grey-50pc);
	--np-tile-caption-hover: var(--white);

	--np-search-hover-active: var(--primary-color);
	--np-search-expand-hover: var(--white);
	--np-search-icon: var(--white);
	--np-search-expand-icon-hover: var(--primary-color);

	--np-profile-bg: var(--white);
	--np-profile-bg-hover: var(--secondary-color);
	--np-profile-text-hover: var(--white);
	--np-profile-icon: var(--secondary-color);
	--np-profile-icon-hover: var(--white);
	--np-profile-user-text: var(--grey-50pc);
	--np-profile-user-text-hover: var(--white);

	--np-submenu-bg: var(--white);
	--np-menu-item: var(--grey-50pc);
	--np-menu-item-hover: var(--secondary-color);

	/* Mobile */
	--np-mobile-small-tile-bg: var(--white);
	--np-mobile-small-tile-icon: var(--grey-50pc);

	--np-mobile-search-expand-hover: var(--primary-color);
	--np-mobile-search-expand: var(--white);
	--np-mobile-search-expand-icon: var(--secondary-color);
	--np-mobile-search-expand-icon-hover: var(--white);

	/***************/
	/*  ENTITYBOX  */
	/***************/

	--eb-background: var(--primary-color);
	--eb-background-hover: var(--secondary-color);
	--eb-background-disabled: var(--grey-30pc);

	--eb-node-icon: var(--white);
	--eb-comment-icon: var(--white);

	/* New button background uses the inverse of the entity box background by default */
	--eb-new-icon: var(--white);
	--eb-new-icon-hover: var(--grey-50pc);

	--eb-title-color: var(--white);
	--eb-content-color: var(--white);

	/***************/
	/*  TILE BOX   */
	/***************/

	--tile-link-color: var(--white);

	--tile-color-one: var(--primary-color);
	--tile-color-two: var(--secondary-color);
	--tile-color-three: var(--ternary-color);
	--tile-color-four: var(--quarternary-color);
	--tile-color-five: var(--quinary-color);
	--tile-color-six: var(--senary-color);

	/***************/
	/*  DOCS BOX   */
	/***************/

	--doc-background: var(--primary-color);
	--doc-background-hover: var(--secondary-color);

	--doc-placeholder-bg: var(--grey-30pc);

	--doc-title-color: var(--white);
	--doc-text-color: var(--grey-50pc);
	--doc-details-bg: var(--white);

	/* New button background uses the inverse of the doc box background by default */

	--doc-format-icon-bg: transparent;
	--doc-format-icon-fill: var(--white);
	--doc-format-icon-hover-fill: var(--secondary-color);

	--doc-content-file-formats: var(--grey-50pc);
	--doc-content-file-formats-hover: var(--secondary-color);

	--doc-elearning-options-bg: var(--white);
	--doc-elearning-options-text: var(--grey-50pc);
	--doc-elearning-options-text-hover: var(--secondary-color);

	--doc-comment-icon: var(--grey-50pc);
	--doc-comment-icon-hover: var(--secondary-color);

	--doc-progress-bg: #e3f0de;
	--doc-progress-pc: #74b65b;

	/* Doc Search Metadata */
	--doc-search-details-text: var(--grey-50pc);
	--doc-search-details-context-path: var(--grey-30pc);

	/***************/
	/*   SIDEBAR   */
	/***************/

	--sidebar-title: var(--grey-70pc);
	--sidebar-text: var(--grey-50pc);
	--sidebar-comment-icon: var(--grey-70pc);

	/***************/
	/*  COVER IMG  */
	/***************/

	--cover-img-border: var(--grey-30pc);
	--cover-img-icon: var(--grey-30pc);
	--cover-img-icon-hover: var(--secondary-color);

	/***************/
	/*    COURSE   */
	/***************/

	--course-bg-color: var(--white);
	--progress-caption: var(--grey-50pc);
	--progress-bg-color: #e3f0de;
	--progress-bar-color: #74b65b;

	/* Certificates */
	--cert-button-container-bg: transparent;
	--cert-button-container-text: var(--grey-70pc);
	--cert-input-bg: #ebeef1;
	--cert-dialog-text: var(--grey-90pc);

	--cert-view-bg: var(--white);
	--cert-title: var(--grey-50pc);
	--cert-result-table-text: var(--grey-90pc);
	--cert-result-summary-text: var(--secondary-color);

	/***************/
	/*   DOCUMENT  */
	/***************/

	/* Landing page */
	--instance-box-general-bg: var(--grey-50pc);
	--instance-box-general-bg-hover: var(--secondary-color);
	--instance-box-learning-bg: var(--primary-color);
	--instance-box-assess-bg: var(--secondary-color);
	--instance-box-document-bg: #b690c1;
	--instance-box-si-bg: #74b65b;
	--instance-box-exercise-bg: #fdc207;
	--instance-box-guide-bg: var(--grey-50pc);
	--instance-box-qac-bg: var(--grey-50pc);

	--instance-box-title: var(--white);
	--instance-box-type-icon: var(--white);
	--file-format-icon: var(--white);
	--file-format-icon-bg-hover: var(--white);
	--learning-file-format-icon-hover: var(--primary-color);
	--assess-file-format-icon-hover: var(--secondary-color);
	--document-file-format-icon-hover: #b690c1;
	--si-file-format-icon-hover: #74b65b;
	--exercise-file-format-icon-hover: #fdc207;
	--guide-file-format-icon-hover: var(--grey-50pc);
	--qac-file-format-icon-hover: var(--grey-50pc);

	--content-play-button-text: var(--white);
	--content-play-button-bg: var(--grey-50pc);
	--content-play-button-text-hover: var(--white);
	--content-play-button-bg-hover: var(--secondary-color);

	/***************/
	/*    EPSS     */
	/***************/

	--epss-page-bg: var(--white);

	--epss-search-bg: var(--grey-30pc);
	--epss-search-border: var(--primary-color);
	--epss-search-autocomplete-bg: var(--white);
	--epss-search-text: var(--grey-50pc);
	--epss-search-text-hover: var(--secondary-color);

	--epss-launchbar-bg: var(--grey-10pc);
	--epss-launchbar-related-bg: var(--grey-50pc);
	--epss-launchbar-related-hover: var(--secondary-color);

	--epss-related-link-feedback-bg: var(--grey-50pc);
	--epss-related-link-bg-hover: var(--secondary-color);

	--epss-psc-title: var(--primary-color);
	--epss-psc-title-hover: var(--secondary-color);

	--epss-result-bg: var(--grey-10pc);
	--epss-result-title: var(--grey-50pc);
	--epss-result-icon: var(--grey-50pc);
	--epss-result-title-hover-icon: var(--primary-color);
	--epss-result-icon-hover: var(--primary-color);
	--epss-glossary-icon: var(--grey-50pc);

	--epss-result-details: var(--grey-50pc);

	--epss-copy-clipboard: var(--primary-color);

	--epss-not-found-text: var(--grey-70pc);
	--epss-not-found-top-message: var(--primary-color);
	--epss-not-found-overlay-bg: var(--white);

	--epss-language-select: var(--primary-color);
	--epss-language-select-hover: var(--secondary-color);

	--epss-options-button-bg: var(--grey-30pc);
	--epss-options-button-icon-bg: var(--primary-color);
	--epss-options-button-bg-icon-hover: var(--secondary-color);

	/* More results */
	--epss-more-bg: transparent;
	--epss-more-link: var(--primary-color);
	--epss-more-link-hover: var(--secondary-color);

	/* Loading animation */
	--epss-loading-bg: var(--white);
	--epss-loading-circles:var(--primary-color);

	/* Content viewport */
	--viewport-bg: var(--white);
	--viewport-header-text: var(--primary-color);
	--viewport-header-bg: var(--grey-10pc);
	--viewport-header-text-hover: var(--white);
	--viewport-header-bg-hover: var(--primary-color);
	--viewport-transition-time: 800ms;

	/* Playback */
	--playback-button-bg: var(--grey-50pc);
	--playback-button-text: var(--white);
	--playback-button-bg-hover: var(--secondary-color);
	--playback-button-text-hover: var(--white);

	/***************/
	/*  GLOSSARY   */
	/***************/

	/* Header letters */
	--glossary-letter-text: var(--grey-50pc);
	--glossary-letter-text-active: var(--white);
	--glossary-letter-bg-active: var(--grey-50pc);
	--glossary-letter-text-hover: var(--white);
	--glossary-letter-bg-hover: var(--secondary-color);

	/* Content */
	--open-entry-border-bottom: var(--secondary-color);
	--categories-text-color: var(--grey-50pc);
	--glossary-entry-link: var(--grey-70pc);
	--glossary-entry-link-hover: var(--secondary-color);
	--glossary-list-letter-caption: var(--grey-90pc);

	/* Mobile */
	--open-entry-border-mobile: var(--secondary-color);

	/***************/
	/*    GUIDE    */
	/***************/

	/* Ignored for now as deprecated */

	/***************/
	/*   LAYOUT    */
	/***************/

	/* EPSS */
	--epss-layout-header-bg: var(--white);
	--epss-layout-toolbar-border: var(--grey-30pc);
	--epss-layout-toolbar-btn-text: var(--grey-50pc);
	--epss-layout-toolbar-btn-text-hover: var(--grey-30pc);

	--epss-layout-headline-bg: var(--white);
	--epss-layout-h1-text: var(--grey-50pc);

	/* Standard layout */
	--layout-header-bg: var(--white);
	--layout-search-container-bg: var(--primary-color);

	--layout-content-wide-borders: var(--white);

	--layout-rating-caption: var(--property-text);

	--layout-comment-count: var(--white);
	--layout-comment-icon: var(--grey-70pc);
	--layout-comment-icon-hover: var(--secondary-color);

	--layout-headline-bg: var(--white);

	--layout-search-result-caption: var(--black);

	--layout-footer-text: var(--white);
	--layout-footer-bg: var(--grey-10pc);
	--layout-footer-link: var(--hyperlink);
	--layout-footer-link-hover: var(--hyperlink-hover);
	--layout-footer-backtotop: var(--grey-70pc);
	--layout-footer-backtotop-hover: var(--secondary-color);

	/***************/
	/*    LOGIN    */
	/***************/

	--login-box-bg: var(--white);
	--login-box-borders: var(--grey-30pc);
	--login-input-caption: var(--grey-50pc);

	/* Mobile */
	--login-mobile-bg: var(--white);

	/***************/
	/*   NEWSFEED  */
	/***************/

	--nf-form-border: var(--grey-30pc);
	--nf-initial-title-text: var(--grey-30pc);
	--nf-active-title-text: var(--header-text);
	--nf-initial-description-text: var(--grey-30pc);
	--nf-active-description-text: var(--main-text);

	--nf-toolbar-bg: var(--grey-10pc);

	--nf-language-select-bg: var(--white);
	--nf-language-select-text: var(--grey-50pc);
	--nf-language-select-text-hover: var(--secondary-color);

	--nf-timestamp: var(--grey-30pc);

	--nf-remove-icon: var(--secondary-color);
	--nf-remove-icon-hover: var(--white);
	--nf-remove-bg-hover: var(--secondary-color);

	/***************/
	/*   PASSWORD  */
	/***************/

	/* EPSS */
	--pw-epss-box-bg: var(--white);
	--pw-epss-borders: var(--grey-30pc);
	--pw-epss-welcome-text: var(--grey-50pc);
	--pw-epss-caption: var(--grey-50pc);

	--pw-epss-button-bg: var(--grey-50pc);
	--pw-epss-button-text: var(--white);
	--pw-epss-button-bg-hover: var(--secondary-color);

	/* Landing page */
	--pw-lp-button-bg: var(--grey-50pc);
	--pw-lp-button-text: var(--white);
	--pw-lp-button-bg-hover: var(--secondary-color);
	--pw-lp-caption: var(--grey-50pc);

	/* Normal */
	--pw-box-bg: var(--white);
	--pw-borders: var(--grey-30pc);
	--pw-welcome-text: var(--grey-50pc);
	--pw-caption: var(--grey-50pc);

	--pw-button-bg: var(--grey-50pc);
	--pw-button-text: var(--white);
	--pw-button-bg-hover: var(--secondary-color);

	/***************/
	/*   PROFILE   */
	/***************/

	--profile-default-avatar-icon: var(--grey-30pc);
	--profile-avatar-upload: var(--grey-50pc);
	--profile-avatar-upload-hover: var(--secondary-color);

	--profile-pw-reset: var(--grey-50pc);
	--profile-pw-reset-hover: var(--secondary-color);

	/***************/
	/*   PROCESS   */
	/***************/

	--process-role-link: var(--property-text);
	--process-role-link-hover: var(--property-text);
	--process-results-text: var(--property-text);

	/* Process chain */
	--process-chain-bg: var(--primary-color);
	--process-chain-bg-hover: var(--secondary-color);
	--process-chain-disabled: var(--grey-30pc);

	--process-chain-text: var(--white);
	--process-chain-text-hover: var(--white);
	--process-chain-text-disabled: var(--white);

	--process-chain-new-bg-hover: var(--grey-50pc);

	--process-tooltip-content-bg: var(--white);
	--process-tooltip-content-border: var(--grey-50pc);
	--process-tooltip-content-outline: var(--white);

	/* Mobile */
	--process-mobile-link-text: var(--white);
	--process-chain-mobile-bg: var(--primary-color);
	--process-chain-mobile-bg-hover: var(--secondary-color);
	--process-chain-mobile-disabled-bg: var(--grey-30pc);

	/***************/
	/*     QA      */
	/***************/

	--qa-bg: var(--white);
	--qa-search-bg: var(--white);
	--qa-authoring-text-bg: var(--white);

	--qa-search-submit-bg: var(--white);
	--qa-search-cancel-bg: var(--white);

	--qa-search-type-title: var(--header-text);
	--qa-search-type-title-subline: var(--grey-30pc);
	--qa-language-select-title: var(--property-title);
	--qa-language-select-hover: var(--secondary-color);

	--qa-result-bg: var(--grey-10pc);
	--qa-result-title: var(--header-text);

	--qa-start-button-hover: var(--secondary-color);

	--qa-more-results-text: var(--grey-50pc);
	--qa-more-results-text-hover: var(--secondary-color);
	--qa-more-results-bg-hover: var(--white);

	--qa-results-details-bg: var(--grey-10pc);
	--qa-results-details-text: var(--property-text);

	--qa-options-button-bg: var(--white);
	--qa-options-authoring-button-bg: var(--grey-30pc);
	--qa-options-page-bg: var(--grey-30pc);
	--qa-options-element: var(--property-text);
	--qa-options-back-bg: var(--grey-50pc);
	--qa-options-back-text: var(--white);
	--qa-options-back-bg-hover: var(--secondary-color);

	--qa-options-language-text-bg: var(--grey-50pc);
	--qa-options-language-text: var(--white);
	--qa-options-language-text-bg-hover: var(--secondary-color);
	--qa-options-language-text-hover: var(--white);

	--qa-options-on-off-bg: var(--grey-30pc);
	--qa-options-on-off-text:var(--grey-50pc);
	--qa-options-on-off-text-hover-checked: var(--white);
	--qa-options-on-off-bg-hover-checked: var(--grey-50pc);

	/***************/
	/*   RATING    */
	/***************/

	--rating-bg-white: var(--white);
	--rating-bg-grey: var(--grey-10pc);

	--rating-spreading-layer: var(--grey-50pc);
	--rating-spreading-layer-hover: var(--secondary-color);
	--rating-spreading-layer-readonly: var(--grey-30pc);
	--rating-spreading-layer-readonly-hover: var(--white);

	--rating-dot-frame: transparent;
	--rating-dot-white-frame: var(--white);
	--rating-dot-cover: var(--white);

	--rating-entity-dot-cover: var(--primary-color);
	--rating-entity-dot-cover-hover: var(--secondary-color);
	--rating-entity-dot-cover-disabled: var(--grey-30pc);

	--rating-separator: var(--grey-30pc);
	--rating-count-white: var(--white);
	--rating-count-blue: var(--grey-50pc);
	--rating-count-black: var(--grey-70pc);
	--rating-count-grey: var(--grey-30pc);

	/* EPSS ratings */
	--rating-normal: var(--grey-30pc);
	--rating-current: var(--primary-color);
	--rating-cover: var(--grey-10pc);
	--rating-fill: var(--secondary-color);

	/***************/
	/*    SEARCH   */
	/***************/

	--search-box-text: var(--grey-50pc);
	--search-box-text-hover: var(--primary-color);
	--search-box-autocomplete-bg: var(--white);

	--search-submit-border: var(--white);
	--search-submit-bg: transparent;
	--search-submit-bg-hover: var(--primary-color);

	--search-submit-icon: var(--primary-color);
	--search-submit-icon-hover: var(--white);

	--search-last-link-hover: var(--primary-color);
	--search-last-icon: var(--primary-color);
	--search-last-icon-hover: var(--white);
	--search-last-link-disabled: transparent;
	--search-last-icon-disabled: var(--grey-30pc);

	--search-result-filter-link: var(--grey-50pc);
	--search-result-filter-bg: var(--white);
	--search-result-filter-link-hover: var(--secondary-color);
	--search-result-filter-bg-hover: var(--white);
	--search-result-filter-active-link: var(--white);
	--search-result-filter-active-bg: var(--secondary-color);

	--search-result-filter-icon: var(--grey-50pc);
	--search-result-filter-icon-hover: var(--secondary-color);
	--search-result-filter-icon-active: var(--white);

	/***************/
	/*    TOPIC    */
	/***************/

	--topic-doc-list-outline: var(--grey-10pc);
	--topic-doc-list-bg: var(--grey-10pc);

	--topic-tile-gap: 10px;
    --topic-tile-minwidth: 170px;
	--topic-tile-aspect-ratio: 1;
}

@media screen and (max-width: 767px) {
	:root {
		--topic-tile-aspect-ratio: 0;
	}
}