/* style for selfservice pages */

/* process or system pages  - header section */

	/*  .pageHeader.bg01 {src:url=;size;... specifically tuned image + size/position + selection hrough class in writing */
		.pageHeader {
			/*background-image: url('/sfsites/c/resource/SS_Graphics/img/pageHeader-bg03.svg#svgView(preserveAspectRatio(none))');
			background-origin: content-box;
			background-position: center;
			background-repeat: no-repeat;
			background-size: 50% 100%;
			color:white;*/
			/* margin: auto;*/
			min-height: 7vh;
			width: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
			/*text-shadow: 2px 2px 8px #000000;*/
			margin: 10px;
		}
	
		/* name of system on system pages (for process pages this heading is replaced by process menu) */
		.pageHeader h1 {
			/*display: block;*/
			/*height: 100%;*/
			margin: auto;
			padding: 20px;
			text-align: center;
			width: 80%;
		}
	
		.headerText {
			/*font-size: 1.5em;*/
			font-size: 21px;
			widows: 2;
			orphans: 2;
		}
	
		.headerText p {
			margin-bottom: 7px;
		}
	
		.headerText ul {
			columns: 2;
			-webkit-columns: 2;
			-moz-columns: 2;
			list-style-position: outside;
			list-style-type: square;
		}
	
		.headerText ul>li::marker {
			color: rgb(226, 0, 116) !important;
		}
		
		/* list overriders (cannot be used globaly - header line menu is also list )*/
		.forceCommunityRichText .headerText ul>li:before {
			content: '\FFED' !important;
			color: rgb(226, 0, 116) !important;
		}
	
		.logo {
			height: auto;
			max-height: 25vh;
			max-width: 100%;
			object-fit: contain;
			width: 100%;
		}
	
	/* process or system pages  - status */
	
		.statusText {
			/*font-size: 1.5em;*/
			font-size: 21px;
		}
	
	
	/* process or system pages  - quicklinks */
		.quickLinksText p {
			/*font-size: 1.5em;*/
			font-size: 21px;
			margin-left: 1em;
		}
	
		.quickLinksText p::before {
			color: rgb(226, 0, 116);
			content: "❯ ";
			display: inline-block;
			margin-left: -1em;
			width: 1em;
		}
	
	/* global link styling */
	
		.extLink::after {
			background-image: url('/sfsites/c/resource/SS_Icons/img/external-link.svg');
			background-size: 1em 1em;
			content: "";
			display: inline-block;
			height: 1em;
			margin-left: 0.2em;
			width: 1em;
		}
	/* style all font size */
		.siteforceThemeLayoutStarter {
			font-size: 21px !important;
		}
		/* fix search box layout broken by increased font size */
		.cypressInnerHeader.commThemeCmp.forceCommunityThemeSearch {
    		font-size: 18px !important;
		}
	
		.topicArticleList span {
			font-size: 21px;
		}
	
	/* global page style */
	
	
	
		/*.siteforceDesignTimeSection {
			/*background-color: #FFFFFF;*/  /*backup w/o transparency*/
			/*background-color: rgba(255,255,255,0.8);*/
			/*border-top: 1px solid #bbb;*/
		/*}*/
	
		/*for flexible layouts*/
		/*.cb-section_row {*/
		/*.forceCommuntitySection { */
		.cb-section_background {
			background-color: #FFFFFF !important;
			/*backup w/o transparency*/
			background-color: rgba(255, 255, 255, 0.75) !important;
			border-top: 1px solid #bbb !important;
			box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.4) !important;
		}
	
		/* for classic layout legacy pages*/
		.siteforceContentArea {
			background-color: #FFFFFF !important;
			/*backup w/o transparency*/
			background-color: rgba(255, 255, 255, 0.75) !important;
			border-top: 1px solid #bbb !important;
			box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.4) !important;
		}
	
		
		.commonFooter {
			text-align: center;
			margin: 1em;
		}
	
	
	
	input::placeholder {
		color: #DDDDDD;
	}
	
	/* link looking like a button */
		.linkButton {
			border-radius: 3px;
			background-color: rgb(226, 0, 116);
			color: white;
			display: block;
			font-size: 21px;
			font-weight: bold;
			padding: 5px;
			text-align: center;
			text-transform: uppercase;
			width: 100%;
		}
	
		.linkButton.fixedWidth {
			width: 120px;
		}
	
		.linkButton img {
			height: 3em;
			margin-bottom: -15px;
			margin-top: -15px;
			width: auto;
		}
	
		a.linkButton {
			color: white !important;
			text-decoration: none;
		}
	
		a.linkButton:visited {
			color: white !important;
			text-decoration: none;
		}
	
		a.linkButton:hover {
			color: white !important;
			text-decoration: none;
		}
	
/* global */
	span .keyPress {
		/* for UI tips hinting at key shortcuts or otherwise instructing what to press*/
		background-color: #eee;
		border: 1px solid #ccc;
		border-radius: 3px;
		box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
		color: #333;
		display: inline-block;
		font-size: 1em;
		padding: 0.1em;
		text-align: center;
	}