@CHARSET "US-ASCII";

/* Original RWTH-MODS */
:root {
	/*
	 * How much space there is around every input.
	 * Used for calculating the widths for multiple inputs in a row.
	 * Example: width = 'calc(var(--input-width-mod) + 50em)'
	 */
	--input-spacing: calc(1.3em + 4px);
	--input-width-mod: calc(var(--input-spacing) * -1);
}

blockquote.quoteLine {
	border-left: .25em solid #e3eaee;
	padding: .25em 0 .25em .5em;
}

.rwth.vspace {
	display: block;
	width: 0;
	height: 3em;
	clear: both;
	float: none;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: 0 none;
	outline: 0 none;
	visibility: hidden;
}
.rwth.vspace.small {
	height: 1.5em;
}


.rwth.helptext p:last-child {
	margin-bottom: 0;
}

.rwth.helptext.w-form {
	max-width: 50em;
}
.rwth.helptext > table:only-child th,
.rwth.helptext > table:only-child td {
	padding: .1em .25em;
}

.rwth.panel-headline {
	margin: 0 auto 1em auto;
	text-align: center;
}

.rwth.Header {
	--header-height: 5rem;
	display: flex;
	justify-content: space-around;
	align-items: center;
	padding: 0;
	/* margin: 0; */
}
.rwth.Header > * {
	max-height: var(--header-height);
	font-size: 1.2em;
	padding: 0;
	margin: 0;
}
.rwth.Header > h1,
.rwth.Header > h2 {
	flex-grow: 1;
	padding-left: 2em;
}
.rwth.Header > .logo {
	height: var(--header-height);
	flex-grow: 0;
	flex-shrink: 0;
	width: fit-content;
	max-width: fit-content;
	overflow: hidden;
}
.rwth.Header > .logo > img {
	padding: 0;
	margin: 0;
	height: 100%;
	width: auto;
	object-fit: contain;
}

footer .build-version {
	font-size: .8em;
	color: #666;
	margin: 0 .2em;
	display: inline-block;
}

ul.footerLegal {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.footerLegal > li {
	display: inline-block;
	margin: .25em 1em;
}
.export-only {
	display: none !important;
}
/* End Original RWTH-MODS */

html {
	height: 100%;
	scroll-padding-top: 125px;
}

.logoicon {
	max-height: 90%;
	max-width: 90%;
	vertical-align: middle;
	float: right;
}

.jFormComponentLabelRequiredStar{
	color: red;
}

/*remove lefthand padding for application forms on smaller screens / small windows*/
@media ( max-width : 1450px) {
	#mainForm{
		padding: 0;
		display: block;
	}
}

/* styling for hints and descriptions */
.fontsummary {
	font-size: 70%;
	margin-left: 1em;
	display: block;
}

.helptext {
	overflow: visible;
	padding-left: .25em;
}

/* appform description List for FAU explanations */
.descriptionlist-ac{
	display: grid;
	grid-template-columns: max-content auto;
}
  
.descriptionlist-ac dt {
	grid-column-start: 1;
    font-weight:normal;
}
  
.descriptionlist-ac dd {
	grid-column-start: 2;
	margin-left: 1em;
}

/* nationality selection (override from selectdialog) */
button.btn.btn-secondary.showSelectDialogButton {
	margin-left: 0;
	margin-bottom: 0;
}

.selectDialogCurrentSelection {
	font-family: inherit;
	font-size: 0.8em;
	background: rgb(238, 238, 238) url(../../jFormer/images/input-bg.gif) repeat-x scroll 0px 1px;
	border: 1px solid rgb(170, 170, 170);
	resize: none;
	padding: 3px 12px;
	display: block;
}

/* Federal State selection radio buttons */
.labelWidthFedstate{
	width: 12.5em;
	display: inline-block;
}

/* alignment adjustments for buttons */
.applistBottomButtonAC {
	height: 4rem;
	width: 18rem;
	padding: 1rem;
	/* background-color: #00549f; */
}

.btn.lonesavebutton {
	margin-left: 0em;
	margin-top: 2.0em;
	margin-bottom: 0.985em;
}

.btn.lonebutton {
	/* align lone button class vertically central inline with text fields */
	margin-bottom: 1.125em;
}

/* switch PI/PC button */
.applyAsButton{
	margin:-0.5rem;
	display: grid; 
	grid-template-columns: 1fr 2fr 1fr; 
	grid-gap: 0.5rem;
}

.applyAsButton div:nth-of-type(odd){ /*arrows*/
	font-size: 1.5rem; 
	margin: 0.1rem;
}

.applyAsButton div:nth-of-type(2){ /*label*/
	margin-top: 0.6rem;
}

/* adjustments for contrast*/
a {
	color: #00549f;
}

/* review approval color scheme additions*/
.orangestartcontingent {
	color: #fa8144;
}

.yellowcondapprove {
	color: #ffbf00;
}

.greyopen {
	color: darkslategrey;
}

/* review proposal page */
.reviewproposalrow {
	display: flex;
	flex-direction: row;
}

.reviewproposalrow > .jFormComponent {
	float: none;
}

.reviewproposalrow > .reviewproposalcol {
	display: flex;
	width: 35em;
}

.reviewproposalrow .reviewproposalcol:first-child {
	width: 20em;
	align-self: center;
}

.reviewproposalrow .reviewproposalcol:first-child:last-child {
	width: auto;
}

.reviewproposalrow .reviewproposalcol > div > select{
	width: 7em;
}

.reviewproposalrow > .reviewproposalcol > div {
	align-self: flex-end;
	overflow: visible;
}

.reviewproposalrow > .reviewproposalcol > .resourceprefix {
	width: auto;
}

/* Adjustments to make review pages Overview full width of page*/
.infoframe {
	position: relative;
	background: #FFF;
	outline: none;
	visibility: hidden;
	opacity: 0;
	transition:visibility 0s linear 0.4s,opacity 0.4s linear;
}

#userinfo {
	display: inherit;
	position: absolute;
	bottom: -0.5em;
	right: 0;
	text-decoration: none;
	color: black;
	cursor: pointer;
	width: 17%;
	padding-left: 0;
	text-align: left;
}

#userinfo:focus + .infoframe {
	visibility: visible;
	opacity: 1;
	transition-delay: 0s;
}

#userinfo:focus  .logoutinfont {
	visibility: hidden;
}

.infoframe:focus {
	visibility: visible;
	opacity: 1;
	transition-delay: 0s;
}

/* css for login tabs AC (academic cloud login) */
#academiccloud:checked ~ div div#nav-tab #academiccloud-tab {
	color: #495057;
	background-color: #fff;
	border-color: #dee2e6 #dee2e6 #fff;
}

#academiccloud:checked ~ div.tab-content #academiccloud-div {
	display: block;
	opacity: 1;
}