body {
	background: white
	color: black;
	font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
	font-size: 1em;
	font-weight: normal;
	line-height: normal;
}
div.page.track > .page-body > .contents {
	margin: 0;
}

.site-drawer.menu.light {
	background: #edf0f5;
}
.site-drawer.menu .separator {
	height: 0.25em;
    border-top: 1px solid #406090;
    margin-top: 0.25em;
}
.site-drawer.menu .menu {
	position: initial;
}
.site-drawer.menu .menu > ul {
	box-shadow: none;
}
.site-drawer.menu .menu > ul > li > a > *:first-child {
	margin-left: 1em;
}
.site-drawer .menu .menu > ul > li > a > *:first-child {
	margin-left: 2em;
}

.breadcrumb {
	background: #edf0f5;
}
.breadcrumb > ul > li.breadcrumb-right-button > a,
.breadcrumb > ul > #options-menu > a{
	background: transparent;
    color: #436aa2;
    margin: 0;
    padding-left: 1em;
    padding-right: 1em;
    box-shadow: none;
}
.breadcrumb > ul > li {
	z-index: 1;
}
.menu .exclude {
	display: none;
}

header {
	z-index: 300;
}
@media only screen and (min-height: 500px) {
	header {
		position: sticky;
		top: 0;
		box-shadow: rgba(0,0,0,0.2) 0 0 5px 3px;
		background: white;
	}
}

.menu.top > ul > li:first-child {
	flex-shrink: 0;
}

.logo-item {
	height: 24px;
	vertical-align: middle;
}

.site-cover {
	display: block;
	padding: 20px;
	font-family: 'Poppins', sans-serif;
}

.site-content {
	flex-grow: 1;
	display: flex;
	flex-flow: column nowrap;
}
.site-content.content-toc-enabled {
	display: block;
}

.site-main {
	flex-grow: 1;
	display: flex;
	flex-flow: column nowrap;
}
.site-main > div {
	flex-grow: 1;
}

.site-main > .page.track::before {
/*    background-image: url(/app/Content/image/Background);*/
	background-color: transparent;
    background-size: auto;
    background-repeat: no-repeat;
    background-position-x: 0;
    background-position-y: 46px;
    content: " ";
    opacity: 0.2;
    position: absolute;
    top: -2px;
    left: 0;
    width: 100%;
    height: 100%;
}
.site-main > .page.track {
	background-image: none;
}
.site-main > .page.track > .page-body {
	z-index: 1;
}

.layout[class*="view_Track_"] .contents {
	max-width: initial !important;
}
[data-styleid="GnosisBlockStyle_recent_Kanban"] .kanban-column {
	border-radius: 6px !important;
}

/* Landing */
#page_landing, .landing-bg,    
.site-main > #page_gnosisprofile, .site-main > #page_login,
.site-main > #page_gnosiscareer {
	/*background: linear-gradient(180deg, rgba(52,99,131,1) 58%, rgba(255,255,255,1) 100%); */
	background-size: 100% 33em; 
	background-repeat: no-repeat;
	align-items: center;
}
.site-main #page_gnosisheaderPPPP {
	width: 100%;
}
.site-main > #page_login {
	align-items: center;
	padding-top: 1em;
}
@media only screen and (max-width: 800px) {
	.site-main > #page_landing, .site-main > .landing-bg, 
	.site-main > #page_gnosisprofile, .site-main > #page_login {
		background-size: 100% 45em; 
	}
}
#page_pageheader {
	position: relative;
}

/* Journal */
div.layout.view_Track_Show_Journal .site-main > .page.track::before {
    background-image: url(/app/Content/image/Journal);
	background-color: transparent;
    background-size: auto;
    background-repeat: no-repeat;
    background-position-x: 0;
    background-position-y: 46px;
    opacity: 0.2;
    content: " ";
    position: absolute;
    top: -2px;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Entry & Project */
div.layout.view_Track_Show_Project .site-main > .page.track::before,
div.layout.view_Track_Show_Entry .site-main > .page.track::before {
    background-image: url(/app/Content/image/Abstract);
	background-color: transparent;
    background-size: auto;
    background-repeat: no-repeat;
    background-position-x: 0;
    background-position-y: 46px;
    content: " ";
    opacity: 0.2;
    position: absolute;
    top: -2px;
    left: 0;
    width: 100%;
    height: 100%;
}


/* Projects & Templates */
div.layout.view_Track_Show_Projects .site-main > .page.track::before,
div.layout.view_Track_Show_Templates .site-main > .page.track::before/*,
[id^=page_recent]::before*/ {
    background-image: url(/app/Content/image/Abstract);
	background-color: transparent;
    background-size: auto;
    background-repeat: no-repeat;
    background-position-x: 0;
    background-position-y: 46px;
    content: " ";
    opacity: 0.8;
    position: absolute;
    top: -2px;
    left: 0;
    width: 100%;
    height: 100%;
}

/* In-Tray */
div.layout.view_Track_Show_Next .site-main > .page.track::before,
div.layout.view_Track_Show_InTray .site-main > .page.track::before {
    background-image: url(/app/Content/image/Abstract);
	background-color: transparent;
    background-size: auto;
    background-repeat: no-repeat;
    background-position-x: 0;
    background-position-y: 46px;
    opacity: 0.5;
    content: " ";
    position: absolute;
    top: -2px;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Agenda */
div.layout.view_Track_Show_Agenda .site-main > .page.track::before {
	background-image: url(/app/Content/image/Agenda);
	background-color: transparent;
    background-size: auto;
    background-repeat: no-repeat;
    background-position-x: 0;
    background-position-y: 46px;
    opacity: 0.1;
    content: " ";
    position: absolute;
    top: -2px;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Waiting */
div.layout.view_Track_Show_Waiting .site-main > .page.track::before {
    background-image: url(/app/Content/image/WaitingOn);
    background-size: 14em;
    background-position-y: 3em;
    background-position-x: 100%;
    content: " ";
    position: absolute;
    top: -2px;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    opacity: 0.2;
}

/* Someday */
div.layout.view_Track_Show_Postponed .site-main > .page.track::before {
    background-image: url(/app/Content/image/Someday);
    background-size: 16em;
    background-position-y: 3em;
    background-position-x: 100%;
    content: " ";
    position: absolute;
    top: -2px;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    opacity: 0.2;
}


div.layout.view_Track_Show_Postponed .site-main > .page.track > .page-body,
div.layout.view_Track_Show_Waiting .site-main > .page.track > .page-body,
div.layout.view_Track_Show_Agenda .site-main > .page.track > .page-body,
div.layout.view_Track_Show_Next .site-main > .page.track > .page-body,
div.layout.view_Track_Show_InTray .site-main > .page.track > .page-body,
div.layout.view_Track_Show_Journal .site-main > .page.track > .page-body {
	z-index: 1;
}
div.layout.view_Track_Show_Journal .site-main > .page.track,
div.layout.view_Track_Show_Next .site-main > .page.track,
div.layout.view_Track_Show_InTray .site-main > .page.track,
div.layout.view_Track_Show_Agenda .site-main > .page.track,
div.layout.view_Track_Show_Waiting .site-main > .page.track,
div.layout.view_Track_Show_Postponed .site-main > .page.track {
	background-image: none;
}


#app {
	position: relative;
	flex-grow: 1;
	display: flex;
	flex-flow: column nowrap;
	width: 100%;
}

footer {
	z-index: 10;
	background: #fff8;
    backdrop-filter: blur(1px);
}

.social-follow {
	padding: 8px;
	text-align: center;
	font-size: 12px;
	color: #909090;
	white-space: nowrap;
	overflow: hidden;
}
.social-follow > span, .social-follow > a {
	vertical-align: middle;
}
.social-follow > a {
	text-decoration: none;
	color: #406090;
}
.social-follow img {
	height: 18px;
	vertical-align: middle;
}
.social-follow img.youtube {
	height: 24px;
}
.social-follow > table {
	float: right;
	border: none;
}
@media screen and (min-width: 600px) {
	.social-follow > table {
		margin-left: -100%;
	}
}

footer .bottom-links {
	padding: 8px;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: flex-end;
	border-top: 1px solid lightsteelblue;
	overflow: hidden;
	font-size: 11px;
	color: steelblue;
}
footer .bottom-links a {
	margin: 0 0.4em 0 0;
	padding: 0;
}
footer .bottom-links a > img {
	vertical-align: middle;
}
footer .bottom-links .fill {
	min-width: 0.5em;
	flex-grow: 1;
}

footer .right {
	float: right;
	margin: 0 0 0 1em;
}

.scroll-top {
	z-index: 11;
	position: fixed;
	display: none;
	right: 20px;
	bottom: 20px;
	border-radius: 1em;
	box-shadow: rgba(0,0,0,0.6) 1px 1px 10px 0px;
	background: rgba(0,0,0,0.6);
}
.scroll-top > i {
	display: inline-block;
	color: #fff;
}
@media only screen and (min-height: 500px) {
	.scroll-top {
		bottom: 115px;
	}
}

.header-error-message {
	height: 64px;
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: red;
	color: white;
	text-align: center;
	opacity: 0.9;
	display: none;
}
.header-error-message {
	display: flex;
	flex-flow: nowrap;
	justify-content: flex-end;
	align-items: center;
	background: red;
	color: white;
	text-align: center;
	padding-left: 1em;
	height: 0;
	opacity: 0;
	pointer-events: none;
}
.header-error-message.header-error-message-visible {
	transition: height 1s, opacity 1s linear;
	height: initial;
	opacity: 0.9;
	pointer-events: all;
}
.header-error-message > span {
	flex-grow: 1;
	text-align: left;
}
.header-error-message > a {
	color: white;
	text-decoration: none;
	font-size: 2em;
	font-family: FontAwesome;
}

.cookie-consent {
	border-top: 1px solid lightsteelblue;
	background: rgb(240, 245, 200);
	color: black;
	font-size: 0.8rem;
	position: fixed;
	bottom: 0;
}
.cookie-consent > div:first-child {
	padding: 0.5em 0.8em;
}
.cookie-consent .buttons {
	text-align: right;
}
.cookie-consent .button.cookie-consent-accept {
	margin-top: 0;
	padding: 0.3em 1em;
	background: darkgreen;
}

/* TOC */
.site-content > .content-toc {
	padding: 4px;
	top: 6em;
}
@media only screen and (min-width: 800px) {
	.site-content > .content-toc {
		float: right;
		position: sticky;
		max-height: calc(100vh - 11em);
		max-width: 30%;
		overflow-x: hidden;
		overflow-y: auto;
	}
}
.site-content > .content-toc::before {
	content: "Table of Contents";
	height: 1em;
	font-size: 14pt;
	font-weight: bold;
	width: calc(100% - 0.95em);
	display: block;
	padding-top: 1em;
	color: #43618e;
}
.site-content > .content-toc a {
	color: #43618e;
	text-decoration: none;
}

/* price counters */

.site-main > div.no-payment-method-inline {
	flex-grow: 0;
}
.no-payment-method-inline > .page > .page-body > .contents {
	border: 1px solid red;
	background-color: #fee;
}
.no-payment-icon > a {
    background: #900000 !important;
    padding: 0.4em !important;
    font-weight: bold;
}

.userstat .stat-fraction > span {
    text-align: center;
}
.userstat .stat-fraction > span:first-child {
	border-bottom: 1px solid #aaa;
}
/*.userstat .stat-fraction > span {
	font-family: cursive;
}*/
.userstat .stat-fraction:last-child > span:first-child {
	border-bottom: 0;
}
.userstat .stat-inactive {
	color: #999;
}
.userstat .stat-fraction {
	display: inline-flex; 
	flex-direction: column;
    padding-left: 0.2em;
	padding-right: 0.3em;
}
.userstat .stat-total {
	font-size: 1.4em;
}
.userstat {
	font-size: 0.9em;
}
.userstat.anonymous { 
	display: none;
}
.menu > ul > li.userstat {
	opacity: 0;
}
.userstat > a {
	padding: 0.2em !important;
	color: rgb(160, 165, 173) !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#5a5a5a), to(#2d2c2c));
	background: linear-gradient(linear, left top, left bottom, from(#5a5a5a), to(#2d2c2c));
    border: 1px solid #444;
    box-shadow: inset 1px 1px 4px 0 #1b1b1b;
    position: relative;
}
.userstat > a > span {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
	color: #ccc;
	text-align: center;
}
.userstat > a > span > span {
	flex: 1;
	display: inline-flex;
    align-items: center;
    justify-content: center;
}
.userstat .fa-credit-card {
	display: none;
}
.stat-total {
	font-size: 1.2em;
	font-weight: bold;
	padding-left: 0.2em;
	padding-right: 0.2em;
}
.chart-tooltip {
	padding: 0.5em;
	box-shadow: 1px 1px 4px 0 #eee8;
}
.chart-tooltip * {
	white-space: nowrap;
}
tr.baseline td, tr.baseline th {
	border-bottom: 1px solid black;
}

.menu > ul > li > a.avatar {
	display: flex;
	align-items: center;
}
.avatar > img {
	border-radius: 50%;
	min-height: 50px;
	padding-right: 2px;
}
.avatar > span {
	padding: 0.5em;
}
.count {
    background: #406090;
    color: white;
    min-width: 1.6em;
    /* min-height: 1em; */
    border-radius: 1em;
    display: inline-block;
    text-align: center;
    float: right;
    font-size: 0.8em;
    padding: 0.12em;
}
.count:empty {
	display: none;
}

.site-drawer.menu ul > li > a > span:first-of-type {
	flex: 1;
}

/* tests */

.questionnaire-session .result .category > h3 {
	position: static;
}
.form-container {
	box-shadow: none;
	border-color: #ccc;
	background: #fafafa;
}

div.page-category {
    padding: 0;
}
.page-category > .tiles-title {
	display: block;
	background: none;
	box-shadow: none;
	color: inherit;
}
.page-category > .tiles-title > * {
	display: block;
	color: #999;
}
.page-category > .tiles-title > h3 {
	text-align: center;
	font-size: 2em;
}
.page-category > .tiles-title > .description {
	text-align: center;
	font-size: 1.4em;
}
.page-category > .tiles-title > .respondent {
	margin: 1em 0 1em 1em;
	float: right;
}

.resultcategory .contents {
    z-index: 0;
}

.resultcategory > .page-body > .contents > .block:first-child,
.resultcategory > .page-body > .contents > .ad:first-child + .block {
    position: relative;
    overflow: initial;
    color: #333;
    padding: 20px;
    margin-bottom: 20px;
    box-sizing: border-box;
    background: #FBF8F5;
}

.resultcategory .block:first-child::before,
.resultcategory .block:first-child::after {
    content: '';
    position: absolute;
    bottom: 12px;
    height: 16px;
    font-size: 16px;
    z-index: -1;
    box-shadow: none; /* 0 5px 5px 0 rgba(0,0,0, .5);*/
}

.resultcategory .block:first-child::before {
    left: 8px;
    width: 50%;
    background: none; /* #777;*/
    transform: rotate(-3deg);
}

.resultcategory .block:first-child::after {
    right: 8px;
    width: 50%;
    background: none; /* #777;*/
    transform: rotate(3deg);
}

.diagram {
    text-align: center;
}

.floating-diagram {
    float: right;
}
.floating-diagram img {
	max-width: unset !important;
}

.diagram > img, .diagram > svg, div.layout .diagram > img, div.layout .diagram > svg {
    max-width: 30em;
}

.play-header .quesion-start {
    text-align: center;
    font-size: 1.4em;
    font-weight: 600;
}

.question > .interactive > .cases > .case {
	background: darkblue;
	box-shadow: 2px 2px 10px 0px black;
}
.question > .interactive > .cases > .case.active {
	background: darkgreen;
	box-shadow: 2px 2px 10px 0px black;
}
.question > .interactive > .choices > .choice {
	/*background: #43618e;*/
	box-shadow: 2px 2px 10px 0px black;
}
.question > .interactive > .choices > .choice.selected {
	background: darkgreen;
	box-shadow: 2px 2px 10px 0px black;
}
.question > .interactive > .cases > .case > .choice,
.question > .interactive > .cases > .case.active > .choice {
	background: yellow;
	color: black;
}

.questionnaire-session.multi-questions {
	margin-bottom: 5em;
}

.questionnaire-session.table-mode .common-choices > .question-body,
.questionnaire-session.table-mode .common-choices > .interactive,
.questionnaire-session.multi-questions > .play-progress {
	position: sticky;
	top: 6em;
	background: white;
	z-index: 5;
}
.questionnaire-session.multi-questions > .play-progress {
	/*top: 3.5em;*/
	top: 0;
}
.questionnaire.quick .questionnaire-session.table-mode .question-body,
.questionnaire.quick .questionnaire-session.table-mode .interactive {
	top: 0;
}

.questionnaire-session .result > .legend .widget {
    /*max-width: 600px;*/
    max-width: 100%;
    height: initial;
}
.questionnaire-session .result > .score-description {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    margin: 1em;
}

.questionnaire-session .result > .score-description > * {
    max-width: 600px;
    text-align: left;
}

/* compat */
.questionnaire-session .result > .legend [class^="google-chart"] {
    height: 200px;
}
.questionnaire-session .review  .result > .legend .widget {
    max-width: 350px;
}
.questionnaire-session .review .result > .legend .widget {
    width: initial;
}

/* TOC */
.layout > .content-toc {
	padding: 4px;
	top: 6em;
}

@media only screen and (min-width: 800px) {
  .layout > .content-toc {
	float: right;
    position: sticky;
	max-height: calc(100vh - 11em);
	max-width: 30%;
	overflow-x: hidden;
	overflow-y: auto;
  }
}


.layout > .content-toc::before {
    content: "Table of Contents";
    height: 1em;
    /*background: #43618e;*/
    font-size: 14pt;
    font-weight: bold;
    width: calc(100% - 0.95em);
    display: block;
    padding-top: 1em;
    color: #43618e;
}

.layout > .content-toc a {
    color: #43618e;
    text-decoration: none;
}

/* TMP */
.widget-tooltip > .tooltip > img {
	min-width: 400px;
}

.questionnaire .questionnaire-session .play-progress .widget {
	margin-top: 6px;
}

.player .questionnaire-session .play-progress .widget {
  max-height: 20vh;
}
.player .questionnaire-session .play-progress .widget img {
  max-height: calc(100% - 1em);
  object-fit: contain;
}

.invite-request {
	display: flex !important;
}
.invite-request img {
	margin-right: 4px;
}
.invite-request > span {
	flex: 1;
}
.invite-request .fa-check-circle {
	color: green;
	margin: 0 0 0 .5em;
}
.invite-request .fa-times-circle {
	color: red;
	margin: 0 0 0 .5em;
}

/* hide ads */
.view_Track_Show_DecisionMatrix .adsbygoogle,
.view_Track_Show_PriorityEffort .adsbygoogle, 
.view_Track_Show_EffortDuration .adsbygoogle, 
.view_Track_Show_PriorityDuration .adsbygoogle {
	display: none !important;
}

.ad, .ads {
	width: 250px;
	min-height: 250px;
}

.mbtipercentage {
	float: left;
	width: 9.5em;
}

.flex-row {
	display: flex;
	flex-flow: row wrap;
}
.flex-row > * {
	width: 100%;
}
.flex-row > .col-6 { width: 50% !important; min-width: unset !important; }

.gnosischart {
	color: inherit;
	text-align: left;
}
.gnosischart-title {
	grid-column: 1/3;
	border-bottom: 3px solid black;
}
.gnosischart-row {
	grid-column: 1/3;
}
.gnosischart-desc {
	min-height: 5em;
	font-size: 0.8em;
}
.gnosischart-desc div {
	min-height: 1rem;
}
.gnosischart-desc img {
	height: 8em;
	min-width: 8em;
}
.gnosischart-desc ul {
	padding: 0;
}
.gnosischart-desc ul li {
	font-size: 0.9em;
	/*list-style: initial !important;*/
	color: #888;
	margin-bottom: 1em;
}
.gnosischart:not(.para) .gnosischart-desc, 
.gnosischart:not(.para) .gnosischart-desc > *:not(br) {
	margin-bottom: 1em;
}
/*.gnosischart-desc > div {
    hyphens: auto;
}*/
.gnosischart-group {
	grid-column: 1/3;
	border-bottom: 2px solid black;
	font-weight: bold;
	clear: both;
}
.gnosischart-key {
	white-space: nowrap; 
	font-weight: bold; 
	border-bottom: 1px solid #888;
	/*display: flex;*/
	flex-flow: row wrap;
	clear: both;
}
.gnosischart-value {
    float: right;
    /*border-bottom: 1px solid #888;*/
    display: inline-block;
    font-weight: normal;
    flex: 1;
	text-align: right;
	white-space: pre-line;
}
.gnosischart-sub {
	font-weight: normal;
	clear: both;
}
.gnosischart-sub.gnosischart-key {
	padding-left: 2em !important;
}
.gnosischart .left.picture {
	margin: 0 .5em;
	min-height: 5em;
	float: left;
}
.gnosischart .right.picture {
	float: right;
}
.gnosischart-results {
	display: none;
}
.gnosischart .picture.left.percentage {
	width: 8em;
	margin-right: 2em !important;
	shape-outside: circle(51.68% at 47.93% 52.5%);
}
.gnosischart .picture.right.percentage {
	width: 8em;
	margin-left: 2em !important;
	shape-outside: circle(54.09% at 58.93% 52.5%);
	margin-bottom: .5em !important;
}

.gnosischart-sub {
	position: relative;
}
.gnosischart-sub.gnosischart-key > img,
.gnosischart-sub.gnosischart-key > picture > img {
    height: 1em;
    position: absolute;
    top: 0;
    left: 1em;
}

.gnosischart-desc .left {
    shape-outside: circle(47.03% at 59.89% 48.52%);
    margin-right: 1em !important;
}
.gnosischart-keyicon {
	width: 1.5em; 
	text-align: center; 
	position: absolute; 
	left: .5em; 
	top: 0;
}
.gnosischart-popup {
	white-space: normal;
	font-size: .8em;
}
.gnosischart-popup ul li {
	margin-bottom: .5em;
}

.gnosischart.para {
    text-align: justify;
}
.gnosischart.para ul {
    margin: 0.5em;
}
.gnosischart.para li {
    margin-bottom: 0.5em;
}

.compare-header {
	flex: 1; 
	text-align: center; 
	align-items: center; 
	display: flex; 
	justify-content: center;
	border-bottom: 1px solid black;
}
.compare-header img {
	height: 2em; 
	border-radius: 4px;
}

/* hack for assessments page that has ads */
.tile {
	height: 209px;
    top: -.3em;
}
.tile .title {
	white-space: initial;
	text-overflow: initial;
}
.tile .widget {
    /*padding: .5em;*/
}
.tile img {
	object-fit: contain !important;
}


.list-item.track-item {
	margin-top: 1em;
	border-bottom: 1px dashed #ddd;
}

.page-category #questionnaire_disc12 > .page-body {
    display: none;
}

text.svg-contrast-text {
	/*fill: #fffa !important;
    mix-blend-mode: difference;*/
    fill: white !important;
    text-shadow: 0.5px 0.5px 1.5px black, -0.5px -0.5px 1.5px black;
}