/* CSS File to style the NGFT FRAT/WOPRA Tool Front-End */
/* FRAT Styling */

.wrapper .assess {
	margin-bottom: 40px;
	border-top: 3px solid #536A86;
}

.wrapper .assess h3 {
	color: #ffffff;
	font-size: 1.3em;
	background-color:#536A86;
	line-height: 2em;
	padding-left: 20px;
	margin-top: 0.2em;
}

.wrapper .assess h3 .info {
	font-size: 0.7em;
}

.wrapper .assess h4 {
	font-size: 1.2em;
	padding: 0 0 0 5px;
	background-color: #536A86;
	margin-top: 0.2em;
}

.wrapper .assess .group {
	background-color: #F5F5F5;
	padding: 1%;
}

.wrapper .assess .group .item {
	border-bottom: 1px solid #B6C2D1;
}

.wrapper .assess .group .select .options {
	margin-bottom: 5px;
	display: flex;
}

.wrapper .assess .group .select .option {
	flex-basis: 100%;
}

.wrapper .assess .group .select .option:not(:last-child) {
	padding-right: 10px;
	border-right: 1px dotted #B6C2D1;
	margin-right: 5px;
}

.wrapper .assess .group .select .option label:hover, .wrapper .assess .group .tag label:hover {
	background-color: #B6C2D1; 
}

.wrapper .assess .group .select .option label {
	text-align: justify;
}

.wrapper .assess .group .tag label {
	margin-bottom: 5px;
	font-size: 1.1em;
	font-weight: bold;
}

.wrapper .assess .group .tag {
	margin-bottom: 5px;
}

.wrapper .assess .asmt {
	margin-top: 60px;
	border-top: 3px solid #536A86;
}

.wrapper .assess .asmt .mitigations {
	margin-top: 20px;
}

.wrapper .assess .asmt .mitigations .mitigation {
	margin-bottom: 10px;
	padding: 5px;
	
}

.wrapper .assess .asmt .mitigations .mitigation span:first-child {
	padding-right: 10px;
	font-size: 0.9em;
}

.wrapper .assess .asmt .mitigations .mitigation:hover {
	background-color: #B6C2D1;
}

.wrapper .assess .asmt .mitigations .mitigation.selected:hover {
	background-color: #7294B9;
}

.wrapper .assess .asmt h3, .wrapper .assess .asmt h4, .wrapper .assess .asmt .mitigations h4 {
	font-size: 1.4em;
	background-color:#536A86;
	line-height: 2em;
	color: #ffffff;
	padding-left: 20px;
	margin-top: 0.2em;
	margin-bottom: 0.5em;
}

.wrapper .assess .asmt > h4 {
	margin-top: 40px !important;
}


.wrapper .assess .asmt .level {
	height: 3em;
	padding-left: 5px;
	font-size: 1.5em;
	color: #ffffff;
}

.wrapper .assess .asmt .score {
	font-size: 1.3em;
}

.wrapper .assess .asmt .result .score.range {
	top: 2em;
}

.wrapper .assess .mitigations button, .group button {
	background-color: #B6C2D1;
}

/*  Risk Level Highlighting */
.result .levels .level {
	opacity: 0.33;
}

.asmt .result .levels .level.selected {
	opacity: 1;
}

/* ------------------------------------------------------- */
/* Config Styling */

/* Multiple Choice */

.config .group .item {
	padding-bottom: 20px;
	border-bottom: 2px dotted #B6C2D1;
}

.config .group .select .option, .threshold {
	margin-bottom: 20px;
	padding: 10px;
	background-color: #F5F5F5;
}

/* ------------------------------------------------------- */
/* WOPRA Styling */

.wrapper .wopra.assess h3, .wrapper .wopra.assess .asmt h3, .wrapper .wopra.assess .asmt h4, .wrapper .wopra.assess .asmt .mitigations h4 {
	background-color:#FF9B0D;
	color: #000000;
}