/* Box sizing harmonization */
section,
fieldset,
div,
figure,
figcaption,
aside,
h1,
h2,
h3,
h4,
h5,
nav,
ul,
ol,
li,
p,
form,
input,
label,
select,
option,
textarea,
article,
legend,
img,
span,
a,
i {
	-o-box-sizing: border-box;
	/* Opera */
	-moz-box-sizing: border-box;
	/* Mozilla */
	-webkit-box-sizing: border-box;
	/* Chrome, Safari, Android,... */
	-ms-box-sizing: border-box;
	/* Internet Explorer */
	-khtml-box-sizing: border-box;
	/* Konqueror */
	box-sizing: border-box;
	/* Autres */
}

/* Placeholder harmonization */
::-webkit-input-placeholder {
	color: rgba(150, 150, 150, 1);
	opacity: 1;
}

:-moz-placeholder {
	color: rgba(150, 150, 150, 1);
	opacity: 1;
}

::-moz-placeholder {
	color: rgba(150, 150, 150, 1);
	opacity: 1;
}

:-ms-input-placeholder {
	color: rgba(150, 150, 150, 1);
	opacity: 1;
}

/* Colors */
@eds-green-75: rgba(145, 200, 190, 0.75);
@eds-green-50: rgba(145, 200, 190, 0.5);
@eds-green-25: rgba(145, 200, 190, 0.25);
@eds-green-5: rgba(145, 200, 190, 0.05);
@eds-green: rgba(145, 200, 190, 1);
@eds-green-hover: rgba(110, 195, 175, 1);
@smooth-grey: rgba(200, 200, 200, 1);
@black-85: rgba(0, 0, 0, 0.7);
@dark-grey: rgba(50, 50, 50, 1);
@dark-grey-hover: rgba(70, 70, 70, 1);
@old-white: rgba(250, 250, 250, 1);
@old-white-hover: rgba(240, 240, 240, 1);
@strong-red : rgba(210, 0, 0, 1);
@strong-red-hover : rgba(170, 0, 0, 1);
@eds-soft-opaline : rgba(145, 190, 180, 1);
@eds-dark-opaline : rgba(75, 125, 120, 1);
@eds-salmon: rgba(240, 145, 115, 1);
@eds-soft-salmon: rgba(245, 185, 165, 1);

/* Fonts */
@font-face {
	font-family: GeosansLight;
	src: url('GeosansLight.ttf');
}

@Geo: GeosansLight, calibri, arial, sans-serif;
@Calibri: calibri, arial, sans-serif;

/* Errors */
.error-container {
	position: relative;
	z-index: 999999;
	padding: 30px;
	background-color: #f8d7da;
	color: #721c24;
	border-radius: 5px;
	box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.1);
	font-family: Arial, sans-serif;
	font-size: 16px;
	margin: 20px auto;
	width: 95%;
	text-align: center;

	b {
		font-weight: bold;
	}
}

/* Captcha style */
.captcha_range {
	-webkit-appearance: none;
	appearance: none;
	/* Hides the slider so that custom slider can be made */
	width: 100%;
	/* Specific width is required for Firefox. */
	height: 22px;
	padding: 0;
}

.captcha_range::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
}

.captcha_range:focus {
	outline: none;
	/* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
}

.captcha_range::-ms-track {
	width: 100%;
	cursor: pointer;
	background: transparent;
	/* Hides the slider so custom styles can be added */
	border-color: transparent;
	color: transparent;
}

.captcha_range::-webkit-slider-thumb {
	-webkit-appearance: none;
	width: 22px;
	height: 22px;
	border: 0;
	border-radius: 0;
	background: rgba(80, 186, 146, 1);
	cursor: pointer;
	margin-top: -3px;
}

.captcha_range::-moz-range-thumb {
	width: 22px;
	height: 22px;
	border: 0;
	border-radius: 0;
	background: rgba(80, 186, 146, 1);
	cursor: pointer;
	margin-top: -14px;
}

.captcha_range::-ms-thumb {
	width: 22px;
	height: 22px;
	border: 0;
	border-radius: 0;
	background: rgba(80, 186, 146, 1);
	cursor: pointer;
	margin-top: 0px;
}

.captcha_range::-webkit-slider-runnable-track {
	width: 100%;
	height: 20px;
	cursor: pointer;
	background: rgba(255, 255, 255, 1);
	border-radius: 2px 2px 0px 0px;
	margin-bottom: -5px;
}

.captcha_range:focus::-webkit-slider-runnable-track {
	background: rgba(255, 255, 255, 1);
}

.captcha_range::-moz-range-track {
	width: 100%;
	height: 22px;
	cursor: pointer;
	background: rgba(255, 255, 255, 1);
	border-radius: 2px 2px 0px 0px;
}

.captcha_range::-ms-track {
	width: 100%;
	height: 22px;
	cursor: pointer;
	background: rgba(255, 255, 255, 1);
	border-color: transparent;
	border-width: 0;
	border-radius: 2px 2px 0px 0px;
	color: transparent;
}

.captcha_range::-ms-fill-lower {
	background: 0;
	border: 0;
	border-radius: 0;
}

.captcha_range:focus::-ms-fill-lower {
	background: 0;
}

.captcha_range::-ms-fill-upper {
	background: 0;
	border: 0;
	border-radius: 0;
}

.captcha_range:focus::-ms-fill-upper {
	background: 0;
}

/* Responsivité */

@media screen and (max-width : 600px) {

	#leftSlider .box h3,
	#leftSlider .boxChild h4 {
		display: none;
	}

	#constructionSection {
		left: 75px;
	}

	#centralSection h2,
	#centralSection h3,
	#centralSection h4 {
		left: -999999px;
	}

	#centralSectionShort {
		padding: 5px 5px 35px 70px;
	}

	#centralSection .button_1 {
		left: 80px;
	}

	header nav #user_name {
		display: none;
	}

	.graph_1 {
		height: 200px;
	}

	.graph_1 .graph {
		bottom: 199px;
	}

	.graph_1_abs .abs .absLong,
	.graph_1_abs .abs2 .absLong {
		display: none;
	}

	.graph_1_abs .abs .absShort,
	.graph_1_abs .abs2 .absShort {
		font-size: 0px;
	}

	.table_1,
	.table_2 {
		display: none;
	}

	.table_1 td,
	.table_2 td {
		padding: 0px 10px 0px 10px;
	}

	.table_1 th,
	.table_2 th {
		padding: 0px 10px 0px 10px;
	}

	#dashboardZoomWindow .title,
	#dashboardZoomWindow .subtitle {
		width: 0px;
		margin-left: 0px;
	}

	#aboutBox .body,
	#welcomeBox .body {
		width: 220px;
	}

	#form .formWrapper,
	#alertForm .formWrapper {
		max-width: 400px;
		width: 100%;
	}

	#form .topBlock,
	#alertForm .topBlock {
		width: 340px;
		margin-left: -170px;
	}

	#form .formTitleBar,
	#alertForm .formTitleBar {
		display: none;
	}

	#form .formIcon,
	#alertForm .formIcon {
		opacity: 0;
	}

	#form_1 .topBar {
		text-align: center;
	}
}

@media screen and (max-width : 800px) and (min-width : 600px) {

	#leftSlider .box h3,
	#leftSlider .boxChild h4 {
		display: none;
	}

	#constructionSection {
		left: 75px;
	}

	#centralSection h2,
	#centralSection h3,
	#centralSection h4 {
		left: 80px;
	}

	#centralSectionShort {
		padding: 5px 5px 35px 70px;
	}

	#centralSection .button_1 {
		left: 80px;
	}

	header nav #user_name {
		display: none;
	}

	.graph_1 {
		height: 200px;
	}

	.graph_1 .graph {
		bottom: 199px;
	}

	.graph_1_abs .abs .absLong,
	.graph_1_abs .abs2 .absLong {
		display: none;
	}

	.graph_1_abs .abs .absShort,
	.graph_1_abs .abs2 .absShort {
		font-size: 13px;
	}

	.table_1,
	.table_2 {
		font-size: 12px;
	}

	.table_1 td,
	.table_2 td {
		padding: 0px 10px 0px 10px;
	}

	.table_1 th,
	.table_2 th {
		padding: 0px 10px 0px 10px;
	}

	#dashboardZoomWindow .title,
	#dashboardZoomWindow .subtitle {
		width: 350px;
		margin-left: -175px;
	}

	#aboutBox .body,
	#welcomeBox .body {
		width: 400px;
	}

	#form .formWrapper,
	#alertForm .formWrapper {
		width: 500px;
	}

	#form .topBlock,
	#alertForm .topBlock {
		width: 440px;
		margin-left: -220px;
	}

	#form_1 .topBar {
		text-align: right;
	}
}

@media screen and (max-width : 1000px) and (min-width : 800px) {

	#leftSlider .box h3,
	#leftSlider .boxChild h4 {
		display: none;
	}

	#constructionSection {
		left: 260px;
	}

	#centralSection h2,
	#centralSection h3,
	#centralSection h4 {
		left: 265px;
	}

	#centralSectionShort {
		padding: 5px 5px 35px 70px;
	}

	#centralSection .button_1 {
		left: 80px;
	}

	header nav #user_name {
		display: inline-block;
	}

	.graph_1 {
		height: 250px;
	}

	.graph_1 .graph {
		bottom: 249px;
	}

	.graph_1_abs .abs .absLong,
	.graph_1_abs .abs2 .absLong {
		display: none;
	}

	.graph_1_abs .abs .absShort,
	.graph_1_abs .abs2 .absShort {
		font-size: 14px;
	}

	.table_1,
	.table_2 {
		font-size: 12px;
	}

	.table_1 td,
	.table_2 td {
		padding: 0px 10px 0px 10px;
	}

	.table_1 th,
	.table_2 th {
		padding: 0px 10px 0px 10px;
	}

	#dashboardZoomWindow .title,
	#dashboardZoomWindow .subtitle {
		width: 500px;
		margin-left: -250px;
	}

	#aboutBox .body,
	#welcomeBox .body {
		width: 400px;
	}

	#form .formWrapper,
	#alertForm .formWrapper {
		width: 600px;
	}

	#form .topBlock,
	#alertForm .topBlock {
		width: 540px;
		margin-left: -270px;
	}

	#form_1 .topBar {
		text-align: right;
	}
}

@media screen and (max-width : 1300px) and (min-width : 1000px) {

	#leftSlider .box h3,
	#leftSlider .boxChild h4 {
		display: inline-block;
	}

	#constructionSection {
		left: 260px;
	}

	#centralSection h2,
	#centralSection h3,
	#centralSection h4 {
		left: 265px;
	}

	#centralSectionShort {
		padding: 5px 5px 35px 70px;
	}

	#centralSection .button_1 {
		left: 265px;
	}

	header nav #user_name {
		display: inline-block;
	}

	.graph_1 {
		height: 250px;
	}

	.graph_1 .graph {
		bottom: 249px;
	}

	.graph_1_abs .abs .absLong,
	.graph_1_abs .abs2 .absLong {
		display: none;
	}

	.graph_1_abs .abs .absShort,
	.graph_1_abs .abs2 .absShort {
		font-size: 14px;
	}

	.table_1,
	.table_2 {
		font-size: 11px;
	}

	.table_1 td,
	.table_2 td {
		padding: 0px 5px 0px 5px;
	}

	.table_1 th,
	.table_2 th {
		padding: 0px 5px 0px 5px;
	}

	#dashboardZoomWindow .title,
	#dashboardZoomWindow .subtitle {
		width: 750px;
		margin-left: -375px;
	}

	#aboutBox .body,
	#welcomeBox .body {
		width: 400px;
	}

	#form .formWrapper,
	#alertForm .formWrapper {
		width: 600px;
	}

	#form .topBlock,
	#alertForm .topBlock {
		width: 540px;
		margin-left: -270px;
	}

	#form_1 .topBar {
		text-align: right;
	}
}

@media screen and (max-width : 1600px) and (min-width : 1300px) {

	#leftSlider .box h3,
	#leftSlider .boxChild h4 {
		display: inline-block;
	}

	#centralSection h2,
	#centralSection h3,
	#centralSection h4 {
		left: 265px;
	}

	#centralSectionShort {
		padding: 5px 5px 35px 70px;
	}

	#centralSection .button_1 {
		left: 265px;
	}

	header nav #user_name {
		display: inline-block;
	}

	.graph_1 {
		height: 250px;
	}

	.graph_1 .graph {
		bottom: 249px;
	}

	.graph_1_abs .abs .absLong,
	.graph_1_abs .abs2 .absLong {
		display: block;
		font-size: 13px;
	}

	.graph_1_abs .abs .absShort,
	.graph_1_abs .abs2 .absShort {
		font-size: 14px;
	}

	.table_1,
	.table_2 {
		font-size: 14px;
	}

	.table_1 td,
	.table_2 td {
		padding: 0px 10px 0px 10px;
	}

	.table_1 th,
	.table_2 th {
		padding: 0px 10px 0px 10px;
	}

	#dashboardZoomWindow .title,
	#dashboardZoomWindow .subtitle {
		width: 1000px;
		margin-left: -500px;
	}

	#aboutBox .body,
	#welcomeBox .body {
		width: 400px;
	}

	#form .formWrapper,
	#alertForm .formWrapper {
		width: 600px;
	}

	#form .topBlock,
	#alertForm .topBlock {
		width: 540px;
		margin-left: -270px;
	}

	#form_1 .topBar {
		text-align: right;
	}
}

@media screen and (min-width : 1600px) {

	#leftSlider .box h3,
	#leftSlider .boxChild h4 {
		display: inline-block;
	}

	#constructionSection {
		left: 260px;
	}

	#centralSection h2,
	#centralSection h3,
	#centralSection h4 {
		left: 265px;
	}

	#centralSectionShort {
		padding: 5px 5px 35px 70px;
	}

	#centralSection .button_1 {
		left: 265px;
	}

	header nav #user_name {
		display: inline-block;
	}

	.graph_1 {
		height: 300px;
	}

	.graph_1 .graph {
		bottom: 299px;
	}

	.graph_1_abs .abs .absLong,
	.graph_1_abs .abs2 .absLong {
		display: block;
		font-size: 15px;
	}

	.graph_1_abs .abs .absShort,
	.graph_1_abs .abs2 .absShort {
		font-size: 14px;
	}

	.table_1,
	.table_2 {
		font-size: 14px;
	}

	.table_1 td,
	.table_2 td {
		padding: 0px 10px 0px 10px;
	}

	.table_1 th,
	.table_2 th {
		padding: 0px 10px 0px 10px;
	}

	.indice {
		font-size: 10px;
		position: relative;
		top: 2px;
	}

	#dashboardZoomWindow .title,
	#dashboardZoomWindow .subtitle {
		width: 1200px;
		margin-left: -600px;
	}

	#aboutBox .body,
	#welcomeBox .body {
		width: 400px;
	}

	#form .formWrapper,
	#alertForm .formWrapper {
		min-width: 600px;
		max-width: 800px;
	}

	#form .topBlock,
	#alertForm .topBlock {
		width: 540px;
		margin-left: -270px;
	}

	#form_1 .topBar {
		text-align: right;
	}
}

/* ------- Alert style ------- */

.alertAnimation {
	-webkit-animation: alertAnimation 8s linear;
	-ms-animation: alertAnimation 8s linear;
	animation: alertAnimation 8s linear;
}

@-webkit-keyframes alertAnimation {
	0% {
		opacity: 1;
		top: 0;
		left: 0;
	}

	90% {
		opacity: 1;
		top: 0;
		left: 0;
	}

	99% {
		opacity: 0;
		top: 0;
		left: 0;
	}

	100% {
		opacity: 0;
		top: -999999px;
		left: -999999px;
	}
}

@-ms-keyframes alertAnimation {
	0% {
		opacity: 1;
		top: 0;
		left: 0;
	}

	90% {
		opacity: 1;
		top: 0;
		left: 0;
	}

	99% {
		opacity: 0;
		top: 0;
		left: 0;
	}

	100% {
		opacity: 0;
		top: -999999px;
		left: -999999px;
	}
}

@keyframes alertAnimation {
	0% {
		opacity: 1;
		top: 0;
		left: 0;
	}

	90% {
		opacity: 1;
		top: 0;
		left: 0;
	}

	99% {
		opacity: 0;
		top: 0;
		left: 0;
	}

	100% {
		opacity: 0;
		top: -999999px;
		left: -999999px;
	}
}

#alert {
	width: 100%;
	height: 0px;
	text-align: center;
	position: fixed;
	top: 0px;
	z-index: 999999;
	cursor: pointer;
}

#blue_alert,
#green_alert,
#orange_alert,
#red_alert {
	display: inline-block;
	padding: 14px 20px 14px 20px;
	margin: 10px 0px 0px 0px;
	border-radius: 1px;
	color: @dark-grey;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
	background: white;
	font-size: 14px;
	font-family: @Calibri;
	opacity: 0;
	position: relative;
	left: -999999px;
	top: -999999px;
	.alertAnimation;
}

#blue_alert {
	border-left: 5px rgba(30, 85, 115, 1) solid;
}

#green_alert {
	border-left: 5px @eds-green-hover solid;
}

#orange_alert {
	border-left: 5px rgba(250, 170, 0, 1) solid;
}

#red_alert {
	border-left: 5px @strong-red solid;
}

#constructionSection {
	display: inline-block;
	padding: 15px;
	border-left: 6px orange solid;
	background-color: white;
	color: @dark-grey;
	position: fixed;
	top: 100px;
}

#constructionSection i {
	display: inline-block;
	vertical-align: middle;
	font-size: 24px;
}

#constructionSection span {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	font-style: italic;
	font-size: 14px;
	font-family: @Calibri;
}

/* General style */

html {
	height: 100%;
}

body {
	height: 100%;
	margin: 0;
	padding: 0;
	font-size: 0;
	background: url(../images/polygons-bg-gris.png) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	text-align: center;
}

input:focus,
input:active,
input:hover {
	outline: none;
}

.bold {
	font-weight: bold;
}

.classicButton {
	display: inline-block;
	border-radius: 2px;
	margin: 15px;
	padding: 8px 20px 8px 20px;
	color: white;
	font-size: 14px;
	font-family: @Calibri;
	text-decoration: none;
	background-color: @eds-green;
	-webkit-animation: smoothLimeHover 0.5s ease-out;
	-ms-animation: smoothLimeHover 0.5s ease-out;
	animation: smoothLimeHover 0.5s ease-out;
}

.classicButton:hover {
	background-color: @eds-green-hover;
	-webkit-animation: smoothLimeBlur 0.5s ease-out;
	-ms-animation: smoothLimeBlur 0.5s ease-out;
	animation: smoothLimeBlur 0.5s ease-out;
}

/* Welcome page style */

@media screen and (max-height : 550px) {
	#loginBlock .logo {
		height: 0px;
	}
}

@media screen and (max-height : 680px) and (min-height : 550px) {

	#loginBlock .logo,
	#recoverBlock .logo {
		height: 120px;
		padding-top: 10px;
	}

	#loginBlock .logo .img,
	#recoverBlock .logo .img {
		background: url('../images/logo-vertical-2.png') top center no-repeat;
	}

	#loginBlock #langOptions,
	#recoverBlock #langOptions {
		bottom: 120px;
	}
}

@media screen and (min-height : 680px) {

	#loginBlock .logo,
	#recoverBlock .logo {
		height: 250px;
		padding-top: 30px;
	}

	#loginBlock .logo .img,
	#recoverBlock .logo .img {
		background: url('../images/logo-vertical-1.png') top center no-repeat;
	}

	#loginBlock #langOptions,
	#recoverBlock #langOptions {
		bottom: 250px;
	}
}

#welcome_body {
	margin: 0;
	padding: 0px 10px 0px 10px;
	overflow-x: hidden;
	font-size: 0;
	text-align: center;
}

#welcome_body #loginSection,
#welcome_body #recoverSection {
	display: inline-block;
	width: 100%;
	height: 100%;
	padding: 0px 30px 0px 30px;
	overflow: hidden;
}

#welcome_body #loginSection {
	max-width: 450px;
}

#welcome_body #recoverSection {
	max-width: 380px;
}

#welcome_body #recoverSection {
	width: 0px;
	padding: 0;
}

#welcome_body .aligner {
	display: inline-block;
	vertical-align: middle;
	width: 0px;
	height: 100%;
}

#loginBlock,
#recoverBlock {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	padding: 0;
	/* background-color: white; */
	border-radius: 3px;
	box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.15);
	border: 0;
	overflow: hidden;
}

#loginBlock .logo,
#recoverBlock .logo {
	display: block;
	width: 100%;
	background: rgba(0, 0, 0, 0.6);
	overflow: hidden;
	text-align: right;
}

#loginBlock .logo .img,
#recoverBlock .logo .img {
	width: 100%;
	height: 100%;
}

#loginBlock #langOptions,
#recoverBlock #langOptions {
	display: inline-block;
	padding: 5px;
	position: relative;
}

#loginBlock #langOptions a,
#recoverBlock #langOptions a {
	display: inline-block;
	vertical-align: middle;
	padding: 3px 5px 3px 5px;
	border-left: 1px rgba(255, 255, 255, 0.5) solid;
	text-decoration: none;
	font-weight: normal;
	font-family: @Calibri;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.5);
	cursor: pointer;
}

#loginBlock #langOptions a:hover,
#recoverBlock #langOptions a:hover {
	color: rgba(255, 255, 255, 0.8);
}

#loginBlock #langOptions a:nth-child(1),
#recoverBlock #langOptions a:nth-child(1) {
	border: 0;
}

#loginBlock #langOptions .selected_lang,
#recoverBlock #langOptions .selected_lang {
	font-weight: bold;
	color: rgba(255, 255, 255, 0.9);
	cursor: default;
}

#loginBlock #langOptions .selected_lang:hover,
#recoverBlock #langOptions .selected_lang:hover {
	color: rgba(255, 255, 255, 0.9);
}

#loginBlock .body,
#recoverBlock .body {
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.85);
}

#loginBlock form,
#recoverBlock form {
	display: block;
	width: 100%;
	height: 100%;
	padding: 15px;
}

#loginBlock form p,
#recoverBlock form p {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

#loginBlock .helpLink,
#recoverBlock .helpLink {
	display: inline-block;
	margin-top: 10px;
	font-size: 12px;
	font-family: @Calibri;
	text-decoration: underline;
	cursor: pointer;
	color: rgba(0, 0, 0, 0.3);
}

#loginBlock .supportLink,
#recoverBlock .supportLink {
	display: inline-block;
	margin-top: 17px;
	font-size: 12px;
	font-family: @Calibri;
	cursor: pointer;
	color: rgba(0, 0, 0, 0.3);

	& a {
		color: rgba(0, 0, 0, 0.7);
	}
}

#loginBlock .token-data,
#recoverBlock .contact-admin {
	display: inline-block;
	margin-top: 17px;
	font-size: 12px;
	font-family: @Calibri;
	cursor: default;
	color: rgba(0, 0, 0, 0.7);
}

#loginBlock .helpLink:hover,
#recoverBlock .helpLink:hover {
	color: @eds-green;
}

#loginBlock .labelWrapper,
#recoverBlock .labelWrapper {
	display: block;
	width: 100%;
	height: 50px;
	padding: 0px 0px 0px 50px;
	margin-bottom: 10px;
	overflow: hidden;
}

#loginBlock .labelWrapper input,
#recoverBlock .labelWrapper input {
	display: inline-block;
	width: 100%;
	height: 100%;
	border: 0;
	outline: 0;
	box-shadow: 0px -3px rgba(0, 0, 0, 0.1) inset;
	font-size: 14px;
	font-family: @Calibri;
	color: rgba(0, 0, 0, 0.8);
	background-color: rgba(0, 0, 0, 0);
}

#loginBlock .labelWrapper input:hover,
#recoverBlock .labelWrapper input:hover {
	box-shadow: 0px -3px @dark-grey inset;
}

#loginBlock .labelWrapper input:focus,
#recoverBlock .labelWrapper input:focus {
	box-shadow: 0px -3px @dark-grey inset;
}

#loginBlock .labelWrapper label,
#recoverBlock .labelWrapper label {
	display: block;
	width: 50px;
	height: 50px;
	padding: 14px;
	position: relative;
	bottom: 50px;
	right: 50px;
	font-size: 18px;
	color: rgba(0, 0, 0, 0.07);
	box-shadow: 0px -3px rgba(0, 0, 0, 0.1) inset;
}

#loginBlock input[type="submit"],
#loginBlock #start-update,
#loginBlock #start-update:disabled,
#recoverBlock input[type="submit"] {
	cursor: pointer;
	display: block;
	width: 100%;
	min-height: 40px;
	margin-top: 20px;
	padding: 0px 20px 0px 20px;
	background-color: rgba(0, 0, 0, 0.06) !important;
	border-radius: 2px;
	border: 0;
	outline: none;
	color: rgba(0, 0, 0, 0.4);
	font-family: @Calibri;
	font-size: 16px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

#loginBlock input[type="submit"]:hover,
#loginBlock #start-update:hover,
#recoverBlock input[type="submit"]:hover {
	background-color: @dark-grey;
	color: white;
}


#loginBlock #start-update:hover:disabled {
	color: rgba(0, 0, 0, 0.4);
}

#loginBlock input[type="submit"]:active,
#loginBlock #start-update:active,
#recoverBlock input[type="submit"]:active {
	background-color: @dark-grey;
	color: white;
}

#recoverBlock .captchaWrapper {
	display: inline-block;
	width: 100%;
	margin-top: 10px;
	border-radius: 5px;
	background-color: rgba(0, 0, 0, 0.65);
	box-shadow: 0px 0px 0px 4px rgba(0, 0, 0, 0.06);
}

#recoverBlock .captchaWrapper .captcha {
	width: 220px;
	height: 22px;
	margin-bottom: 5px;
	border-radius: 0px 0px 2px 2px;
}

#recoverBlock .captcha_range {
	width: 220px;
	margin-top: 5px;
}

#recoverBlock .captchaWrapper .ranges {
	display: inline-block;
	vertical-align: bottom;
	margin: 5px 0px 5px 0px;
}

#recoverBlock .captchaWrapper .notice {
	cursor: default;
	display: inline-block;
	width: 100%;
	margin: 5px 0px 0px 0px;
	text-align: center;
	font-family: @Calibri;
	font-size: 14px;
	font-weight: normal;
	color: rgba(255, 255, 255, 0.8);
}

#recoverBlock .captchaWrapper .notice i {
	display: inline-block;
	margin-left: 5px;
	font-size: 15px;
	color: rgba(255, 255, 255, 0.3);
	position: relative;
	top: 2px;
	cursor: pointer;
}

#recoverBlock .captchaWrapper .notice i:hover {
	color: rgba(255, 255, 255, 0.7);
}

#recoverBlock .captchaWrapper .help_box {
	position: fixed;
	top: -999999px;
	left: -999999px;
	display: inline-block;
	width: 300px;
	padding: 12px;
	margin: 20px;
	background-color: rgba(50, 50, 50, 1);
	border: 0;
	border-radius: 5px;
	box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.1);
	color: rgba(255, 255, 255, 0.8);
	font-size: 14px;
	font-family: @Calibri;
	z-index: 100;
}

#recoverBlock .captchaWrapper .help_box img {
	margin-top: 15px;
}

#recoverBlock .captchaWrapper .notice i:hover+.help_box,
#recoverBlock .captchaWrapper .help_box:hover {
	top: auto;
	left: auto;
}

/* Home Base */

#homeBase {
	display: block;
	width: 100%;
	height: 100%;
}

@media screen and (min-width : 1100px) {
	#homeBase .leftSlider {
		width: 380px;
	}

	#homeBase .leftSlider .link .title {
		width: 330px;
	}

	#homeBase #HBboard {
		padding: 5px 5px 5px 385px;
	}
}

@media screen and (max-width : 1100px) {
	#homeBase .leftSlider {
		width: 300px;
	}

	#homeBase .leftSlider .link .title {
		width: 250px;
	}

	#homeBase #HBboard {
		padding: 5px 5px 5px 305px;
	}
}

#homeBase .leftSlider {
	display: block;
	height: 100%;
	padding: 70px 0px 0px 0px;
	background-color: rgba(255, 255, 255, 0.7);
	box-shadow: -1px 0px 0px rgba(0, 0, 0, 0.15) inset;
	position: fixed;
	top: 0px;
	left: 0px;
}

#homeBase .leftSlider .baseLink {
	display: block;
	width: 100%;
	height: 50px;
	overflow: hidden;
	color: rgba(110, 110, 110, 1);
	text-align: left;
	cursor: pointer;
}

#homeBase .leftSlider .baseLink:hover {
	background: rgba(0, 0, 0, 0.04) !important;
}

#homeBase .leftSlider .baseLink:first-child {
	background: rgba(0, 0, 0, 0.07);
	color: rgba(80, 80, 80, 1);
}

#homeBase .leftSlider .baseLink i {
	display: inline-block;
	vertical-align: top;
	padding-top: 6px;
	width: 50px;
	height: 50px;
	font-size: 26px;
	text-align: right;
}

#homeBase .leftSlider .baseLink .title {
	display: inline-block;
	vertical-align: top;
	height: 50px;
	padding: 13px 0px 0px 15px;
	font-size: 16px;
	font-family: @Calibri;
	text-overflow: ellipsis;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

#homeBase #HBboard {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
}

#homeBase #HBboard .line {
	display: flex;
	flex-direction: row;
	flex-grow: 1;
	width: 100%;
	min-height: 80px;
	overflow: hidden;
}

#homeBase #HBboard .upLine {
	max-height: 82px;
}

#homeBase #HBboard .line .row {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	margin: 5px;
	background-color: rgba(255, 255, 255, 0.7);
	border-radius: 3px;
	border: 1px white solid;
	box-shadow: 0px 0px 1px 2px rgba(0, 0, 0, 0.05);
	overflow: hidden;
	text-align: left;
}

#homeBase #HBboard .line .row h3 {
	display: block;
	width: 100%;
	height: 40px;
	min-height: 40px;
	max-height: 40px;
	margin: 0;
	padding-top: 10px;
	flex-grow: 1;
	color: rgba(0, 0, 0, 0.5);
	border-bottom: 1px rgba(0, 0, 0, 0.05) solid;
	font-size: 14px;
	font-family: @Calibri;
	font-weight: normal;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	text-align: center;
}

#homeBase .u-const {
	display: block;
	width: 100%;
	padding: 15px;
	text-align: center;
}

#homeBase .u-const i {
	font-size: 46px;
	color: @eds-salmon;
}

#homeBase .u-const span {
	font-size: 16px;
	font-family: @Calibri;
	color: @eds-salmon;
}

#homeBase #modulesWrapper {
	display: block;
	width: 100%;
	max-height: 100%;
	padding: 5px;
	overflow-x: hidden;
	overflow-y: auto;
}

#homeBase #modulesWrapper .moduleWrapper {
	display: inline-block;
	vertical-align: top;
	padding: 5px;
}

#homeBase #modulesWrapper .moduleWrapper .tool {
	display: block;
	width: 180px;
	height: 270px;
	background-color: white;
	box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.05);
	border-radius: 2px;
	text-align: center;
	overflow: hidden;
}

#homeBase #modulesWrapper .moduleWrapper .tool .toolImg {
	display: inline-block;
	width: 150px;
	height: 150px;
	margin-top: 15px;
	border-radius: 100px;
	overflow: hidden;
}

#homeBase #modulesWrapper .moduleWrapper .tool .toolImg img {
	display: block;
	width: 100%;
	height: 100%;
}

#homeBase #modulesWrapper .moduleWrapper .tool .title {
	display: block;
	width: 100%;
	height: 90px;
	margin-top: 15px;
	padding: 10px;
	font-size: 16px;
	font-family: @Calibri;
	color: @eds-green-hover;
	text-align: center;
	overflow: hidden;
	border-top: 1px rgba(0, 0, 0, 0.08) dashed;
}

/* User card */

#userCard {
	display: block;
	width: 100%;
	padding: 0px 15px 0px 15px;
}

#userCard .avatar {
	display: block;
	padding: 10px;
	cursor: default;
	text-align: left;
	border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
}

#userCard .initials {
	display: inline-block;
	width: 100px;
	height: 100px;
	border-radius: 50px;
	padding-top: 18px;
	text-align: center;
	font-family: @Calibri;
	font-size: 48px;
	color: white;
}

#userCard .picture {
	display: inline-block;
	width: 100px;
	height: 100px;
	border-radius: 50px;
}

#userCard .name {
	display: block;
	padding: 10px;
	font-size: 16px;
	font-family: @Calibri;
	font-weight: bold;
	color: rgba(30, 30, 30, 1);
	cursor: default;
	text-align: left;
	border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
}

#userCard .organisation {
	display: block;
	padding: 10px;
	font-size: 16px;
	font-family: @Calibri;
	color: @eds-dark-opaline;
	cursor: default;
	text-align: left;
	border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
}

#userCard .language {
	display: block;
	padding: 10px;
	font-size: 16px;
	font-family: @Calibri;
	color: rgba(150, 150, 150, 1);
	cursor: default;
	text-align: left;
}

/* Header style */

header {
	width: 100%;
	height: 50px;
	background: rgba(80, 80, 80, 1) url('../images/header-background.png') top left no-repeat;
	text-align: left;
	position: fixed;
	top: 0px;
	z-index: 100;
}

header #logo {
	display: inline-block;
	margin: 0px 0px 0px 20px;
	border: 0;
	outline: none;
}

header #logo img {
	height: 50px;
}

header nav {
	font-family: calibri, arial, sans-serif;
	position: fixed;
	top: 8px;
	right: 17px;
}

header ul {
	padding: 0;
	margin: 0;
}

header nav li {
	display: inline-block;
	height: 30px;
	margin: 2px 0px 0px 20px;
	font-weight: normal;
	cursor: default;
	color: @old-white;
}

header nav #user_name {
	vertical-align: middle;
	font-size: 14px;
	font-family: calibri, arial, sans-serif;
}

header nav #menu_link1,
header nav #menu_link2 {
	vertical-align: middle;
	width: 30px;
	height: 30px;
	margin-left: 15px;
	cursor: pointer;
	outline: none;
	text-decoration: none;
	color: rgba(255, 255, 255, 0.8);
}

header nav #menu_link1 {
	display: inline-block;
	background: url(../images/menu-icon.png) no-repeat top center;
	opacity: 0.7;
}

header nav #menu_link2 {
	display: none;
	background: url(../images/menu-icon-active.png) no-repeat top center;
	opacity: 1;
}

header nav #menu_link1:hover {
	opacity: 0.9;
}

header #scrollMenu {
	display: none;
	width: 190px;
	position: fixed;
	top: 45px;
	right: -5px;
	z-index: 101;
	text-align: right;
	overflow: hidden;
}

header #topScrollMenu {
	display: inline-block;
	width: 13px;
	height: 7px;
	margin-right: 30px;
	background: url(../images/white-top-arrow.png) no-repeat top center;
	position: relative;
	z-index: 102;
}

header #bodyScrollMenu {
	display: inline-block;
	width: 150px;
	margin: 0px 20px 20px 20px;
	border-radius: 3px;
	background-color: @old-white;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35);
}

header nav #scrollMenu .link {
	display: block;
	width: 100%;
	padding: 8px 20px 8px 20px;
	border-top: 1px rgba(230, 230, 230, 1) solid;
	color: rgba(0, 0, 0, 0.5);
	font-weight: normal;
	font-size: 14px;
	font-family: calibri, arial, sans-serif;
	text-decoration: none;
	background-color: @old-white;
	cursor: pointer;
}

header nav #scrollMenu .link:first-child {
	border-top: 0;
	border-radius: 3px 3px 0px 0px;
}

header nav #scrollMenu .link:last-child {
	border-top: 1px rgba(220, 220, 220, 1) solid;
	border-radius: 0px 0px 3px 3px;
	background-color: rgba(235, 235, 235, 1);
	color: rgba(0, 0, 0, 0.6);
}

header nav #scrollMenu .link:hover {
	border-left: 4px @eds-green solid;
	color: rgba(0, 0, 0, 0.7);
}

header nav #scrollMenu .link:last-child:hover {
	border-left: 4px @strong-red solid;
	color: rgba(0, 0, 0, 0.8);
}

/* About box */

@media screen and (max-height : 600px) {

	#aboutBox .body .bg,
	#welcomeBox .body .bg,
	#termsBox .body .bg {
		display: none;
	}
}

@media screen and (min-height : 600px) {

	#aboutBox .body .bg,
	#welcomeBox .body .bg,
	#termsBox .body .bg {
		display: block;
	}
}

#patchnoteBox,
#aboutBox,
#eulaBox {
	width: 100%;
	height: 100%;
	position: fixed;
	top: -999999px;
	left: -999999px;
	z-index: 999;
	overflow: hidden;
	text-align: center;
}

#termsBox {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	overflow: hidden;
	text-align: left;
}

#welcomeBox {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 999;
	overflow: hidden;
	text-align: center;
}

#welcomeBox .maintenance {
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.95);
}

#aboutBox .background,
#patchnoteBox .background,
#eulaBox .background,
#welcomeBox .background,
#termsBox .background {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/polygons-bg-lines.png) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	opacity: 0.85;
}

#welcomeBox .bodyWrapper,
#aboutBox .bodyWrapper,
#patchnoteBox .bodyWrapper,
#eulaBox .bodyWrapper,
#termsBox .bodyWrapper {
	display: block;
	height: 100%;
	width: 100%;
	position: relative;
	bottom: 100vh;
	z-index: 1;
}

#termsBox .bodyWrapper {
	padding: 30px;
}

#welcomeBox .bodyWrapper .aligner,
#aboutBox .bodyWrapper .aligner,
#patchnoteBox .bodyWrapper .aligner,
#eulaBox .bodyWrapper .aligner,
#termsBox .bodyWrapper .aligner {
	display: inline-block;
	vertical-align: middle;
	width: 0px;
	height: 100%;
}

#aboutBox .body,
#patchnoteBox .body,
#eulaBox .body,
#welcomeBox .body {
	display: inline-block;
	vertical-align: middle;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 30px;
	padding: 0px 0px 0px 0px;
	border: 1px rgba(255, 255, 255, 0.7) solid;
	box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.2);
	border-radius: 2px;
	background: radial-gradient(ellipse at left top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.7));
	font-size: 14px;
	font-family: @Calibri;
	opacity: 1;
	overflow: hidden;
}

#patchnoteBox .body {
	min-width: 900px;
	max-width: 900px;
	height: 80%;
}

#termsBox .body {
	display: inline-flex;
	flex-direction: column;
	vertical-align: middle;
	width: 100%;
	height: 100%;
	border: 1px rgba(255, 255, 255, 0.7) solid;
	box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.2);
	border-radius: 2px;
	font-size: 14px;
	font-family: @Calibri;
	opacity: 1;
	overflow: hidden
}

#termsBox .body .head {
	display: block;
	flex-grow: 1;
	width: 100%;
	min-height: 40px;
	max-height: 40px;
	padding: 9px 15px 0px 15px;
	border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
	background-color: white;
	font-size: 16px;
	font-weight: bold;
	font-family: @Calibri;
}

#termsBox .body .terms,
#terms {
	display: block;
	flex-grow: 1;
	width: 100%;
	padding: 15px;
	background: white;
	font-size: 12px;
	font-family: @Calibri;
	text-align: justify;
	overflow-x: hidden;
	overflow-y: auto;
}

#terms {
	font-size: 14px;
	line-height: 18px;
}

#termsBox .body .foot {
	display: block;
	flex-grow: 1;
	width: 100%;
	height: 70px;
	min-height: 70px;
	max-height: 70px;
	padding: 18px 15px 0px 15px;
	border-top: 1px rgba(0, 0, 0, 0.1) solid;
	background-color: white;
	font-size: 16px;
	font-weight: bold;
	font-family: @Calibri;
	overflow: hidden;
	cursor: default;
}

#termsBox .body .foot form,
#termsBox .body .foot p {
	display: block;
	width: 100%;
	height: 100%;
	max-height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#termsBox .body .foot .signature {
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 2px;
	text-align: left;
}

#termsBox .body .foot .validation {
	width: 100%;
	height: 100%;
	text-align: right;
}

#termsBox .body .foot .validation input {
	display: none;
	vertical-align: middle;
	height: 36px;
	padding: 8px 20px 8px 20px;
	margin-left: 20px;
	border: 0;
	outline: none;
	border-radius: 3px;
	background-color: @eds-soft-opaline;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	font-family: @Calibri;
	color: white;
	cursor: pointer;
	-webkit-animation: opalineBGblur 0.25s ease-out;
	-ms-animation: opalineBGblur 0.25s ease-out;
	animation: opalineBGblur 0.25s ease-out;
	position: fixed;
	bottom: 50px;
	right: 50px;
}

#termsBox .body .foot .validation input:hover {
	background-color: @eds-dark-opaline;
	color: white;
	box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0) inset;
	-webkit-animation: opalineBGhover 0.25s ease-out;
	-ms-animation: opalineBGhover 0.25s ease-out;
	animation: opalineBGhover 0.25s ease-out;
}

#termsBox .body .foot .signTerms {
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	padding: 0;
	overflow: hidden;
	border: 1px rgba(0, 0, 0, 0.2) solid;
	border-radius: 3px;
}

#termsBox .body .foot .signTerms:hover {
	border: 1px @eds-soft-opaline solid;
}

#termsBox .body .foot .signLabel {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	font-family: @Calibri;
	font-size: 14px;
	color: rgba(0, 0, 0, 0.8);
}

#termsBox .body .foot .signTerms input[type="checkbox"] {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	position: relative;
	z-index: 2;
	opacity: 0;
	cursor: pointer;
}

#termsBox .body .foot .signTerms span {
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 2px;
	margin: 0;
	text-align: center;
	color: @eds-soft-opaline;
	font-size: 20px;
	font-weight: normal;
	position: relative;
	bottom: 30px;
	z-index: 1;
	opacity: 0;
}

#termsBox .body .foot .signTerms input[type="checkbox"]:checked~span {
	opacity: 1;
}

#termsBox .body .terms h2,
#homeBase #HBboard .line #terms h2 {
	display: block;
	padding: 0;
	margin: 15px 0px 5px 0px;
	font-family: @Calibri;
	font-size: 14px;
	font-weight: bold;
	color: @eds-green-hover;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

#homeBase #HBboard .line #terms h2 {
	font-size: 18px;
}

#termsBox .body .terms h3,
#homeBase #HBboard .line #terms h3 {
	display: block;
	padding: 0;
	margin: 10px 0px 5px 0px;
	font-family: @Calibri;
	font-size: 12px;
	font-weight: bold;
	color: @eds-green;
	text-align: left;
	border-bottom: 0;
	height: auto;
	min-height: auto;
}

#homeBase #HBboard .line #terms h3 {
	font-size: 16px;
}

#welcomeBox .body .msg {
	display: block;
	width: 100%;
	padding: 15px;
	text-align: left;
	border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
	cursor: default;
}

#welcomeBox .body .msg .title {
	display: block;
	width: 100%;
	padding: 10px 10px 10px 10px;
	border-radius: 2px;
	font-size: 14px;
	font-family: @Calibri;
	font-weight: bold;
	color: white;
	background-color: rgba(150, 150, 150, 1);
	cursor: default;
}

#welcomeBox .body .msg .title i {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	font-size: 24px;
	font-weight: normal;
}

#welcomeBox .body .msg .title span {
	display: inline-block;
	vertical-align: middle;
}

#welcomeBox .body .msg .loading {
	display: block;
	width: 100%;
	padding: 10px 10px 10px 10px;
	border-radius: 3px;
	font-size: 14px;
	font-family: @Calibri;
	font-weight: bold;
	color: rgba(45, 100, 90, 1);
	border: 1px rgba(0, 0, 0, 0.1) solid;
	cursor: default;
	text-align: center;
}

#welcomeBox .body .msg .loading .loader {
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	margin-right: 10px;
	border-radius: 15px;
	-webkit-animation: maintenanceLoader 1s linear infinite;
	-ms-animation: maintenanceLoader 1s linear infinite;
	animation: maintenanceLoader 1s linear infinite;
}

#welcomeBox .body .msg .loading .text {
	display: inline-block;
	vertical-align: middle;
}

#welcomeBox .body .msg .content {
	display: block;
	width: 100%;
	text-align: justify;
	padding: 10px 0px 0px 0px;
	font-size: 14px;
	font-family: @Calibri;
	color: @dark-grey;
}

#welcomeBox .body .author {
	display: block;
	width: 100%;
	height: 100px;
	padding: 15px;
	overflow: hidden;
	text-align: left;
	border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
	cursor: default;
}

#welcomeBox .body .author .name {
	display: block;
	width: 100%;
	height: 100%;
	padding: 24px 0px 0px 80px;
	font-size: 14px;
	font-family: @Calibri;
	color: @dark-grey;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

#welcomeBox .body .author img {
	display: block;
	width: 70px;
	height: 70px;
	border-radius: 35px;
	position: relative;
	bottom: 70px;
}

#welcomeBox .body .endMaintenance {
	display: block;
	width: 100%;
	padding: 15px;
	text-align: center;
	cursor: default;
}

#welcomeBox .body .button {
	display: block;
	width: 100%;
	padding: 15px;
	text-align: center;
}

#welcomeBox .body .button a {
	display: inline-block;
	border-radius: 3px;
	padding: 8px 20px 8px 20px;
	color: white;
	text-decoration: none;
	background-color: @eds-green;
}

#welcomeBox .body .button a:hover {
	background-color: @eds-green-hover;
}

#aboutBox .body .bg,
#eulaBox .body .bg,
#welcomeBox .body .bg {
	width: 100%;
	height: 250px;
	padding-top: 30px;
	background: @eds-green;
	overflow: hidden;
}

#patchnoteBox .body .bg {
	width: 100%;
	height: 140px;
	padding-top: 20px;
	background: @eds-green;
	overflow: hidden;
	position: fixed;
	max-width: inherit;
}


#aboutBox .body .bg .img,
#welcomeBox .body .bg .img {
	width: 100%;
	height: 100%;
	background: url('../images/logo-vertical-1.png') top center no-repeat;
}


#patchnoteBox .body .bg .img {
	width: 100%;
	height: 100%;
	background: url('../images/logo-vertical-2.png') top center no-repeat;
}

#patchnoteBox .body #core {

	text-align: left;
	padding-top: 140px;
	height: 100%;
	display: flex;

	#side-menu {

		width: 200px;
		border-right: 1px solid rgba(0, 0, 0, 0.1);
		background-color: rgba(0, 0, 0, 0.1);

		.news {

			height: 50px;
			border-bottom: 1px solid rgba(0, 0, 0, 0.1);

			.title {

				height: 50%;
				padding: 5px;
				font-weight: bold;
				color: rgba(0, 0, 0, 0.9);
				padding: 8px 10px 2px 10px;

			}

			.date {

				height: 50%;
				padding: 5px;
				color: rgba(0, 0, 0, 0.7);
				padding: 2px 10px 8px 10px;

			}

		}

		.news#focus {

			background-color: rgba(255, 255, 255);

		}

		.news:not(#focus) {

			cursor: pointer;

		}

	}

	#content {

		padding: 20px;
		overflow: auto;
		width: fit-content;

		.separator {
			display: block;
			width: 100%;
			height: 1px;
			border-top: 1px rgba(0, 0, 0, 0.1) solid;
			margin: 10px 0px 10px 0px;
			padding: 10px;
		}

		h1 {
			margin: 0px 0px 30px 0px;
			text-decoration: underline;
		}

		h4 {
			font-size: 14px;
			font-family: @Calibri;
			color: #323232; // black
			margin: 0;
			padding: 0;
		}

		p {
			font-size: 14px;
			font-family: @Calibri;
			color: @dark-grey;
		}

	}

}

#aboutBox .body .version,
#patchnoteBox .body .version,
#eulaBox .body .version {
	padding: 30px;
}

#aboutBox .body .version .title,
#patchnoteBox .body .version .title,
#eulaBox .body .version .title {
	display: inline-block;
	font-size: 14px;
	font-family: @Calibri;
	color: @dark-grey;
}

#aboutBox .body .version .subtitle,
#patchnoteBox .body .version .subtitle,
#eulaBox .body .version .subtitle {
	display: inline-block;
	margin-top: 15px;
	font-size: 14px;
	font-family: @Calibri;
	color: @eds-green;
}

#aboutBox .body .version .copyright,
#patchnoteBox .body .version .copyright,
#eulaBox .body .version .copyright {
	display: inline-block;
	margin-top: 3px;
	font-size: 12px;
	font-family: @Calibri;
	color: rgba(0, 0, 0, 0.2);
}

@-webkit-keyframes maintenanceLoader {
	0% {
		box-shadow: 0px 0px 0px 0px @eds-green inset;
	}

	80% {
		box-shadow: 0px 0px 0px 10px @eds-green inset;
	}

	100% {
		box-shadow: 0px 0px 0px 0px @eds-green inset;
	}
}

@-ms-keyframes maintenanceLoader {
	0% {
		box-shadow: 0px 0px 0px 0px @eds-green inset;
	}

	80% {
		box-shadow: 0px 0px 0px 10px @eds-green inset;
	}

	100% {
		box-shadow: 0px 0px 0px 0px @eds-green inset;
	}
}

@keyframes maintenanceLoader {
	0% {
		box-shadow: 0px 0px 0px 0px @eds-green inset;
	}

	80% {
		box-shadow: 0px 0px 0px 10px @eds-green inset;
	}

	100% {
		box-shadow: 0px 0px 0px 0px @eds-green inset;
	}
}

.rowUpdateIndicator {
	height: 40px;
	min-height: 40px;
	max-height: 40px;
	flex-direction: row;
	display: flex;
	flex-grow: 1;
	background-color: rgba(255, 255, 255, 0.7);
	box-shadow: 0px 0px 1px 2px rgba(0, 0, 0, 0.05);
	overflow: hidden;
	text-align: left;
}

.rowUpdateIndicator span {
	display: block;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	padding: 11px 8px 0px 15px;
	order: 1;
	flex-grow: 1;
	font-size: 14px;
	font-weight: bold;
	font-family: calibri, arial, sans-serif;
	color: #323232;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin: 0;
	text-align: left;
	justify-content: center;
}

.rowUpdateIndicator a {
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	width: 40px;
	max-width: 40px;
	height: 100%;
	border-radius: 0px 2px 2px 0px;
	border-left: 1px rgba(0, 0, 0, 0.05) solid;
	order: 2;
	flex-grow: 1;
	font-size: 20px;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	color: rgba(0, 0, 0, 0.2);
	transition: 0.4s ease;
}

.rowUpdateIndicator a:hover {
	background-color: rgba(0, 0, 0, 0.2);
	color: white;
	border-left: 1px white solid;
	transition: 0.4s ease;
}

.rowUpdateIndicator a[href]:hover {
	background-color: #6ec3af;
	color: white;
	border-left: 1px white solid;
	transition: 0.4s ease;
}

.rowUpdateIndicator a.deleteIndicator[href]:hover {
	background-color: @strong-red-hover;
	color: white;
	border-left: 1px white solid;
	transition: 0.4s ease;
}

.templateKPI {
	height: calc(100% - 40px);
	display: flex;
	flex-direction: row;
	width: 100%;
	flex-grow: 1;
	text-align: center;
	align-items: center;
	justify-content: center;
}

#actionsKPI .graphWrapper {
	display: flex;
	vertical-align: middle;
	order: 1;
	justify-content: center;
	align-items: center;
	height: 100%;
	float: left;
}

#actionsKPI .graphWrapper .aligner {
	display: inline-block;
	vertical-align: middle;
	width: 0px;
	height: 100%;
}

#actionsKPI .graphWrapper .graph {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

#actionsKPI #actionsChart {
	display: block;
	margin: 0px;
}

#actionsKPI .legendWrapper {
	display: flex;
	flex-grow: 1;
	padding: 0px 15px;
	height: 100%;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

#actionsKPI .legendWrapper .type {
	display: block;
	width: 100%;
	padding: 10px;
	text-align: left;
	border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
}

#actionsKPI .legendWrapper .type:last-child {
	border-bottom: 0;
}

#actionsKPI .legendWrapper .type .aligner {
	display: inline-block;
	vertical-align: middle;
	width: 0px;
	height: 100%;
}

#actionsKPI .legendWrapper .type .color {
	display: inline-block;
	vertical-align: middle;
	width: 15px;
	height: 15px;
	margin-right: 10px;
}

#actionsKPI .legendWrapper .type span {
	display: inline-block;
	vertical-align: middle;
	font-family: @Calibri;
	color: rgba(0, 0, 0, 0.6);
	font-size: 14px;
}

#activityKPI .graphWrapper {
	display: flex;
	align-items: center;
	height: 100%;
	padding: 10px;
	flex-grow: 1;
}

#budgetKPI .aligner {
	display: inline-block;
	vertical-align: middle;
	width: 0px;
	height: 100%;
}

#budgetKPI .budget {
	display: inline-block;
	vertical-align: middle;
	width: 150px;
	height: 150px;
	padding-top: 35px;
	border-radius: 75px;
	background-color: @eds-green;
	box-shadow: 0px 0px 0px 15px rgba(145, 200, 190, 0.2);
	color: white;
	font-size: 30px;
	font-family: @Calibri;
	margin: 40px 0px;
}

#budgetKPI .evolution {
	display: inline-block;
	vertical-align: middle;
	width: 150px;
	height: 150px;
	padding-top: 55px;
	border-radius: 75px;
	background-color: @eds-green;
	box-shadow: 0px 0px 0px 15px rgba(145, 200, 190, 0.2);
	color: white;
	font-size: 30px;
	font-family: @Calibri;
	font-weight: bold;
	margin: 40px 0px;
}

#businessKPI {
	display: block;
	width: 100%;
	height: 100%;
	padding: 15px;
}

#businessKPI .wsp {
	display: block;
	width: 100%;
	text-align: left;
	border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
}

#businessKPI .wsp:last-child {
	border-bottom: 0;
}

#businessKPI .wsp .aligner {
	display: inline-block;
	vertical-align: middle;
	width: 0px;
	height: 100%;
}

#businessKPI .wsp span {
	display: inline-block;
	vertical-align: middle;
	width: 75%;
	padding: 10px;
	font-family: @Calibri;
	color: rgba(0, 0, 0, 0.6);
	font-size: 14px;
}

#businessKPI .wsp .progress {
	display: inline-block;
	vertical-align: middle;
	width: 20%;
	font-family: @Calibri;
	font-weight: bold;
	color: @eds-green;
	font-size: 16px;
	text-align: right;
}

#HBmyWorkspaces {
	display: block;
	width: 100%;
	height: 100%;
	padding: 90px 10px 30px 10px;
	overflow-x: hidden;
	overflow-y: auto;
}

#HBmyWorkspaces .link {
	display: block;
	width: 100%;
	height: 120px;
	margin-bottom: 10px;
	background-color: white;
	box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.05);
	border-radius: 2px;
	text-align: left;
	text-decoration: none;
	cursor: pointer;
	overflow: hidden;
}

#HBmyWorkspaces .link:hover {
	box-shadow: 0px 0px 1px 2px rgba(0, 0, 0, 0.08);
}

#HBmyWorkspaces .link:hover .access {
	box-shadow: 7px 0px 0px @eds-green inset;
}

#HBmyWorkspaces .lockLink {
	display: block;
	width: 100%;
	height: 120px;
	margin-bottom: 10px;
	background-color: white;
	box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.05);
	border-radius: 2px;
	text-align: left;
	text-decoration: none;
	cursor: default;
	overflow: hidden;
}

#HBmyWorkspaces .link .access {
	display: inline-block;
	vertical-align: middle;
	width: 15px;
	height: 100%;
	box-shadow: 5px 0px 0px @eds-green inset;
	border-radius: 2px 0px 0px 2px;
}

#HBmyWorkspaces .lockLink .access {
	display: inline-block;
	vertical-align: middle;
	width: 15px;
	height: 100%;
	box-shadow: 5px 0px 0px @eds-salmon inset;
	border-radius: 2px 0px 0px 2px;
}

#HBmyWorkspaces {

	.link,
	.lockLink {
		display: flex;
		flex-direction: row;
	}

	.img,
	.defaultImg {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		min-width: 120px;
		width: 120px;
		max-width: 120px;

		img {
			max-width: 100%;
			max-height: 100%;
		}

		span {
			display: block;
			min-width: 100px;
			height: 100px;
			padding-top: 20px;
			border-radius: 50px;
			background-color: rgba(240, 240, 240, 1);
			font-size: 46px;
			color: rgba(200, 200, 200, 1);
			text-align: center;
			text-decoration: none;
		}

		border-right: 1px rgba(245, 245, 245, 1) solid;
	}

	.title {
		flex-grow: 1;
		padding: 12px 0px 10px 12px;
		text-decoration: none;
		font-size: 16px;
		font-family: @Calibri;
		color: @dark-grey;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}

	.affichage {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		min-width: 140px;
		width: 140px;
		max-width: 140px;
		padding-bottom: 10px;
	}
}

#wspFooter {
	width: 100%;
	height: 40px;
	padding: 10px 0px 0px 80px;
	background-color: rgba(0, 0, 0, 0.1);
	font-size: 14px;
	font-family: @Calibri;
	color: rgba(0, 0, 0, 0.6);
	text-align: left;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 77;
	cursor: default;
}

/* ------- Main window ------- */
#mainWindow {
	width: 100%;
	height: 100%;
	padding: 50px 0px 0px 0px;
	overflow: hidden;
}

#mainWindowHome {
	width: 100%;
	height: 100%;
	padding: 50px 0px 0px 0px;
}

#mainWindowBody {
	width: 100%;
	height: 100%;
	padding: 0;
	overflow: auto;
}

#sizeAlert {
	display: none;
	padding: 20px;
	font-size: 14px;
	font-weight: bold;
	font-family: @Calibri;
	color: @strong-red;
	text-align: center;
}

/* ------- My Account ------- */

#myAccountLanguage {
	display: inline-block;
	width: 30%;
	min-width: 400px;
	margin: 5px 30px 50px 30px;
	padding: 0px 30px 10px 30px;
	border: 0;
	border-radius: 2px;
	background-color: white;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
	font-size: 14px;
	font-family: @Calibri;
	opacity: 1;
	overflow: hidden;
}

/* ------- Home ------- */

/* Forms */

#alertForm {
	width: 100%;
	height: 100%;
	text-align: center;
	overflow-x: hidden;
	overflow-y: auto;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 99998;
}

#form {
	display: inherit;
	width: 100%;
	height: 100%;
	text-align: center;
	overflow: hidden !important;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 99998;
}

#form .backClick {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/polygons-bg-lines.png) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	opacity: 0.85;
	cursor: default;
}

#alertForm .backClick {
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(190, 0, 0, 0.4);
	background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255, 255, 255, 0.4) 35px, rgba(255, 255, 255, 0.4) 70px);
	cursor: default;
}

#alertForm .formWrapper,
#form .formWrapper {
	display: inline-block;
	height: 100%;
	padding: 40px 15px 40px 15px;
	position: relative;
	bottom: 100vh;
	-webkit-animation: displayForm 0.4s ease-out;
	-ms-animation: displayForm 0.4s ease-out;
	animation: displayForm 0.4s ease-out;
}

#alertForm .topBlock,
#form .topBlock {
	display: block;
	height: 95px;
	position: fixed;
	top: 40px;
	left: 50%;
}

#form_1 {
	display: flex;
	flex-direction: column;
	width: 580px;
	max-width: 580px;
	max-height: 100%;
	margin: 0px;
	padding: 95px 15px 10px 15px;
	border-right: 1px rgba(255, 255, 255, 1) solid;
	border-bottom: 2px rgba(255, 255, 255, 1) solid;
	border-left: 1px rgba(255, 255, 255, 1) solid;
	box-shadow: 0px 0px 0px 4px rgba(0, 0, 0, 0.03);
	border-radius: 2px;
	background-color: rgba(255, 255, 255, 1);
	font-size: 0;
	font-family: @Calibri;
	opacity: 1;
	overflow: hidden;
}

#form_1 p {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	width: 100%;
	max-height: 100%;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
}

#form_1 p textarea.comment {
	min-height: 120px;
	resize: vertical;
	max-height: 300px;
	padding: 5px;
}

#form_1 p.caption {
	font-size: 0.9rem;
}

#form_1 .formBody {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	width: 100%;
	max-height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}

#form_1 .formBody .comment {
	border-radius: 4px;
	border: 1px rgba(0, 0, 0, 0.3) solid;
	padding: 10px;
	font-size: 14px;
	font-family: @Calibri;
	outline: 0;

	&:hover,
	&:focus {
		border: 1px rgba(0, 0, 0, 0.5) solid;
	}
}

#form_1 .formBody .separator {
	display: block;
	width: 100%;
	margin: 0px 0px 15px 0px;
	border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
}

#form_1 .formBody .parameter {
	display: block;
	width: 100%;
	text-align: left;
	font-family: @Calibri;
	font-size: 14px;
	font-style: italic;
	color: rgba(210, 210, 210, 1);
	cursor: default;
}

#form_1 .formBody .parameter i {
	display: inline-block;
	margin-right: 4px;
	font-size: 24px;
	font-style: normal;
	position: relative;
	top: 6px;
}

#form_1 .formBody .parameter_ok {
	display: block;
	width: 100%;
	text-align: left;
	font-family: @Calibri;
	font-size: 14px;
	font-style: italic;
	color: @eds-soft-opaline;
	cursor: default;
}

#form_1 .formBody .parameter_ok i {
	display: inline-block;
	margin-right: 4px;
	font-size: 24px;
	font-style: normal;
	position: relative;
	top: 6px;
}

#form_1 .formSection {
	display: block;
	width: 100%;
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 10px 0px;
	border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
	overflow: hidden;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 11px;
	font-family: @Calibri;
	color: rgba(0, 0, 0, 0.3);
}

#form_1 #actionList {
	display: block;
	width: 100%;
	height: 100%;
	overflow: auto;
	border-radius: 2px;
	border: 1px rgba(0, 0, 0, 0.08) solid;
	background-color: rgba(255, 255, 255, 0.8);
}

#form_1 #actionList .chapterTitle,
#form_1 #actionList .spanLoading {
	display: block;
	width: 100%;
	height: 40px;
	padding: 0px 0px 0px 40px;
	overflow: hidden;
	text-align: left;
	padding: 10px 10px 0px 10px;
	border-bottom: 1px @eds-green solid;
	font-size: 14px;
	font-family: @Calibri;
	font-weight: bold;
	line-height: 2.4em;
	color: @dark-grey;
}

#form_1 #formList {
	display: block;
	width: 100%;
	height: 100%;
	overflow: auto;
	border-radius: 2px;
	border: 1px rgba(0, 0, 0, 0.08) solid;
	background-color: rgba(255, 255, 255, 0.8);
}

#form_1 #formList .formListOption {
	display: block;
	width: 100%;
	height: 40px;
	padding: 0px 0px 0px 40px;
	overflow: hidden;
	text-align: left;
	border-bottom: 1px rgba(0, 0, 0, 0.05) solid;
}

#form_1 #formList .formListOption:last-child {
	border: 0;
}

#form_1 .separatorTitle {
	display: block;
	margin-top: 10px;
	padding: 10px 5px;
	border-top: 1px rgba(0, 0, 0, 0.1) solid;
	font-size: 14px;
	font-family: @Calibri;
}

#form_1 #formList .formListOption label {
	display: block;
	width: 100%;
	height: 100%;
	padding: 10px 0px 0px 57px;
	font-size: 14px;
	font-family: @Calibri;
	color: rgba(0, 0, 0, 0.8);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#form_1 #formList .formListOption .singleLabel {
	padding: 10px 0px 0px 5px;
}

#form_1 #formList .formListOption .box {
	display: block;
	width: 25px;
	height: 25px;
	position: relative;
	bottom: 32px;
	right: 30px;
	overflow: hidden;
	border: 1px rgba(0, 0, 0, 0.1) solid;
	border-radius: 4px;
}

#form_1 #formList .formListOption .box:hover {
	border: 1px rgba(0, 0, 0, 0.4) solid;
}

#form_1 #formList .formListOption .box input {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 2;
	cursor: pointer;
	opacity: 0;
}

#form_1 #formList .formListOption .box span {
	display: block;
	margin: 0;
	padding: 1px 0px 0px 0px;
	text-align: center;
	width: 100%;
	height: 100%;
	font-size: 18px;
	color: @strong-red;
	position: relative;
	z-index: 1;
}

#form_1 #formList .formListOption .box .checkOk {
	color: @eds-soft-opaline;
}

#form_1 #formList .formListOption .box input:checked~span {
	bottom: 25px;
}

#form_1 #formList .formListOption .adminLabel {
	display: inline-block;
	margin-left: 5px;
	border-radius: 3px;
	padding: 4px 6px 4px 6px;
	background-color: @eds-soft-opaline;
	color: white;
	font-family: @Calibri;
	font-size: 11px;
	position: relative;
	bottom: 56px;
	cursor: default;
}

#form_1 #formList .formListOption .userLabel {
	display: inline-block;
	margin-left: 5px;
	border-radius: 3px;
	padding: 4px 10px 4px 11px;
	background-color: rgba(170, 170, 170, 1);
	color: white;
	font-family: @Calibri;
	font-size: 11px;
	position: relative;
	bottom: 56px;
	cursor: default;
}

#form_1 #formList .formListOption .scoreFunctionsList,
#form_1 #formList .formListOption .percentFunctionsList {
	display: inline-block;
	width: 20%;
	margin-left: 20%;
	padding: 4px 10px 4px 11px;
	font-family: @Calibri;
	font-size: 15px;
	position: relative;
	bottom: 56px;
	cursor: default;
}

#form_1 #actionList .spanLoading {
	border-bottom: none;
	padding: 10px;
}

#form_1 #actionList .spanLoading .iconLoading {
	animation-name: spinIcon;
	animation-duration: 2000ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@keyframes spinIcon {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

#form_1 #actionList .chapterTitle i,
#form_1 #actionList .spanLoading i {
	display: inline-block;
	vertical-align: bottom;
	margin-right: 5px;
	color: rgba(0, 0, 0, 0.15);
	font-size: 18px;
}

#form_1 .guidelinesOptions {
	display: inline-block;
	vertical-align: bottom;
	width: 36px;
	height: 36px;
	margin: 15px 10px 30px 0px;
	background-color: rgba(0, 0, 0, 0.05);
	border: 1px rgba(0, 0, 0, 0.1) solid;
	border-radius: 2px;
	color: rgba(0, 0, 0, 0.3);
	font-size: 22px;
	text-align: center;
	line-height: 1.6em;
	cursor: pointer;
}

#form_1 .guidelinesOptions:hover {
	box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
	background-color: white;
	color: rgba(0, 0, 0, 0.6);
}

#form_1 .guidelinesOptions:hover~.guidelinesOptionsMenu,
#form_1 .guidelinesOptionsMenu:hover {
	top: auto;
	right: auto;
}

#form_1 .guidelinesOptionsMenu {
	display: inline-block;
	width: 250px;
	margin-left: -250px;
	margin-top: -160px;
	border: 1px rgba(0, 0, 0, 0.7);
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
	border-radius: 1px;
	background-color: white;
	position: absolute;
	top: -999999px;
	right: -999999px;
}

#form_1 .guidelinesOptionsMenu a {
	display: block;
	height: 35px;
	padding: 0px 15px 0px 15px;
	border-bottom: 1px rgba(0, 0, 0, 0.05) solid;
	text-decoration: none;
	line-height: 2.4em;
	font-family: @Calibri;
	font-size: 14px;
	color: rgba(0, 0, 0, 0.6);
}

#form_1 .guidelinesOptionsMenu a:hover {
	box-shadow: 3px 0px 0px @eds-green-hover inset;
	color: rgba(0, 0, 0, 0.9);
}

#form_1 #actionList .axe {
	display: block;
	width: 100%;
	text-align: left;
	padding: 5px;
}

#form_1 #actionList .axe .axeHeader {
	display: block;
	width: 100%;
	height: 30px;
	padding: 0px 5px 0px 5px;
	margin-bottom: 5px;
	font-size: 14px;
	font-family: @Calibri;
	font-weight: bold;
	line-height: 2.4em;
	color: rgba(0, 0, 0, 0.3);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
}

#form_1 #actionList .guideline {
	display: block;
	width: 100%;
	height: 25px;
	padding-left: 30px;
	overflow: hidden;
}

#form_1 #actionList .guideline label {
	display: block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1.6em;
	font-size: 14px;
	font-family: @Calibri;
	color: rgba(0, 0, 0, 0.7);
}

#form_1 .guidelineCheckbox {
	display: block;
	width: 20px;
	height: 20px;
	overflow: hidden;
	border-radius: 2px;
	border: 1px rgba(0, 0, 0, 0.2) solid;
	position: relative;
	bottom: 20px;
	right: 27px;
}

#form_1 .guidelineCheckbox:hover,
#form_1 .edsCheckbox:hover {
	border: 1px @eds-green-hover solid;
}

#form_1 .edsCheckbox {
	display: block;
	width: 20px;
	height: 20px;
	overflow: hidden;
	border-radius: 2px;
	border: 1px rgba(0, 0, 0, 0.2) solid;
	position: relative;
	bottom: 30px;
}

#form_1 .jaugeBorder {
	display: block;
	width: 100%;
	height: 16px;
	padding: 2px;
	margin: 15px 0px 15px 0px;
	border-radius: 8px;
	border: 1px rgba(0, 0, 0, 0.2) solid;
}

#form_1 .jaugeWrapper {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 6px;
	overflow: hidden;
}

#form_1 .jaugeWrapper .test_0,
#form_1 .jaugeWrapper .test_1 {
	display: inline-block;
	vertical-align: top;
	height: 100%;
	border-left: 1px white solid;
}

#form_1 .jumpInput {
	display: block;
	width: 100%;
	height: 50px;
	padding: 0px;
	margin-bottom: 15px;
	border-radius: 3px;
	border: 1px @smooth-grey solid;
	text-align: center;
	overflow: hidden;
}

#form_1 .jumpInput input {
	display: inline-block;
	vertical-align: top;
	width: 8.3333333%;
	height: 100%;
	outline: none;
	border: 0;
	border-right: 1px rgba(0, 0, 0, 0.1) solid;
	text-align: center;
	font-family: @Calibri;
	font-size: 14px;
}

#form_1 .jumpInput input:focus {
	box-shadow: 0px -3px 0px 0px @eds-soft-opaline inset;
}

#form_1 .jumpInput input:last-of-type {
	border-right: 0;
}

#form_1 .guidelineCheckbox {
	display: block;
	width: 20px;
	height: 20px;
	overflow: hidden;
	border-radius: 2px;
	border: 1px rgba(0, 0, 0, 0.2) solid;
	position: relative;
	bottom: 20px;
	right: 27px;
}

#form_1 .guidelineCheckbox:hover,
#form_1 .edsCheckbox:hover {
	border: 1px @eds-green-hover solid;
}

#form_1 .guidelineCheckbox input[type="checkbox"],
#form_1 .edsCheckbox input[type="checkbox"] {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	opacity: 0;
	cursor: pointer;
	position: relative;
	z-index: 11;
}

#form_1 .guidelineCheckbox span,
#form_1 .edsCheckbox span {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 1px 0px 0px -1px;
	padding-top: 1px;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5) inset;
	border-radius: 2px;
	outline: 0;
	overflow: hidden;
	text-align: center;
	position: relative;
	bottom: 20px;
	opacity: 0;
}

#form_1 .guidelineCheckbox span i,
#form_1 .edsCheckbox span i {
	font-size: 14px;
	color: rgba(0, 0, 0, 0.7);
}

#form_1 .guidelineCheckbox input[type="checkbox"]:checked~span,
#form_1 .edsCheckbox input[type="checkbox"]:checked~span {
	opacity: 1;
}

span.span-checked {
	background: @eds-green-hover !important;
}

#form_1 .scenarioLine {
	display: block;
	text-align: left;
	width: 100%;
	height: 40px;
	border-bottom: 1px rgba(0, 0, 0, 0.08) solid;
}

#form_1 .scenarioLine:last-child {
	border: 0;
}

#form_1 .scenarioName {
	display: block;
	width: 100%;
	height: 100%;
	padding: 10px 0px 0px 30px;
	font-size: 14px;
	font-family: @Calibri;
	color: rgba(130, 130, 130, 1);
	overflow: hidden;
	cursor: default;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#form_3 {
	display: inline-block;
	width: 100%;
	margin: 0px 0px 50px 0px;
	padding: 15px;
	border-radius: 3px;
	border: 1px rgba(0, 0, 0, 0.1) solid;
	font-size: 0;
	font-family: @Calibri;
	text-align: left;
	opacity: 1;
	overflow: hidden;
}

#form_3 h5 {
	display: block;
	width: 100%;
	padding: 10px;
	margin: 0;
	border-bottom: 1px rgba(230, 230, 230, 1) solid;
	overflow: hidden;
	font-size: 14px;
	font-weight: normal;
	font-family: @Calibri;
	color: rgba(180, 180, 180, 1);
}

#form_1 .range_1 {
	display: inline-block;
	vertical-align: top;
	width: 62%;
	height: 70px;
	padding: 7px 15px 7px 15px;
	border: 1px rgba(220, 220, 220, 1) solid;
	border-radius: 0px 3px 3px 0px;
}

#form_1 .range_1 .scale {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
	padding-bottom: 5px;
	cursor: default;

}

#form_1 .range_1 .scale span {
	width: 20px;
	height: 20px;
	margin: 2px 4px 2px 4px;
	border-radius: 10px;
	text-align: center;
	font-size: 14px;
	font-family: @Calibri;
	line-height: 1.4em;
}

#form_1 .range_1 .wrapper {
	display: block;
	height: 22px;
	padding: 2px 3px 0px 3px;
	background-color: rgba(235, 235, 235, 1);
	border-radius: 11px;
	box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.03);
}

#form_1 .textarea_1 {
	display: block;
	width: 100%;
	min-width: 100%;
	max-width: 100px;
	height: 100px;
	min-height: 100px;
	max-height: 300px;
	padding: 10px;
	border-radius: 3px;
	outline: 0;
	border: 1px rgba(210, 210, 210, 1) solid;
	overflow: auto;
	font-size: 14px;
	font-family: @Calibri;
	color: @dark-grey;
}

#form_1 .text_1 {
	display: block;
	width: 100%;
	min-width: 100%;
	max-width: 100px;
	height: 40px;
	padding: 10px;
	border-radius: 3px;
	outline: 0;
	border: 1px rgba(210, 210, 210, 1) solid;
	box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.05) inset;
	overflow: auto;
	font-size: 14px;
	font-family: @Calibri;
	color: @dark-grey;
}

#form_1 .formIcon {
	display: inline-block;
	width: 32px;
	height: 30px;
	border-radius: 3px 3px 0px 0px;
	border-top: 1px rgba(0, 0, 0, 0.1) solid;
	border-right: 1px rgba(0, 0, 0, 0.1) solid;
	border-left: 1px rgba(0, 0, 0, 0.1) solid;
	text-align: center;
	line-height: 1.6em;
	font-size: 18px;
	color: rgba(100, 100, 100, 1);
	cursor: default;
}

#form_1 .formIconRed {
	display: inline-block;
	width: 32px;
	height: 30px;
	background-color: rgba(0, 0, 0, 0.05);
	box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.1) inset;
	border-radius: 3px 3px 0px 0px;
	border-top: 1px white solid;
	border-right: 1px white solid;
	border-left: 1px white solid;
	text-align: center;
	line-height: 1.6em;
	font-size: 18px;
	color: @strong-red;
	cursor: default;
}

#form_1 .formTitle {
	display: inline-block;
	width: 100%;
	margin: 5px 0px 5px 0px;
	font-size: 16px;
	font-family: @Calibri;
	color: rgba(130, 130, 130, 1);
	overflow: hidden;
	cursor: default;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#form_1 .formTitleSelection {

	display: flex;
	justify-content: center;

	a {

		width: 33%;
		display: inline-block;
		width: 100%;
		margin: 5px 0px 10px 0px;
		font-size: 16px;
		font-family: @Calibri;
		color: #c8c8c8;
		overflow: hidden;
		cursor: default;
		text-overflow: ellipsis;
		white-space: nowrap;
		background-color: #fafafa;
		padding: 3px;
		border-left: 1px solid #c8c8c8;
		border-top: 1px solid #c8c8c8;
		border-bottom: 1px solid #c8c8c8;
		text-decoration: none;

	}

	a:first-child {

		border-radius: 5px 0px 0px 5px;

	}

	a:last-child {

		border-right: 1px solid #c8c8c8;
		border-radius: 0px 5px 5px 0px;

	}

	a.selectedTitle {

		color: rgba(130, 130, 130, 1);
		background-color: #eee;

	}

	a:not(.selectedTitle):hover {

		color: rgba(130, 130, 130, 1);
		background-color: #eee;
		cursor: pointer;

	}

}

#form_1 .formTitleError {
	font-size: 10px;
	margin-left: 10px;
	font-style: italic;
	color: rgba(255, 0, 0, 1);
	border-color: rgba(255, 0, 0, 1);
}

#form_1 .formTitleError_spe {
	font-size: 14px;
	margin-left: 10px;
	font-style: italic;
	color: rgba(255, 0, 0, 1);
	border-color: rgba(255, 0, 0, 1);
	margin-bottom: 15px
}

#form_1 .uploadErrorsScroll {
	max-height: 220px;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 8px 10px;
	margin-bottom: 15px;
	border: 1px solid rgba(255, 0, 0, 0.3);
	border-radius: 4px;
	background-color: rgba(255, 0, 0, 0.05);
	line-height: 1.4;
}

#form_1 .formTitleError_acv_import {
	font-size: 14px;
	margin-left: 10px;
	font-style: italic;
	text-align: left;
	color: rgba(255, 0, 0, 1);
	border-color: rgba(255, 0, 0, 1);
	padding-bottom: 3px;
	display: none;
}

#form_1 .formTitleBar {
	width: 100%;
	height: 3px;
	border-bottom-right-radius: 200px 3px;
	border-bottom-left-radius: 200px 3px;
	overflow: hidden;
	background: url('../images/top-line.png') top left repeat-x;
	cursor: default;
}

#form_1 .formTitleBarRed {
	width: 100%;
	height: 3px;
	border-bottom-right-radius: 200px 3px;
	border-bottom-left-radius: 200px 3px;
	overflow: hidden;
	background: url('../images/top-line-red.png') top left repeat-x;
	cursor: default;
}

#form_1 .info_1 {
	display: inline-block;
	width: 100%;
	padding: 10px 15px 10px 15px;
	text-align: center;
	font-size: 14px;
	font-family: @Calibri;
	font-weight: bold;
	color: rgba(80, 80, 80, 1);
}

#form_1 .info_2 {
	display: inline-block;
	width: 100%;
	padding: 0;
	text-align: right;
	font-size: 14px;
	font-family: @Calibri;
	color: rgba(180, 180, 180, 1);
	position: relative;
	bottom: 15px;
}

#form_1 .info_3 {
	display: inline-block;
	width: 100%;
	padding: 10px 15px 10px 15px;
	text-align: center;
	font-size: 12px;
	font-style: italic;
	font-family: @Calibri;
	color: rgba(0, 0, 0, 0.4);
}

#form_1 .info_4 {
	display: inline-block;
	width: 100%;
	padding: 10px 15px 10px 15px;
	text-align: center;
	font-size: 16px;
	font-style: italic;
	font-family: @Calibri;
	color: rgba(0, 0, 0, 0.4);
}

#form_1 .item_1 {
	display: inline-block;
	margin-top: 30px;
	padding: 10px 15px 10px 15px;
	border: 1px @smooth-grey solid;
	border-radius: 3px;
	background-color: @old-white;
	font-size: 14px;
	font-family: @Calibri;
	color: rgba(80, 80, 80, 1);
	cursor: default;
}

#form_1 .item_2 {
	display: inline-block;
	width: 75%;
	height: 40px;
	margin-bottom: 30px;
	padding: 0px 15px 0px 15px;
	border-top: 1px @smooth-grey solid;
	border-bottom: 1px @smooth-grey solid;
	border-left: 1px @smooth-grey solid;
	border-radius: 3px 0px 0px 3px;
	background-color: @old-white;
	overflow: hidden;
	text-align: left;
	line-height: 2.7em;
	font-weight: bold;
	font-size: 14px;
	font-family: @Calibri;
	color: rgba(80, 80, 80, 1);
	cursor: default;
}

#form_1 .item_3 {
	display: inline-block;
	width: 25%;
	height: 40px;
	margin-bottom: 30px;
	padding: 0px 10px 0px 10px;
	border-top: 1px @smooth-grey solid;
	border-bottom: 1px @smooth-grey solid;
	border-right: 1px @smooth-grey solid;
	border-left: 1px rgba(230, 230, 230, 1) solid;
	border-radius: 0px 3px 3px 0px;
	background-color: @old-white;
	overflow: hidden;
	line-height: 2.7em;
	font-size: 14px;
	font-family: @Calibri;
	color: rgba(80, 80, 80, 1);
	cursor: default;
}

#form_1 .item_4 {
	display: block;
	width: 100%;
	margin: 10px 0px 20px 0px;
	padding: 10px 15px 10px 15px;
	border: 1px @smooth-grey solid;
	border-radius: 3px;
	background-color: @old-white;
	font-size: 14px;
	font-family: @Calibri;
	color: rgba(80, 80, 80, 1);
	cursor: default;
}

#form_1 .input_1 {
	width: 100%;
	height: 40px;
	padding: 0px 15px 0px 15px;
	border: 1px @smooth-grey solid;
	border-radius: 3px 3px 0px 0px;
	outline: none;
	font-family: @Calibri;
	font-size: 14px;
}

#form_1 .input_2 {
	width: 100%;
	height: 40px;
	padding: 0px 15px 0px 15px;
	border-right: 1px @smooth-grey solid;
	border-left: 1px @smooth-grey solid;
	border-bottom: 1px @smooth-grey solid;
	border-top: 0;
	border-radius: 0px 0px 3px 3px;
	outline: none;
	font-family: @Calibri;
	font-size: 14px;
}

#form_1 .input_3 {
	display: inline-block;
	vertical-align: top;
	width: 62%;
	height: 40px;
	margin-bottom: 15px;
	padding: 0px 15px 0px 15px;
	border: 1px @smooth-grey solid;
	border-radius: 0px 3px 3px 0px;
	outline: none;
	font-family: @Calibri;
	font-size: 14px;
}

#form_1 .input_4 {
	display: inline-block;
	vertical-align: top;
	width: 48%;
	height: 40px;
	padding: 0px 15px 0px 15px;
	border-bottom: 1px rgba(0, 0, 0, 0) solid;
	border-right: 1px @smooth-grey solid;
	border-top: 1px @smooth-grey solid;
	border-left: 1px @smooth-grey solid;
	outline: none;
	font-family: @Calibri;
	font-size: 14px;
}

#form_1 .input_5 {
	display: inline-block;
	vertical-align: top;
	width: 48%;
	height: 40px;
	margin-bottom: 15px;
	padding: 0px 15px 0px 15px;
	border: 1px @smooth-grey solid;
	outline: none;
	font-family: @Calibri;
	font-size: 14px;
}

#form_1 .input_6 {
	display: inline-block;
	vertical-align: top;
	width: 82%;
	height: 40px;
	margin-bottom: 15px;
	padding: 0px 15px 0px 15px;
	border-radius: 0px 3px 3px 0px;
	border: 1px @smooth-grey solid;
	outline: none;
	font-family: @Calibri;
	font-size: 14px;
}

#form_1 .input_7 {
	display: inline-block;
	vertical-align: top;
	width: 23%;
	height: 40px;
	margin: 0px 0px 15px 0px;
	padding: 0px 10px 0px 10px;
	border-top: 1px @smooth-grey solid;
	border-right: 1px @smooth-grey solid;
	border-bottom: 1px @smooth-grey solid;
	border-left: 1px rgba(220, 220, 220, 1) solid;
	border-radius: 0px 3px 3px 0px;
	background-color: @old-white;
	outline: none;
	line-height: 2.7em;
	text-align: left;
	font-family: @Calibri;
	font-size: 14px;
	color: rgba(80, 80, 80, 1);
	overflow: hidden;
	cursor: default;
}

#form_1 .input_8 {
	display: inline-block;
	vertical-align: top;
	width: 75%;
	height: 40px;
	margin-bottom: 15px;
	padding: 0px 15px 0px 15px;
	border-radius: 0px 3px 3px 0px;
	border: 1px @smooth-grey solid;
	outline: none;
	font-family: @Calibri;
	font-size: 14px;
}

#form_1 .input_9 {
	display: block;
	width: 100%;
	min-height: 67px;
	padding: 20px 10px 20px 10px;
	margin-bottom: 15px;
	border-radius: 3px;
	border: 1px @smooth-grey solid;
	outline: none;
	font-family: @Calibri;
	font-size: 14px;
}

#form_1 .input_10 {
	display: inline-block;
	vertical-align: top;
	width: 31%;
	height: 40px;
	margin-bottom: 15px;
	padding: 0px 15px 0px 15px;
	border-top: 1px @smooth-grey solid;
	border-right: 0;
	border-bottom: 1px @smooth-grey solid;
	border-left: 1px @smooth-grey solid;
	outline: none;
	font-family: @Calibri;
	font-size: 14px;
}

#form_1 .unitChoice .input_10[name="componentUnitMass"] {
	width: 80%;
	margin-bottom: 3px;
}

#form_1 .unitChoice span.input_10 {
	padding-top: 2%;
	margin-bottom: 3px;
	width: 20%;
	border-right: 1px #c8c8c8 solid;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#form_1 .input_11 {
	display: inline-block;
	vertical-align: top;
	width: 31%;
	height: 40px;
	margin-bottom: 15px;
	padding: 0px 15px 0px 15px;
	border: 1px @smooth-grey solid;
	border-radius: 0px 3px 3px 0px;
	outline: none;
	font-family: @Calibri;
	font-size: 14px;
}

#form_1 .input_12 {
	display: inline-block;
	vertical-align: top;
	width: 33.5%;
	height: 40px;
	margin-bottom: 15px;
	padding: 0px 15px 0px 15px;
	border-top: 0;
	border-right: 1px @smooth-grey solid;
	border-bottom: 1px @smooth-grey solid;
	border-left: 1px @smooth-grey solid;
	border-radius: 0px 0px 0px 3px;
	outline: none;
	text-align: left;
	line-height: 3em;
	font-size: 14px;
	font-family: @Calibri;
	color: @dark-grey;
}

#form_1 .input_13 {
	display: inline-block;
	vertical-align: top;
	width: 33%;
	height: 40px;
	margin-bottom: 15px;
	padding: 0px 15px 0px 15px;
	border-top: 0;
	border-right: 1px rgba(0, 0, 0, 0) solid;
	border-bottom: 1px @smooth-grey solid;
	border-left: 1px rgba(0, 0, 0, 0) solid;
	border-radius: 0;
	outline: none;
	text-align: left;
	line-height: 3em;
	font-size: 14px;
	font-family: @Calibri;
	color: @dark-grey;
}

#form_1 .input_14 {
	display: inline-block;
	vertical-align: top;
	width: 33.5%;
	height: 40px;
	margin-bottom: 15px;
	padding: 0px 15px 0px 15px;
	border-top: 0;
	border-right: 1px @smooth-grey solid;
	border-bottom: 1px @smooth-grey solid;
	border-left: 1px @smooth-grey solid;
	border-radius: 0px 0px 3px 0px;
	outline: none;
	font-family: @Calibri;
	font-size: 14px;
}

#form_1 .input_15 {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	height: 40px;
	margin-bottom: 15px;
	padding: 0px 15px 0px 15px;
	border-top: 0;
	border-right: 1px @smooth-grey solid;
	border-bottom: 1px @smooth-grey solid;
	border-left: 1px @smooth-grey solid;
	border-radius: 0px 0px 0px 3px;
	outline: none;
	text-align: left;
	line-height: 3em;
	font-size: 14px;
	font-family: @Calibri;
	color: @dark-grey;
}

#form_1 .input_16 {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	height: 40px;
	margin-bottom: 15px;
	padding: 0px 15px 0px 15px;
	border-top: 0;
	border-right: 1px @smooth-grey solid;
	border-bottom: 1px @smooth-grey solid;
	border-left: 0;
	border-radius: 0px 0px 3px 0px;
	outline: none;
	font-family: @Calibri;
	font-size: 14px;
}

#form_1 .input_1:hover,
#form_1 .input_2:hover,
#form_1 .input_3:hover,
#form_1 .input_4:hover,
#form_1 .input_5:hover,
#form_1 .input_6:hover,
#form_1 .input_7:hover,
#form_1 .input_8:hover,
#form_1 .input_9:hover,
#form_1 .input_10:hover,
#form_1 .input_11:hover,
#form_1 .input_14:hover,
#form_1 .input_16:hover,
#form_1 .text_1:hover,
#form_1 .textarea_1:hover,
#form_1 .select_4:hover,
#form_1 .input_1:focus,
#form_1 .input_2:focus,
#form_1 .input_3:focus,
#form_1 .input_4:focus,
#form_1 .input_5:focus,
#form_1 .input_6:focus,
#form_1 .input_7:focus,
#form_1 .input_8:focus,
#form_1 .input_9:focus,
#form_1 .input_10:focus,
#form_1 .input_11:focus,
#form_1 .input_14:focus,
#form_1 .input_16:focus,
#form_1 .text_1:focus,
#form_1 .textarea_1:focus,
#form_1 .select_4:focus {
	border: 1px @eds-soft-opaline solid;
	box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.03) inset;
}


#form_1 .dlBox,
.upgrade-workspace-button,
#form_1 .noDlBox {
	display: block;
	width: 100%;
	padding: 10px;
	margin-bottom: 15px;
	border-radius: 3px;
	border: 1px @smooth-grey solid;
	background-color: @old-white;
	outline: none;
	font-style: none;
	text-align: left;
}

#form_1 .noDlBox {
	cursor: default;
	background: repeating-linear-gradient(-45deg, rgba(250, 250, 250, 1), rgba(250, 250, 250, 1) 15px, rgba(230, 230, 230, 1) 15px, rgba(230, 230, 230, 1) 25px);
}

#form_1 .dlBox:hover,
.upgrade-workspace-button:hover {
	background-color: rgba(235, 235, 235, 1);
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
}

#form_1 .dlBox:hover i,
.upgrade-workspace-button:hover i {
	color: rgba(50, 50, 50, 1);
}

#form_1 .dlBox:hover span,
.upgrade-workspace-button:hover span {
	color: rgba(15, 15, 15, 1);
}

#form_1 .dlBox i,
#form_1 .noDlBox i,
.upgrade-workspace-button i {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	font-size: 20px;
	color: rgba(80, 80, 80, 1);
}

#form_1 .dlBox span,
#form_1 .noDlBox span,
.upgrade-workspace-button span {
	display: inline-block;
	vertical-align: middle;
	color: @dark-grey;
	font-size: 14px;
	font-family: @Calibri;
}

#form_1 .field_1 {
	display: block;
	width: 100%;
	min-height: 40px;
	margin: 5px 0px 0px 0px;
	padding: 10px;
	border: 1px @smooth-grey solid;
	border-radius: 3px 3px 0px 0px;
	background-color: @old-white;
	text-align: center;
	color: @dark-grey;
	font-size: 14px;
	font-family: @Calibri;
	overflow: hidden;
	cursor: default;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#form_1 .field_1bis {
	display: block;
	width: 100%;
	min-height: 40px;
	margin: 0;
	padding: 10px;
	border-right: 1px @smooth-grey solid;
	border-bottom: 1px @smooth-grey solid;
	border-left: 1px @smooth-grey solid;
	border-radius: 0px 0px 3px 3px;
	background-color: @old-white;
	text-align: center;
	color: rgba(0, 0, 0, 0.5);
	font-size: 14px;
	font-family: @Calibri;
	overflow: hidden;
	cursor: default;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#form_1 .field_2,
#form_1 .field_3 {
	display: inline-block;
	vertical-align: top;
	height: 40px;
	margin: 0;
	padding: 10px;
	border-top: 0;
	border-bottom: 1px @smooth-grey solid;
	background-color: @old-white;
	text-align: center;
	color: @dark-grey;
	font-size: 14px;
	font-family: @Calibri;
	overflow: hidden;
	cursor: default;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#form_1 .field_2 {
	width: 33.5%;
	border-left: 1px @smooth-grey solid;
	border-right: 1px @smooth-grey solid;
}

#form_1 .field_3 {
	width: 33%;
}

#form_1 .field_4,
#form_1 .field_5 {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	height: 40px;
	margin: 0;
	padding: 10px;
	border-top: 1px @smooth-grey solid;
	border-bottom: 1px @smooth-grey solid;
	background-color: @old-white;
	text-align: center;
	color: @dark-grey;
	font-size: 14px;
	font-family: @Calibri;
	overflow: hidden;
	cursor: default;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#form_1 .field_4 {
	border-left: 1px @smooth-grey solid;
	border-right: 1px @smooth-grey solid;
	border-radius: 3px 0px 0px 0px;
}

#form_1 .field_5 {
	border-right: 1px @smooth-grey solid;
	border-radius: 0px 3px 0px 0px;
}

#form_1 .label_1 {
	display: inline-block;
	width: 100%;
	margin: 5px 0px 0px 10px;
	padding: 10px 10px 5px 10px;
	text-align: left;
	color: @dark-grey;
	font-size: 14px;
	font-family: @Calibri;
	overflow: hidden;
	cursor: default;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#form_1 .label_2 {
	display: inline-block;
	width: 100%;
	margin: 0px 0px 5px 20px;
	padding: 0px 10px 5px 10px;
	text-align: left;
	color: @dark-grey;
	font-size: 14px;
	font-family: @Calibri;
	overflow: hidden;
	cursor: default;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#form_1 .label_3 {
	display: inline-block;
	vertical-align: top;
	width: 38%;
	height: 40px;
	margin-bottom: 15px;
	padding: 0px 15px 0px 15px;
	border-top: 1px @smooth-grey solid;
	border-left: 1px @smooth-grey solid;
	border-bottom: 1px @smooth-grey solid;
	border-radius: 3px 0px 0px 3px;
	background-color: @old-white;
	outline: none;
	text-align: left;
	line-height: 2.7em;
	font-size: 14px;
	font-family: @Calibri;
	color: @dark-grey;
	cursor: default;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#form_1 .addChoice .label_3 {
	width: 40%;
	margin-bottom: 3px;
}

#form_1 .label_4 {
	display: inline-block;
	vertical-align: top;
	width: 52%;
	height: 40px;
	padding: 0px 15px 0px 15px;
	border-top: 1px @smooth-grey solid;
	border-left: 1px @smooth-grey solid;
	border-radius: 3px 0px 0px 0px;
	background-color: @old-white;
	outline: none;
	text-align: left;
	line-height: 2.7em;
	font-size: 14px;
	color: @dark-grey;
	overflow: hidden;
	cursor: default;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#form_1 .label_5 {
	display: inline-block;
	vertical-align: top;
	width: 52%;
	height: 40px;
	margin-bottom: 15px;
	padding: 0px 15px 0px 15px;
	border-top: 1px @smooth-grey solid;
	border-left: 1px @smooth-grey solid;
	border-bottom: 1px @smooth-grey solid;
	border-radius: 0px 0px 0px 3px;
	background-color: @old-white;
	outline: none;
	text-align: left;
	line-height: 2.7em;
	font-size: 14px;
	color: @dark-grey;
	overflow: hidden;
	cursor: default;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#form_1 .label_6 {
	display: inline-block;
	vertical-align: top;
	width: 18%;
	height: 40px;
	margin-bottom: 15px;
	padding: 0px 15px 0px 15px;
	border-top: 1px @smooth-grey solid;
	border-left: 1px @smooth-grey solid;
	border-bottom: 1px @smooth-grey solid;
	border-radius: 3px 0px 0px 3px;
	background-color: @old-white;
	outline: none;
	text-align: left;
	line-height: 2.7em;
	font-size: 14px;
	color: @dark-grey;
	overflow: hidden;
	cursor: default;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#form_1 .label_7 {
	display: inline-block;
	vertical-align: top;
	width: 52%;
	height: 40px;
	margin-bottom: 15px;
	padding: 0px 15px 0px 15px;
	border-top: 1px @smooth-grey solid;
	border-left: 1px @smooth-grey solid;
	border-bottom: 1px @smooth-grey solid;
	border-radius: 3px 0px 0px 3px;
	background-color: @old-white;
	outline: none;
	text-align: left;
	line-height: 2.7em;
	font-size: 14px;
	color: @dark-grey;
	overflow: hidden;
	cursor: default;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#form_1 .label_8 {
	display: inline-block;
	vertical-align: top;
	width: 25%;
	height: 40px;
	margin-bottom: 15px;
	padding: 0px 15px 0px 15px;
	border-top: 1px @smooth-grey solid;
	border-left: 1px @smooth-grey solid;
	border-bottom: 1px @smooth-grey solid;
	border-radius: 3px 0px 0px 3px;
	background-color: @old-white;
	outline: none;
	text-align: left;
	line-height: 2.7em;
	font-size: 14px;
	color: @dark-grey;
	overflow: hidden;
	cursor: default;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#form_1 .label_9 {
	display: inline-block;
	vertical-align: middle;
	margin-top: 5px;
	padding: 10px 10px 5px 5px;
	text-align: left;
	color: @dark-grey;
	font-size: 14px;
	font-family: @Calibri;
	overflow: hidden;
	cursor: default;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#form_1 .label_10 {
	display: inline-block;

	text-align: left;
	color: @dark-grey;
	font-size: 14px;
	font-family: @Calibri;
	overflow: hidden;
	cursor: default;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#form_1 label i {
	display: inline-block;
	vertical-align: bottom;
	margin-left: 10px;
	font-size: 16px;
	color: rgba(0, 0, 0, 0.15);
}

#form_1 label i:hover~span,
#form_1 label span:hover {
	top: auto;
	left: auto;
}

#form_1 label span {
	display: inline-block;
	max-width: 300px;
	padding: 10px;
	border-radius: 2px;
	border: 1px rgba(180, 180, 180, 1) solid;
	outline: 0;
	overflow: hidden;
	word-wrap: break-word;
	background-color: rgba(245, 245, 245, 1);
	box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.1);
	text-overflow: visible;
	white-space: normal;
	text-align: justify;
	line-height: 1em;
	font-size: 14px;
	font-family: @Calibri;
	color: @dark-grey;
	position: absolute;
	top: -999999px;
	left: -999999px;
	z-index: 999999;
}

#form_1 .processAmount {
	display: inline-block;
	vertical-align: top;
	width: 37%;
	height: 40px;
	margin: 0px 0px 15px 0px;
	padding: 0px 10px 0px 10px;
	border-top: 1px @smooth-grey solid;
	border-right: 1px @smooth-grey solid;
	border-bottom: 1px @smooth-grey solid;
	border-left: 1px rgba(220, 220, 220, 1) solid;
	border-radius: 0px 3px 3px 0px;
	background-color: @old-white;
	outline: none;
	line-height: 2.7em;
	text-align: left;
	font-family: @Calibri;
	font-size: 14px;
	color: rgba(80, 80, 80, 1);
	overflow: hidden;
	cursor: default;
}

#form_1 .amountBar {
	display: inline-block;
	vertical-align: top;
	width: 37%;
	height: 40px;
	margin: 0px 0px 15px 0px;
	border: 1px @smooth-grey solid;
	border-radius: 0px 3px 3px 0px;
	background-color: white;
	outline: none;
	text-align: left;
	overflow: hidden;
	cursor: default;
}

#form_1 .amountBar:hover .progress {
	opacity: 0.5;
}

#form_1 .amountBar .progress {
	display: inline-block;
	height: 100%;
	background-color: @eds-green-hover;
	opacity: 0.3;
}

#form_1 .amount {
	display: block;
	//vertical-align: top;
	width: 70px;
	height: 40px;
	margin-left: 10px;
	outline: none;
	text-align: left;
	line-height: 3em;
	font-size: 14px;
	font-family: @Calibri;
	color: rgba(20, 20, 20, 1);
	overflow: hidden;
	cursor: default;
	position: relative;
	bottom: 40px;
}

#form_1 .optionsBar {
	display: inline-block;
	vertical-align: top;
	width: 25%;
	padding-left: 10px;
	text-align: left;
}

#form_1 .option {
	display: inline-block;
	width: 30px;
	height: 40px;
	text-align: center;
	text-decoration: none;
}

#form_1 .option:hover i {
	color: rgba(100, 100, 100, 1);
}

#form_1 .option i {
	display: inline-block;
	padding: 8px 0px 0px 0px;
	font-size: 16px;
	color: rgba(170, 170, 170, 1);
}

#form_1 .materialsListShortcut,
#form_1 .weightShortcut {
	display: inline-block;
	vertical-align: top;
	margin: 11px;
	font-size: 35px;
	color: rgba(200, 200, 200, 1);
	cursor: pointer;
}

#form_1 .materialsListShortcut:hover,
#form_1 .weightShortcut:hover {
	color: rgba(170, 170, 170, 1);
}

#form_1 .wizardIcon {
	display: inline-block;
	vertical-align: top;
	width: 40px;
	height: 40px;
	margin: 11px;
	text-align: left;
	color: rgba(200, 200, 200, 1);
	cursor: pointer;
	overflow: hidden;
}

#form_1 .wizardIcon:hover {
	color: rgba(170, 170, 170, 1);
}

#form_1 .wizardIcon i {
	display: block;
	font-size: 35px;
}

#form_1 .wizardIcon span {
	font-size: 16px;
	font-weight: bold;
	font-family: @Calibri;
	position: relative;
	bottom: 20px;
}

#form_1 .materialsList,
#form_1 .materialsClassesList,
#form_1 .weightList {
	display: inline-block;
	width: 300px;
	padding: 10px;
	border-radius: 2px;
	border: 1px rgba(180, 180, 180, 1) solid;
	outline: 0;
	background-color: rgba(245, 245, 245, 1);
	box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.1);
	text-align: left;
	font-size: 14px;
	font-family: @Calibri;
	color: @dark-grey;
	position: fixed;
	top: -999999px;
	z-index: 99999;
}

#form_1 .materialsList,
#form_1 .weightList {
	margin-top: 15px;
	margin-left: -360px;
}

#form_1 .materialsListShortcut:hover~.materialsList,
#form_1 .materialsHelp:hover~.materialsClassesList,
#form_1 .materialsHelp2:hover~.materialsClassesList,
#form_1 .materialsClassesList:hover,
#form_1 .materialsList:hover,
#form_1 .wizardIcon:hover~.materialsList,
#form_1 .weightShortcut:hover~.weightList,
#form_1 .weightList:hover {
	top: auto;
	left: auto;
}

#form_1 .materialsList .title,
#form_1 .materialsClassesList .title,
#form_1 .weightList .title {
	display: block;
	width: 100%;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px rgba(200, 200, 200, 1) solid;
	font-weight: bold;
}

#form_1 .materialsList .subtitle {
	display: block;
	width: 100%;
	margin: 15px 0px 2px 0px;
	padding-bottom: 2px;
	border-bottom: 1px rgba(220, 220, 220, 1) solid;
	font-weight: normal;
	font-style: italic;
}

#form_1 .materialsList .icon-ok {
	display: inline-block;
	margin-right: 5px;
	font-size: 8px;
}

#form_1 .topBar {
	width: 100%;
}

#form_1 .bottomBar {
	width: 100%;
	text-align: right;
	display: flex;
}

#form_1 .bottomBar input,
#form_1 .bottomBar button {
	margin-left: auto;
}

#form_1 .alertMessage_1,
#form_1 .alertMessage_2,
#form_1 .alertMessage_3 {
	display: block;
	width: 100%;
	margin-bottom: 15px;
	border: 1px rgba(220, 220, 220, 1) solid;
	text-align: left;
	z-index: 10;
}

#form_1 .alertMessage_1 {
	box-shadow: 5px 0px 0px @strong-red inset;
}

#form_1 .alertMessage_2 {
	box-shadow: 5px 0px 0px orange inset;
}

#form_1 .alertMessage_3 {
	box-shadow: 5px 0px 0px rgba(45, 145, 230, 1) inset;
}

#form_1 .alertMessage_1 i,
#form_1 .alertMessage_2 i,
#form_1 .alertMessage_3 i {
	display: inline-block;
	vertical-align: middle;
	padding: 15px;
	width: 10%;
	font-size: 30px;
	color: @smooth-grey;
}

#form_1 .alertMessage_1 span,
#form_1 .alertMessage_2 span,
#form_1 .alertMessage_3 span {
	display: inline-block;
	vertical-align: middle;
	width: 90%;
	padding: 10px;
	font-size: 14px;
	font-family: @Calibri;
	color: @dark-grey;
}

#form_1 .button_3,
#form_1 .button_3:active {
	display: inline-block;
	width: 24px;
	height: 24px;
	padding: 4px;
	border-radius: 0px 0px 3px 3px;
	background-color: @strong-red-hover;
	box-shadow: 0px -2px 0px 2px rgba(0, 0, 0, 0.2) inset;
	text-decoration: none;
	text-align: center;
	-webkit-animation: redBGblur 0.5s ease-out;
	-ms-animation: redBGblur 0.5s ease-out;
	animation: redBGblur 0.5s ease-out;
}

#form_1 .button_3:hover {
	background-color: @strong-red;
	-webkit-animation: redBGhover 0.5s ease-out;
	-ms-animation: redBGhover 0.5s ease-out;
	animation: redBGhover 0.5s ease-out;
}

#form_1 .button_3 i {
	display: inline-block;
	padding: 0;
	font-size: 12px;
	color: white;
}

#form_1 .button_4 {
	display: inline-block;
	width: 24px;
	height: 24px;
	padding: 3px;
	margin-right: 0px;
	border-top: 1px rgba(0, 0, 0, 0) solid;
	border-right: 1px rgba(0, 0, 0, 0.1) solid;
	border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
	border-left: 1px rgba(0, 0, 0, 0.1) solid;
	border-radius: 0px 0px 3px 3px;
	background-color: rgba(255, 255, 255, 0.05);
	text-decoration: none;
	text-align: center;
	color: rgba(0, 0, 0, 0.3);
}

#form_1 .button_4:active {
	-webkit-animation: redCrossblur 0.2s ease-out;
	-ms-animation: redCrossblur 0.2s ease-out;
	animation: redCrossblur 0.2s ease-out;
}

#form_1 .button_4:hover {
	background-color: rgba(215, 0, 0, 1);
	color: white;
	box-shadow: 0px 0px 1px 2px rgba(0, 0, 0, 0.2) inset;
	-webkit-animation: redCrosshover 0.3s ease-out;
	-ms-animation: redCrosshover 0.3s ease-out;
	animation: redCrosshover 0.3s ease-out;
}

#form_1 .button_4 i {
	display: inline-block;
	padding: 0;
	font-size: 12px;
}

#form_3 .label_1 {
	display: inline-block;
	width: 100%;
	padding: 10px 10px 5px 10px;
	font-size: 14px;
	font-family: @Calibri;
	font-weight: bold;
	color: @eds-green-hover;
	overflow: hidden;
}

#form_3 .label_2 {
	display: inline-block;
	width: 100%;
	padding: 10px 10px 5px 10px;
	font-size: 14px;
	font-family: @Calibri;
	color: rgba(150, 150, 150, 1);
	overflow: hidden;
}

#form_3 .label-icon {
	position: relative;
	top: 10px;
}

#form_3 .marginBottom {
	margin-bottom: 15px;
}

#form_3 .text_1,
#form_3 .number_1 {
	display: block;
	width: 100%;
	height: 40px;
	padding: 10px;
	border-radius: 3px;
	outline: 0;
	border: 1px rgba(210, 210, 210, 1) solid;
	box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.05) inset;
	overflow: auto;
	font-size: 14px;
	font-family: @Calibri;
	color: @dark-grey;
}

#form_3 .textarea_1 {
	display: block;
	width: 100%;
	min-width: 100%;
	max-width: 100px;
	height: 100px;
	min-height: 100px;
	max-height: 300px;
	padding: 10px;
	border-radius: 3px;
	outline: 0;
	border: 1px rgba(210, 210, 210, 1) solid;
	box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.05) inset;
	overflow: auto;
	font-size: 14px;
	font-family: @Calibri;
	color: @dark-grey;
}

#form_3 .button_2 {
	display: inline-block;
	vertical-align: top;
	max-width: 100%;
	height: 30px;
	padding: 0px 15px 0px 15px;
	margin: 0px 0px 30px 10px;
	background-color: rgba(250, 250, 250, 1);
	border-radius: 4px;
	outline: 0;
	border: 1px rgba(210, 210, 210, 1) solid;
	box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.05);
	text-decoration: none;
	line-height: 1.9em;
	font-size: 14px;
	font-family: @Calibri;
	color: @dark-grey;
	cursor: pointer;
}

#form_3 .button_2:hover {
	background-color: white;
	color: rgba(15, 15, 15, 1);
}

#form_3 .tableRange_1 {
	width: 100%;
	border-top: 1px rgba(220, 220, 220, 1) solid;
	border-bottom: 1px rgba(220, 220, 220, 1) solid;
	margin-bottom: 20px;
}

#form_3 .tableRange_2,
#form_3 .tableRange_3 {
	width: 100%;
	border-top: 1px rgba(220, 220, 220, 1) solid;
}

#form_3 .tableEnd {
	width: 100%;
	height: 0px;
	border-bottom: 1px rgba(220, 220, 220, 1) solid;
	margin-bottom: 10px;
}

#form_3 .tableRange_1 div,
#form_3 .tableRange_2 div,
#form_3 .tableRange_3 div {
	display: inline-block;
	vertical-align: middle;
	width: 80%;
	padding: 10px;
	text-align: left;
	font-size: 14px;
	font-family: @Calibri;
	color: @dark-grey;
	cursor: default;
}

#form_3 .tableRange_3 div.width100 {
	width: 100%;
}

#form_3 .tableRange_3 div.width80 {
	width: 80%;
}

#form_3 .tableRange_3 .subAnswer {
	font-size: 14px;
	font-style: italic;
	font-family: @Calibri;
	color: rgba(180, 180, 180, 1);
}

#form_3 .tableRange_1 span,
#form_3 .tableRange_2 span,
#form_3 .tableRange_3 .editOption {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	padding: 10px;
	text-align: right;
}

#form_3 .tableRange_1 span a,
#form_3 .tableRange_2 span a,
#form_3 .tableRange_3 .editOption a {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	text-decoration: none;
}

#form_3 .tableRange_3 .editOption .icon-info-sign {
	display: inline-block;
	vertical-align: middle;
	text-decoration: none;
	font-size: 16px;
	color: rgba(200, 200, 200, 1);
	cursor: pointer;
}

#form_3 .tableRange_3 .editOption .icon-info-sign:hover {
	color: rgba(180, 180, 180, 1);
}

#form_3 .tableRange_3 .editOption .filled {
	color: @eds-green;
}

#form_3 .tableRange_3 .editOption .filled:hover {
	color: @eds-green-hover;
}

#form_3 .tableRange_3 .editOption .infoContent {
	display: inline-block;
	width: 300px;
	margin-top: 13px;
	margin-left: -310px;
	padding: 10px;
	border-radius: 2px;
	border: 1px rgba(180, 180, 180, 1) solid;
	outline: 0;
	background-color: rgba(245, 245, 245, 1);
	box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.1);
	text-align: left;
	font-size: 14px;
	font-family: @Calibri;
	color: @dark-grey;
	position: fixed;
	top: -999999px;
	z-index: 99999;
}

#form_3 .tableRange_3 .editOption .icon-info-sign:hover~.infoContent,
#form_3 .tableRange_3 .editOption .infoContent:hover {
	top: auto;
	left: auto;
}

#form_3 .tableRange_1 span a i,
#form_3 .tableRange_2 span a i,
#form_3 .tableRange_3 .editOption a i {
	display: inline-block;
	font-size: 16px;
	color: rgba(200, 200, 200, 1);
}

#form_3 .tableRange_1 span a i:hover,
#form_3 .tableRange_2 span a i:hover,
#form_3 .tableRange_3 .editOption a i:hover {
	color: rgba(180, 180, 180, 1);
}

#form_3 .tableRange_3 .editOption .infoContent .blankLink {
	text-decoration: underline;
	color: @eds-dark-opaline;
}

#form_3 .tableRange_3 .editOption .infoContent .blankLink:hover {
	color: @eds-soft-opaline;
}

#form_1 .inputGroup_1-1 {
	display: inline-block;
	vertical-align: middle;
	width: 73%;
	margin: 0;
	padding: 0;
}

#form_1 .inputGroup_1-2 {
	display: inline-block;
	vertical-align: middle;
	width: 27%;
	margin: 0;
	padding: 0;
}

#form_1 .select_1::-ms-expand,
#form_1 .select_2::-ms-expand,
#form_1 .select_3::-ms-expand,
#form_1 .select_4::-ms-expand,
#form_1 .select_5::-ms-expand,
#form_1 .select_6::-ms-expand,
#form_1 .select_7::-ms-expand,
#form_1 .select_8::-ms-expand {
	display: none;
}

#form_1 .select_1,
#form_1 .select_2,
#form_1 .select_4,
#form_1 .select_5,
#form_1 .select_6,
#form_1 .select_7,
#form_1 .select_8 {
	height: 40px;
	min-height: 40px;
	padding: 0px 30px 0px 8px;
	outline: none;
	background: url(../images/select-arrow.png) right center no-repeat;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	text-indent: 1px;
	text-overflow: '';
	cursor: pointer;
}

#form_1 .select_1 {
	width: 100%;
	border: 1px @smooth-grey solid;
	border-radius: 3px;
}

#form_1 .select_2 {
	display: inline-block;
	vertical-align: top;
	width: 62%;
	margin-bottom: 15px;
	border: 1px @smooth-grey solid;
	border-radius: 0px 3px 3px 0px;
}

#form_1 .addChoice .select_2[id^="elec-"],
#form_1 .addChoice .select_2[id^="heat-"] {
	width: 60%;
	margin-bottom: 3px;
}

#form_1 .unitChoice .select_2[name="componentUnit"] {
	width: 20%;
	margin-bottom: 3px;
}

#form_1 .select_3 {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	height: 80px;
	padding: 0px 15px 0px 15px;
	outline: none;
	background: url(../images/select-arrow.png) right center no-repeat;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	text-indent: 1px;
	text-overflow: '';
	cursor: pointer;
	margin-bottom: 15px;
	border-left: 0;
	border-top: 1px @smooth-grey solid;
	border-right: 1px @smooth-grey solid;
	border-bottom: 1px @smooth-grey solid;
	border-radius: 0px 3px 3px 0px;
}

#form_1 .select_4 {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	margin: 0px 10px 0px 0px;
	border: 1px rgba(210, 210, 210, 1) solid;
	box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.05) inset;
	border-radius: 3px;
}

#form_1 .select_5 {
	display: inline-block;
	vertical-align: top;
	width: 14%;
	margin: 0;
	border-top: 1px rgba(210, 210, 210, 1) solid;
	border-right: 1px rgba(210, 210, 210, 1) solid;
	border-bottom: 1px rgba(210, 210, 210, 1) solid;
	border-left: 0;
	border-radius: 0px 3px 3px 0px;
}

#form_1 .select_6 {
	display: inline-block;
	vertical-align: top;
	width: 82%;
	margin-bottom: 15px;
	border: 1px @smooth-grey solid;
	border-radius: 0px 3px 3px 0px;
}

#form_1 .select_7 {
	display: inline-block;
	vertical-align: top;
	width: 75%;
	margin-bottom: 15px;
	border: 1px @smooth-grey solid;
	border-radius: 0px 3px 3px 0px;
}

#form_1 .select_8 {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	margin-bottom: 15px;
	border: 1px @smooth-grey solid;
	border-radius: 0px 3px 3px 0px;
}

#form_1 .select_1:hover,
#form_1 .select_2:hover,
#form_1 .select_3:hover,
#form_1 .select_4:hover,
#form_1 .select_5:hover,
#form_1 .select_6:hover,
#form_1 .select_7:hover,
#form_1 .select_8:hover {
	box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.05);
	background: url(../images/select-arrow-over.png) right center no-repeat;
}

#form_1 .select_1:focus,
#form_1 .select_2:focus,
#form_1 .select_3:focus,
#form_1 .select_4:focus,
#form_1 .select_5:focus,
#form_1 .select_6:focus,
#form_1 .select_7:focus,
#form_1 .select_8:focus {
	box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.05);
	background: url(../images/select-arrow-focus.png) right center no-repeat;
}

#form_1 .select_1 option,
#form_1 .select_2 option,
#form_1 .select_3 option,
#form_1 .select_4 option,
#form_1 .select_5 option,
#form_1 .select_6 option,
#form_1 .select_7 option,
#form_1 .select_8 option {
	padding: 12px 0px 12px 13px;
	border: 0;
}

.inputWrapper {
	display: block;
	width: 100%;
}

.inputWrapper_spe {
	display: block;
	width: 100%;
	padding-right: 10px;
}

#form_1 .selectWrapper_1 {
	display: inline-block;
	vertical-align: top;
	width: 62%;
	height: 40px;
	padding-right: 50px;
	overflow: hidden;
	text-align: right;
}

#form_1 .plusSelect {
	display: inline-block;
	width: 50px;
	height: 100%;
	padding-left: 10px;
	margin: 0;
	position: relative;
	bottom: 55px;
	left: 50px;
}

#form_1 .plusSelect a {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 3px;
	border: 1px rgba(0, 0, 0, 0.08) solid;
	background-color: rgba(0, 0, 0, 0.04);
	color: rgba(0, 0, 0, 0.2);
	text-align: center;
	line-height: 2em;
	font-size: 18px;
	text-decoration: none;
}

#form_1 .plusSelect a:hover {
	border: 1px rgba(0, 0, 0, 0.15) solid;
	background-color: rgba(0, 0, 0, 0.08);
	color: rgba(0, 0, 0, 0.6);
}

#form_1 .leftButton {
	display: block;
	width: 100%;
	text-align: left;
}

#form_1 .rightButton {
	display: block;
	width: 100%;
	padding-bottom: 10px;
	text-align: right;
}

#form_1 .leftButton input[type="submit"] {
	display: inline-block;
	padding: 8px 12px 8px 12px;
	margin-right: 10px;
	border: 0;
	outline: none;
	border-radius: 2px;
	background-color: @eds-green;
	font-size: 14px;
	font-family: @Calibri;
	color: white;
	position: relative;
	top: 37px;
	cursor: pointer;
	-webkit-animation: limeBGblur 0.25s ease-out;
	-ms-animation: limeBGblur 0.25s ease-out;
	animation: limeBGblur 0.25s ease-out;
}

#form_1 .leftButton input[type="submit"]:hover {
	background-color: @eds-green-hover;
	-webkit-animation: limeBGhover 0.25s ease-out;
	-ms-animation: limeBGhover 0.25s ease-out;
	animation: limeBGhover 0.25s ease-out;
}

#form_1 .label_file {
	display: block;
	padding: 5px 15px 5px 15px;
	text-align: left;
	font-family: @Calibri;
	font-size: 14px;
	color: @dark-grey;
}

#form_1 .requirements_file {
	display: block;
	width: 100%;
	padding: 0px 15px 5px 15px;
	text-align: left;
	font-family: @Calibri;
	font-size: 11px;
	color: rgba(180, 180, 180, 1);
}

#form_1 .submit_file {
	display: block;
	width: 100%;
	padding: 10px;
	border: 1px rgba(210, 210, 210, 1) solid;
	border-radius: 3px;
}

#form_1 .submit_2,
#form_1 .submit_2:active {
	display: inline-block;
	vertical-align: middle;
	height: 36px;
	margin: 15px 0px 15px auto;
	padding: 8px 20px 8px 20px;
	border: 0;
	outline: none;
	border-radius: 3px;
	background-color: @eds-soft-opaline;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	font-family: @Calibri;
	color: white;
	cursor: pointer;
	-webkit-animation: opalineBGblur 0.25s ease-out;
	-ms-animation: opalineBGblur 0.25s ease-out;
	animation: opalineBGblur 0.25s ease-out;
}

#form_1 .submit_2:hover {
	background-color: @eds-dark-opaline;
	color: white;
	box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0) inset;
	-webkit-animation: opalineBGhover 0.25s ease-out;
	-ms-animation: opalineBGhover 0.25s ease-out;
	animation: opalineBGhover 0.25s ease-out;
}

#form_1 .submit_4,
#form_1 .submit_4:active {
	display: inline-block;
	vertical-align: middle;
	height: 36px;
	margin: 15px 10px 15px auto;
	padding: 9px 20px 8px 20px;
	border: 0;
	outline: none;
	border-radius: 3px;
	background-color: rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.03) inset;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	font-family: @Calibri;
	color: white;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
	cursor: pointer;
}

#form_1 .submit_4:hover {
	background-color: rgba(0, 0, 0, 0.3);
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0) inset;
}

#form_1 .submit_3,
#form_1 .submit_3:active {
	display: inline-block;
	margin: 15px 0px 15px auto;
	padding: 8px 20px 8px 20px;
	border: 0;
	outline: none;
	border-radius: 3px;
	background-color: rgba(50, 50, 50, 1);
	box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.05) inset;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	font-family: @Calibri;
	color: white;
	cursor: pointer;
}

#form_1 .submit_3:hover {
	background-color: rgba(65, 65, 65, 1);
	box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0) inset;
}

#form_1 .link_1 {
	display: inline-block;
	padding: 8px 12px 8px 12px;
	margin-left: 10px;
	border: 0;
	outline: none;
	border-radius: 2px;
	background-color: @strong-red;
	text-decoration: none;
	font-size: 14px;
	font-family: @Calibri;
	color: white;
	cursor: pointer;
	-webkit-animation: redBGblur 0.5s ease-out;
	-ms-animation: redBGblur 0.5s ease-out;
	animation: redBGblur 0.5s ease-out;
}

#form_1 .link_1:hover {
	background-color: @strong-red-hover;
	-webkit-animation: redBGhover 0.5s ease-out;
	-ms-animation: redBGhover 0.5s ease-out;
	animation: redBGhover 0.5s ease-out;
}

#form_1 .scenariosBox {
	display: block;
	width: 100%;
	padding: 0px 10px 0px 10px;
	margin-bottom: 30px;
	border: 1px rgba(210, 210, 210, 1) solid;
	border-radius: 3px;
}

@-webkit-keyframes smoothLimeBlur {
	0% {
		background-color: @eds-green;
	}

	100% {
		background-color: @eds-green-hover;
	}
}

@-ms-keyframes smoothLimeBlur {
	0% {
		background-color: @eds-green;
	}

	100% {
		background-color: @eds-green-hover;
	}
}

@keyframes smoothLimeBlur {
	0% {
		background-color: @eds-green;
	}

	100% {
		background-color: @eds-green-hover;
	}
}

@-webkit-keyframes smoothLimeHover {
	0% {
		background-color: @eds-green-hover;
	}

	100% {
		background-color: @eds-green;
	}
}

@-ms-keyframes smoothLimeHover {
	0% {
		background-color: @eds-green-hover;
	}

	100% {
		background-color: @eds-green;
	}
}

@keyframes smoothLimeHover {
	0% {
		background-color: @eds-green-hover;
	}

	100% {
		background-color: @eds-green;
	}
}

@-webkit-keyframes displayForm {
	0% {
		opacity: 0.1;
	}

	100% {
		opacity: 1;
	}
}

@-ms-keyframes displayForm {
	0% {
		opacity: 0.1;
	}

	100% {
		opacity: 1;
	}
}

@keyframes displayForm {
	0% {
		opacity: 0.1;
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes limeBGblur {
	0% {
		background-color: @eds-green-hover;
	}

	100% {
		background-color: @eds-green;
	}
}

@-ms-keyframes limeBGblur {
	0% {
		background-color: @eds-green-hover;
	}

	100% {
		background-color: @eds-green;
	}
}

@keyframes limeBGblur {
	0% {
		background-color: @eds-green-hover;
	}

	100% {
		background-color: @eds-green;
	}
}

@-webkit-keyframes limeBGhover {
	0% {
		background-color: @eds-green;
	}

	100% {
		background-color: @eds-green-hover;
	}
}

@-ms-keyframes limeBGhover {
	0% {
		background-color: @eds-green;
	}

	100% {
		background-color: @eds-green-hover;
	}
}

@keyframes limeBGhover {
	0% {
		background-color: @eds-green;
	}

	100% {
		background-color: @eds-green-hover;
	}
}

@-webkit-keyframes redBGblur {
	0% {
		background-color: @strong-red;
	}

	100% {
		background-color: @strong-red-hover;
	}
}

@-ms-keyframes redBGblur {
	0% {
		background-color: @strong-red;
	}

	100% {
		background-color: @strong-red-hover;
	}
}

@keyframes redBGblur {
	0% {
		background-color: @strong-red;
	}

	100% {
		background-color: @strong-red-hover;
	}
}

@-webkit-keyframes redBGhover {
	0% {
		background-color: @strong-red-hover;
	}

	100% {
		background-color: @strong-red;
	}
}

@-ms-keyframes redBGhover {
	0% {
		background-color: @strong-red-hover;
	}

	100% {
		background-color: @strong-red;
	}
}

@keyframes redBGhover {
	0% {
		background-color: @strong-red-hover;
	}

	100% {
		background-color: @strong-red;
	}
}

@-webkit-keyframes blackBGhover {
	0% {
		background-color: rgba(50, 50, 50, 1);
	}

	100% {
		background-color: rgba(65, 65, 65, 0.8);
	}
}

@-ms-keyframes blackBGhover {
	0% {
		background-color: rgba(50, 50, 50, 1);
	}

	100% {
		background-color: rgba(65, 65, 65, 0.8);
	}
}

@keyframes blackBGhover {
	0% {
		background-color: rgba(50, 50, 50, 1);
	}

	100% {
		background-color: rgba(65, 65, 65, 0.8);
	}
}

@-webkit-keyframes blackBGhoverFromScratch {
	0% {
		background-color: transparent;
	}

	100% {
		background-color: rgba(200, 200, 200, 0.8);
	}
}

@-ms-keyframes blackBGhoverFromScratch {
	0% {
		background-color: transparent;
	}

	100% {
		background-color: rgba(200, 200, 200, 0.8);
	}
}

@keyframes blackBGhoverFromScratch {
	0% {
		background-color: transparent;
	}

	100% {
		background-color: rgba(200, 200, 200, 0.8);
	}
}

@-webkit-keyframes greyBGblur {
	0% {
		background-color: rgba(120, 120, 120, 1);
	}

	100% {
		background-color: rgba(80, 80, 80, 1);
	}
}

@-ms-keyframes greyBGblur {
	0% {
		background-color: rgba(120, 120, 120, 1);
	}

	100% {
		background-color: rgba(80, 80, 80, 1);
	}
}

@keyframes greyBGblur {
	0% {
		background-color: rgba(120, 120, 120, 1);
	}

	100% {
		background-color: rgba(80, 80, 80, 1);
	}
}

@-webkit-keyframes greyBGhover {
	0% {
		background-color: rgba(80, 80, 80, 1);
	}

	100% {
		background-color: rgba(120, 120, 120, 1);
	}
}

@-ms-keyframes greyBGhover {
	0% {
		background-color: rgba(80, 80, 80, 1);
	}

	100% {
		background-color: rgba(120, 120, 120, 1);
	}
}

@keyframes greyBGhover {
	0% {
		background-color: rgba(80, 80, 80, 1);
	}

	100% {
		background-color: rgba(120, 120, 120, 1);
	}
}

@-webkit-keyframes redCrosshover {
	0% {
		color: rgba(0, 0, 0, 0.3);
		background-color: rgba(255, 255, 255, 0.05);
		box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0) inset;
	}

	100% {
		color: rgba(255, 255, 255, 1);
		background-color: rgba(215, 0, 0, 1);
		box-shadow: 0px 0px 1px 2px rgba(0, 0, 0, 0.2) inset;
	}
}

@-ms-keyframes redCrosshover {
	0% {
		color: rgba(0, 0, 0, 0.3);
		background-color: rgba(255, 255, 255, 0.05);
		box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0) inset;
	}

	100% {
		color: rgba(255, 255, 255, 1);
		background-color: rgba(215, 0, 0, 1);
		box-shadow: 0px 0px 1px 2px rgba(0, 0, 0, 0.2) inset;
	}
}

@keyframes redCrosshover {
	0% {
		color: rgba(0, 0, 0, 0.3);
		background-color: rgba(255, 255, 255, 0.05);
		box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0) inset;
	}

	100% {
		color: rgba(255, 255, 255, 1);
		background-color: rgba(215, 0, 0, 1);
		box-shadow: 0px 0px 1px 2px rgba(0, 0, 0, 0.2) inset;
	}
}

@-webkit-keyframes greenCrosshover {
	0% {
		background-color: rgba(255, 255, 255, 0.05);
	}

	100% {
		background-color: @eds-green-hover;
	}
}

@-ms-keyframes greenCrosshover {
	0% {
		background-color: rgba(255, 255, 255, 0.05);
	}

	100% {
		background-color: @eds-green-hover;
	}
}

@keyframes greenCrosshover {
	0% {
		background-color: rgba(255, 255, 255, 0.05);
	}

	100% {
		background-color: @eds-green-hover;
	}
}

@-webkit-keyframes redCrossblur {
	0% {
		color: rgba(255, 255, 255, 1);
		background-color: rgba(215, 0, 0, 1);
		box-shadow: 0px 0px 1px 2px rgba(0, 0, 0, 0.2) inset;
	}

	100% {
		color: rgba(0, 0, 0, 0.3);
		background-color: rgba(255, 255, 255, 0.05);
		box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0) inset;
	}
}



@-ms-keyframes redCrossblur {
	0% {
		color: rgba(255, 255, 255, 1);
		background-color: rgba(215, 0, 0, 1);
		box-shadow: 0px 0px 1px 2px rgba(0, 0, 0, 0.2) inset;
	}

	100% {
		color: rgba(0, 0, 0, 0.3);
		background-color: rgba(255, 255, 255, 0.05);
		box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0) inset;
	}
}

@keyframes redCrossblur {
	0% {
		color: rgba(255, 255, 255, 1);
		background-color: rgba(215, 0, 0, 1);
		box-shadow: 0px 0px 1px 2px rgba(0, 0, 0, 0.2) inset;
	}

	100% {
		color: rgba(0, 0, 0, 0.3);
		background-color: rgba(255, 255, 255, 0.05);
		box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0) inset;
	}
}

@-webkit-keyframes opalineBGhover {
	0% {
		background-color: @eds-soft-opaline;
	}

	100% {
		background-color: @eds-dark-opaline;
	}
}

@-ms-keyframes opalineBGhover {
	0% {
		background-color: @eds-soft-opaline;
	}

	100% {
		background-color: @eds-dark-opaline;
	}
}

@keyframes opalineBGhover {
	0% {
		background-color: @eds-soft-opaline;
	}

	100% {
		background-color: @eds-dark-opaline;
	}
}

@-webkit-keyframes opalineBGblur {
	0% {
		background-color: @eds-dark-opaline;
	}

	100% {
		background-color: @eds-soft-opaline;
	}
}

@-ms-keyframes opalineBGblur {
	0% {
		background-color: @eds-dark-opaline;
	}

	100% {
		background-color: @eds-soft-opaline;
	}
}

@keyframes opalineBGblur {
	0% {
		background-color: @eds-dark-opaline;
	}

	100% {
		background-color: @eds-soft-opaline;
	}
}

/* Workspaces Box */
@media screen and (max-width : 600px) {
	#wspBlock2 .block1 #teamBlock .teamMember {
		height: 70px;
	}

	#wspBlock2 .block1 #teamBlock .teamMember .identity {
		display: none;
		width: 0%;
		padding-left: 0px;
	}

	#wspBlock2 .block1 #teamBlock .teamMember .role {
		width: 100%;
		padding-left: 80px;
		opacity: 0;
	}

	#wspBlock2 .block1 #teamBlock .teamMember .picture,
	#wspBlock2 .block1 #teamBlock .teamMember .initials {
		width: 50px;
		height: 50px;
		border-radius: 25px;
		bottom: 50px;
	}

	#wspBlock2 .block1 #teamBlock .teamMember .memberStatus {
		min-height: 50px;
		max-height: 50px;
		top: 5px;
		right: 0px;
	}

	#wspBlock2 .block1 #teamBlock .teamMember .memberRemove {
		min-height: 50px;
		max-height: 50px;
		top: 10px;
		right: 10px;
	}

	#wspBlock2 .block1 #teamBlock .teamMember .memberOwnership {
		min-height: 50px;
		max-height: 50px;
		top: 10px;
		right: 40px;
	}
}

@media screen and (min-width : 600px) and (max-width : 900px) {
	#wspBlock2 .block1 #teamBlock .teamMember {
		height: 90px;
	}

	#wspBlock2 .block1 #teamBlock .teamMember .identity {
		display: inline-block;
		vertical-align: top;
		width: 0%;
		padding-left: 0px;
	}

	#wspBlock2 .block1 #teamBlock .teamMember .role {
		width: 100%;
		padding-left: 80px;
	}

	#wspBlock2 .block1 #teamBlock .teamMember .picture,
	#wspBlock2 .block1 #teamBlock .teamMember .initials {
		width: 70px;
		height: 70px;
		border-radius: 35px;
		bottom: 70px;
	}

	#wspBlock2 .block1 #teamBlock .teamMember .memberStatus {
		min-height: 70px;
		max-height: 70px;
		top: 5px;
		right: 0px;
	}

	#wspBlock2 .block1 #teamBlock .teamMember .memberRemove {
		min-height: 70px;
		max-height: 70px;
		top: 10px;
		right: 10px;
	}

	#wspBlock2 .block1 #teamBlock .teamMember .memberOwnership {
		min-height: 70px;
		max-height: 70px;
		top: 10px;
		right: 40px;
	}
}

@media screen and (min-width : 900px) {
	#wspBlock2 .block1 #teamBlock .teamMember {
		height: 90px;
	}

	#wspBlock2 .block1 #teamBlock .teamMember .identity {
		display: inline-block;
		vertical-align: top;
		width: 60%;
		padding-left: 80px;
	}

	#wspBlock2 .block1 #teamBlock .teamMember .role {
		width: 40%;
		padding-left: 10px;
	}

	#wspBlock2 .block1 #teamBlock .teamMember .picture,
	#wspBlock2 .block1 #teamBlock .teamMember .initials {
		width: 70px;
		height: 70px;
		border-radius: 35px;
		bottom: 70px;
	}

	#wspBlock2 .block1 #teamBlock .teamMember .memberStatus {
		min-height: 70px;
		max-height: 70px;
		top: 5px;
		right: 0px;
	}

	#wspBlock2 .block1 #teamBlock .teamMember .memberRemove {
		min-height: 70px;
		max-height: 70px;
		top: 10px;
		right: 10px;
	}

	#wspBlock2 .block1 #teamBlock .teamMember .memberOwnership {
		min-height: 70px;
		max-height: 70px;
		top: 10px;
		right: 40px;
	}
}

@media screen and (max-height : 550px) {
	#wspBlock1 .block2 {
		display: none;
	}

	#wspBlock2 .block1 {
		max-height: 100%;
	}

	#wspBlock2 .block2 {
		display: none;
	}
}

@media screen and (min-height : 550px) {
	#wspBlock1 .block2 {
		display: flex;
	}

	#wspBlock2 .block1 {
		max-height: 70%;
	}

	#wspBlock2 .block2 {
		display: flex;
	}
}

#workspaceFocus,
#isoFocus {
	width: 100%;
	height: 100%;
	text-align: left;
	overflow: hidden;
}

#wspBlock1 {
	display: inline-flex;
	vertical-align: top;
	flex-direction: column;
	width: 100%;
	height: 100%;
	max-height: 100%;
	overflow: hidden;
}

#wspBlock2 {
	display: inline-flex;
	flex-direction: column;
	vertical-align: top;
	width: 40%;
	height: 100%;
	max-height: 100%;
	overflow: hidden;
	position: relative;
}

#isoBlock1 {
	display: table-row;
	vertical-align: top;
	flex-direction: column;
	width: 100%;
	height: -moz-available;
	height: -webkit-fill-available;
	height: fill-available;
	max-height: -moz-available;
	max-height: -webkit-fill-available;
	max-height: fill-available;
	height: inherit;
}

#wspBlock1 .block1 {
	display: flex;
	flex-direction: column;
	order: 1;
	flex-grow: 1;
	min-height: 170px;
}

#wspBlock1 .block11 {
	display: flex;
	flex-direction: row;
	order: 1;
	flex-grow: 1;
	min-height: 40px;
	height: 40px;
	max-height: 40px;
	overflow: hidden;
}

#wspBlock1 .block11 span {
	display: inline-block;
	vertical-align: top;
	height: 100%;
	padding: 12px 15px 0px 15px;
	order: 1;
	flex-grow: 1;
	font-size: 14px;
	font-family: @Calibri;
	color: @dark-grey;
	text-overflow: ellipsis;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

#wspBlock1 .block11 form,
#wspBlock1 .block11 form p {
	display: flex;
	flex-direction: row;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}

#wspBlock1 .block11 input[type="text"],
#wspBlock1 .block11 select {
	display: inline-block;
	vertical-align: top;
	height: 100%;
	padding: 0px 15px 0px 15px;
	border-radius: 2px 0px 0px 2px;
	border: 0;
	outline: 0;
	box-shadow: 4px 0px 0px @eds-green inset;
	color: @dark-grey;
	order: 1;
	flex-grow: 1;
	font-family: @Calibri;
	font-size: 14px;
}

#wspBlock1 .block11 .saveButton {
	display: inline-block;
	vertical-align: top;
	width: 40px;
	max-width: 40px;
	height: 100%;
	padding: 0;
	order: 2;
	flex-grow: 1;
}

#wspBlock1 .block11 .saveButton:hover i {
	background-color: @eds-green-hover;
}

#wspBlock1 .block11 .saveButton i {
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 7px;
	font-size: 20px;
	text-align: center;
	text-decoration: none;
	color: white;
	background-color: @eds-green;
	z-index: 1;
}

#wspBlock1 .block11 .saveButton input[type="submit"] {
	display: block;
	width: 100%;
	height: 100%;
	z-index: 2;
	opacity: 1;
	position: relative;
	bottom: 40px;
	opacity: 0;
	cursor: pointer;
}

#wspBlock1 .block11 a {
	display: inline-block;
	vertical-align: top;
	width: 40px;
	max-width: 40px;
	height: 100%;
	border-radius: 0px 2px 2px 0px;
	border-left: 1px rgba(0, 0, 0, 0.05) solid;
	padding-top: 7px;
	order: 2;
	flex-grow: 1;
	font-size: 20px;
	text-align: center;
	text-decoration: none;
	color: rgba(0, 0, 0, 0.2);
}

#wspBlock1 .block11 a:hover {
	background-color: @eds-green-hover;
	color: white;
	border-left: 1px white solid;
}

#wspBlock1 .block12 {
	display: flex;
	flex-direction: column;
	order: 2;
	flex-grow: 1;
	min-height: 1px;
}

#wspBlock1 .block12 .summary {
	order: 1;
	flex-grow: 1;
	display: block;
	width: 100%;
	min-height: 1px;
	padding: 15px;
	margin: 0;
	font-size: 14px;
	font-family: @Calibri;
	color: @dark-grey;
	text-align: left;
	overflow-x: hidden;
	overflow-y: auto;
}

#wspBlock1 .block12 .summary .placeholder {
	font-style: italic;
	color: rgba(180, 180, 180, 1);
}

#wspBlock1 .block12 a {
	order: 2;
	flex-grow: 1;
	display: block;
	width: 100%;
	min-height: 40px;
	height: 40px;
	max-height: 40px;
	border-radius: 0px 0px 2px 2px;
	border-top: 1px rgba(0, 0, 0, 0.05) solid;
	padding-top: 7px;
	font-size: 20px;
	text-align: center;
	text-decoration: none;
	color: rgba(0, 0, 0, 0.2);
}

#wspBlock1 .block12 a:hover {
	background-color: @eds-green-hover;
	color: white;
	border-top: 1px white solid;
}

#wspBlock1 .block12 form,
#wspBlock1 .block12 form p {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}

#wspBlock1 .block12 textarea {
	display: block;
	min-width: 100%;
	width: 100%;
	max-width: 100%;
	max-height: 100%;
	padding: 15px;
	border-radius: 2px 2px 0px 0px;
	border: 0;
	outline: 0;
	box-shadow: 0px 4px 0px @eds-green inset;
	color: @dark-grey;
	font-family: @Calibri;
	font-size: 14px;
	order: 1;
	flex-grow: 1;
}

#wspBlock1 .block12 .saveButton {
	display: block;
	width: 100%;
	height: 40px;
	max-height: 40px;
	padding: 0;
	order: 2;
	flex-grow: 1;
}

#wspBlock1 .block12 .saveButton:hover i {
	background-color: @eds-green-hover;
}

#wspBlock1 .block12 .saveButton i {
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 7px;
	font-size: 20px;
	text-align: center;
	text-decoration: none;
	color: white;
	background-color: @eds-green;
	z-index: 1;
}

#wspBlock1 .block12 .saveButton input[type="submit"] {
	display: block;
	width: 100%;
	height: 100%;
	z-index: 2;
	opacity: 1;
	position: relative;
	bottom: 40px;
	opacity: 0;
	cursor: pointer;
}

#wspBlock1 .block2 {
	flex-direction: row;
	order: 2;
	flex-grow: 1;
	height: 290px;
	max-height: 290px;
}

#wspBlock1 .block20 {
	display: inline-flex;
	flex-direction: column;
	padding: 10px;
	order: 1;
	flex-grow: 1;
	min-width: 280px;
	width: 280px;
	max-width: 298px;
	overflow: hidden;
}

#wspPicture {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 4px;
	overflow: hidden;
}

#wspPicture img {
	display: block;
	width: 100%;
	max-height: 100%;
	border-radius: 4px;
	height: 100%;
}

#wspPicture a {
	display: block;
	width: 50%;
	height: 40px;
	max-height: 40px;
	padding: 0;
	position: relative;
	text-decoration: none;
	z-index: 1;
	cursor: pointer;
}

#wspPicture:hover a {
	bottom: 40px;
}

#wspPicture a i {
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 7px;
	font-size: 20px;
	text-align: center;
	text-decoration: none;
	border: 1px rgba(240, 240, 240, 1) solid;
	color: rgba(30, 30, 30, 0.3);
	background-color: white;
}

#wspPicture a:hover i {
	background-color: @eds-green-hover;
	color: white;
	border: 0;
	border-top: 2px white solid;
}

#wspPicture .default-img {
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 70px;
	text-align: center;
	font-size: 90px;
	color: rgba(30, 30, 30, 0.2);
	border-radius: 4px;
}

#wspPicture:hover .default-img {
	background-color: rgba(0, 0, 0, 0.04);
}

#wspBlock1 .block21 {
	display: inline-flex;
	flex-direction: column;
	order: 1;
	flex-grow: 1;
	min-width: 200px;
	width: 200px;
	max-width: 200px;
	overflow: hidden;
}

#wspBlock1 .block211 {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	overflow: hidden;
}

#wspBlock1 .block212 {
	display: block;
	order: 2;
	flex-grow: 1;
	text-align: center;
	min-height: 40px;
	height: 40px;
	max-height: 40px;
	overflow: hidden;
	cursor: pointer;
	color: rgba(0, 0, 0, 0.2);
}

#wspBlock1 .block212:hover {
	background-color: @strong-red;
	color: white;
}

#wspBlock1 .block212 i {
	display: inline-block;
	margin-top: 6px;
	font-size: 22px;
}

#wspBlock1 .block213 {
	display: flex;
}

#wspBlock1 .block210 {
	display: block;
	order: 0;
	flex-grow: 1;
	text-align: center;
	min-height: 40px;
	height: 40px;
	max-height: 40px;
	overflow: hidden;
	cursor: pointer;
	color: rgba(0, 0, 0, 0.4);
}

#wspBlock1 .block210:hover {
	background-color: @eds-green-hover;
	color: white;
}

#wspBlock1 .block210 i {
	display: inline-block;
	margin-top: 6px;
	font-size: 22px;
}

#wspBlock1 .block210 span {
	display: inline-block;
	vertical-align: text-bottom;
	font-size: 18px;
	font-family: calibri, arial, sans-serif;
	padding-left: 5px;
}

#wspBlock1 .block210 span:hover {
	color: white;
}

#wspBlock1 .block21 #workspaceProgress {
	order: 2;
	flex-grow: 1;
	width: 100%;
	max-height: 185px;
	padding: 10px;
}

#wspBlock1 .block21 #workspaceProgress .graphWrapper {
	width: 100%;
	height: 100%;
}

#wspBlock1 .block21 #workspaceProgress #progressChart {
	padding: 20px 0;
}

#wspBlock1 .block21 #progressScore {
	width: 100%;
	height: 100%;
	cursor: default;
	font-size: 19px;
	font-family: @Calibri;
	font-weight: bold;
	color: @eds-green;
	text-align: center;
	position: relative;
	bottom: 100px;
}

#wspBlock1 .block22 {
	display: inline-flex;
	flex-direction: column;
	order: 1;
	flex-grow: 1;
	overflow: hidden;
}

#wspBlock2 .block1 {
	display: flex;
	flex-direction: column;
	order: 1;
	flex-grow: 1;
	max-width: 100%;
	min-height: 210px;
	resize: vertical;
	overflow: hidden;
}

#wspBlock1 .block1-t {
	display: flex;
	flex-direction: column;
	order: 1;
	flex-grow: 1;
	min-height: 220px;
}

#wspBlock1 .block2-t {
	order: 2;
	flex-grow: 1;
	min-height: 150px;
	height: 150px;
	max-height: 150px;
}

#wspBlock2 .block2 {
	display: flex;
	flex-direction: column;
	order: 2;
	flex-grow: 1;
	max-height: 70%;
	min-height: 120px;
}

#wspBlock2 .block3 {
	display: flex;
	flex-direction: column;
	order: 2;
	flex-grow: 1;
	height: 40px;
	max-height: 40px;
	border-top: none;
	border-top: none;
}

#wspBlock2 .block1-t {
	display: flex;
	flex-direction: column;
	order: 1;
	flex-grow: 1;
	min-height: 110px;
	height: 110px;
	max-height: 110px;
}

#wspBlock2 .block2-t {
	order: 2;
	flex-grow: 1;
	overflow: hidden;
	position: relative;
}

#wspBlock2 .block3-t {
	order: 3;
	flex-grow: 1;
	overflow: hidden;
	position: relative;
	min-height: 10px;
}

#wspBlock1 .block1-t #toolsBlock {
	order: 2;
	flex-grow: 1;
	min-height: 10px;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 10px;
}

#wspBlock1 .block1-t #toolsBlock .tool {
	width: 100%;
	height: 120px;
	margin-bottom: 10px;
	border: 1px rgba(0, 0, 0, 0.1) solid;
	border-radius: 4px;
	overflow: hidden;
}

#wspBlock1 .block1-t #toolsBlock .tool:hover {
	border: 1px rgba(0, 0, 0, 0.2) solid;
}

#wspBlock1 .block1-t #toolsBlock .lockTool:hover {
	border: 1px rgba(0, 0, 0, 0.1) solid;
}

#wspBlock1 .block1-t #toolsBlock .tool .toolInfo,
#wspBlock1 .block1-t #toolsBlock .tool .full {
	width: 100%;
	height: 100%;
	padding-left: 160px;
	text-align: right;
	display: flex;
}

#wspBlock1 .block1-t #toolsBlock .tool .toolInfo .info,
#wspBlock1 .block1-t #toolsBlock .tool .full .info {
	display: inline-block;
	vertical-align: middle;
	width: inherit;
	height: 100%;
	border-radius: 0px 4px 4px 0px;
	overflow: hidden;
}

#wspBlock1 .block1-t #toolsBlock .tool .toolInfo .actions,
#wspBlock1 .block1-t #toolsBlock .tool .full .actions {
	display: inline-block;
	vertical-align: middle;
	width: 150px;
	height: 100%;
	border-radius: 0px 4px 4px 0px;
	overflow: hidden;
}

#wspBlock1 .block1-t #toolsBlock .tool .toolInfo .title,
#wspBlock1 .block1-t #toolsBlock .tool .full .title {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	text-align: left;
	overflow: hidden;
}

#wspBlock1 .block1-t #toolsBlock .tool .toolInfo .title .name,
#wspBlock1 .block1-t #toolsBlock .tool .full .title .name {
	display: block;
	width: 100%;
	font-family: @Calibri;
	font-size: 16px;
	color: @dark-grey;
	cursor: default;
}

#wspBlock1 .block1-t #toolsBlock .lockTool .toolInfo .title .name,
#wspBlock1 .block1-t #toolsBlock .lockTool .full .title .name {
	color: rgba(0, 0, 0, 0.5);
}

#wspBlock1 .block1-t #toolsBlock .tool .toolInfo .title i,
#wspBlock1 .block1-t #toolsBlock .tool .full .title i {
	display: inline-block;
	font-size: 20px;
	color: rgba(0, 0, 0, 0.15);
}

#wspBlock1 .block1-t #toolsBlock .tool .toolInfo .title i:hover,
#wspBlock1 .block1-t #toolsBlock .tool .full .title i:hover {
	color: rgba(0, 0, 0, 0.3);
}

#wspBlock1 .block1-t #toolsBlock .tool .toolInfo .resp,
#wspBlock1 .block1-t #toolsBlock .tool .toolInfo .disabled,
#wspBlock1 .block1-t #toolsBlock .lockTool .toolInfo .resp,
#wspBlock1 .block1-t #toolsBlock .lockTool .toolInfo .disabled {
	display: block;
	height: 50%;
	text-decoration: none;
	text-align: center;
	color: rgba(0, 0, 0, 0.15);
	outline: 0;
	border-left: 1px rgba(0, 0, 0, 0.05) solid;
	cursor: pointer;
}

#wspBlock1 .block1-t #toolsBlock .tool .toolInfo .resp.cantBeRemoved p {
	background-color: rgba(255, 255, 255, 0.7);
	background-image: repeating-linear-gradient(45deg, transparent, transparent 15px, rgba(200, 200, 200, 0.4) 15px, rgba(200, 200, 200, 0.4) 30px);
	pointer-events: none;
}

#wspBlock1 .block1-t #toolsBlock .tool .toolInfo .resp.cantBeRemoved button {
	background-color: transparent;
}

#wspBlock1 .block1-t #toolsBlock .tool .full .resp,
#wspBlock1 .block1-t #toolsBlock .tool .full .disabled,
#wspBlock1 .block1-t #toolsBlock .lockTool .full .resp,
#wspBlock1 .block1-t #toolsBlock .lockTool .full .disabled {
	height: 100%;
}

#wspBlock1 .block1-t #toolsBlock .tool .toolInfo .resp p,
#wspBlock1 .block1-t #toolsBlock .tool .toolInfo .disabled p,
#wspBlock1 .block1-t #toolsBlock .tool .full .resp p,
#wspBlock1 .block1-t #toolsBlock .tool .full .disabled p {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}

#wspBlock1 .block1-t #toolsBlock .tool .toolInfo .resp .saveButton,
#wspBlock1 .block1-t #toolsBlock .tool .toolInfo .resp .downloadButton,
#wspBlock1 .block1-t #toolsBlock .tool .toolInfo .disabled .saveButton,
#wspBlock1 .block1-t #toolsBlock .tool .toolInfo .disabled .downloadButton,
#wspBlock1 .block1-t #toolsBlock .lockTool .toolInfo .resp .saveButton,
#wspBlock1 .block1-t #toolsBlock .lockTool .toolInfo .resp .downloadButton,
#wspBlock1 .block1-t #toolsBlock .lockTool .toolInfo .disabled .saveButton,
#wspBlock1 .block1-t #toolsBlock .lockTool .toolInfo .disabled .downloadButton,
#wspBlock1 .block1-t #toolsBlock .tool .full .resp .saveButton,
#wspBlock1 .block1-t #toolsBlock .tool .full .resp .downloadButton,
#wspBlock1 .block1-t #toolsBlock .tool .full .disabled .saveButton,
#wspBlock1 .block1-t #toolsBlock .tool .full .disabled .downloadButton,
#wspBlock1 .block1-t #toolsBlock .lockTool .full .resp .saveButton,
#wspBlock1 .block1-t #toolsBlock .lockTool .full .resp .downloadButton,
#wspBlock1 .block1-t #toolsBlock .lockTool .full .disabled .saveButton,
#wspBlock1 .block1-t #toolsBlock .lockTool .full .disabled .downloadButton {
	width: 100%;
	height: 100%;
	position: relative;
	display: block;
	padding-top: 11px;
	border: none;
	color: rgba(0, 0, 0, 0.15);
	background: white;
	outline: 0;
}

#wspBlock1 .block1-t #toolsBlock .tool .full .resp .saveButton,
#wspBlock1 .block1-t #toolsBlock .tool .full .resp .downloadButton,
#wspBlock1 .block1-t #toolsBlock .tool .full .disabled .saveButton,
#wspBlock1 .block1-t #toolsBlock .tool .full .disabled .downloadButton,
#wspBlock1 .block1-t #toolsBlock .lockTool .full .resp .saveButton,
#wspBlock1 .block1-t #toolsBlock .lockTool .full .resp .downloadButton,
#wspBlock1 .block1-t #toolsBlock .lockTool .full .disabled .saveButton,
#wspBlock1 .block1-t #toolsBlock .lockTool .full .disabled .downloadButton {
	width: 100%;
	height: 100%;
	position: relative;
	display: block;
	padding-top: 44px;
	border: none;
	border-left: 1px rgba(0, 0, 0, 0.05) solid;
	color: rgba(0, 0, 0, 0.15);
	background: white;
	outline: 0;
}

#wspBlock1 .block1-t #toolsBlock .tool .toolInfo .disabled .downloadButton,
#wspBlock1 .block1-t #toolsBlock .lockTool .toolInfo .disabled .downloadButton,
#wspBlock1 .block1-t #toolsBlock .tool .full .disabled .downloadButton,
#wspBlock1 .block1-t #toolsBlock .lockTool .full .disabled .downloadButton {
	background-color: rgba(0, 0, 0, 0.1);
}

#wspBlock1 .block1-t #toolsBlock .tool .actions form:nth-of-type(2) {
	border-top: 1px rgba(0, 0, 0, 0.05) solid;
}

#wspBlock1 .block1-t #toolsBlock .tool .toolInfo .resp .saveButton i,
#wspBlock1 .block1-t #toolsBlock .tool .toolInfo .resp .downloadButton i,
#wspBlock1 .block1-t #toolsBlock .tool .toolInfo .disabled .saveButton i,
#wspBlock1 .block1-t #toolsBlock .tool .toolInfo .disabled .downloadButton i,
#wspBlock1 .block1-t #toolsBlock .tool .lockTool .resp .saveButton i,
#wspBlock1 .block1-t #toolsBlock .tool .lockTool .resp .downloadButton i,
#wspBlock1 .block1-t #toolsBlock .tool .lockTool .disabled .saveButton i,
#wspBlock1 .block1-t #toolsBlock .tool .lockTool .disabled .downloadButton i,
#wspBlock1 .block1-t #toolsBlock .tool .full .resp .saveButton i,
#wspBlock1 .block1-t #toolsBlock .tool .full .resp .downloadButton i,
#wspBlock1 .block1-t #toolsBlock .tool .full .disabled .saveButton i,
#wspBlock1 .block1-t #toolsBlock .tool .full .disabled .downloadButton i,
#wspBlock1 .block1-t #toolsBlock .tool .full .resp .saveButton i,
#wspBlock1 .block1-t #toolsBlock .tool .full .resp .downloadButton i,
#wspBlock1 .block1-t #toolsBlock .tool .full .disabled .saveButton i,
#wspBlock1 .block1-t #toolsBlock .tool .full .disabled .downloadButton i {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 24px;
	position: relative;
	z-index: 1;
}

#wspBlock1 .block1-t #toolsBlock .tool .toolInfo .resp .saveButton:hover,
#wspBlock1 .block1-t #toolsBlock .tool .toolInfo .resp .downloadButton:hover,
#wspBlock1 .block1-t #toolsBlock .tool .full .resp .saveButton:hover,
#wspBlock1 .block1-t #toolsBlock .tool .full .resp .downloadButton:hover {
	color: white;
	background-color: @eds-green;
	border-left: 1px rgba(0, 0, 0, 0.05) solid;
	outline: 0;
	cursor: pointer;
}

#wspBlock1 .block1-t #toolsBlock .tool .toolInfo .disabled,
#wspBlock1 .block1-t #toolsBlock .lockTool .toolInfo .disabled,
#wspBlock1 .block1-t #toolsBlock .tool .full .disabled,
#wspBlock1 .block1-t #toolsBlock .lockTool .full .disabled {
	cursor: default;
}

#wspBlock1 .block1-t #toolsBlock .lockTool .toolInfo .resp .saveButton,
#wspBlock1 .block1-t #toolsBlock .lockTool .toolInfo .resp .downloadButton,
#wspBlock1 .block1-t #toolsBlock .lockTool .full .resp .saveButton,
#wspBlock1 .block1-t #toolsBlock .lockTool .full .resp .downloadButton {
	color: orange;
}

#wspBlock1 .block1-t #toolsBlock .lockTool .toolInfo .resp .saveButton:hover,
#wspBlock1 .block1-t #toolsBlock .lockTool .toolInfo .resp .downloadButton:hover,
#wspBlock1 .block1-t #toolsBlock .lockTool .full .resp .saveButton:hover,
#wspBlock1 .block1-t #toolsBlock .lockTool .full .resp .downloadButton:hover {
	color: white;
	background-color: orange;
	border-left: 1px rgba(0, 0, 0, 0.05) solid;
	outline: 0;
	cursor: pointer;
}

#wspBlock1 .block1-t #toolsBlock .tool .toolInfo .disabled .saveButton:hover,
#wspBlock1 .block1-t #toolsBlock .tool .toolInfo .disabled .downloadButton:hover,
#wspBlock1 .block1-t #toolsBlock .lockTool .toolInfo .disabled .saveButton:hover,
#wspBlock1 .block1-t #toolsBlock .lockTool .toolInfo .disabled .downloadButton:hover,
#wspBlock1 .block1-t #toolsBlock .tool .full .disabled .saveButton:hover,
#wspBlock1 .block1-t #toolsBlock .tool .full .disabled .downloadButton:hover,
#wspBlock1 .block1-t #toolsBlock .lockTool .full .disabled .saveButton:hover,
#wspBlock1 .block1-t #toolsBlock .lockTool .full .disabled .downloadButton:hover {
	background-color: rgba(0, 0, 0, 0.1);
	border-left: 1px rgba(0, 0, 0, 0.05) solid;
	outline: 0;
}

#wspBlock1 .block1-t #toolsBlock .tool .toolInfo .disabled:hover,
#wspBlock1 .block1-t #toolsBlock .lockTool .toolInfo .disabled:hover,
#wspBlock1 .block1-t #toolsBlock .tool .full .disabled:hover,
#wspBlock1 .block1-t #toolsBlock .lockTool .full .disabled:hover {
	color: rgba(0, 0, 0, 0.15);
	background: rgba(0, 0, 0, 0.1);
	border-left: 1px rgba(0, 0, 0, 0.05) solid;
}

#wspBlock1 .block1-t #toolsBlock .tool .toolInfo .aligner,
#wspBlock1 .block1-t #toolsBlock .tool .full .aligner {
	display: inline-block;
	vertical-align: middle;
	width: 0px;
	height: 100%;
}

#wspBlock1 .block1-t #toolsBlock .tool .toolInfo .remove:hover {
	color: white;
	background-color: @eds-salmon;
	border-left: 1px white solid;
}

#wspBlock1 .block1-t #toolsBlock .tool .openLink,
#wspBlock1 .block1-t #toolsBlock .tool .openLinkLock {
	display: block;
	width: 40px;
	height: 100%;
	padding-top: 45px;
	text-align: center;
	text-decoration: none;
	font-size: 20px;
	font-weight: bold;
	font-family: @Calibri;
	outline: 0;
	border-right: 1px rgba(0, 0, 0, 0.05) solid;
	border-radius: 4px 0px 0px 4px;
	color: rgba(0, 0, 0, 0.2);
	cursor: pointer;
	position: relative;
	bottom: 118px;
}

#wspBlock1 .block1-t #toolsBlock .tool:hover .openLink {
	color: rgba(0, 0, 0, 0.3);
}

#wspBlock1 .block1-t #toolsBlock .tool .openLink:hover {
	background: @eds-green-hover;
	color: white;
	border-right: 1px white solid;
}

#wspBlock1 .block1-t #toolsBlock .tool .openLinkLock {
	color: rgba(0, 0, 0, 0.1);
	cursor: not-allowed;
}

#wspBlock1 .block1-t #toolsBlock .tool img {
	width: 100px;
	height: 100px;
	margin: 10px 10px 10px 50px;
	border-radius: 50px;
	position: relative;
	bottom: 236px;
	opacity: 0.9;
}

#wspBlock1 .block1-t #toolsBlock .tool:hover img {
	opacity: 1;
}

#wspBlock1 .block1-t #toolsBlock .lockTool:hover img {
	opacity: 0.9;
}

#wspBlock1 .block1-t #toolsBlock .tool .toolV2 {
	display: block;
	width: 36px;
	height: 36px;
	padding-top: 7px;
	border-radius: 18px;
	background-color: white;
	box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.1);
	font-size: 16px;
	font-family: @Calibri;
	font-weight: bold;
	text-align: center;
	color: rgba(0, 0, 0, 0.5);
	position: relative;
	bottom: 345px;
	left: 115px;
}

#wspBlock2 .block1-t #progressBlock {
	order: 2;
	flex-grow: 1;
	min-height: 10px;
	overflow: hidden;
	padding: 25px 20px 10px 20px;
	text-align: center;
}

#wspBlock2 .block1-t #progressBlock .barWrapper {
	width: 100%;
	height: 20px;
	overflow: hidden;
	text-align: left;
}

#wspBlock2 .block1-t #progressBlock .barWrapper .line {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.05);
	border-radius: 10px;
	box-shadow: 0px 0px 0px 6px white inset;
	overflow: hidden;
}

#wspBlock2 .block1-t #progressBlock .barWrapper .bar {
	display: inline-block;
	height: 100%;
	background-color: @eds-green;
	background-image: repeating-linear-gradient(-45deg, transparent, transparent 10px, rgba(255, 255, 255, 0.15) 10px, rgba(255, 255, 255, 0.15) 20px);
	border-radius: 10px;
	position: relative;
	bottom: 20px;
}

#wspBlock2 .block1-t #progressBlock .score {
	display: inline-block;
	width: 40px;
	height: 40px;
	padding: 9px 0px 0px 0px;
	border-radius: 20px;
	font-size: 16px;
	font-weight: bold;
	font-family: @Calibri;
	background-color: rgba(145, 200, 190, 0.6);
	box-shadow: 0px 0px 0px 6px rgba(145, 200, 190, 0.2);
	color: white;
	position: relative;
	bottom: 30px;
}

#wspBlock2 .block2-t,
#wspBlock2 .block3-t {
	max-height: 50%;
}

#wspBlock1 .block2-t,
#wspBlock2 .block2-t,
#wspBlock2 .block3-t {
	text-align: center;
	cursor: default;
}

#wspBlock1 .block2-t .aligner,
#wspBlock2 .block2-t .aligner,
#wspBlock2 .block3-t .aligner {
	display: inline-block;
	vertical-align: middle;
	width: 0px;
	height: 100%;
}

#wspBlock1 .block2-t .defaultIcon,
#wspBlock2 .block2-t .defaultIcon,
#wspBlock2 .block3-t .defaultIcon {
	display: inline-block;
	vertical-align: middle;
	font-size: 70px;
	color: rgba(0, 0, 0, 0.1);
}

#wspBlock1 .blockTitle,
#wspBlock2 .blockTitle {
	display: block;
	order: 1;
	flex-grow: 1;
	width: 100%;
	min-height: 40px;
	height: 40px;
	max-height: 40px;
	padding: 9px 10px 0px 10px;
	max-height: 40px;
	border-radius: 2px 2px 0px 0px;
	border-bottom: 1px rgba(0, 0, 0, 0.05) solid;
	text-align: center;
	color: rgba(0, 0, 0, 0.35);
	font-weight: bold;
	font-family: @Calibri;
	font-size: 16px;
	background-color: @old-white;
	cursor: default;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

#wspBlock1 .block22 #historyBlock,
#wspBlock2 .block2 #docBlock {
	display: block;
	order: 2;
	flex-grow: 1;
	min-width: 100%;
	width: 100%;
	max-width: 100%;
	padding: 0px 15px 15px 10px;
	overflow: auto;
	position: relative;
}

#wspBlock2 .block1 #teamBlock {
	display: block;
	order: 2;
	flex-grow: 1;
	min-width: 100%;
	width: 100%;
	max-width: 100%;
	padding: 0px 15px 15px 10px;
	overflow: auto;
	position: relative;
}

#wspBlock1 .block22 #historyBlock .histActivity {
	display: block;
	width: 100%;
	height: 30px;
	padding: 5px;
	border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
	cursor: default;
	overflow: hidden;
}

#wspBlock1 .block22 #historyBlock .histActivity span {
	display: inline-block;
	width: 100%;
	height: 100%;
	padding-left: 20px;
	font-family: @Calibri;
	font-size: 14px;
	color: @dark-grey;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#wspBlock1 .block22 #historyBlock .histActivity i {
	font-size: 15px;
	color: rgba(0, 0, 0, 0.2);
	position: relative;
	bottom: 19px;
	right: 3px;
}

#wspBlock2 .block1 #teamBlock .teamMember {
	display: block;
	width: 100%;
	padding: 10px 5px 10px 5px;
	overflow: hidden;
	border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
	position: relative;
}

#wspBlock2 .block1 #teamBlock .teamMember .picture {
	display: inline-block;
	position: relative;
}

#wspBlock2 .block1 #teamBlock .teamMember .initials {
	display: inline-block;
	position: relative;
	padding-top: 14px;
	text-align: center;
	font-family: @Calibri;
	font-size: 32px;
	color: white;
}

#wspBlock2 .block1 #teamBlock .teamMember .identity {
	height: 100%;
}

#wspBlock2 .block1 #teamBlock .teamMember .identity1 {
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 100%;
}

#wspBlock2 .block1 #teamBlock .teamMember .identity2 {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
}

#wspBlock2 .block1 #teamBlock .teamMember .identity .name {
	display: block;
	width: 100%;
	font-size: 16px;
	font-family: @Calibri;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color: @dark-grey;
}

#wspBlock2 .block1 #teamBlock .teamMember .identity .company {
	display: block;
	width: 100%;
	font-size: 16px;
	font-family: @Calibri;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color: rgba(0, 0, 0, 0.4);
	cursor: default;
}

#wspBlock2 .block1 #teamBlock .teamMember .role {
	display: inline-block;
	vertical-align: top;
	height: 100%;
}

#wspBlock2 .block1 #teamBlock .teamMember .role .aligner2 span {
	display: block;
	width: 100%;
	text-align: right;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	cursor: default;
}

#wspBlock2 .block1 #teamBlock .teamMember .role .aligner2 i {
	font-size: 16px;
	position: relative;
	top: 2px;
	color: rgba(0, 0, 0, 0.5);
}

#wspBlock2 .block1 a,
#wspBlock2 .block2 .uploadButton,
#wspBlock2 .block3 .exportButton {
	display: block;
	width: 100%;
	height: 40px;
	max-height: 40px;
	border-radius: 0px 0px 2px 2px;
	border-top: 1px rgba(0, 0, 0, 0.05) solid;
	padding-top: 7px;
	order: 3;
	flex-grow: 1;
	font-size: 20px;
	text-align: center;
	text-decoration: none;
	color: rgba(0, 0, 0, 0.2);
	font-family: @Calibri;
	cursor: pointer;
}

#wspBlock2 .block3 .exportButton {
	font-size: 18px;
	color: rgba(0, 0, 0, 0.4);
}

#wspBlock2 .block1 a:hover,
#wspBlock2 .block2 .uploadButton:hover {
	background-color: @eds-green-hover;
	color: white;
	border-top: 1px white solid;
}

#wspBlock2 .block3 .exportButton:hover {
	background-color: @eds-green-hover;
	color: white;
}

#wspBlock2 .block3 .exportButtonUnavailable {
	display: block;
	width: 100%;
	height: 40px;
	max-height: 40px;
	border-radius: 0px 0px 2px 2px;
	border-top: 1px rgba(0, 0, 0, 0.05) solid;
	padding-top: 7px;
	order: 3;
	flex-grow: 1;
	font-size: 20px;
	text-align: center;
	text-decoration: none;
	color: rgba(0, 0, 0, 0.2);
	font-family: @Calibri;
}

#wspBlock2 .block3 .exportButtonUnavailable {
	font-size: 18px;
	color: rgba(0, 0, 0, 0.3);
	background-color: rgba(255, 255, 255, 0.5);
	background-image: repeating-linear-gradient(45deg, transparent, transparent 15px, rgba(200, 200, 200, 0.2) 15px, rgba(200, 200, 200, 0.2) 30px);
}

#wspBlock2 .block1 #teamBlock .teamMember .memberStatus {
	display: block;
	width: 100%;
	padding: 23px 0px 0px 0px;
	color: rgba(0, 0, 0, 0.4);
	font-size: 14px;
	font-family: @Calibri;
	text-align: right;
	text-decoration: none;
	background-color: rgba(0, 0, 0, 0);
	border: 0;
	position: absolute;
	cursor: default;
}

#wspBlock2 .block1 #teamBlock .teamMember .memberRemove,
#wspBlock2 .block1 #teamBlock .teamMember .memberOwnership {
	display: block;
	width: auto;
	padding: 23px 0px 0px 0px;
	color: rgba(0, 0, 0, 0.1);
	font-size: 16px;
	text-align: right;
	text-decoration: none;
	background-color: rgba(0, 0, 0, 0);
	border: 0;
	position: absolute;
	cursor: pointer;
}

#wspBlock2 .block1 #teamBlock .teamMember .memberRemove:hover,
#wspBlock2 .block1 #teamBlock .teamMember .memberOwnership:hover {
	color: rgba(0, 0, 0, 0.4);
	background-color: rgba(0, 0, 0, 0);
}

#wspBlock2 .block2 .file {
	display: block;
	width: 100%;
	height: 60px;
	padding: 10px 5px 10px 5px;
	overflow: hidden;
	border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
	text-align: right;
}

#wspBlock2 .block2 .file .fileLink {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	height: 100%;
	padding-right: 40px;
	text-align: left;
	text-decoration: none;
	overflow: hidden;
}

#wspBlock2 .block2 .file .fileLink .fileName {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	height: 100%;
	padding: 9px 0px 0px 60px;
	text-decoration: none;
	overflow: hidden;
	color: @dark-grey;
	font-family: @Calibri;
	font-size: 14px;
}

#wspBlock2 .block2 .file .fileLink .fileExtension {
	display: inline-block;
	vertical-align: top;
	width: 60px;
	height: 100%;
	position: relative;
	bottom: 33px;
	color: @dark-grey;
	font-family: @Calibri;
	font-size: 14px;
}

#wspBlock2 .block2 .file .fileRemove {
	display: inline-block;
	vertical-align: top;
	width: 60px;
	height: 100%;
	position: relative;
	bottom: 31px;
	color: rgba(0, 0, 0, 0.1);
	font-size: 16px;
	text-decoration: none;
	cursor: pointer;
}

#wspBlock2 .block2 .file .fileRemove:hover {
	color: rgba(0, 0, 0, 0.4);
}

#wspBlock2 .block2 .file .fileLink .fileExtension {
	display: block;
	//vertical-align: middle;
	width: 40px;
	height: 30px;
	margin-right: 10px;
	border-top-right-radius: 15px 15px;
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
	text-align: center;
	text-decoration: none;
	color: white;
	line-height: 2.2em;
	font-weight: bold;
	font-size: 14px;
	font-family: @Calibri;
}

#wspBlock2 .block2 .file .color0 {
	background-color: rgba(170, 170, 170, 1);
}

#wspBlock2 .block2 .file .color1 {
	background-color: rgba(30, 100, 180, 1);
}

#wspBlock2 .block2 .file .color2 {
	background-color: rgba(75, 140, 45, 1);
}

#wspBlock2 .block2 .file .color3 {
	background-color: rgba(205, 5, 35, 1);
}

#wspBlock2 .block2 .file .color4 {
	background-color: rgba(5, 160, 190, 1);
}

#wspBlock2 .block2 .file .color5 {
	background-color: rgba(165, 15, 15, 1);
}

#wspBlock2 .block2 .file .color6 {
	background-color: rgba(205, 120, 10, 1);
}

#form #form_1 .fileView {
	display: inline-block;
	padding: 10px;
	border-radius: 5px;
	border: 1px rgba(0, 0, 0, 0.1) solid;
	cursor: default;
}

#form #form_1 .fileView .fileName {
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
	text-decoration: none;
	overflow: hidden;
	color: @dark-grey;
	font-family: @Calibri;
	font-size: 14px;
}

#form #form_1 .fileView .fileExtension {
	display: inline-block;
	vertical-align: middle;
	width: 40px;
	height: 30px;
	margin-right: 5px;
	border-top-right-radius: 15px 15px;
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
	text-align: center;
	text-decoration: none;
	color: white;
	line-height: 2.2em;
	font-weight: bold;
	font-size: 14px;
	font-family: @Calibri;
}

#form #form_1 .fileView .color0 {
	background-color: rgba(170, 170, 170, 1);
}

#form #form_1 .fileView .color1 {
	background-color: rgba(30, 100, 180, 1);
}

#form #form_1 .fileView .color2 {
	background-color: rgba(75, 140, 45, 1);
}

#form #form_1 .fileView .color3 {
	background-color: rgba(205, 5, 35, 1);
}

#form #form_1 .fileView .color4 {
	background-color: rgba(5, 160, 190, 1);
}

#form #form_1 .fileView .color5 {
	background-color: rgba(165, 15, 15, 1);
}

#form #form_1 .fileView .color6 {
	background-color: rgba(205, 120, 10, 1);
}

.wspSquare {
	margin: 5px;
	background-color: white;
	border-radius: 2px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}

#buttonsContainer {
	display: block;
	width: 100%;
	flex-grow: 1;
}

#buttonsContainer .a-disabled {
	cursor: not-allowed;
	background-color: rgba(180, 180, 180, 1);
	background: repeating-linear-gradient(-45deg, rgba(200, 200, 200, 1), rgba(200, 200, 200, 1) 15px, rgba(180, 180, 180, 1) 15px, rgba(180, 180, 180, 1) 25px);
}

#downloadAllResults,
#newWorkspaceButton,
#duplicateWorkspaceButton,
#workspaceCreationsInfos,
#downloadUsersList,
#downloadProjectComparison,
.upButton {
	height: 50px;
	margin: 10px 0px 10px 10px;
	padding: 0px 15px 0px 15px;
	border-radius: 2px;
	background-color: @eds-green;
	text-decoration: none;
	color: white;
	cursor: pointer;
}

#workspaceCreationsInfos,
#downloadUsersList,
#downloadProjectComparison,
.upButton {
	display: inline-block;
	vertical-align: top;
}

#buttonsContainer {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	flex-wrap: nowrap;
	width: 100%;
	flex-grow: 1;
	padding: 0px 10px 0px 110px;

	a,
	div {
		display: flex;
		flex-direction: row;
		align-items: center;
		border-radius: 4px;

		span {
			max-height: 40px;
			overflow: hidden;
			text-overflow: ellipsis;
			margin-left: 10px;
		}
	}
}

@media screen and (max-width : 970px) {
	#buttonsContainer span {
		display: none;
	}
}

@media screen and (min-width : 970px) {
	#buttonsContainer span {
		display: block;
	}
}

#buttonsContainer .a-disabled {
	cursor: not-allowed;
	background-color: rgba(180, 180, 180, 1);
	background: repeating-linear-gradient(-45deg, rgba(200, 200, 200, 1), rgba(200, 200, 200, 1) 15px, rgba(180, 180, 180, 1) 15px, rgba(180, 180, 180, 1) 25px);
}

#downloadProjectComparison {
	height: 40px;
	padding: 1px 10px 0px 10px;
	font-weight: normal;
}

#workspaceCreationsInfos,
#downloadUsersList {
	padding: 0px 10px;
}

#downloadAllResults:hover,
#newWorkspaceButton:hover,
#workspaceCreationsInfos:hover,
#downloadUsersList:hover,
#duplicateWorkspaceButton:hover,
.upButton:hover {
	background-color: @eds-green-hover;
}

#downloadProjectComparison:hover {
	background-color: @eds-green-75;
}

#downloadProjectComparison:active {
	background-color: @eds-green-hover;
}

#downloadAllResults i,
#newWorkspaceButton i,
#duplicateWorkspaceButton i,
#workspaceCreationsInfos i,
#downloadUsersList i,
.upButton i {
	font-size: 30px;
}

#workspaceCreationsInfos i,
#downloadUsersList i,
.upButton i {
	display: inline-block;
	vertical-align: middle;
	padding-top: 6px;
	height: 96%;
	margin-right: 10px;
}

#downloadProjectComparison i {
	display: inline-block;
	vertical-align: middle;
	height: 96%;
	padding-top: 6px;
	font-size: 20px;
}

#downloadAllResults span,
#newWorkspaceButton span,
#workspaceCreationsInfos span,
#downloadUsersList span,
#duplicateWorkspaceButton span,
.upButton span {
	font-size: 15px;
	font-weight: normal;
	font-family: @Calibri;
}

#workspaceCreationsInfos span,
#downloadUsersList span,
.upButton span {
	display: inline-block;
	vertical-align: middle;

}

#workspaceCreator {
	display: block;
	width: 100%;
	margin-bottom: 15px;
	border: 0;
	outline: none;
	border-radius: 2px;
	background-color: white;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
	text-decoration: none;
	cursor: pointer;
	color: @smooth-grey;
	overflow-x: hidden;
}

#workspaceCreator:hover {
	-webkit-animation: hoverHomeBox 0.4s linear;
	-ms-animation: hoverHomeBox 0.4s linear;
	animation: hoverHomeBox 0.4s linear;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
	color: @eds-green;
}

#workspaceCreator:active {
	background-color: @eds-green;
	color: white;
}

#workspaceCreator .icon-addfolderalt {
	display: block;
	width: 100%;
	padding: 20px 0px 20px 0px;
	text-align: center;
	font-size: 46px;
}

#centralSection {
	padding: 12px 77px 50px 77px;
}

#centralSection,
#centralSectionShort {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#centralSection h2,
#centralSectionShort h2 {
	display: block;
	font-size: 16px;
	font-family: @Calibri;
	color: @dark-grey;
	position: fixed;
	top: 70px;
}

#centralSection h3,
#centralSectionShort h3 {
	display: block;
	font-size: 14px;
	font-family: @Calibri;
	color: rgba(160, 160, 160, 1);
	position: fixed;
	top: 90px;
}

#centralSection h4,
#centralSectionShort h4 {
	display: block;
	font-size: 14px;
	font-family: @Calibri;
	color: rgba(110, 110, 110, 1);
	position: fixed;
	top: 140px;
}

#centralSection .button_1,
#centralSectionShort .button_1 {
	position: fixed;
	top: 78px;
}

#centralSectionDashboard {
	width: 100%;
	margin: 0px;
	position: relative;
}

#centralSectionDashboard .bottom {
	display: block;
	width: 100%;
	height: 15px;
}

#centralSection #centralSectionBody {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
	border-radius: 2px;
	background-color: white;
	overflow: hidden;
}

#centralSectionShort #centralSectionBody {
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
}

#centralSectionBody .toolTitle {
	order: 1;
	flex-grow: 1;
	display: block;
	min-height: 40px;
	height: 40px;
	max-height: 40px;
	padding: 9px 10px 0px 10px;
	border-radius: 2px 2px 0px 0px;
	border-bottom: 1px rgba(0, 0, 0, 0.05) solid;
	text-align: center;
	color: rgba(0, 0, 0, 0.35);
	font-weight: bold;
	font-family: @Calibri;
	font-size: 16px;
	background-color: @old-white;
	cursor: default;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

#centralSectionBody .toolWrapper {
	order: 2;
	flex-grow: 1;
	display: block;
	padding: 10px;
	overflow-x: hidden;
	overflow-y: auto;
}

#centralSectionBody .toolFooter {
	order: 3;
	flex-grow: 1;
	display: flex;
	flex-direction: row;
	min-height: 40px;
	height: 40px;
	max-height: 40px;
	border-radius: 0px 0px 2px 2px;
	border-top: 1px rgba(0, 0, 0, 0.05) solid;
}

#centralSectionBody .toolFooter .previousChapter,
#centralSectionBody .toolFooter .previousChapterLock,
#centralSectionBody .toolFooter .dropUpList,
#centralSectionBody .toolFooter .nextChapter,
#centralSectionBody .toolFooter .nextChapterLock {
	flex-grow: 1;
	display: inline-block;
	vertical-align: top;
	height: 100%;
	text-align: center;
	text-decoration: none;
}

#centralSectionBody .toolFooter .previousChapter,
#centralSectionBody .toolFooter .previousChapterLock {
	order: 1;
	min-width: 65px;
	width: 65px;
	max-width: 65px;
	padding-top: 5px;
	border-radius: 0px 0px 0px 2px;
	background-color: @old-white;
}

#centralSectionBody .toolFooter .dropUpList {
	order: 2;
	border-right: 1px rgba(0, 0, 0, 0.05) solid;
	border-left: 1px rgba(0, 0, 0, 0.05) solid;
	background-color: @old-white;
}

#centralSectionBody .toolFooter .nextChapter,
#centralSectionBody .toolFooter .nextChapterLock {
	order: 3;
	min-width: 65px;
	width: 65px;
	max-width: 65px;
	padding-top: 5px;
	border-radius: 0px 0px 2px 0px;
	background-color: @old-white;
}

#centralSectionBody .toolFooter .previousChapterLock i,
#centralSectionBody .toolFooter .nextChapterLock i {
	font-size: 22px;
	color: rgba(0, 0, 0, 0.05);
	cursor: default;
}

#centralSectionBody .toolFooter .previousChapter i,
#centralSectionBody .toolFooter .nextChapter i {
	font-size: 22px;
	color: rgba(0, 0, 0, 0.2);
}

#centralSectionBody .toolFooter .previousChapter:hover i,
#centralSectionBody .toolFooter .nextChapter:hover i {
	font-size: 22px;
	color: white;
}

#centralSectionBody .toolFooter .dropUpList:hover .firstLink {
	color: white;
	background-color: @eds-green-hover;
}

#centralSectionBody .toolFooter .previousChapter:hover,
#centralSectionBody .toolFooter .nextChapter:hover {
	background-color: @eds-green-hover;
}

#centralSectionBody .toolFooter .previousChapterLock,
#centralSectionBody .toolFooter .nextChapterLock {
	flex-grow: 1;
	display: inline-block;
	vertical-align: top;
	height: 100%;
	text-align: center;
	text-decoration: none;
}

#centralSectionBody .toolFooter .dropUpList .firstLink {
	display: block;
	width: 100%;
	height: 100%;
	padding: 10px 10px 0px 10px;
	font-family: @Calibri;
	font-size: 14px;
	color: rgba(0, 0, 0, 0.4);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
	position: relative;
	z-index: 2;
}

#centralSectionBody .toolFooter .dropUpList div {
	display: none;
	width: 100%;
	border-radius: 2px 2px 0px 0px;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
	overflow: hidden;
	position: relative;
	z-index: 1;
}

#centralSectionBody .toolFooter .dropUpList:hover div {
	display: block;
}

#centralSectionBody .toolFooter .dropUpList .links2 {
	bottom: 79px;
}

#centralSectionBody .toolFooter .dropUpList:hover .links2 {
	-webkit-animation: hoverLinks2 0.3s linear;
	-ms-animation: hoverLinks2 0.3s linear;
	animation: hoverLinks2 0.3s linear;
}

#centralSectionBody .toolFooter .dropUpList .links4 {
	bottom: 199px;
}

#centralSectionBody .toolFooter .dropUpList:hover .links4 {
	-webkit-animation: hoverLinks4 0.3s linear;
	-ms-animation: hoverLinks4 0.3s linear;
	animation: hoverLinks4 0.3s linear;
}

#centralSectionBody .toolFooter .dropUpList .links5 {
	bottom: 239px;
}

#centralSectionBody .toolFooter .dropUpList:hover .links5 {
	-webkit-animation: hoverLinks5 0.3s linear;
	-ms-animation: hoverLinks5 0.3s linear;
	animation: hoverLinks5 0.3s linear;
}

#centralSectionBody .toolFooter .dropUpList .links6 {
	bottom: 279px;
}

#centralSectionBody .toolFooter .dropUpList:hover .links6 {
	-webkit-animation: hoverLinks6 0.3s linear;
	-ms-animation: hoverLinks6 0.3s linear;
	animation: hoverLinks6 0.3s linear;
}

#centralSectionBody .toolFooter .dropUpList .links7 {
	bottom: 319px;
}

#centralSectionBody .toolFooter .dropUpList:hover .links7 {
	-webkit-animation: hoverLinks7 0.3s linear;
	-ms-animation: hoverLinks7 0.3s linear;
	animation: hoverLinks7 0.3s linear;
}

#centralSectionBody .toolFooter .dropUpList .links8 {
	bottom: 359px;
}

#centralSectionBody .toolFooter .dropUpList:hover .links8 {
	-webkit-animation: hoverLinks8 0.3s linear;
	-ms-animation: hoverLinks8 0.3s linear;
	animation: hoverLinks8 0.3s linear;
}

#centralSectionBody .toolFooter .dropUpList div a {
	display: block;
	width: 100%;
	height: 40px;
	padding: 10px 10px 0px 10px;
	font-size: 14px;
	font-family: @Calibri;
	text-decoration: none;
	color: rgba(0, 0, 0, 0.5);
	background-color: @old-white;
	border-bottom: 1px rgba(235, 235, 235, 1) solid;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#centralSectionBody .toolFooter .dropUpList div a:hover {
	background-color: white;
}

#centralSectionBody .inboxButton {
	display: inline-block;
	max-width: 100%;
	padding: 8px 11px 8px 11px;
	margin-bottom: 15px;
	border-radius: 2px;
	background-color: @old-white;
	border: 1px rgba(230, 230, 230, 1) solid;
	font-family: @Calibri;
	font-size: 14px;
	color: rgba(130, 130, 130, 1);
	text-decoration: none;
	cursor: pointer;
}

#centralSectionBody .inboxButton:hover {
	color: rgba(90, 90, 90, 1);
	box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.03);
	border: 1px rgba(200, 200, 200, 1) solid;
}

@-webkit-keyframes hoverLinks2 {
	0% {
		bottom: 0px;
		opacity: 0;
	}

	100% {
		bottom: 79px;
		opacity: 1;
	}
}

@-ms-keyframes hoverLinks2 {
	0% {
		bottom: 0px;
		opacity: 0;
	}

	100% {
		bottom: 79px;
		opacity: 1;
	}
}

@keyframes hoverLinks2 {
	0% {
		bottom: 0px;
		opacity: 0;
	}

	100% {
		bottom: 79px;
		opacity: 1;
	}
}

@-webkit-keyframes hoverLinks4 {
	0% {
		bottom: 0px;
		opacity: 0;
	}

	100% {
		bottom: 199px;
		opacity: 1;
	}
}

@-ms-keyframes hoverLinks4 {
	0% {
		bottom: 0px;
		opacity: 0;
	}

	100% {
		bottom: 199px;
		opacity: 1;
	}
}

@keyframes hoverLinks4 {
	0% {
		bottom: 0px;
		opacity: 0;
	}

	100% {
		bottom: 199px;
		opacity: 1;
	}
}

@-webkit-keyframes hoverLinks5 {
	0% {
		bottom: 0px;
		opacity: 0;
	}

	100% {
		bottom: 239px;
		opacity: 1;
	}
}

@-ms-keyframes hoverLinks5 {
	0% {
		bottom: 0px;
		opacity: 0;
	}

	100% {
		bottom: 239px;
		opacity: 1;
	}
}

@keyframes hoverLinks5 {
	0% {
		bottom: 0px;
		opacity: 0;
	}

	100% {
		bottom: 239px;
		opacity: 1;
	}
}

@-webkit-keyframes hoverLinks6 {
	0% {
		bottom: 0px;
		opacity: 0;
	}

	100% {
		bottom: 279px;
		opacity: 1;
	}
}

@-ms-keyframes hoverLinks6 {
	0% {
		bottom: 0px;
		opacity: 0;
	}

	100% {
		bottom: 279px;
		opacity: 1;
	}
}

@keyframes hoverLinks6 {
	0% {
		bottom: 0px;
		opacity: 0;
	}

	100% {
		bottom: 279px;
		opacity: 1;
	}
}

@-webkit-keyframes hoverLinks7 {
	0% {
		bottom: 0px;
		opacity: 0;
	}

	100% {
		bottom: 319px;
		opacity: 1;
	}
}

@-ms-keyframes hoverLinks7 {
	0% {
		bottom: 0px;
		opacity: 0;
	}

	100% {
		bottom: 319px;
		opacity: 1;
	}
}

@keyframes hoverLinks7 {
	0% {
		bottom: 0px;
		opacity: 0;
	}

	100% {
		bottom: 319px;
		opacity: 1;
	}
}

@-webkit-keyframes hoverLinks8 {
	0% {
		bottom: 0px;
		opacity: 0;
	}

	100% {
		bottom: 359px;
		opacity: 1;
	}
}

@-ms-keyframes hoverLinks8 {
	0% {
		bottom: 0px;
		opacity: 0;
	}

	100% {
		bottom: 359px;
		opacity: 1;
	}
}

@keyframes hoverLinks8 {
	0% {
		bottom: 0px;
		opacity: 0;
	}

	100% {
		bottom: 359px;
		opacity: 1;
	}
}

#workspaceFocus #centralSectionBody,
#conceptFocus #centralSectionBody,
#isoFocus #centralSectionBody {
	width: 100%;
	padding: 2px 2px 10px 2px;
	border: 0;
	background: none;
	border-radius: 0px;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}

#workspaceFocus #centralSectionBody {
	display: flex;
}

#workspaceFocus #centralSectionBody form,
#isoFocus #centralSectionBody form {
	margin: 0;
	padding: 0;
}

#centralSectionBody p {
	margin: 0;
	padding: 0;
}

#centralSectionBody .helpBar {
	width: 100%;
	text-align: right;
}

#centralSectionBody .helpBar i {
	display: inline-block;
	font-size: 16px;
	color: @dark-grey;
	opacity: 0.2;
	cursor: pointer;
	position: relative;
}

#centralSectionBody .helpBar i:hover {
	opacity: 0.3;
}

#centralSectionBody .helpBar p {
	display: inline-block;
	width: 300px;
	margin-top: -20px;
	margin-left: -320px;
	padding: 10px;
	border-radius: 2px;
	border: 1px rgba(180, 180, 180, 1) solid;
	outline: 0;
	background-color: rgba(245, 245, 245, 1);
	box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.1);
	text-align: left;
	font-size: 14px;
	font-family: @Calibri;
	color: @dark-grey;
	position: absolute;
	top: -999999px;
	z-index: 200;
}

#centralSectionBody .helpBar i:hover~p,
#centralSectionBody .helpBar p:hover {
	top: auto;
	left: auto;
}

#centralSectionBody .homeCard {
	display: inline-block;
	vertical-align: top;
	width: 200px;
	height: 200px;
	padding: 15px;
	margin: 0px 20px 20px 0px;
	background-color: rgba(250, 250, 250, 1);
	border-radius: 2px;
	border: 1px rgba(210, 210, 210, 1) solid;
	box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.05);
	overflow: hidden;
	outline: 0;
	text-decoration: none;
	text-align: center;
}

#centralSectionBody .homeCard:hover {
	background-color: rgba(255, 255, 255, 1);
	border: 1px rgba(180, 180, 180, 1) solid;
}

#centralSectionBody .homeCard .progressBar {
	display: inline-block;
	width: 95%;
	height: 8px;
	border-radius: 2px;
	background-color: rgba(225, 225, 225, 1);
	overflow: hidden;
	text-align: left;
}

#centralSectionBody .homeCard .progressBar .progress {
	height: 100%;
	border-radius: 2px;
	background-color: rgba(200, 100, 95, 1);
}

#centralSectionBody .homeCard .progressInfo {
	display: inline-block;
	width: 95%;
	font-size: 14px;
	font-family: @Calibri;
	color: rgba(200, 200, 200, 1);
	overflow: hidden;
	text-align: left;
}

#centralSectionBody .homeCard .chapter {
	display: block;
	width: 100%;
	height: 70px;
	margin: 60px 0px 10px 0px;
	font-family: @Calibri;
	font-size: 14px;
	color: @dark-grey;
}

#bomList {
	width: 100%;
}

#bomList .categoryName {
	display: block;
	width: 100%;
	padding: 20px 20px 0px 10px;
	margin: 0;
	font-family: @Calibri;
	font-size: 16px;
	font-weight: bold;
	color: rgba(150, 150, 150, 1);
	cursor: default;
}

#bomList .subsetHeader {
	width: 100%;
	height: 45px;
	margin-top: 10px;
	padding: 15px 20px 5px 10px;
	border-bottom: 1px rgba(110, 110, 110, 1) solid;
	font-family: @Calibri;
	font-size: 14px;
	font-weight: bold;
	color: @dark-grey;
	cursor: default;
}

#bomList .componentHeader {
	width: 100%;
	height: 35px;
	margin-top: 10px;
	padding: 00px 20px 0px 10px;
	border-bottom: 1px rgba(160, 160, 160, 1) solid;
	cursor: default;
}

#bomList .componentHeader:hover {
	background-color: rgba(245, 245, 230, 1);
}

#bomList .componentHeader .componentName,
#bomList .componentHeader .componentPrice,
#bomList .componentHeader .componentUnitMass,
#bomList .componentHeader .componentGrossMass,
#bomList .componentHeader .componentAmount {
	display: inline-block;
	vertical-align: bottom;
	height: 100%;
	overflow: hidden;
	text-align: right;
	line-height: 2em;
	font-family: @Calibri;
	font-size: 14px;
	color: @dark-grey;
}

#bomList .componentHeader .componentName {
	width: 55%;
	padding-left: 15px;
	text-align: left;
}

#bomList .componentHeader .componentPrice {
	width: 15%;
	text-align: center;
}

#bomList .componentHeader .componentUnitMass {
	width: 15%;
	text-align: center;
}

#bomList .componentHeader .componentGrossMass {
	width: 15%;
	color: rgba(120, 120, 120, 1);
	text-align: center;
}

#bomList .componentHeader .componentAmount {
	width: 15%;
	text-align: center;
}

#bomList .materialRange,
#bomList .processRange,
#bomList .addRange {
	width: 100%;
	height: 35px;
	padding: 00px 20px 0px 10px;
	border-bottom: 1px rgba(200, 200, 200, 1) solid;
	cursor: default;
}

#bomList .materialRange:hover,
#bomList .processRange:hover {
	background-color: rgba(250, 250, 240, 1);
}

#bomList .addRange:hover {
	background-color: rgba(250, 250, 240, 1);
}

#bomList .materialRange .materialName,
#bomList .materialRange .materialAmount,
#bomList .materialRange .materialPercentage,
#bomList .processRange .processName,
#bomList .processRange .processAmount,
#bomList .addRange .addName {
	display: inline-block;
	vertical-align: bottom;
	height: 100%;
	overflow: hidden;
	text-align: right;
	line-height: 2em;
	font-family: @Calibri;
	font-size: 14px;
	color: rgba(110, 110, 110, 1);
}

#bomList .materialRange .materialName {
	width: 70%;
	padding-left: 30px;
	text-align: left;
}

#bomList .materialRange .materialAmount {
	width: 15%;
	text-align: center;
}

#bomList .materialRange .materialPercentage {
	width: 15%;
	color: rgba(170, 170, 170, 1);
	text-align: center;
}

#bomList .processRange .processName {
	width: 70%;
	padding-left: 30px;
	text-align: left;
}

#bomList .processRange .processAmount {
	width: 30%;
	padding-right: 15%;
	text-align: center;
}

#bomList .addRange .addName {
	width: 55%;
	padding-left: 45px;
	text-align: left;
}

#bomList .materialRange .materialName .less,
#bomList .processRange .processName .less,
#bomList .addRange .addName .less {
	color: rgba(170, 170, 170, 1);
}

#bomList .materialRange .materialName i,
#bomList .processRange .processName i,
#bomList .addRange .addName i {
	font-size: 12px;
}

#exportData {
	width: 100%;
	overflow-y: hidden;
}

#exportData .categoryName {
	display: block;
	width: 100%;
	padding: 20px 20px 0px 10px;
	margin: 0;
	font-family: @Calibri;
	font-size: 16px;
	font-weight: bold;
	color: rgba(150, 150, 150, 1);
	cursor: default;
}

#exportData .subsetHeader {
	width: 100%;
	height: 45px;
	margin-top: 10px;
	padding: 15px 20px 5px 10px;
	font-family: @Calibri;
	font-size: 14px;
	font-weight: bold;
	color: @dark-grey;
	cursor: default;
}

#exportData .donneesExport {
	width: 100%;
	height: 35px;
	margin-top: 10px;
	padding: 00px 20px 0px 10px;
	cursor: default;
}

#exportData .donneesExport:hover {
	background-color: rgba(245, 245, 230, 1);
}

#exportData .saveButton {
	display: block;
	width: 100%;
	margin-top: 10px;
	height: 40px;
	max-height: 40px;
	font-weight: bold;
	border-radius: 0px 0px 2px 2px;
	border-top: 1px rgba(0, 0, 0, 0.05) solid;
	border-left: 1px rgba(0, 0, 0, 0.1) solid;
	border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
	border-right: 1px rgba(0, 0, 0, 0.1) solid;
	text-align: center;
	text-decoration: none;
	color: white;
	background-color: #91c8be;
	overflow: hidden;
	cursor: pointer;
}

#exportData .saveButton:hover {
	background-color: #6ec3af;
}

#exportData .saveButton input {
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 7px;
	font-size: 20px;
	position: relative;
	bottom: 100%;
	opacity: 0;
	outline: 0;
	border: 0;
}

#exportData .rangeCheckbox_1 .checkboxChoice_1,
#exportData .rangeCheckbox_1 .checkboxChoice_2 {
	text-align: right;
}

#uploadWrapper {
	display: block;
	height: 60px;
	padding: 1px;
	border-radius: 30px;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.8);
	background-color: @dark-grey;
	overflow: hidden;
	text-align: left;
	position: fixed;
	bottom: 15px;
	right: 15px;
	z-index: 20;
}

#uploadButton {
	display: inline-block;
	width: 50px;
	height: 50px;
	margin: 4px;
	border-radius: 25px;
	overflow: hidden;
}

#uploadButton i {
	display: block;
	width: 50px;
	height: 50px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 25px;
	background-color: rgba(255, 255, 255, 0.1);
	color: rgba(255, 255, 255, 0.7);
	text-align: center;
	line-height: 2em;
	font-size: 24px;
}

#uploadButton i:hover {
	background-color: rgba(255, 255, 255, 0.2);
	color: rgba(255, 255, 255, 0.9);
}

#leftSlider,
#rightSlider {
	width: 65px;
	height: 100%;
	box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.2);
	position: fixed;
	top: 0;
	z-index: 79;
}

#leftSlider {
	padding: 50px 0px 40px 0px;
	background: radial-gradient(ellipse at right top, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0));
	border-right: 1px rgba(255, 255, 255, 0.7) solid;
	left: 0;
}

#rightSlider {
	padding: 50px 0px 170px 0px;
	background: @eds-green-hover;
	right: 0;
}

#leftSlider #leftSliderBody,
#rightSlider #rightSliderBody {
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	position: relative;
}

#rightSlider button {
	border: 0px;
	background-color: transparent;
	padding: 0;
}

#leftSlider a,
#rightSlider a,
#rightSlider button,
#rightSlider .link {
	display: block;
	width: 100%;
	height: 65px;
	overflow: hidden;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
}

#leftSlider a {
	color: rgba(90, 90, 90, 1);
	font-size: 20px;
}

#rightSlider a,
#rightSlider button,
#rightSlider .link {
	color: white;
}

#leftSlider a:first-child {
	font-size: 26px;
}

#rightSlider .link:hover .input {
	background-color: @eds-green;
}

#leftSlider a i,
#rightSlider a .linkIcon,
#rightSlider button .linkIcon,
#rightSlider .link .linkIcon {
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 20px;
	overflow: hidden;
	z-index: 2;
}

#leftSlider a:first-child i {
	padding-top: 16px;
}

#leftSlider a:hover i,
#rightSlider a:hover .linkIcon,
#rightSlider button:hover .linkIcon,
#rightSlider .link:hover .linkIcon {
	background-color: @eds-green;
	color: white;
}

#rightSlider a .linkIcon,
#rightSlider button .linkIcon,
#rightSlider .link .linkIcon {
	font-size: 26px;
	padding-top: 16px;
}

#rightSlider a img.linkIcon,
#rightSlider button img.linkIcon {
	width: auto;
	margin: auto;
	padding-top: 0;
}

#leftSlider .focusLink {
	background-color: @eds-green-hover;
	color: white;
}

#rightSlider .focusLink,
#rightSlider .link .focusLink {
	background-color: @eds-green;
	color: white;
}

#rightSlider .input {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#rightSlider .input .inputIcon {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	font-size: 26px;
	padding-top: 16px;
	z-index: 1;
}

#rightSlider .input input {
	display: block;
	width: 100%;
	height: 100%;
	outline: 0;
	border: 0;
	position: relative;
	bottom: 100%;
	opacity: 0;
	cursor: pointer;
	z-index: 3;
}

#rightSlider .closeIcon {
	display: block;
	font-size: 10px;
	color: rgba(255, 255, 255, 0.7);
	position: relative;
	bottom: 105px;
	right: 23px;
	z-index: 2;
}

#leftSlider a span {
	display: block;
	height: 65px;
	padding: 21px 28px 0px 18px;
	margin: -65px 0px 0px 64px;
	border-radius: 0px 32px 32px 0px;
	font-size: 16px;
	font-family: @Calibri;
	text-align: left;
	color: white;
	background-color: @eds-green;
	position: fixed;
	top: -999999px;
	left: -999999px;
	z-index: 1;
	opacity: 0;
}

#leftSlider a:hover span {
	top: auto;
	left: 0;
	opacity: 1;
	-webkit-animation: hoverLeftSliderLink 0.3s linear;
	-ms-animation: hoverLeftSliderLink 0.3s linear;
	animation: hoverLeftSliderLink 0.3s linear;
}

#rightSlider a .title,
#rightSlider button .title,
#rightSlider .link .title {
	display: inline-block;
	height: 65px;
	padding: 21px 18px 0px 28px;
	margin: -65px 0px 0px 0px;
	border-radius: 32px 0px 0px 32px;
	font-size: 16px;
	font-family: @Calibri;
	text-align: right;
	color: white;
	background-color: @eds-green;
	position: fixed;
	top: -999999px;
	right: -999999px;
	z-index: 1;
	opacity: 0;
}

#rightSlider a:hover .title,
#rightSlider button:hover .title,
#rightSlider .link:hover .title {
	top: auto;
	right: 65px;
	opacity: 1;
	-webkit-animation: hoverRightSliderLink 0.3s linear;
	-ms-animation: hoverRightSliderLink 0.3s linear;
	animation: hoverRightSliderLink 0.3s linear;
}

#fixedButton1 {
	display: block;
	width: 65px;
	height: 65px;
	overflow: hidden;
	text-align: center;
	position: fixed;
	right: 0px;
	bottom: 65px;
	z-index: 81;
	cursor: pointer;
	border-top: 1px rgba(255, 255, 255, 0.25) solid;
	background-color: @eds-green-hover;
}

#fixedButton1:hover {
	background-color: @eds-green;
}

#fixedButton1 i {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 26px;
	padding-top: 14px;
	overflow: hidden;
	color: white;
}

#fixedButton1 input {
	display: block;
	width: 100%;
	height: 100%;
	outline: 0;
	border: 0;
	position: relative;
	bottom: 100%;
	opacity: 0;
	cursor: pointer;
}

#fixedLink1,
#fixedLink2 {
	display: block;
	width: 65px;
	height: 65px;
	overflow: hidden;
	text-align: center;
	text-decoration: none;
	position: fixed;
	right: 0px;
	bottom: 65px;
	z-index: 81;
	cursor: pointer;
	border-top: 1px rgba(255, 255, 255, 0.25) solid;
}

#fixedLink2 {
	bottom: 130px;
}

#fixedLink1:hover,
#fixedLink2:hover {
	background-color: @eds-green;
}

#fixedLink1 .submit,
#fixedLink2 .submit {
	display: block;
	width: 100%;
	height: 100%;
	outline: 0;
	border: 0;
	bottom: 100%;
	opacity: 0;
	cursor: pointer;
	position: relative;
	z-index: 1;
}

#fixedLink1 i,
#fixedLink2 i {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 26px;
	padding-top: 14px;
	overflow: hidden;
	color: white;
}

#fixedLink1 .qtt1,
#fixedLink2 .qtt1 {
	display: block;
	width: 100%;
	height: 100%;
	padding: 5px 30px 10px 10px;
	font-size: 18px;
	font-weight: bold;
	font-family: @Calibri;
	color: white;
	text-align: center;
}

#fixedLink1 .qtt2,
#fixedLink2 .qtt2 {
	display: block;
	width: 100%;
	height: 100%;
	padding: 35px 10px 10px 30px;
	font-size: 18px;
	font-weight: bold;
	font-family: @Calibri;
	color: white;
	text-align: center;
	position: relative;
	bottom: 65px;
}

#fixedLink1 .slash,
#fixedLink2 .slash {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0px 10px 10px 12px;
	font-size: 50px;
	font-family: @Calibri;
	color: white;
	text-align: center;
	position: relative;
	bottom: 130px;
	-ms-transform: rotate(20deg);
	/* IE 9 */
	-webkit-transform: rotate(20deg);
	/* Chrome, Safari, Opera */
	transform: rotate(20deg);
}

#fixedLink2,
#fixedLink3 {
	display: block;
	width: 65px;
	height: 65px;
	overflow: hidden;
	text-align: center;
	text-decoration: none;
	position: fixed;
	right: 0px;
	bottom: 130px;
	z-index: 81;
	cursor: pointer;
	border-top: 1px rgba(255, 255, 255, 0.25) solid;
	background-color: @eds-green-hover;
}

#fixedLink3 {
	bottom: 195px;
}

#fixedLink2:hover,
#fixedLink3:hover {
	background-color: @eds-green;
}

#fixedLink2 i,
#fixedLink3 i {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 26px;
	padding-top: 14px;
	overflow: hidden;
	color: white;
}

#fixedLink1 .compConcept,
#fixedLink2 .compConcept,
#fixedLink3 .compConcept {
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	font-family: @Calibri;
	font-size: 32px;
	font-weight: bold;
	color: white;
	padding: 10px 0px 0px 0px;
}

@-webkit-keyframes hoverHomeBox {
	0% {
		box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
	}

	100% {
		box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
	}
}

@-ms-keyframes hoverHomeBox {
	0% {
		box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
	}

	100% {
		box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
	}
}

@keyframes hoverHomeBox {
	0% {
		box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
	}

	100% {
		box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
	}
}


@-webkit-keyframes hoverLeftSliderLink {
	0% {
		opacity: 0;
		left: -15px;
	}

	100% {
		opacity: 1;
		left: 0px;
	}
}

@-ms-keyframes hoverLeftSliderLink {
	0% {
		opacity: 0;
		left: -15px;
	}

	100% {
		opacity: 1;
		left: 0px;
	}
}

@keyframes hoverLeftSliderLink {
	0% {
		opacity: 0;
		left: -15px;
	}

	100% {
		opacity: 1;
		left: 0px;
	}
}

@-webkit-keyframes hoverRightSliderLink {
	0% {
		opacity: 0;
		right: 45px;
	}

	100% {
		opacity: 1;
		right: 65px;
	}
}

@-ms-keyframes hoverRightSliderLink {
	0% {
		opacity: 0;
		right: 45px;
	}

	100% {
		opacity: 1;
		right: 65px;
	}
}

@keyframes hoverRightSliderLink {
	0% {
		opacity: 0;
		right: 45px;
	}

	100% {
		opacity: 1;
		right: 65px;
	}
}

/* Buttons */

.button_1 {
	display: inline-block;
	padding: 7px 10px 7px 10px;
	margin-bottom: 15px;
	background-color: rgba(250, 250, 250, 1);
	border-radius: 4px;
	outline: 0;
	border: 1px rgba(210, 210, 210, 1) solid;
	box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.05);
	font-size: 14px;
	font-weight: bold;
	font-family: @Calibri;
	text-decoration: none;
	color: rgba(90, 90, 90, 1);
}

.button_1:hover {
	color: @dark-grey;
	background-color: rgba(255, 255, 255, 1);
}

/* Concepts */

.conceptCard {
	display: inline-block;
	vertical-align: top;
	width: 200px;
	height: 230px;
	margin: 0px 20px 0px 0px;
	text-align: center;
}

.conceptCard .body {
	display: block;
	width: 100%;
	height: 200px;
	background-color: rgba(250, 250, 250, 1);
	outline: 0;
	border-radius: 2px;
	border-bottom: 1px rgba(255, 255, 255, 1) solid;
	box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.2);
	overflow: hidden;
	text-decoration: none;
	position: relative;
	z-index: 10;
}

.conceptCard .body:hover {
	background-color: rgba(255, 255, 255, 1);
}

.conceptCard .image {
	width: 100%;
	height: 60%;
	border-radius: 2px 2px 0px 0px;
	background: linear-gradient(45deg, rgba(160, 160, 160, 1) 12%, transparent 0, transparent 88%, rgba(160, 160, 160, 1) 0),
		linear-gradient(135deg, transparent 37%, rgba(90, 90, 90, 1) 0, rgba(90, 90, 90, 1) 63%, transparent 0),
		linear-gradient(45deg, transparent 37%, rgba(160, 160, 160, 1) 0, rgba(160, 160, 160, 1), transparent 0) @dark-grey;
	background-size: 25px 25px;
}

.conceptCard .title {
	display: block;
	width: 100%;
	height: 45px;
	padding: 3px 5px 3px 5px;
	font-family: @Calibri;
	font-size: 14px;
	color: @dark-grey;
	overflow: hidden;
}

.conceptCard .subtitle {
	display: inline-block;
	width: 95%;
	padding: 5px 10px 5px 10px;
	margin-top: 5px;
	border-radius: 2px;
	background-color: rgba(255, 255, 255, 0.75);
	font-family: @Calibri;
	font-size: 14px;
	font-weight: bold;
	color: @dark-grey;
}

.conceptCard .progressBar {
	display: inline-block;
	width: 95%;
	height: 8px;
	border-radius: 2px;
	background-color: rgba(225, 225, 225, 1);
	overflow: hidden;
	text-align: left;
}

.conceptCard .progressBar .progress {
	height: 100%;
	border-radius: 2px;
	background-color: @eds-green-hover;
}

.conceptCard .progressInfo {
	display: inline-block;
	width: 95%;
	font-size: 14px;
	font-family: @Calibri;
	color: rgba(200, 200, 200, 1);
	overflow: hidden;
	text-align: left;
}

.conceptCard .icon-favoritefolder,
.conceptCard .icon-folder-close {
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 15px;
	box-shadow: 0px 0px 0px 4px rgba(0, 0, 0, 0.05);
	color: white;
	font-size: 18px;
	text-align: center;
	line-height: 1.6em;
	position: relative;
	bottom: 15px;
	left: 70px;
	z-index: 11;
	cursor: default;
}

.conceptCard .icon-favoritefolder {
	background-color: @eds-green;
}

.conceptCard .icon-folder-close {
	background-color: rgba(130, 130, 130, 1);
}

#conceptFocus {
	width: 100%;
	height: 100%;
	text-align: left;
}

#conceptInformation {
	display: inline-block;
	width: 25%;
	min-width: 150px;
	height: 100%;
	padding: 90px 15px 10px 5px;
	overflow: hidden;
	position: fixed;
	left: 15px;
	bottom: 0;
}

#conceptInformation .cptInformationBox {
	display: block;
	width: 100%;
	margin: 10px 0px 10px 0px;
	border: 0;
	border-radius: 2px;
	background-color: @dark-grey;
	box-shadow: 0px 0px 2px black;
	overflow: hidden;
	text-decoration: none;
}

#conceptInformation .cptInformationBox:hover {
	border-bottom: 5px @eds-green-hover solid;
}

#conceptInformation .description {
	height: 25%;
}

#conceptInformation .bom {
	height: 15%;
}

#conceptInformation .team {
	height: 35%;
}

#conceptInformation .dashboard {
	height: 15%;
}

#conceptInformation .cptInformationBox i {
	display: inline-block;
	vertical-align: middle;
	width: 60px;
	height: 60px;
	padding: 6px 0px 0px 10px;
	border-top-left-radius: 2px;
	border-bottom-right-radius: 60px;
	background-color: rgba(255, 255, 255, 0.2);
	font-size: 28px;
	color: rgba(40, 40, 40, 1);
	cursor: default;
}

#conceptInformation .cptInformationBox:hover i {
	background-color: rgba(255, 255, 255, 0.3);
}

#conceptInformation .cptInformationBox h3 {
	display: inline-block;
	vertical-align: middle;
	margin: 0px 0px 15px 10px;
	padding: 0;
	font-family: @Calibri;
	font-size: 20px;
	color: rgba(255, 255, 255, 0.3);
	cursor: default;
}

#conceptInformation .cptInformationBox:hover h3 {
	color: rgba(255, 255, 255, 0.4);
}

@-webkit-keyframes navResultHover2 {
	0% {
		bottom: 78px;
		opacity: 0;
	}

	50% {
		opacity: 0;
	}

	100% {
		bottom: 95px;
		opacity: 1;
	}
}

@-ms-keyframes navResultHover2 {
	0% {
		bottom: 78px;
		opacity: 0;
	}

	50% {
		opacity: 0;
	}

	100% {
		bottom: 95px;
		opacity: 1;
	}
}

@keyframes navResultHover2 {
	0% {
		bottom: 78px;
		opacity: 0;
	}

	50% {
		opacity: 0;
	}

	100% {
		bottom: 95px;
		opacity: 1;
	}
}

@-webkit-keyframes navResultHover3 {
	0% {
		bottom: 78px;
		opacity: 0;
	}

	50% {
		opacity: 0;
	}

	100% {
		bottom: 135px;
		opacity: 1;
	}
}

@-ms-keyframes navResultHover3 {
	0% {
		bottom: 78px;
		opacity: 0;
	}

	50% {
		opacity: 0;
	}

	100% {
		bottom: 135px;
		opacity: 1;
	}
}

@keyframes navResultHover3 {
	0% {
		bottom: 78px;
		opacity: 0;
	}

	50% {
		opacity: 0;
	}

	100% {
		bottom: 135px;
		opacity: 1;
	}
}

@-webkit-keyframes navResultHover4 {
	0% {
		bottom: 78px;
		opacity: 0;
	}

	50% {
		opacity: 0;
	}

	100% {
		bottom: 175px;
		opacity: 1;
	}
}

@-ms-keyframes navResultHover4 {
	0% {
		bottom: 78px;
		opacity: 0;
	}

	50% {
		opacity: 0;
	}

	100% {
		bottom: 175px;
		opacity: 1;
	}
}

@keyframes navResultHover4 {
	0% {
		bottom: 78px;
		opacity: 0;
	}

	50% {
		opacity: 0;
	}

	100% {
		bottom: 175px;
		opacity: 1;
	}
}

@-webkit-keyframes navResultHover5 {
	0% {
		bottom: 78px;
		opacity: 0;
	}

	50% {
		opacity: 0;
	}

	100% {
		bottom: 215px;
		opacity: 1;
	}
}

@-ms-keyframes navResultHover5 {
	0% {
		bottom: 78px;
		opacity: 0;
	}

	50% {
		opacity: 0;
	}

	100% {
		bottom: 215px;
		opacity: 1;
	}
}

@keyframes navResultHover5 {
	0% {
		bottom: 78px;
		opacity: 0;
	}

	50% {
		opacity: 0;
	}

	100% {
		bottom: 215px;
		opacity: 1;
	}
}

@-webkit-keyframes navResultHover6 {
	0% {
		bottom: 78px;
		opacity: 0;
	}

	50% {
		opacity: 0;
	}

	100% {
		bottom: 255px;
		opacity: 1;
	}
}

@-ms-keyframes navResultHover6 {
	0% {
		bottom: 78px;
		opacity: 0;
	}

	50% {
		opacity: 0;
	}

	100% {
		bottom: 255px;
		opacity: 1;
	}
}

@keyframes navResultHover6 {
	0% {
		bottom: 78px;
		opacity: 0;
	}

	50% {
		opacity: 0;
	}

	100% {
		bottom: 255px;
		opacity: 1;
	}
}

/* Bom section */

#centralSectionBody .bottom {
	display: block;
	width: 100%;
	height: 15px;
}

#centralSectionBody .newItem,
#centralSectionBody .newItemMasked {
	display: inline-block;
	width: 150px;
	height: 150px;
	margin: 10px;
	padding: 40px 5px 15px 5px;
	border-radius: 4px;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	font-family: @Calibri;
	font-size: 14px;
	overflow: hidden;
}

#centralSectionBody .newItem {
	border: 1px rgba(110, 110, 110, 1) dashed;
	color: rgba(110, 110, 110, 1);
}

#centralSectionBody .newItemMasked {
	border: 1px rgba(0, 0, 0, 0.25) dashed;
	color: rgba(0, 0, 0, 0.25);
}

#centralSectionBody .newItem i,
#centralSectionBody .newItemMasked i {
	display: inline-block;
	font-size: 22px;
	margin-bottom: 10px;
}

#centralSectionBody .newItem:hover,
#centralSectionBody .newItemMasked:hover {
	border: 1px @eds-green-hover dashed;
	color: @eds-green-hover;
	background-color: rgba(170, 185, 5, 0.1);
}

#centralSectionBody .addNewItem {
	display: inline-block;
	width: 150px;
	height: 150px;
	margin: 10px;
	padding: 0px 5px 5px 5px;
	border-radius: 4px;
	border: 1px @smooth-grey dashed;
	background-color: @old-white;
	box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.05);
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	font-family: @Calibri;
	font-size: 14px;
	color: @eds-green;
	overflow: hidden;
}

#centralSectionBody .addNewItem i {
	display: inline-block;
	font-size: 22px;
	margin: 10px 0px 10px 0px;
	color: rgba(200, 200, 200, 1);
	cursor: default;
}

#centralSectionBody .addNewItem .input_01 {
	width: 100%;
	height: 30px;
	padding: 0px 5px 0px 5px;
	border: 1px @smooth-grey solid;
	border-radius: 2px;
	font-family: @Calibri;
	font-size: 14px;
	color: @dark-grey;
}

#centralSectionBody .addNewItem .input_01:hover,
#centralSectionBody .addNewItem .input_01:focus {
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2) inset;
}

#centralSectionBody .addNewItem .submit_01 {
	width: 100%;
	height: 24px;
	margin-top: 5px;
	padding: 0px 5px 0px 5px;
	border: 0;
	border-radius: 2px;
	background-color: @eds-green;
	font-family: @Calibri;
	font-size: 14px;
	color: white;
	cursor: pointer;
}

#centralSectionBody .addNewItem .submit_01:hover {
	background-color: @eds-green-hover;
}

#centralSectionBody .addNewItem .submit_02 {
	display: block;
	width: 100%;
	height: 24px;
	margin-top: 5px;
	padding: 0px 5px 0px 5px;
	border: 0;
	border-radius: 2px;
	background-color: @strong-red;
	text-decoration: none;
	line-height: 1.7em;
	font-weight: normal;
	font-family: @Calibri;
	font-size: 14px;
	color: white;
}

#centralSectionBody .addNewItem .submit_02:hover {
	background-color: @strong-red-hover;
}

#centralSectionBody .subset,
#centralSectionBody .focusSubset,
#centralSectionBody .maskedSubset {
	display: inline-block;
	width: 150px;
	height: 150px;
	border-radius: 4px;
	border: 1px @smooth-grey solid;
	background-color: @old-white;
	text-decoration: none;
	text-align: center;
	font-family: @Calibri;
	font-size: 14px;
	color: @smooth-grey;
	overflow: hidden;
}

#centralSectionBody .subset:hover,
#centralSectionBody .maskedSubset:hover {
	border: 1px rgba(180, 180, 180, 1) solid;
	box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.05);
}

#centralSectionBody .subset {
	margin: 10px;
	border: 1px @smooth-grey solid;
	background-color: @old-white;
}

#centralSectionBody .maskedSubset {
	margin: 10px;
	border: 1px rgba(220, 220, 220, 1) solid;
	background-color: @old-white;
}

#centralSectionBody .focusSubset {
	margin: 10px;
	border: 0;
	background-color: rgba(0, 0, 0, 0);
}

#centralSectionBody .subset .title,
#centralSectionBody .focusSubset .title {
	display: block;
	width: 100%;
	height: 60px;
	margin-bottom: 10px;
	padding-top: 25px;
	font-weight: bold;
	font-size: 14px;
	color: @dark-grey;
}

#centralSectionBody .maskedSubset .title {
	display: block;
	width: 100%;
	height: 60px;
	margin-bottom: 10px;
	padding-top: 15px;
	font-weight: bold;
	font-size: 14px;
	color: @smooth-grey;
}

#centralSectionBody .subset .number,
#centralSectionBody .focusSubset .number,
#centralSectionBody .maskedSubset .number {
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	line-height: 1.8em;
	font-weight: bold;
	font-size: 22px;
	color: white;
}

#centralSectionBody .subset .number,
#centralSectionBody .maskedSubset .number {
	background-color: @smooth-grey;
}

#centralSectionBody .focusSubset .number {
	background-color: @eds-green;
}

#centralSectionBody .subset:hover .number {
	background-color: @eds-green;
}

#centralSectionBody .subsetBlock {
	display: inline-block;
	padding: 0px;
	background: radial-gradient(ellipse at left top, rgba(255, 255, 255, 1), rgba(240, 240, 240, 0.4));
	border: 1px white solid;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
	border-radius: 3px;
	text-align: center;
}

#centralSectionBody .subsetOptions {
	display: inline-block;
	width: 100%;
	height: 0px;
	text-align: left;
	text-decoration: none;
	position: relative;
	bottom: 140px;
	right: 10px;
	cursor: pointer;
}

#centralSectionBody .subsetOptions i {
	display: inline-block;
	padding: 0px 3px 0px 3px;
	margin: 15px 0px 0px 15px;
	font-size: 18px;
	color: rgba(180, 180, 180, 1);
}

#centralSectionBody .subsetOptions i:hover {
	color: rgba(140, 140, 140, 1);
}

#centralSectionBody .subsetOptions i:hover~.optionsWrapper,
#centralSectionBody .subsetOptions .optionsWrapper:hover {
	bottom: 21px;
	left: 34px;
}

#centralSectionBody .subsetOptions .optionsWrapper {
	display: block;
	width: 100px;
	border: 1px rgba(0, 0, 0, 0.7);
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
	border-radius: 1px;
	background-color: white;
	position: relative;
	bottom: -999999px;
	left: -999999px;
}

#centralSectionBody .subsetOptions .optionsWrapper a {
	display: block;
	height: 30px;
	padding: 0px 10px 0px 10px;
	text-decoration: none;
	line-height: 2em;
	font-family: @Calibri;
	font-size: 14px;
	color: rgba(0, 0, 0, 0.6);
}

#centralSectionBody .subsetOptions .optionsWrapper a:hover {
	box-shadow: 3px 0px 0px @strong-red inset;
	color: rgba(0, 0, 0, 0.9);
}

#centralSectionBody .subsetOptions .optionsWrapper a.cantRemoveSubset:hover {
	box-shadow: initial;
	color: rgba(0, 0, 0, 0.6);
}

#centralSectionBody .subsetOptions .optionsWrapper a:first-child {
	border-bottom: 1px rgba(0, 0, 0, 0.05) solid;
}

#centralSectionBody .subsetOptions .optionsWrapper a:first-child:hover {
	box-shadow: 3px 0px 0px @eds-green-hover inset;
	color: rgba(0, 0, 0, 0.9);
}

#centralSectionBody .component {
	display: inline-block;
	width: 150px;
	height: 150px;
	margin: 10px;
	border: 1px @smooth-grey solid;
	background-color: white;
	box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.05);
	border-radius: 4px;
	border: 1px rgba(210, 210, 210, 1) solid;
	text-decoration: none;
	text-align: center;
	color: @smooth-grey;
	overflow: hidden;
}

#centralSectionBody .component.conceptAsComp {
	background-color: #eeeeee;
}

#centralSectionBody .component.conceptAsComponent {
	background-color: rgba(240, 240, 240, 0.7);
}

#centralSectionBody .component .title {
	display: block;
	width: 100%;
	height: 75%;
	padding-top: 25px;
	padding-bottom: 25px;
}

#centralSectionBody .component .title .aligner {
	display: inline-block;
	vertical-align: middle;
	width: 0px;
	height: 100%;
}

#centralSectionBody .component .title .content {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
}

#centralSectionBody .component .title .content .name {
	font-family: @Calibri;
	font-size: 14px;
	font-weight: bold;
	color: rgba(100, 100, 100, 1);
}

#centralSectionBody .component .title .content .weight {
	font-family: @Calibri;
	font-size: 14px;
	font-weight: normal;
	color: rgba(100, 100, 100, 1);
}

#centralSectionBody .component .optionsBar {
	display: block;
	width: 100%;
	height: 25%;
	border-top: 1px rgba(230, 230, 230, 1) solid;
}

#centralSectionBody .component .optionsBar a {
	display: inline-block;
	vertical-align: top;
	width: 25%;
	height: 100%;
	overflow: hidden;
	border-right: 1px rgba(230, 230, 230, 1) solid;
	color: rgba(170, 170, 170, 1);
	text-decoration: none;
}

#centralSectionBody .component .optionsBar a.seeConceptBom {
	width: 50%;
}

#centralSectionBody .component .optionsBar a.seeConceptBomLarge {
	width: 75%;
}

#centralSectionBody .component .optionsBar a:last-child {
	border: 0;
}

#centralSectionBody .component .optionsBar a.cant-delete:last-child {
	color: rgba(210, 210, 210, 1);
}

#centralSectionBody .component .optionsBar a:hover {
	color: rgba(100, 100, 100, 1);
	box-shadow: 0px -4px 0px @eds-green inset;
}

#centralSectionBody .component .optionsBar a:last-child:hover {
	color: rgba(100, 100, 100, 1);
	box-shadow: 0px -4px 0px @strong-red inset;
}

#centralSectionBody .component .optionsBar a.cant-delete:last-child:hover {
	color: rgba(210, 210, 210, 1);
	box-shadow: initial;
}

#centralSectionBody .component .optionsBar a i {
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 2.2em;
	font-size: 16px;
}

#centralSectionBody .component .optionsBar a .greenNotification,
.acv-element-header .greenNotification,
#centralSectionBody .component .optionsBar a .orangeNotification,
.acv-element-header .orangeNotification,
#centralSectionBody .component .optionsBar a .redNotification,
.acv-element-header .redNotification {
	display: block;
	width: 18px;
	height: 18px;
	margin-left: 18px;
	border-radius: 9px;
	border: 2px white solid;
	overflow: hidden;
	color: white;
	line-height: 1.2em;
	text-align: center;
	font-family: @Calibri;
	font-size: 12px;
	font-weight: bold;
	position: relative;
	bottom: 19px;
	z-index: 50;
	left: 0;
	z-index: 0;
}

#centralSectionBody .component .optionsBar a .greenNotification,
.acv-element-header .greenNotification {
	background-color: @eds-green;
}

#centralSectionBody .component .optionsBar a .redNotification,
.acv-element-header .redNotification {
	background-color: @strong-red;
}

#form_1 .redNotification {
	color: @strong-red;
	font-style: normal;
}

#centralSectionBody .component .optionsBar a .orangeNotification,
.acv-element-header .orangeNotification {
	background-color: orange;
}

#form_1 .orangeNotification {
	color: orange;
	font-style: normal;
}

#centralSectionBody .separator {
	width: 100%;
	height: 1px;
	margin: 15px 0px 5px 0px;
	border-bottom: 1px rgba(0, 0, 0, 0.15) solid;
}

#centralSectionBody .filiTitle {
	display: block;
	width: 100%;
	padding: 0px 15px 0px 10px;
	text-align: left;
	font-family: @Calibri;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: rgba(0, 0, 0, 0.25);
}

#centralSectionBody .errorInput {
	background-color: white;
	background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255, 100, 0, 0.15) 5px, rgba(255, 100, 0, 0.15) 10px);
}

/* GRAPHS */

#dashboardLoader {
	width: 100%;
	height: 0vh;
	padding: 0;
	margin: 0;
	opacity: 0;
	background: url('../images/ajax-loader-wheel.gif') top center no-repeat;
	-webkit-animation: hideDashboardLoader 0.25s ease-out;
	-ms-animation: hideDashboardLoader 0.25s ease-out;
	animation: hideDashboardLoader 0.25s ease-out;
}

#dashboardZoom {
	width: 100%;
	height: 100%;
	padding: 40px 80px 40px 80px;
	background-color: rgba(230, 230, 230, 0.7);
	background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255, 255, 255, 0.4) 35px, rgba(255, 255, 255, 0.4) 70px);
	text-align: center;
	overflow-x: hidden;
	overflow-y: auto;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 99998;
}

#dashboardZoomWindow {
	display: inline-block;
	width: 100%;
	height: 100%;
	padding: 55px 15px 265px 15px;
	border-right: 1px rgba(255, 255, 255, 1) solid;
	border-bottom: 1px rgba(255, 255, 255, 1) solid;
	border-left: 1px rgba(255, 255, 255, 1) solid;
	box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.2);
	border-radius: 2px;
	background: radial-gradient(ellipse at left top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
	font-size: 0;
	font-family: @Calibri;
	opacity: 1;
	overflow: hidden;
}

#dashboardZoomWindow .topBar {
	width: 100%;
	text-align: right;
}

#dashboardZoomWindow .button_4,
#dashboardZoomWindow .button_4:active,
#bomZoomWindow .button_4,
#bomZoomWindow .button_4:active {
	display: inline-block;
	width: 24px;
	height: 24px;
	padding: 4px;
	margin-right: 0px;
	border-radius: 0px 0px 3px 3px;
	background-color: rgba(80, 80, 80, 1);
	box-shadow: 0px -2px 0px 2px rgba(0, 0, 0, 0.2) inset;
	text-decoration: none;
	text-align: center;
	position: absolute;
	top: 40px;
	right: 100px;
	-webkit-animation: greyBGblur 0.5s ease-out;
	-ms-animation: greyBGblur 0.5s ease-out;
	animation: greyBGblur 0.5s ease-out;
}

#dashboardZoomWindow .button_4:hover {
	background-color: rgba(120, 120, 120, 1);
	-webkit-animation: greyBGhover 0.5s ease-out;
	-ms-animation: greyBGhover 0.5s ease-out;
	animation: greyBGhover 0.5s ease-out;
}

#dashboardZoomWindow .button_4 i,
#bomZoomWindow .button_4 i {
	display: inline-block;
	padding: 0;
	font-size: 12px;
	color: white;
}

#dashboardZoomWindow .title {
	display: inline-block;
	text-align: center;
	font-size: 14px;
	font-family: @Calibri;
	color: @dark-grey;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 55px;
	left: 50%;
}

#dashboardZoomWindow .subtitle {
	display: inline-block;
	text-align: center;
	font-size: 14px;
	font-family: @Calibri;
	color: @smooth-grey;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 75px;
	left: 50%;
}

#dashboardZoomWindow .graphUnit {
	display: inline-block;
	max-width: 30%;
	font-size: 14px;
	font-family: @Calibri;
	color: rgba(0, 0, 0, 0.3);
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 60px;
	left: 120px;
}

#dashboardZoomWindow #tableWrapper {
	display: block;
	width: 100%;
	margin: 8px 0px 10px 0px;
	padding: 10px;
	border-radius: 3px;
	background-color: rgba(255, 255, 255, 1);
	border: 1px rgba(190, 190, 190, 1) solid;
	overflow: auto;
	position: relative;
	top: 0px;
}

#dashboardZoomWindow table {
	width: 100%;
	overflow: hidden;
	border-collapse: collapse;
	border-bottom: 1px rgba(180, 180, 180, 1) solid;
	font-family: @Calibri;
	font-size: 14px;
}

#dashboardZoomWindow table tr {
	display: inline-flex;
	width: 100%;
	height: 35px;
	line-height: 2.3em;
}

#dashboardZoomWindow table td {
	flex-grow: 1;
	flex-basis: 0;
	padding: 0px 5px 0px 5px;
	text-align: right;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color: @dark-grey;
	border-top: 1px rgba(180, 180, 180, 1) solid;
	border-right: 1px rgba(0, 0, 0, 0.06) solid;
}

#dashboardZoomWindow table .tdTitle {
	flex-basis: 0;
	padding: 0px 5px 0px 5px;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	border-right: 1px rgba(0, 0, 0, 0.15) solid;
	border-left: 1px rgba(0, 0, 0, 0.06) solid;
}

#dashboardZoomWindow table th {
	flex-grow: 1;
	flex-basis: 0;
	padding: 0px 5px 0px 5px;
	text-align: right;
	color: @dark-grey;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	border-right: 1px rgba(0, 0, 0, 0.06) solid;
	border-top: 1px rgba(0, 0, 0, 0.06) solid;
}

#dashboardZoomWindow table .thFirst {
	flex-basis: 0;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding: 0px 5px 0px 5px;
	border-right: 1px rgba(0, 0, 0, 0.15) solid;
	border-left: 1px rgba(0, 0, 0, 0.06) solid;
}

#dashboardZoomWindow #graphWrapper {
	display: inline-block;
	width: 100%;
	height: 100%;
}

#dashboardZoomWindow #resultsNav {
	display: block;
	width: 100%;
	height: 40px;
	border-radius: 0px 0px 3px 3px;
	border: 1px rgba(190, 190, 190, 1) solid;
	background-color: white;
	cursor: pointer;
}

#dashboardZoomWindow #resultsNav .select,
#dashboardZoomWindow #resultsNav .selectShort {
	display: inline-block;
	vertical-align: top;
	height: 100%;
	border-right: 1px rgba(240, 240, 240, 1) solid;
}

#dashboardZoomWindow #resultsNav .select {
	width: 25%;
}

#dashboardZoomWindow #resultsNav .selectShort {
	width: 33%;
}

#dashboardZoomWindow #resultsNav .selectShort:first-child {
	width: 34%;
}

#dashboardZoomWindow #resultsNav .select:last-child,
#dashboardZoomWindow #resultsNav .selectShort:last-child {
	border-right: 0;
}

#dashboardZoomWindow #resultsNav .focusSelect {
	display: block;
	width: 100%;
	height: 100%;
	background-color: white;
	overflow: hidden;
	text-align: right;
	position: relative;
	z-index: 2;
	cursor: pointer;
}

#dashboardZoomWindow #resultsNav .focusSelect:hover,
#dashboardZoomWindow #resultsNav .select:hover .focusSelect,
#dashboardZoomWindow #resultsNav .selectShort:hover .focusSelect {
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
}

#dashboardZoomWindow #resultsNav .focusSelect span {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0px 40px 0px 40px;
	background-color: white;
	text-align: center;
	line-height: 2.6em;
	font-size: 14px;
	font-family: @Calibri;
	color: @dark-grey;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

#dashboardZoomWindow #resultsNav .focusSelect i {
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 3.4em;
	font-size: 12px;
	color: rgba(0, 0, 0, 0.1);
	position: relative;
	bottom: 40px;
	right: 10px;
}

#dashboardZoomWindow #resultsNav .selectNav {
	display: block;
	padding-bottom: 17px;
	overflow: hidden;
	border: 1px rgba(60, 60, 60, 1);
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
	position: relative;
	bottom: -999999px;
	left: -999999px;
	z-index: 1;
}

#dashboardZoomWindow #resultsNav .focusSelect:not(.focusSelect5):not(.focusSelect4):not(.focusSelect3):not(.focusSelect2):not(.focusSelect1):not(.focusSelect0):hover~.selectNav:not(.selectNav5):not(.selectNav4):not(.selectNav3):not(.selectNav2):not(.selectNav1):not(.selectNav0),
#dashboardZoomWindow #resultsNav .selectNav:not(.selectNav5):not(.selectNav4):not(.selectNav3):not(.selectNav2):not(.selectNav1):not(.selectNav0):hover {
	bottom: 255px;
	left: auto;
	-webkit-animation: navResultHover6 0.3s ease-out;
	-ms-animation: navResultHover6 0.3s ease-out;
	animation: navResultHover6 0.3s ease-out;
}

#dashboardZoomWindow #resultsNav .focusSelect:hover~.selectNav.selectNav5,
#dashboardZoomWindow #resultsNav .selectNav.selectNav5:hover {
	bottom: 215px;
	left: auto;
	-webkit-animation: navResultHover5 0.3s ease-out;
	-ms-animation: navResultHover5 0.3s ease-out;
	animation: navResultHover5 0.3s ease-out;
}

#dashboardZoomWindow #resultsNav .focusSelect:hover~.selectNav.selectNav4,
#dashboardZoomWindow #resultsNav .selectNav.selectNav4:hover {
	bottom: 175px;
	left: auto;
	-webkit-animation: navResultHover4 0.3s ease-out;
	-ms-animation: navResultHover4 0.3s ease-out;
	animation: navResultHover4 0.3s ease-out;
}

#dashboardZoomWindow #resultsNav .focusSelect:hover~.selectNav.selectNav3,
#dashboardZoomWindow #resultsNav .selectNav.selectNav3:hover {
	bottom: 135px;
	left: auto;
	-webkit-animation: navResultHover3 0.3s ease-out;
	-ms-animation: navResultHover3 0.3s ease-out;
	animation: navResultHover3 0.3s ease-out;
}

#dashboardZoomWindow #resultsNav .focusSelect:hover~.selectNav.selectNav2,
#dashboardZoomWindow #resultsNav .selectNav.selectNav2:hover {
	bottom: 95px;
	left: auto;
	-webkit-animation: navResultHover2 0.3s ease-out;
	-ms-animation: navResultHover2 0.3s ease-out;
	animation: navResultHover2 0.3s ease-out;
}

#dashboardZoomWindow #resultsNav .selectNav a {
	display: block;
	width: 100%;
	height: 40px;
	padding: 0px 10px 0px 10px;
	text-decoration: none;
	font-family: @Calibri;
	font-size: 14px;
	line-height: 2.6em;
	color: @dark-grey;
	border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
	background-color: rgba(240, 240, 240, 1);
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

#dashboardZoomWindow #resultsNav .selectNav a:not([href]) {
	background: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1) 15px, rgba(240, 240, 240, 1) 15px, rgba(240, 240, 240, 1) 25px);
	cursor: default;
	color: grey;
}

#dashboardZoomWindow #resultsNav .selectNav a:hover {
	color: @eds-green-hover;
}

#dashboardZoomWindow #resultsNav .selectNav a:not([href]):hover {
	color: grey;
}

#dashboardZoomWindow #resultsNav .selectNav a:last-child {
	border-bottom: 0;
}

#dashboardZoomWindow #resultsNav .selectNav span {
	display: block;
	width: 100%;
	height: 40px;
	padding: 0px 10px 0px 10px;
	text-decoration: none;
	font-family: @Calibri;
	font-size: 14px;
	line-height: 2.6em;
	color: rgba(0, 0, 0, 0.3);
	border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
	background-color: rgba(240, 240, 240, 1);
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	cursor: not-allowed;
}

#dashboardZoomWindow #navLegend,
#dashboardZoomWindow #navLegendShort {
	display: block;
	width: 100%;
	height: 16px;
	background-color: rgba(190, 190, 190, 1);
	border-radius: 3px 3px 0px 0px;
	overflow: hidden;
	position: relative;
	z-index: 0;
}

#dashboardZoomWindow #navLegend span,
#dashboardZoomWindow #navLegendShort span {
	display: inline-block;
	font-weight: bold;
	font-size: 11.5px;
	line-height: 1.4em;
	font-family: @Calibri;
	color: rgba(255, 255, 255, 1);
	cursor: default;
}

#dashboardZoomWindow #navLegend span {
	width: 25%;
}

#dashboardZoomWindow #navLegendShort span {
	width: 33%;
}

#dashboardZoomWindow #navLegendShort span:first-child {
	width: 34%;
}

@-webkit-keyframes hideDashboardLoader {
	0% {
		height: 100vh;
		opacity: 1;
	}

	99% {
		height: 100vh;
		opacity: 1;
	}

	100% {
		height: 0vh;
		opacity: 0;
	}
}

@-ms-keyframes hideDashboardLoader {
	0% {
		height: 100vh;
		opacity: 1;
	}

	99% {
		height: 100vh;
		opacity: 1;
	}

	100% {
		height: 0vh;
		opacity: 0;
	}
}

@keyframes hideDashboardLoader {
	0% {
		height: 100vh;
		opacity: 1;
	}

	99% {
		height: 100vh;
		opacity: 1;
	}

	100% {
		height: 0vh;
		opacity: 0;
	}
}

@-webkit-keyframes patch1Hover {
	0% {
		box-shadow: 0px 0px 0px 25px rgba(170, 160, 30, 1) inset;
	}

	100% {
		box-shadow: 0px 0px 0px 35px rgba(170, 160, 30, 1) inset;
	}
}

@-ms-keyframes patch1Hover {
	0% {
		box-shadow: 0px 0px 0px 25px rgba(170, 160, 30, 1) inset;
	}

	100% {
		box-shadow: 0px 0px 0px 35px rgba(170, 160, 30, 1) inset;
	}
}

@keyframes patch1Hover {
	0% {
		box-shadow: 0px 0px 0px 25px rgba(170, 160, 30, 1) inset;
	}

	100% {
		box-shadow: 0px 0px 0px 35px rgba(170, 160, 30, 1) inset;
	}
}

@-webkit-keyframes patch1Blur {
	0% {
		box-shadow: 0px 0px 0px 35px rgba(170, 160, 30, 1) inset;
	}

	100% {
		box-shadow: 0px 0px 0px 25px rgba(170, 160, 30, 1) inset;
	}
}

@-ms-keyframes patch1Blur {
	0% {
		box-shadow: 0px 0px 0px 35px rgba(170, 160, 30, 1) inset;
	}

	100% {
		box-shadow: 0px 0px 0px 25px rgba(170, 160, 30, 1) inset;
	}
}

@keyframes patch1Blur {
	0% {
		box-shadow: 0px 0px 0px 35px rgba(170, 160, 30, 1) inset;
	}

	100% {
		box-shadow: 0px 0px 0px 25px rgba(170, 160, 30, 1) inset;
	}
}

@-webkit-keyframes patch2Hover {
	0% {
		box-shadow: 0px 0px 0px 20px rgba(210, 210, 210, 1) inset;
	}

	100% {
		box-shadow: 0px 0px 0px 25px rgba(210, 210, 210, 1) inset;
	}
}

@-ms-keyframes patch2Hover {
	0% {
		box-shadow: 0px 0px 0px 20px rgba(210, 210, 210, 1) inset;
	}

	100% {
		box-shadow: 0px 0px 0px 25px rgba(210, 210, 210, 1) inset;
	}
}

@keyframes patch2Hover {
	0% {
		box-shadow: 0px 0px 0px 20px rgba(210, 210, 210, 1) inset;
	}

	100% {
		box-shadow: 0px 0px 0px 25px rgba(210, 210, 210, 1) inset;
	}
}

@-webkit-keyframes patch2Blur {
	0% {
		box-shadow: 0px 0px 0px 25px rgba(210, 210, 210, 1) inset;
	}

	100% {
		box-shadow: 0px 0px 0px 20px rgba(210, 210, 210, 1) inset;
	}
}

@-ms-keyframes patch2Blur {
	0% {
		box-shadow: 0px 0px 0px 25px rgba(210, 210, 210, 1) inset;
	}

	100% {
		box-shadow: 0px 0px 0px 20px rgba(210, 210, 210, 1) inset;
	}
}

@keyframes patch2Blur {
	0% {
		box-shadow: 0px 0px 0px 25px rgba(210, 210, 210, 1) inset;
	}

	100% {
		box-shadow: 0px 0px 0px 20px rgba(210, 210, 210, 1) inset;
	}
}

.dashTitle {
	display: block;
	width: 100%;
	padding: 0px 10px 15px 10px;
	margin-bottom: 10px;
	font-size: 16px;
	font-family: @Calibri;
	text-align: center;
	color: @dark-grey;
	border-bottom: 1px rgba(0, 0, 0, 0.2) solid;
}

.dashTitle .sub {
	font-size: 14px;
	color: rgba(0, 0, 0, 0.4);
}

.dashboardItem {
	width: 100%;
	margin: 6px;
	padding: 20px 10px 20px 10px;
	border: 1px rgba(0, 0, 0, 0.1) solid;
	border-radius: 3px;
	text-align: center;
}

.dashboardItem .titleIcon {
	display: block;
	font-size: 30px;
	color: rgba(210, 210, 210, 1);
}

.dashboardItem_1 .title,
.dashboardItem_2 .title,
.dashboardItem_3 .title,
.dashboardItem .title {
	display: block;
	width: 100%;
	font-size: 16px;
	font-family: @Calibri;
	color: @dark-grey;
}

.dashboardItem_1 .subtitle,
.dashboardItem_2 .subtitle,
.dashboardItem_3 .subtitle,
.dashboardItem .subtitle {
	display: block;
	width: 100%;
	padding: 5px 0px 10px 0px;
	margin-bottom: 20px;
	border-bottom: 1px rgba(190, 190, 190, 1) solid;
}

.dashboardItem_1 .reference,
.dashboardItem_2 .reference,
.dashboardItem_3 .reference,
.dashboardItem .reference {
	display: block;
	margin: 0;
	font-family: @Calibri;
	font-size: 14px;
	text-align: center;
	color: rgba(0, 0, 0, 0.3);
}

.dashboardItem_1 .subtitle a,
.dashboardItem_2 .subtitle a,
.dashboardItem .subtitle a {
	display: inline-block;
	padding: 5px 8px 5px 8px;
	margin: 0px 5px 0px 5px;
	border-radius: 2px;
	background-color: rgba(0, 0, 0, 0.2);
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	font-family: @Calibri;
	color: white;
	cursor: pointer;
}

.dashboardItem_1 .subtitle a:hover,
.dashboardItem_2 .subtitle a:hover,
.dashboardItem .subtitle a:hover {
	background-color: rgba(0, 0, 0, 0.4);
}

.dashboardItem_1 .subtitle span,
.dashboardItem_2 .subtitle span,
.dashboardItem .subtitle span {
	display: inline-block;
	padding: 5px 8px 5px 8px;
	margin: 0px 5px 0px 5px;
	border-radius: 2px;
	background-color: rgba(220, 80, 0, 1);
	font-size: 14px;
	font-weight: bold;
	font-family: @Calibri;
	color: white;
	cursor: default;
}

.dashboardWrapper {
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}

.dashboardItem_1,
.dashboardItem_2,
.dashboardItem_3 {
	flex-basis: 0;
	margin: 6px;
	padding: 20px 10px 20px 10px;
	border: 1px rgba(0, 0, 0, 0.1) solid;
	border-radius: 3px;
	text-align: center;
}

.dashboardItem_1 {
	flex-grow: 3;
}

.dashboardItem_2 {
	flex-grow: 1;
	display: flex;
	flex-direction: column;

	#graphContainer {
		display: flex;
		flex-direction: column;
		justify-content: space-evenly;
		flex-grow: 1;

		p {
			margin-top: 10px;
		}
	}
}

.dashboardItem_3 {
	flex-grow: 1;
}

.dashboardItem_2 .recyclePatch1,
.dashboardItem_2 .recyclePatch2 {
	display: inline-block;
	margin-top: 25px;
	padding: 10px 20px 10px 20px;
	cursor: pointer;
}

.dashboardItem_2 .recyclePatch1 .patch {
	display: inline-block;
	width: 150px;
	height: 150px;
	padding: 50px 0px 0px 5px;
	border-radius: 75px;
	box-shadow: 0px 0px 0px 25px rgba(170, 160, 30, 1) inset;
	font-family: @Calibri;
	font-size: 20px;
	font-weight: bold;
	color: rgba(0, 0, 0, 0.6);
	-webkit-animation: patch1Blur 0.2s ease-out;
	-ms-animation: patch1Blur 0.2s ease-out;
	animation: patch1Blur 0.2s ease-out;
}

.dashboardItem_2 .recyclePatch1 .patch:hover {
	box-shadow: 0px 0px 0px 35px rgba(170, 160, 30, 1) inset;
	color: rgba(0, 0, 0, 0.9);
	-webkit-animation: patch1Hover 0.2s ease-out;
	-ms-animation: patch1Hover 0.2s ease-out;
	animation: patch1Hover 0.2s ease-out;
}

.dashboardItem_2 .recyclePatch2 .patch {
	display: inline-block;
	width: 120px;
	height: 120px;
	padding: 36px 0px 0px 5px;
	border-radius: 60px;
	box-shadow: 0px 0px 0px 20px rgba(210, 210, 210, 1) inset;
	font-family: @Calibri;
	font-size: 20px;
	font-weight: bold;
	color: rgba(0, 0, 0, 0.5);
	-webkit-animation: patch2Blur 0.2s ease-out;
	-ms-animation: patch2Blur 0.2s ease-out;
	animation: patch2Blur 0.2s ease-out;
}

.dashboardItem_2 .recyclePatch2 .patch:hover {
	box-shadow: 0px 0px 0px 25px rgba(210, 210, 210, 1) inset;
	color: rgba(0, 0, 0, 0.7);
	-webkit-animation: patch2Hover 0.2s ease-out;
	-ms-animation: patch2Hover 0.2s ease-out;
	animation: patch2Hover 0.2s ease-out;
}

.dashboardItem_2 .recyclePatch1 .patch span,
.dashboardItem_2 .recyclePatch2 .patch span {
	font-size: 36px;
}

.dashboardItem_2 .recyclePatch1 p,
.dashboardItem_2 .recyclePatch2 p {
	font-family: @Calibri;
	font-size: 14px;
	color: @dark-grey;
}

.conceptsLegend {
	display: block;
	width: 100%;
	height: 6px;
	margin-top: 10px;
	padding-left: 70px;
}

.conceptsLegend div {
	display: inline-block;
	vertical-align: bottom;
	width: 16.66%;
	height: 100%;
	padding: 0px 5px 0px 5px;
}

.conceptsLegend div .left,
.conceptsLegend div .right {
	display: inline-block;
	vertical-align: bottom;
	width: 50%;
	height: 100%;
	padding: 0px 2px 0px 2px;
	text-align: right;
	cursor: pointer;
}

.conceptsLegend div .left {
	text-align: right;
}

.conceptsLegend div .right {
	text-align: left;
}

.conceptsLegend div .left span,
.conceptsLegend div .right span {
	display: inline-block;
	width: 100%;
	height: 100%;
	max-width: 60px;
	border-radius: 2px;
}

.conceptsLegend div .left span {
	background-color: rgba(90, 90, 90, 1);
}

.conceptsLegend div .right span {
	background-color: @eds-green;
}

.graphUnit {
	display: block;
	width: 100%;
	padding: 0px 0px 10px 10px;
	text-align: left;
	font-size: 12px;
	font-family: @Calibri;
	color: rgba(0, 0, 0, 0.4);
}

.graph_1 {
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	border-bottom: 1px rgba(190, 190, 190, 1) solid;
}

.graph_1 .grid {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 5;
}

.graph_1 .gridLine {
	width: 100%;
	height: 10%;
	padding-left: 15px;
	border-top: 1px rgba(210, 210, 210, 1) solid;
	text-align: left;
	font-size: 14px;
	font-family: @Calibri;
	color: rgba(160, 160, 160, 1);
}

.graph_1 .graph {
	width: 100%;
	height: 100%;
	padding-left: 70px;
	position: relative;
	z-index: 6;
}

.graph_1 .aligner {
	display: inline-block;
	vertical-align: bottom;
	width: 0px;
	height: 100%;
}

.graph_1 .graphBloc {
	display: inline-block;
	vertical-align: bottom;
	width: 16.66%;
	height: 100%;
	padding: 0px 5px 0px 5px;
	text-align: center;
}

.graph_1 .graphBloc2 {
	display: inline-block;
	vertical-align: bottom;
	width: 14.28571%;
	height: 100%;
	padding: 0px 5px 0px 5px;
	text-align: center;
	-webkit-animation: displayGraph 1s ease-out;
	-ms-animation: displayGraph 1s ease-out;
	animation: displayGraph 1s ease-out;
}

.graph_1 .graphSubBloc {
	display: inline-block;
	vertical-align: bottom;
	width: 50%;
	height: 100%;
	padding: 0px 2px 0px 2px;
}

.graph_1 .graphSubBloc_bis {
	display: inline-block;
	vertical-align: bottom;
	width: 33.333333%;
	height: 100%;
	padding: 0px 2px 0px 2px;
}

.graph_1 .rightSubBloc {
	text-align: left;
}

.graph_1 .leftSubBloc {
	text-align: right;
}

.graph_1 .graphData {
	display: inline-block;
	width: 100%;
	max-width: 60px;
}

/* Base colors */
@chartColors: #b88dcdff,
	/* End-of-life */
	#a7d5f2ff,
	/* Use */
	#dec836ff,
	/* Distribution */
	#e28080ff,
	/* Manufacturing */
	#5d618eff,
	/* Supply */
	#6ec8b2ff;
/* Raw materials */

/* Strips colors (lighter) */
@chartColorsHover: #CDAFDCff,
	/* End-of-life */
	#BCE0F5ff,
	/* Use */
	#EBDE83ff,
	/* Distribution */
	#EBA7A7ff,
	/* Manufacturing */
	#898CB1ff,
	/* Supply */
	#A3DCCEff;
/* Raw materials */

.graph_1 .graphData1,
.legend_1 .color_1 {
	background-color: extract(@chartColors, 1);
	opacity: 0.9;
}

.graph_1 .graphDatat1,
.legend_1 .color_t1 {
	background-color: extract(@chartColors, 1);
	opacity: 1;
	background: repeating-linear-gradient(45deg, extract(@chartColorsHover, 1), extract(@chartColorsHover, 1) 5px, extract(@chartColors, 1) 5px, extract(@chartColors, 1) 15px);
}

.graph_1 .graphData1:hover {
	opacity: 0.95;
}

.graph_1 .graphData2,
.legend_1 .color_2 {
	background-color: extract(@chartColors, 2);
	opacity: 0.9;
}

.graph_1 .graphDatat2,
.legend_1 .color_t2 {
	background-color: extract(@chartColors, 2);
	opacity: 1;
	background-image: linear-gradient(to right, extract(@chartColorsHover, 2), extract(@chartColorsHover, 2) 5px, extract(@chartColors, 2) 5px, extract(@chartColors, 2));
	background-size: 12px 100%;
}

.graph_1 .graphData2:hover {
	opacity: 0.95;
}

.graph_1 .graphData3,
.legend_1 .color_3 {
	background-color: extract(@chartColors, 3);
	opacity: 0.9;
}

.graph_1 .graphDatat3,
.legend_1 .color_t3 {
	background-color: extract(@chartColors, 3);
	background-image: repeating-linear-gradient(45deg, extract(@chartColorsHover, 3) 25%, transparent 25%, transparent 75%, extract(@chartColorsHover, 3) 75%, extract(@chartColorsHover, 3)), repeating-linear-gradient(45deg, extract(@chartColorsHover, 3) 25%, extract(@chartColors, 3) 25%, extract(@chartColors, 3) 75%, extract(@chartColorsHover, 3) 75%, extract(@chartColorsHover, 3));
	background-position: 0 0, 10px 10px;
	background-size: 20px 20px;
}

.graph_1 .graphData3:hover {
	opacity: 0.95;
}

.graph_1 .graphData4,
.legend_1 .color_4 {
	background-color: extract(@chartColors, 4);
	opacity: 0.9;
}

.graph_1 .graphDatat4,
.legend_1 .color_t4 {
	background-color: extract(@chartColors, 4);
	background: repeating-linear-gradient(-45deg, extract(@chartColorsHover, 4), extract(@chartColorsHover, 4) 5px, extract(@chartColors, 4) 5px, extract(@chartColors, 4) 15px);
}

.graph_1 .graphData4:hover {
	opacity: 0.95;
}

.graph_1 .graphData5,
.legend_1 .color_5 {
	background-color: extract(@chartColors, 5);
	opacity: 0.9;
}

.graph_1 .graphDatat5,
.legend_1 .color_t5 {
	background-color: extract(@chartColors, 5);
	background-image: linear-gradient(135deg, extract(@chartColorsHover, 5) 25%, transparent 25%), linear-gradient(225deg, extract(@chartColorsHover, 5) 25%, transparent 25%), linear-gradient(45deg, extract(@chartColorsHover, 5) 25%, transparent 25%), linear-gradient(315deg, extract(@chartColorsHover, 5) 25%, extract(@chartColors, 5) 25%);
	background-position: 10px 0, 10px 0, 0 0, 0 0;
	background-size: 20px 20px;
	background-repeat: repeat;
}

.graph_1 .graphData5:hover {
	opacity: 0.95;
}

.graph_1 .graphData6,
.legend_1 .color_6 {
	background-color: extract(@chartColors, 6);
	opacity: 0.9;
}

.graph_1 .graphDatat6,
.legend_1 .color_t6 {
	background-color: extract(@chartColors, 6);
	background-image: linear-gradient(135deg, extract(@chartColorsHover, 6) 25%, transparent 25%), linear-gradient(225deg, extract(@chartColorsHover, 6) 25%, transparent 25%), linear-gradient(45deg, extract(@chartColorsHover, 6) 25%, transparent 25%), linear-gradient(315deg, extract(@chartColorsHover, 6) 25%, extract(@chartColors, 6) 25%);
	background-position: 10px 0, 10px 0, 0 0, 0 0;
	background-size: 10px 10px;
	background-repeat: repeat;
}

.graph_1 .graphData6:hover {
	opacity: 0.95;
}

.graph_1 .graphData101 {
	background-color: rgba(140, 180, 70, 0.85);
}

.graph_1 .graphData101:hover {
	background-color: rgba(140, 180, 70, 1);
}

.graph_1 .graphData102 {
	background-color: rgba(240, 190, 60, 0.85);
}

.graph_1 .graphData102:hover {
	background-color: rgba(240, 190, 60, 1);
}

.graph_1 .graphData103 {
	background-color: rgba(170, 120, 180, 0.85);
}

.graph_1 .graphData103:hover {
	background-color: rgba(170, 120, 180, 1);
}

/* CANVAS */
.graph_1_canvas_abs {
	width: 100%;
	padding: 0px 84px 0px 44px;
	overflow: hidden;
	font-size: 14px;
}

.graph_1_canvas_abs .abs {
	display: inline-block;
	vertical-align: top;
	width: 16.666666667%;
	padding: 0px;
	text-align: center;
	cursor: default;
}

.graph_1_canvas_abs .abs2 {
	display: inline-block;
	vertical-align: top;
	width: 14.28571%;
	padding: 0px 5px 0px 5px;
	text-align: center;
	cursor: default;
}

.graph_1_canvas_abs .abs .absShort,
.graph_1_canvas_abs .abs2 .absShort {
	display: inline-block;
	padding: 5px;
	margin-bottom: 5px;
	background-color: rgba(70, 70, 70, 1);
	border-radius: 3px;
	font-family: @Calibri;
	font-weight: bold;
	color: white;
}

.graph_1_canvas_abs .abs .absLong,
.graph_1_canvas_abs .abs2 .absLong {
	padding: 5px;
	overflow: hidden;
	font-family: @Calibri;
	color: @dark-grey;
}

#chartLegend {
	width: 100%;
}

/* FIGURE */

.graph_1_abs {
	width: 100%;
	padding: 15px 0px 0px 70px;
	overflow: hidden;
}

.graph_1_abs .abs {
	display: inline-block;
	vertical-align: top;
	width: 16.66%;
	padding: 0px 5px 0px 5px;
	text-align: center;
	cursor: default;
}

.graph_1_abs .abs2 {
	display: inline-block;
	vertical-align: top;
	width: 14.28571%;
	padding: 0px 5px 0px 5px;
	text-align: center;
	cursor: default;
}

.graph_1_abs .abs .absShort,
.graph_1_abs .abs2 .absShort {
	display: inline-block;
	padding: 5px;
	margin-bottom: 5px;
	background-color: rgba(70, 70, 70, 1);
	border-radius: 3px;
	font-family: @Calibri;
	font-weight: bold;
	color: white;
}

.graph_1_abs .abs .absLong,
.graph_1_abs .abs2 .absLong {
	padding: 5px;
	overflow: hidden;
	font-family: @Calibri;
	color: @dark-grey;
}

@-webkit-keyframes displayGraph {
	0% {
		height: 0%;
	}

	100% {
		height: 100%;
	}
}

@-ms-keyframes displayGraph {
	0% {
		height: 0%;
	}

	100% {
		height: 100%;
	}
}

@keyframes displayGraph {
	0% {
		height: 0%;
	}

	100% {
		height: 100%;
	}
}

.tdTitle.flexTdTitle {
	display: flex;
}

.legendColor {
	display: inline-block;
	align-self: center;
	width: 14px;
	height: 14px;
	margin: 0px 6px 0px 0px;
}

.legendTitle {
	display: inline-block;
	line-height: inherit;
	align-self: center;
}

.legend_1 {
	width: 100%;
	margin-top: 30px;
	overflow: hidden;
	text-align: center;
}

.legend_1 .legendItem {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	cursor: default;
}

.legend_1 .color {
	display: inline-block;
	vertical-align: middle;
	width: 40px;
	height: 15px;
	border-radius: 2px;
	margin: 5px 5px 5px 10px;
}

.legend_1 .category,
.legend_1 .name {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	font-family: @Calibri;
	color: @dark-grey;
}

.legend_1 .color_7 {
	background-color: rgba(150, 150, 150, 1);
}

.legend_1 .color_8 {
	background-color: rgba(140, 125, 80, 1);
}

.legend_1 .color_9 {
	background-color: rgba(250, 95, 65, 1);
}

.legend_1 .color_10 {
	background-color: rgba(145, 210, 105, 1);
}

.legend_1 .color_11 {
	background-color: rgba(155, 110, 215, 1);
}

.legend_1 .color_12 {
	background-color: rgba(110, 175, 210, 1);
}

.legend_1 .color_13 {
	background-color: rgba(200, 120, 40, 1);
}

.table_1,
.table_2 {
	width: 100%;
	margin-top: 30px;
	overflow: hidden;
	border-collapse: collapse;
	border-bottom: 1px rgba(180, 180, 180, 1) solid;
	font-family: @Calibri;
}

.table_1 tr,
.table_2 tr {
	width: 100%;
	height: 35px;
}

.table_1 tr:first-of-type {
	border-bottom: 2px rgba(0, 0, 0, 0.3) solid;
}

.table_1 tr:last-of-type {
	background-color: rgba(0, 0, 0, 0.01);
	border-top: 2px rgba(0, 0, 0, 0.3) solid;
}

.table_1 td {
	width: 12%;
	text-align: right;
	color: @dark-grey;
	border-top: 1px rgba(180, 180, 180, 1) solid;
}

.table_1 .tdTitle {
	width: 28%;
	text-align: left;
}

.table_1 th {
	width: 12%;
	text-align: right;
	color: @dark-grey;
}

.table_1 .thEmpty {
	width: 28%;
}

.table_2 td {
	width: 25%;
	text-align: right;
	color: @dark-grey;
	border-top: 1px rgba(180, 180, 180, 1) solid;
}

.table_2 .tdTitle {
	width: 75%;
	text-align: left;
}

.table_2 th {
	width: 25%;
	text-align: right;
	color: @dark-grey;
	cursor: pointer;
}

.table_2 .thEmpty {
	width: 75%;
}

#materialsChartWrapper {
	display: inline-block;
	width: 100%;
	max-width: 600px;
}

#breakdownChartWrapper {
	display: inline-block;
	width: 100%;
	max-width: 900px;
}

#titleSection {
	display: block;
	width: 100%;
	padding: 0px 8px 0px 8px;
}

#titleIcon {
	display: inline-block;
	vertical-align: middle;
	margin: 5px 10px 0px 5px;
	padding-left: 5px;
	font-size: 22px;
	color: rgba(0, 0, 0, 0.2);
}

#title {
	display: inline-block;
	width: 100%;
	min-width: 300px;
	height: 40px;
	margin: 10px 0px 0px 0px;
	border: 0px rgba(255, 255, 255, 0.1) solid;
	border-radius: 2px;
	box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.2);
	overflow: hidden;
	text-align: right;
}

#title .header {
	display: inline-block;
	vertical-align: middle;
	margin: 12px 0px 0px 0px;
	padding: 0px 40px 0px 0px;
	font-size: 16px;
	font-weight: normal;
	font-family: @Calibri;
	color: @dark-grey;
	cursor: default;
}

#title div {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	overflow: hidden;
	background: radial-gradient(ellipse at left top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.2));
	text-align: left;
	cursor: default;
}

#title img {
	display: inline-block;
	position: relative;
	bottom: 40px;
	opacity: 1;
}

/* ------- STYLE LCIA FOR STEP DASHBOARD ------- */

#dashboard2 {
	width: 100%;
	height: 100%;
	max-height: 100%;
	overflow: hidden;
	position: absolute;
}

#dashboard2 .chartTitle {
	display: block;
	width: 100%;
	height: 40px;
	padding: 10px 10px 0px 10px;
	font-size: 14px;
	font-family: @Calibri;
	color: rgba(0, 0, 0, 0.4);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: default;
	border-bottom: 1px rgba(0, 0, 0, 0.05) solid;
}

#dashboard2 .chartWrapper {
	display: block;
	width: 100%;
	height: 100%;
	max-height: 100%;
	margin-top: -40px;
	padding: 50px 10px 80px 15px;
	overflow: hidden;
}

#dashboard2 .chartWrapper .grid {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#dashboard2 .chartWrapper .grid .gridLine {
	width: 100%;
	min-height: 10%;
	height: 10%;
	max-height: 10%;
	padding-left: 2px;
	text-align: left;
	font-family: @Calibri;
	font-size: 14px;
	color: rgba(160, 160, 160, 1);
	overflow: hidden;
	border-top: 1px rgba(0, 0, 0, 0.05) solid;
}

#dashboard2 .chartWrapper .graph {
	width: 100%;
	height: 100%;
	padding-left: 35px;
	overflow: hidden;
	border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
	position: relative;
	bottom: 100%;
}

#dashboard2 .chartWrapper .graph .aligner {
	display: inline-block;
	vertical-align: bottom;
	width: 0px;
	height: 100%;
}

#dashboard2 .chartWrapper .graph .graphBloc {
	display: inline-block;
	vertical-align: bottom;
	width: 16.66%;
	height: 100%;
	padding: 0px 5px 0px 5px;
	text-align: center;
	-webkit-animation: displayGraph 1s ease-out;
	-ms-animation: displayGraph 1s ease-out;
	animation: displayGraph 1s ease-out;
}

#dashboard2 .chartWrapper .graph .graphData {
	display: inline-block;
	width: 100%;
	max-width: 60px;
}

#dashboard2 .chartWrapper .graph .graphData1 {
	background-color: extract(@chartColorsHover, 1);
}

#dashboard2 .chartWrapper .graph .graphData1:hover {
	background-color: extract(@chartColors, 1);
}

#dashboard2 .chartWrapper .graph .graphData2 {
	background-color: extract(@chartColorsHover, 2);
}

#dashboard2 .chartWrapper .graph .graphData2:hover {
	background-color: extract(@chartColors, 2);
}

#dashboard2 .chartWrapper .graph .graphData3 {
	background-color: extract(@chartColorsHover, 3);
}

#dashboard2 .chartWrapper .graph .graphData3:hover {
	background-color: extract(@chartColors, 3);
}

#dashboard2 .chartWrapper .graph .graphData4 {
	background-color: extract(@chartColorsHover, 4);
}

#dashboard2 .chartWrapper .graph .graphData4:hover {
	background-color: extract(@chartColors, 4);
}

#dashboard2 .chartWrapper .graph .graphData5 {
	background-color: extract(@chartColorsHover, 5);
}

#dashboard2 .chartWrapper .graph .graphData5:hover {
	background-color: extract(@chartColors, 5);
}

#dashboard2 .chartWrapper .graph .graphData6 {
	background-color: extract(@chartColorsHover, 6);
}

#dashboard2 .chartWrapper .graph .graphData6:hover {
	background-color: extract(@chartColors, 6);
}

#dashboard2 .graph_1_abs {
	width: 100%;
	height: 25px;
	padding: 0px 10px 0px 50px;
	overflow: hidden;
	position: relative;
	bottom: 80px;
}

#dashboard2 .graph_1_abs .abs {
	display: inline-block;
	vertical-align: top;
	width: 16.66%;
	height: 20px;
	padding: 0px 5px 0px 5px;
	text-align: center;
	overflow: hidden;
	cursor: default;
}

#dashboard2 .graph_1_abs .abs .absShort {
	display: inline-block;
	padding: 5px;
	margin-bottom: 5px;
	border-radius: 0;
	background-color: white;
	font-family: @Calibri;
	font-weight: bold;
	font-size: 10px;
	color: rgba(0, 0, 0, 0.4);
}

#dashboard2 .legend_1 {
	width: 100%;
	height: 55px;
	margin: 0px;
	position: relative;
	bottom: 80px;
}

#dashboard2 .legend_1 .legendItem {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	cursor: default;
}

#dashboard2 .legend_1 .color {
	display: inline-block;
	vertical-align: middle;
	width: 15px;
	height: 15px;
	margin: 5px 5px 5px 10px;
}

#dashboard2 .legend_1 .category,
#dashboard2 .legend_1 .name {
	display: inline-block;
	vertical-align: middle;
	font-size: 11px;
	font-family: @Calibri;
	color: rgba(0, 0, 0, 0.7);
}

#dashboard3 {
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}

#dashboard3 .chartTitle {
	display: block;
	width: 100%;
	height: 40px;
	padding: 10px 10px 0px 10px;
	font-size: 14px;
	font-family: @Calibri;
	color: rgba(0, 0, 0, 0.4);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: default;
	border-bottom: 1px rgba(0, 0, 0, 0.05) solid;
}

#dashboard3 .chartWrapper {
	display: block;
	width: 100%;
	height: 100%;
	margin-top: -40px;
	padding: 50px 10px 10px 10px;
	text-align: right;
}

#dashboard3 .chartWrapper .chapterLine {
	display: block;
	width: 100%;
	height: 40px;
	border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
	overflow: hidden;
}

#dashboard3 .chartWrapper .chapterLine:first-child {
	border-top: 1px rgba(0, 0, 0, 0.1) solid;
}

#dashboard3 .chartWrapper .chapterLine:hover .chapterBar .bar {
	background-color: @eds-green-75;
}

#dashboard3 .chartWrapper .chapterLine:hover .name i {
	color: rgba(0, 0, 0, 0.35);
}

#dashboard3 .chartWrapper .chapterLine .chapterBar {
	display: inline-block;
	width: 50%;
	height: 100%;
	padding: 5px;
}

#dashboard3 .chartWrapper .chapterLine .chapterBar .bar {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	height: 100%;
	padding: 4px 6px 0px 6px;
	border-radius: 3px;
	background-color: @eds-green-50;
	color: @dark-grey;
	font-size: 14px;
	font-weight: bold;
	font-family: @Calibri;
}

#dashboard3 .chartWrapper .chapterLine .name {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	height: 100%;
	padding: 5px;
	text-align: left;
}

#dashboard3 .chartWrapper .chapterLine .name i {
	font-size: 22px;
	color: rgba(0, 0, 0, 0.2);
}

/* ------- STYLE ATEP FOR STEP DASHBOARD ------- */

#dashboard1 {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
}

#dashboard1 .chartTitle {
	display: block;
	width: 100%;
	height: 40px;
	padding: 10px 10px 0px 10px;
	font-size: 14px;
	font-family: @Calibri;
	color: rgba(0, 0, 0, 0.4);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: default;
	border-bottom: 1px rgba(0, 0, 0, 0.05) solid;
}

#dashboard1 .chartWrapper {
	display: inline-block;
	width: 100%;
	height: 100%;
	margin-top: -40px;
	padding: 40px 10px 80px 10px;
	overflow: hidden;
	background: url(../images/graph-background.png) bottom left repeat-x;
}

#dashboard1 .chartWrapper .barAlign {
	display: inline-block;
	vertical-align: bottom;
	width: 0px;
	height: 100%;
}

#dashboard1 .chartWrapper .dataBloc {
	display: inline-block;
	vertical-align: bottom;
	width: 14%;
	height: 100%;
	overflow: hidden;
	border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
}

#dashboard1 .chartWrapper .dataBloc .aligner {
	display: inline-block;
	vertical-align: bottom;
	width: 0px;
	height: 100%;
}

#dashboard1 .chartWrapper .dataBloc .barWrapper {
	display: inline-block;
	vertical-align: bottom;
	width: 100%;
	padding: 0px 5px 0px 5px;
}

#dashboard1 .chartWrapper .dataBloc .barWrapper .score {
	display: block;
	width: 100%;
	padding-top: 4px;
	text-align: center;
	-webkit-animation: displayBarTag 1s ease-out;
	-ms-animation: displayBarTag 1s ease-out;
	animation: displayBarTag 1s ease-out;
	cursor: default;
	position: relative;
	z-index: 1;
	opacity: 0;
}

#dashboard1 .chartWrapper .dataBloc .barWrapper .score span {
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	background-color: rgba(255, 255, 255, 0.8);
	box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.3);
	font-weight: bold;
	font-size: 14px;
	font-family: @Calibri;
	color: rgba(0, 0, 0, 0.7);
}

#dashboard1 .chartWrapper .dataBloc .barWrapper .bar {
	display: inline-block;
	width: 100%;
	overflow: hidden;
}

#dashboard1 .chartWrapper .dataBloc .barWrapper .bar div {
	display: inline-block;
	vertical-align: bottom;
	width: 100%;
	height: 100%;
	border-radius: 3px 3px 0px 0px;
	-webkit-animation: displayBar 1s ease-out;
	-ms-animation: displayBar 1s ease-out;
	animation: displayBar 1s ease-out;
}

#dashboard1 .chartWrapper .dataBloc .barWrapper .bar span {
	display: inline-block;
	vertical-align: bottom;
	width: 0px;
	height: 100%;
}

#dashboard1 .chartWrapper .dataBloc .barColor_1 div {
	background-color: rgba(220, 225, 30, 0.8);
}

#dashboard1 .chartWrapper .dataBloc .barColor_1 div:hover {
	background-color: rgba(220, 225, 30, 1);
}

#dashboard1 .chartWrapper .dataBloc .barColor_2 div {
	background-color: rgba(245, 190, 10, 0.8);
}

#dashboard1 .chartWrapper .dataBloc .barColor_2 div:hover {
	background-color: rgba(245, 190, 10, 1);
}

#dashboard1 .chartWrapper .dataBloc .barColor_3 div {
	background-color: rgba(250, 145, 5, 0.8);
}

#dashboard1 .chartWrapper .dataBloc .barColor_3 div:hover {
	background-color: rgba(250, 145, 5, 1);
}

#dashboard1 .chartWrapper .dataBloc .barColor_4 div {
	background-color: rgba(230, 115, 5, 0.8);
}

#dashboard1 .chartWrapper .dataBloc .barColor_4 div:hover {
	background-color: rgba(230, 115, 5, 1);
}

.absContainer {
	display: inline-block;
	width: 100%;
	height: 80px;
	padding: 10px;
	max-width: 1200px;
	overflow: hidden;
	position: relative;
	bottom: 80px;
}

.absContainer .absTag {
	display: inline-block;
	vertical-align: top;
	width: 14%;
	padding: 10px 5px 5px 5px;
}

.absContainer .absTag .abbreviation {
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	font-size: 14px;
	font-family: @Calibri;
	color: rgba(90, 90, 90, 1);
	cursor: default;
}

.absContainer .absTag i {
	color: rgba(0, 0, 0, 0.15);
	font-size: 16px;
}

@-webkit-keyframes displayBarTag {
	0% {
		opacity: 0;
	}

	80% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-ms-keyframes displayBarTag {
	0% {
		opacity: 0;
	}

	80% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes displayBarTag {
	0% {
		opacity: 0;
	}

	80% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes displayBar {
	0% {
		height: 0%;
	}

	100% {
		height: 100%;
	}
}

@-ms-keyframes displayBar {
	0% {
		height: 0%;
	}

	100% {
		height: 100%;
	}
}

@keyframes displayBar {
	0% {
		height: 0%;
	}

	100% {
		height: 100%;
	}
}

/* Simulation */
#comparisonLists {
	display: block;
	width: 100%;
	text-align: left;
	border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
	padding-bottom: 10px;
}

#comparisonLists .listBlock {
	display: inline-block;
	vertical-align: top;
	width: 33.33333%;
	height: 60px;
	padding: 10px;
}

#comparisonLists .listBlock .list {
	display: block;
	width: 100%;
	height: 100%;
	padding-left: 30px;
}

#comparisonLists .listBlock select {
	width: 100%;
}

#comparisonLists .color {
	display: block;
	width: 30px;
	height: 100%;
	padding: 10px 5px 10px 5px;
	position: relative;
	bottom: 40px;
}

#comparisonLists .color span {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 2px;
	background-color: rgba(240, 190, 60, 1);
}

#comparisonLists .listBlock:first-of-type .color span {
	background-color: rgba(140, 180, 70, 1);
}

#comparisonLists .listBlock:last-of-type .color span {
	background-color: rgba(170, 120, 180, 1);
}

#comparisonChart {
	display: block;
	width: 100%;
	text-align: left;
	border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
	padding: 10px 15px 10px 0px;
}

#functionList {
	display: block;
	width: 100%;
	height: 100%;
	padding: 10px;
}

#functionList li {
	display: block;
	width: 100%;
	height: 40px;
	padding: 10px 10px 6px 10px;
	margin-bottom: 10px;
	background-color: rgba(240, 240, 240, 1);
	border-radius: 2px;
	font-size: 16px;
	text-align: left;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	cursor: pointer;
}

#functionList li i {
	display: inline-block;
	vertical-align: bottom;
	margin-right: 4px;
	color: rgba(0, 0, 0, 0.1);
}

#functionList li span {
	font-family: @Calibri;
	color: rgba(0, 0, 0, 0.8);
}

#functionList li:last-of-type {
	margin: 0;
}

#functionList li:hover {
	background-color: white;
	box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.05);
}

#functionList li:hover i {
	color: @eds-green;
}

/*------ CSS matrix ------*/

#D_window {
	display: block;
	width: 100%;
	height: 100%;
	padding: 15px;
}

#D_block {
	display: block;
	width: 100%;
	height: 100%;
	background-color: white;
	border: 1px rgba(0, 0, 0, 0.03) solid;
	border-radius: 3px;
	box-shadow: 0px 0px 1px 2px rgba(0, 0, 0, 0.08);
	font-size: 16px;
	font-family: Calibri, arial, sans-serif;
}

#D_block #tableLinksByPercent {
	width: 100%;
	border-bottom: none;
}

#D_block table tr {
	display: inline-flex;
	flex-direction: row;
	width: 100%;
	min-width: 100%;
	min-height: 40px;
}

#D_block table tr .offFunctions {
	background-color: rgba(0, 0, 0, 0.3);
}

.matrixFunctionTitle {
	flex-basis: 100px;
}

#D_block table tr th,
#D_block table tr td {
	display: inline-block;
	vertical-align: top;
	flex-grow: 1;
	flex-basis: 0;
	padding-top: 8px;
	overflow: hidden;
	text-align: left;
	padding-left: 15px;
}

#D_block table tr .empty {
	background-color: rgba(0, 0, 0, 0.05);
}

#D_block table tr a {
	color: #5a5a5a;
}

/*------ CSS matrix ------*/

#fn_buttonsBlock {
	display: block;
	width: 100%;
	margin-bottom: 10px;
	border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
	text-align: left;
}

#fn_buttonsBlock a {
	display: inline-block;
	vertical-align: top;
	margin: 0px 15px 10px 0px;
	padding: 10px 15px 10px 15px;
	border-radius: 3px;
	background-color: rgba(0, 0, 0, 0.3);
	color: white;
	font-family: @Calibri;
	font-size: 16px;
	text-decoration: none;
}

#fn_buttonsBlock a:hover {
	background-color: rgba(0, 0, 0, 0.5);
}

#fn_buttonsBlock a i {
	display: inline-block;
	vertical-align: top;
	margin-right: 7px;
}

#fn_buttonsBlock a span {
	display: inline-block;
	vertical-align: top;
}

#matrix {
	display: flex;
	flex-direction: row;
	width: 100%;
	margin-bottom: 20px;
	overflow: hidden;
	border-radius: 3px;
	border: 1px rgba(0, 0, 0, 0.15) solid;
}

#matrix #table {
	display: inline-flex;
	vertical-align: top;
	flex-direction: column;
	flex-grow: 1;
	overflow: hidden;
	border-collapse: collapse;
	background-color: rgba(247, 247, 247, 1);
	background-image: repeating-linear-gradient(-45deg, transparent, transparent 10px, rgba(255, 255, 255, 0.8) 10px, rgba(255, 255, 255, 0.8) 20px);
}

#matrix #score {
	display: inline-flex;
	vertical-align: top;
	flex-direction: column;
	flex-grow: 1;
	flex-basis: 80px;
	max-width: 80px;
	min-width: 80px;
	border-left: 2px @eds-green solid;
	border-collapse: collapse;
	font-size: 16px;
	font-family: @Calibri;
	color: black;
}

#matrix table tr {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	width: 100%;
	height: 50px;
	border-bottom: 1px rgba(0, 0, 0, 0.15) solid;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

#matrix table tr:last-of-type {
	border: 0;
}

#matrix #table th,
#matrix #table td {
	display: inline-block;
	vertical-align: top;
	flex-grow: 1;
	flex-basis: 80px;
	width: 80px;
	max-width: 80px;
	border-right: 1px rgba(0, 0, 0, 0.15) solid;
	overflow: hidden;
	background-color: white;
}

#matrix #table th {
	line-height: 2.9em;
	font-size: 16px;
	font-family: @Calibri;
	color: @eds-green;
	cursor: default;
	text-align: center;
}

#matrix #table .node {
	text-align: center;
	font-size: 15px;
	font-family: @Calibri;
	color: rgba(110, 110, 110, 1);
	cursor: pointer;
}

#matrix #table .node:hover {
	background-color: rgba(110, 110, 110, 1);
	color: white;
}

#matrix #table .node a {
	color: rgba(110, 110, 110, 1);
	text-decoration: none;
}

#matrix #table .node:hover a {
	color: white;
}

#matrix #table .node a p {
	padding: 4px 0 0 0;
	margin: 0px;
	height: 100%;
}

#matrix #table th:first-of-type,
#matrix #table td:first-of-type {
	width: 250px;
	min-width: 250px;
	max-width: 250px;
	flex-basis: 250px;
	max-width: 250px;
}

#matrix #table .functionTitle {
	display: inline-block;
	vertical-align: top;
	width: 225px;
	height: 100%;
	max-height: 100%;
	padding: 13px 5px 0px 5px;
	text-align: left;
	font-size: 16px;
	font-family: @Calibri;
	color: black;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	cursor: default;
}

#matrix #table .functionTitle span {
	font-weight: bold;
	color: @eds-green;
}

#matrix #table .functionOptions {
	display: inline-block;
	vertical-align: top;
	width: 25px;
	height: 100%;
	text-align: center;
}

#matrix #table .functionOptions a {
	display: block;
	width: 25px;
	height: 25px;
	padding: 2px;
	text-decoration: none;
}

#matrix #table .functionOptions a i {
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 1px;
	border-radius: 2px;
	color: rgba(0, 0, 0, 0.2);
	font-size: 14px;
}

#matrix #table .functionOptions a:first-of-type:hover i {
	color: white;
	background-color: @eds-green;
}

#matrix #table .functionOptions a:last-of-type:hover i {
	color: white;
	background-color: @strong-red;
}

#matrix #table .empty {
	background-color: rgba(250, 250, 250, 1);
}

#matrix #score td,
#matrix #score th {
	display: block;
	//vertical-align: top;
	width: 100%;
	min-width: 100%;
	max-width: 100px;
	height: 100%;
	padding-top: 13px;
	text-align: center;
}

/*------- CSS functions scoring ----------*/

#fn_scoring {
	display: block;
	width: 100%;
	padding: 10px 0px 10px 0px;
	border-top: 1px rgba(0, 0, 0, 0.15) solid;
}

#fn_scoring table {
	display: flex;
	flex-direction: column;
	width: 100%;
	margin-top: 10px;
	border-collapse: collapse;
	text-align: left;
}

#fn_scoring table tr {
	display: flex;
	flex-direction: row;
	width: 100%;
	flex-basis: 50px;
	height: 50px;
	border-bottom: 1px rgba(0, 0, 0, 0.15) solid;
	overflow: hidden;
}

#fn_scoring table tr th,
#fn_scoring table tr td {
	display: inline-block;
	flex-grow: 1;
	flex-wrap: nowrap;
	padding: 0;
	flex-basis: 100% / 3;
	min-width: 100% / 3;
	width: 100% / 3;
	max-width: 100% / 3;
	height: 100%;
	font-size: 16px;
	font-family: @Calibri;
	color: black;
	border-right: 1px rgba(0, 0, 0, 0.15) solid;
	overflow: hidden;
	line-height: 2.8em;
	position: relative;
}

#fn_scoring table tr th span,
#fn_scoring table tr td:nth-of-type(2) span {
	display: inline-block;
	margin-left: 10px;
}

#fn_scoring table tr th:first-of-type,
#fn_scoring table tr td:first-of-type {
	padding: 10px;
	line-height: 1.8em;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#fn_scoring table .functionTitle span {
	font-weight: bold;
	color: @eds-green;
}

#fn_scoring table .color_percent_score {
	padding: 0px 0px 0px 10px;
	height: 100%;
	background-color: @eds-green;
	position: absolute;
	z-index: 1;
}

#fn_scoring table .offFunctions {
	color: rgba(0, 0, 0, 0.3);
}

#commentFunctionAnalysis {
	display: block;
}

#fn_scoring table tbody tr td span.text_percent_score {
	position: absolute;
	padding: 0 0 0 10px;
	z-index: 2;
}

/*------- CSS button switch sortType AF ----------*/

#sortType {
	display: block;
	padding: 20px;
	margin-bottom: 10px;
	border: 1px rgba(0, 0, 0, 0.1) solid;
	border-radius: 3px;
	background: radial-gradient(ellipse at left top, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.7));
	text-align: left;
	text-decoration: none;
	cursor: pointer;
}

#sortType .wrapper {
	display: inline-block;
	vertical-align: middle;
	width: 100px;
	height: 30px;
	padding: 4px;
	margin: 0px 10px 0px 10px;
	border-radius: 15px;
	background-color: rgba(0, 0, 0, 0.05);
	background-image: repeating-linear-gradient(-45deg, transparent, transparent 10px, rgba(255, 255, 255, 0.4) 10px, rgba(255, 255, 255, 0.4) 20px);
	box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.5) inset;
}

#sortType:hover .wrapper {
	box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.6) inset;
}

#sortType .wrapper .range {
	display: inline-block;
	width: 22px;
	height: 22px;
	border-radius: 11px;
	border: 3px @dark-grey solid;
	background-color: rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
}

#sortType:hover .wrapper .range {
	background-color: @eds-soft-opaline;
}

#sortType .type {
	display: inline-block;
	vertical-align: middle;
	margin: 0px 0px 0px 0px;
	text-align: center;
	font-family: @Calibri;
	font-size: 14px;
	color: rgba(0, 0, 0, 0.3);
}

#sortType .autoOn {
	color: @eds-soft-opaline;
	font-weight: bold;
}

/* NEW INPUTS STYLE */

.inputW-1 {
	display: block;
	width: 100%;
	margin-bottom: 20px;
	border-radius: 3px;
	text-align: left;
}

.inputW-1 .title {
	display: block;
	width: 100%;
	height: 40px;
	padding: 13px 10px 0px 10px;
	font-size: 14px;
	font-family: @Calibri;
	color: @dark-grey;
	cursor: default;
}

.inputW-1 .text {
	display: block;
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	max-height: 300px;
	padding: 15px;
	margin: 0;
	font-size: 14px;
	font-family: @Calibri;
	color: @dark-grey;
	text-align: left;
	border-radius: 3px 3px 0px 0px;
	border-top: 1px rgba(0, 0, 0, 0.1) solid;
	border-left: 1px rgba(0, 0, 0, 0.1) solid;
	border-bottom: 0;
	border-right: 1px rgba(0, 0, 0, 0.1) solid;
}

.inputW-1 textarea {
	box-shadow: 0px 4px 0px @eds-green inset;
}

.inputW-1 textarea:disabled {
	box-shadow: none;
	background: rgba(0, 0, 0, 0.05);
}

.inputW-1 .text .placeholder {
	font-style: italic;
	color: rgba(180, 180, 180, 1);
}

.inputW-1 a {
	display: block;
	width: 100%;
	height: 40px;
	max-height: 40px;
	border-radius: 0px 0px 2px 2px;
	border-top: 1px rgba(0, 0, 0, 0.05) solid;
	border-left: 1px rgba(0, 0, 0, 0.1) solid;
	border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
	border-right: 1px rgba(0, 0, 0, 0.1) solid;
	padding-top: 7px;
	font-size: 20px;
	text-align: center;
	text-decoration: none;
	color: rgba(0, 0, 0, 0.2);
}

.inputW-1 a:hover {
	background-color: @eds-green-hover;
	color: white;
	border: 0;
}

.inputW-1 .saveButton,
.inputW-1 .editButton {
	display: block;
	width: 100%;
	height: 40px;
	max-height: 40px;
	border-radius: 0px 0px 2px 2px;
	border-top: 1px rgba(0, 0, 0, 0.05) solid;
	border-left: 1px rgba(0, 0, 0, 0.1) solid;
	border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
	border-right: 1px rgba(0, 0, 0, 0.1) solid;
	text-align: center;
	text-decoration: none;
	color: white;
	background-color: @eds-green;
	overflow: hidden;
}

.inputW-1 .editButton {
	background: none;
	color: rgba(0, 0, 0, 0.2);
}

.inputW-1 .saveButton:hover,
.inputW-1 .editButton:hover {
	background-color: @eds-green-hover;
}

.inputW-1 .editButton:hover {
	color: white;
}

.inputW-1 .saveButton i,
.inputW-1 .editButton i {
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 7px;
	font-size: 20px;
}

.inputW-1 .saveButton input,
.inputW-1 .editButton input {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	bottom: 100%;
	cursor: pointer;
	opacity: 0;
	outline: 0;
	border: 0;
}

.inputW-1 .content {
	display: block;
	padding: 15px;
	border-top: 1px rgba(0, 0, 0, 0.1) solid;
	border-left: 1px rgba(0, 0, 0, 0.1) solid;
	border-bottom: 0;
	border-right: 1px rgba(0, 0, 0, 0.1) solid;
	border-radius: 3px 3px 0px 0px;
}

.inputW-1 .blank_1 {
	display: block;
	width: 100%;
	height: 40px;
	padding: 10px;
	margin: 5px 0px 5px 0px;
	border-radius: 3px;
	outline: 0;
	border: 1px rgba(210, 210, 210, 1) solid;
	font-size: 14px;
	font-family: @Calibri;
	color: @dark-grey;
}

.inputW-1 .number_1 {
	display: block;
	width: 100%;
	height: 40px;
	padding: 10px;
	margin: 5px 0px 5px 0px;
	border-radius: 3px;
	outline: 0;
	border: 1px rgba(210, 210, 210, 1) solid;
	box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.05) inset;
	overflow: auto;
	font-size: 14px;
	font-family: @Calibri;
	color: @dark-grey;
}

.inputW-1 .number_1:hover,
.inputW-1 .number_1:focus {
	box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.05);
}

.inputW-1 .label_1 {
	display: inline-block;
	width: 100%;
	padding: 10px 10px 5px 10px;
	font-size: 14px;
	font-family: @Calibri;
	color: rgba(150, 150, 150, 1);
	overflow: hidden;
}

input:disabled,
input:hover:disabled {
	background-color: #91beb4;
	cursor: not-allowed;
}

.hiddenTopBar {
	visibility: hidden;
	height: 24px !important;
}

.linkbutton:hover {
	background-color: @eds-green-hover;
}

#formList .functionMatrixBlock {
	display: block;
	width: 100%;
	padding: 0px 10px 5px 10px;
	margin-bottom: 30px;
	border-left: 3px @eds-green solid;
}

#formList .functionMatrixTitle {
	display: block;
	width: 100%;
	padding-bottom: 10px;
	margin-bottom: 10px;
	text-align: left;
	font-size: 16px;
	font-family: @Calibri;
	color: black;
	border-bottom: 1px rgba(0, 0, 0, 0.15) solid;
}

#formList .functionMatrixTitle span {
	display: inline-block;
	padding: 5px 10px 5px 10px;
	margin-bottom: 5px;
	border-radius: 0px 3px 3px 0px;
	font-weight: bold;
	font-size: 20px;
	background-color: @eds-green;
	color: white;
	position: relative;
	right: 10px;
}

.matrixFunctionsOptions {
	display: inline-block;
	font-size: 15px;
	width: 100%;
}

#formList .matrixFunctionsContainer {
	display: block;
	width: 100%;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px rgba(0, 0, 0, 0.15) solid;
	margin-bottom: 10px;
	text-align: left;
}

#formList .matrixFunctionsContainer .matrixFunctionToCompare {
	display: block;
	width: 100%;
	margin-bottom: 10px;
	font-size: 16px;
	font-family: @Calibri;
	font-style: italic;
	color: rgba(90, 90, 90, 1);
}

#formList .matrixFunctionsContainer .matrixFunctionToCompare span {
	font-weight: bold;
}

.matrixFunctionsContainerEdit {
	display: block;
	width: 100%;
	margin: auto;
}

.matrixFunctionsContainer p {
	font-size: 18px;
	color: gray;
}

body.dragging,
body.dragging * {
	cursor: move !important;
}

.dragged {
	position: absolute;
	opacity: 0.5;
	z-index: 2000;
}

ol.example li.placeholder {
	position: relative;
}

ol.example li.placeholder:before {
	position: absolute;
}

.fnScore {
	display: inline-block;
	font-size: 20px;
}

.radioMatrix input[type="radio"] {
	display: none;
}

.radioMatrix label {
	display: inline-block;
	background-color: #ddd;
	padding: 4px 11px;
	font-family: @Calibri;
	font-size: 16px;
	cursor: pointer;
}

.radioMatrix input[type="radio"]:checked+label {
	background-color: #6ec3af;
	;
}

.linksContainer {
	display: block;
	width: 100%;
	border: 1px rgba(0, 0, 0, 0.15) solid;
	border-radius: 3px;
	font-family: @Calibri;
	font-size: 16px;
	margin: 15px auto 15px auto;
	text-align: left;
}

.linksTitle {
	display: inline-block;
	vertical-align: top;
	padding: 6px 9px 6px 0px;
	margin: 4px 10px 4px 10px;
	overflow: hidden;
	width: calc(100% - 600px);
}

.linkbutton {
	display: inline-block;
	vertical-align: top;
	padding: 6px 9px 6px 9px;
	border-radius: 20px;
	border: 1px solid #dcdcdc;
	background-color: #f1f1f1;
	cursor: pointer;
	text-decoration: none;
	color: BLACK;
	//float: right;
	height: 33px;
	margin: 6px 4px;
}

.linkbutton:hover {
	background-color: #e2e2e2;
}

.isDisabled {
	cursor: not-allowed;
	opacity: 0.5;
}

a[aria-disabled="true"] {
	color: currentColor;
	display: inline-block;
	pointer-events: none;
	text-decoration: none;
}

.linksResults {
	display: block;
	width: 100%;
	overflow: auto;
	border-radius: 3px;
	margin: 0px auto 0px auto;
}

.linksResults span {
	display: inline-block;
	vertical-align: top;
	padding: 6px 11px 6px 11px;
	border-radius: 20px;
	background-color: @eds-green-50;
	color: BLACK;
	margin: 5px 10px 10px 10px;
	box-shadow: 0px 0px 1px 2px @eds-green-75;
}

.linksResults span.otherFunction {
	background-color: inherit;
	border: 1px rgba(0, 0, 0, 0.15) solid;
	box-shadow: 0px 0px 1px 2px rgba(0, 0, 0, 0.05);
	color: #999;
}

//css container when 0 use

#noUse {
	display: block;
	height: 30px;
	width: 100%;
	text-align: center;
	font-family: calibri, arial, sans-serif;
	font-size: 16px;
}

hr {
	border: 1px #e6e6e6 solid;
	margin-bottom: 10px;
}

.f-left {
	float: left;
}

.f-right {
	float: right;
}

.conceptSelected {
	padding-left: 10px;
	color: @eds-soft-opaline !important;
}

.inlineBlock {
	display: inline-block;
}

.floatRight {
	float: right;
}

#voir {
	width: 100%;
	border: 1px red dashed;
	font-size: 14px;
	font-family: @Calibri;
	color: black;
	text-align: left;
}

/* ISO  */

#isoBlock1 .block1 {
	display: flex;
	flex-direction: column;
	order: 1;
	flex-grow: 1;
	min-height: 80px;
	height: 10%;
	max-height: 10%;
}

#isoBlock1 .block1 span {
	width: 100%;
	height: 100%;
	line-height: 100%;
	min-height: 40px;
	display: inline-block;
	vertical-align: middle;
	order: 1;
	padding: 15px 0px;
}

#isoBlock1 .block1 span .blockStep {
	width: 20%;
	height: 100%;
	line-height: 40px;
	display: inline-block;
	vertical-align: middle;
	order: 1;
	padding-left: 15px;
	flex-grow: 1;
	font-size: 14px;
	font-family: calibri, arial, sans-serif;
	color: #323232;
	text-overflow: ellipsis;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	//float:left;
}

#isoBlock1 .block1 span .blockLic,
#isoBlock1 .block1 span .blockWsp {
	width: 35%;
	height: 100%;
	line-height: 40px;
	display: inline-block;
	vertical-align: middle;
	order: 1;
	padding-left: 15px;
	flex-grow: 1;
	font-size: 14px;
	font-family: calibri, arial, sans-serif;
	color: #323232;
	text-overflow: ellipsis;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	//float:left;
	border: 1px solid @eds-dark-opaline;
	border-radius: 3px;
	text-decoration: none;
	margin: 0px 15px;
	transition: 0.4s ease;
}

#isoBlock1 .block1 span .blockLic.activeBlock,
#isoBlock1 .block1 span .blockWsp.activeBlock {
	background-color: @eds-green;
	color: white;
}

#isoBlock1 .block1 span .blockLic:hover,
#isoBlock1 .block1 span .blockWsp:hover {
	transition: 0.4s ease;
	background-color: @eds-green-hover;
	color: white;
	cursor: pointer;
}

#isoBlock1 .block1 span .blockWsp {
	float: right;
}

#isoBlock1 .block2 {
	display: flex;
	order: 1;
	flex-grow: 1;
	height: inherit;
	max-height: inherit;
}

#isoBlock1 .block2.blockSpeAS {
	max-height: -moz-available;
	max-height: -webkit-fill-available;
	max-height: fill-available;
	padding-bottom: 50px;
}

#isoBlock1 .block2 span {
	width: 100%;
	height: 100%;
	overflow-y: hidden;
	overflow-x: hidden;
}

#isoBlock1 .block2 span div.contentLst {
	max-width: 100%;
	height: 100%;
	padding: 15px;
	font-size: 10px;
	overflow-y: scroll;
}

#isoBlock1 .block2 span div.contentLst .tableRange_3 .editOption {
	overflow: auto;
}

#isoBlock1 .block2 span div.contentLst .tableRange_3 .editOption form button {
	border: none;
	background: none;
	color: inherit;
	margin: 0;
	padding: 0;
}

#isoBlock1 .block2 span div.contentLst .tableRange_3 .editOption i,
#isoBlock1 .block2 span div.contentLst .tableRange_3 .editOption form {
	display: inline-block;
	vertical-align: middle;
	text-decoration: none;
	font-size: 14px;
	color: grey;
	cursor: pointer;
	margin: auto 5px;
	transition: 0.4s ease;
}

#isoBlock1 .block2 span div.contentLst .tableRange_3 .editOption i:hover,
#isoBlock1 .block2 span div.contentLst .tableRange_3 .editOption form:hover {
	color: @eds-green-hover;
	transition: 0.2s ease;
}

#isoBlock1 .tableRange_3 {
	margin-bottom: 10px;
	border-top: none;
}

#isoBlock1 .tableRange_3:nth-of-type(even) {
	background: rgba(220, 220, 220, 0.25);
}

#isoBlock1 .tableRange_3 .axe {
	width: 100%;
	border-radius: 3px;
	margin: 5px 0px;
}

#isoBlock1 .tableRange_3 .axe:last-of-type {
	margin-bottom: 0px;
}

#isoBlock1 .tableRange_3 .axe .axeBody {
	width: 100%;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border: 1px rgba(30, 150, 130, 1) solid;
	border-top: none;
}

#isoBlock1 .tableRange_3 .titleChp {
	font-size: 22px;
	font-variant: small-caps;
	font-weight: 700;
	color: @eds-dark-opaline;
	width: 100%;
}

#isoBlock1 .tableRange_3 .axe .axeHeader {
	background-color: rgba(0, 0, 0, 0.08);
	background-image: repeating-linear-gradient(-45deg, transparent, transparent 15px, rgba(0, 0, 0, 0.02) 15px, rgba(0, 0, 0, 0.02) 30px);
	width: 100%;
}

#isoBlock1 .tableRange_3 .axe .axeBody .guideline,
#isoBlock1 .tableRange_3 .axe .axeBody .guideline .guidelineHeader,
#isoBlock1 .tableRange_3 .axe .axeBody .guideline .guidelineBody,
#isoBlock1 .tableRange_3 .axe .axeBody .guideline .guidelineBody .action,
#isoBlock1 .tableRange_3 .axe .axeBody .guideline .guidelineBody .action .actionHeader,
#isoBlock1 .tableRange_3 .axe .axeBody .guideline .guidelineBody .action .actionBody {
	width: 100%;
}

#isoBlock1 .tableRange_3 .axe .axeBody .guideline .guidelineHeader {
	vertical-align: middle;
	font-weight: 700;
	background-color: rgba(0, 0, 0, 0.03);
	padding: 5px;
	font-size: 16px;
}

#isoBlock1 .tableRange_3 .axe .axeBody .guideline .guidelineBody {
	border-top: 1px rgba(0, 0, 0, 0.1) solid;
	padding: 0px 10px;
}

#isoBlock1 .tableRange_3 .axe .axeBody .guideline {
	width: 100%;
	border-radius: 3px;
	border: 1px rgba(0, 0, 0, 0.1) solid;
	margin-bottom: 10px;
	padding: 0px;
}

#isoBlock1 .tableRange_3 .axe .axeHeader .editOption,
#isoBlock1 .tableRange_3 .axe .axeBody .guideline .guidelineHeader .editOption,
#isoBlock1 .tableRange_3 .axe .axeBody .guideline .guidelineBody .action .actionHeader .editOption {
	float: right;
	width: auto;
	min-width: 130px;
}

#isoBlock1 .tableRange_3 .axe .axeHeader .wspToLicCheckbox,
#isoBlock1 .tableRange_3 .axe .axeBody .guideline .guidelineHeader .wspToLicCheckbox,
#isoBlock1 .tableRange_3 .axe .axeBody .guideline .guidelineBody .action .actionHeader .wspToLicCheckbox {
	display: none;
	float: right;
	width: auto;
	min-width: 21px;
	height: 21px;
	margin: 8px;
}

#isoBlock1 .block2 #form_3 .tableRange_3 .axe span.titleItem {
	display: inline-block;
	vertical-align: middle;
	padding: 10px;
	text-align: left;
	overflow: hidden;
}

#isoBlock1 .block2 #form_3 .tableRange_3 .axe .guideline .action {
	padding: 0px;
	border-bottom: 1px dotted rgba(0, 0, 0, 0.4);
}

#isoBlock1 .block2 #form_3 .tableRange_3 .axe .axeHeader,
#isoBlock1 .block2 #form_3 .tableRange_3 .axe .guideline .guidelineHeader,
#isoBlock1 .block2 #form_3 .tableRange_3 .axe .guideline .action .actionHeader {
	padding: 0px;
	display: flex;
	font-weight: inherit;
}

#isoBlock1 .block2 #form_3 .tableRange_3 .axe .axeHeader {
	color: black;
	font-weight: bold;
	font-size: 16px;
}

#isoBlock1 .block2 #form_3 .tableRange_3 .axe .guideline .guidelineHeader {
	color: black;
}

#isoBlock1 .block2 #form_3 .tableRange_3 .axe .axeHeader:hover,
#isoBlock1 .block2 #form_3 .tableRange_3 .axe .guideline .guidelineHeader:hover,
#isoBlock1 .block2 #form_3 .tableRange_3 .axe .guideline .action .actionHeader:hover {
	background-color: @eds-green-25;
}

#isoBlock1 .block2 #form_3 .tableRange_3 .axe .guidelineBody .action:last-of-type {
	border-bottom: none;
}

.leftSlider a:visited {
	color: inherit;
}

.displayNone {
	display: none;
}

.noItem {
	font-style: italic;
	color: rgba(0, 0, 0, 0.5);
}

#isoBlock1 #form_3 .tableRange_3 div.bottomWindow {
	display: inline-flex;
	width: 100%;
	justify-content: space-between;
	padding: 10px 0px 8px 0px;
}

#isoFocus #form_1 span.selectWrapper_1 {
	width: 100%;
}

#isoFocus #form_1 span.selectWrapper_1 span.plusSelect {
	margin-top: 15px;
	transition: 0.4s ease;
	cursor: pointer;
}

#isoBlock1 #form_3 .tableRange_3 div.bottomWindow .newDataButton,
#isoFocus #form_1 span.selectWrapper_1 span.plusSelect .newDataButton {
	display: inline-block;
	padding: 2px 10px 2px 10px;
	border: 1px #ffffff solid;
	box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);
	border-radius: 2px;
	overflow: hidden;
	color: rgba(0, 0, 0, 0.4);
	font-size: 18px;
	text-decoration: none;
	transition: 0.4s ease;
	cursor: pointer;
	background: rgba(255, 255, 255, 1);
	vertical-align: middle;
	font-variant: small-caps;
}

#isoFocus #form_1 span.selectWrapper_1 span.plusSelect .newDataButton {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 3px;
	border: 1px rgba(0, 0, 0, 0.08) solid;
	background-color: rgba(0, 0, 0, 0.04);
	color: rgba(0, 0, 0, 0.2);
	text-align: center;
	line-height: 2em;
	font-size: 18px;
	text-decoration: none;
	box-shadow: none;
}

#isoBlock1 #form_3 .tableRange_3 div.bottomWindow .newDataButton:hover,
#isoFocus #form_1 span.selectWrapper_1 span.plusSelect .newDataButton:hover {
	background: @eds-green-hover;
	color: white;
	transition: 0.4s ease;
	cursor: pointer;
}

.workspaceIso {
	font-family: Calibri;
	font-size: 24px;
	width: 100%;
	height: 40px;
	color: @eds-salmon;
	text-align: left;
	text-transform: uppercase;
	font-weight: 700;
	margin: 5px 0;
}

.workspaceIso i {
	font-size: 20px;
	color: black;
	font-style: normal;
	text-transform: none;
}

.obsolete .titleItem {
	opacity: 0.5;
	text-decoration: line-through;
	font-style: italic;
	opacity: 0.5;
}

.ui-widget.ui-widget-content {
	width: 300px;
	padding: 10px;
	border-radius: 2px;
	border: 1px #b4b4b4 solid;
	outline: 0;
	background-color: #f5f5f5;
	box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.1);
	text-align: left;
	font-size: 14px;
	font-family: calibri, arial, sans-serif;
	color: #323232;
	height: auto;
	margin-right: 10px;
}

.ui-tooltip-content .bold {
	font-weight: bold;
}

.ui-tooltip-content p {
	margin-top: 5px;
	margin-bottom: 15px;
}

#form_1 span#actionList.actionListIso {
	height: auto;
}

#isoBlock1 .contentLst .actionIso .button_2 {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	height: auto;
	padding: 0px 15px 0px 15px;
	margin: 0px 0px 30px 10px;
	background-color: #fafafa;
	border-radius: 4px;
	outline: 0;
	border: 1px #d2d2d2 solid;
	box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.05);
	text-decoration: none;
	line-height: 1.9em;
	font-size: 14px;
	font-family: calibri, arial, sans-serif;
	color: #323232;
	cursor: pointer;
	transition: 0.4s ease;
}

#isoBlock1 .contentLst .actionIso .button_2:hover {
	background: rgba(0, 0, 0, 0.05);
	transition: 0.4s ease;
}

#isoBlock1 .block2 span div.contentLst .tableRange_3 .editOption form button.filled {
	color: @eds-green;
	transition: 0.4s ease;
}

#isoBlock1 .block2 span div.contentLst .tableRange_3 .editOption form button.filled:hover {
	color: @eds-green-hover;
	transition: 0.4s ease;
}

#isoFocus #leftSlider a div {
	display: block;
	width: 21px;
	height: 21px;
	line-height: 21px;
	//vertical-align: middle;
	overflow: hidden;
	z-index: 2;
	margin: 21px;
	background: #5a5a5a;
	border-radius: 2px;
	font-size: 16px;
	color: white;
}

#isoFocus #leftSlider a:hover {
	background: #91c8be;
	color: #91c8be;
}

#isoFocus #leftSlider a:hover span {
	margin-top: -63px;
}

#isoFocus #leftSlider a:first-child div {
	padding-top: 0;
}

#isoFocus #leftSlider a.focusLink div,
#isoFocus #leftSlider a:hover div {
	background: #FFFFFF;
	color: #91c8be;
}

.rangeCheckbox_1.range_form .checkboxChoice_1 {
	left: 60px;
}

.rangeCheckbox_1.range_form .checkboxChoice_2 {
	bottom: 44px;
	left: 0px;
}

.scoreBarNotation {
	display: inline-block;
	vertical-align: top;
	width: 62%;
	height: 40px;
	padding: 0;
	border: 1px #c8c8c8 solid;
	border-radius: 0px 3px 3px 0px;
	background-color: #fafafa;
	overflow: hidden;
	text-align: center;
}

.scoreBarNotation .scoreItem {
	display: inline-block;
	vertical-align: top;
	height: 100%;
	margin: 0;
	border: 0;
	overflow: hidden;
	width: 20%;
}

.scoreBarNotation .scoreItem input[type="radio"],
.scoreBarNotation .scoreItem input[type="checkbox"] {
	display: block;
	margin: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
	position: relative;
	z-index: 99999;
}

.scoreBarNotation .scoreItem .background {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 16px;
	font-family: calibri, arial, sans-serif;
	color: rgba(0, 0, 0, 0.8);
	line-height: 2.4em;
	position: relative;
	bottom: 38px;
	z-index: 99998;
}

.scoreBarNotation .scoreItem .background.color_1 {
	box-shadow: 0px -3px 0px #97C21E inset;
	transition: 0.4s ease-out;
}

.scoreBarNotation .scoreItem input[type="radio"]:checked+.color_1 {
	background: #97C21E;
	outline: none;
	transition: 0.4s ease-out;
}

.scoreBarNotation .scoreItem .background.color_2 {
	box-shadow: 0px -3px 0px #76C9D8 inset;
	transition: 0.4s ease-out;
}

.scoreBarNotation .scoreItem input[type="radio"]:checked+.color_2 {
	background: #76C9D8;
	outline: none;
	transition: 0.4s ease-out;
}

.scoreBarNotation .scoreItem .background.color_3 {
	box-shadow: 0px -3px 0px #EEEEEE inset;
	transition: 0.4s ease-out;
}

.scoreBarNotation .scoreItem input[type="radio"]:checked+.color_3 {
	background: #EEEEEE;
	outline: none;
	transition: 0.4s ease-out;
	transition: 0.4s ease-out;
}

.scoreBarNotation .scoreItem .background.color_4 {
	box-shadow: 0px -3px 0px #FDCB6A inset;
	transition: 0.4s ease-out;
}

.scoreBarNotation .scoreItem input[type="radio"]:checked+.color_4 {
	background: #FDCB6A;
	outline: none;
	transition: 0.4s ease-out;
}

.scoreBarNotation .scoreItem .background.color_5 {
	box-shadow: 0px -3px 0px #ED6A62 inset;
	transition: 0.4s ease-out;
}

.scoreBarNotation .scoreItem input[type="radio"]:checked+.color_5 {
	background: #ED6A62;
	outline: none;
	transition: 0.4s ease-out;
}

.notation_block {
	border: 1px solid #EEEEEE;
	margin: 5px 0px;
	border-radius: 2px;
	padding: 5px;
}

.notation_block:first-of-type {
	margin-top: 20px;
}

#form_1.notation_form,
#form_1.iso_form {
	overflow: auto;
}

.notation_block .notation_title {
	display: flex;
	width: 100%;
	font-weight: 700;
	font-size: 14px;
	border-bottom: 2px dotted #AAAAAA;
	text-overflow: ellipsis;
	padding: 5px 0px;
	text-align: left;
	margin-bottom: 5px;
}

.notation_block .labelCheckBox,
.concept-option-checkbox {
	font-size: 16px;
	float: left;
	margin-left: 10px;
	height: auto;
	border-bottom: none;
	margin-bottom: 0;
}

.notation_block .relevance {
	display: flex;
	width: 100%;
	margin: 15px 0px;
}

.notation_block .checkbox_1 {
	display: block;
	width: 20px;
	height: 20px;
	overflow: hidden;
	border-radius: 2px;
	border: 1px rgba(0, 0, 0, 0.2) solid;
	position: relative;
	float: left;
}

.notation_block .checkbox_1:hover {
	border: 1px @eds-green-hover solid;
}

.notation_block .checkbox_1 input[type="checkbox"] {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	opacity: 0;
	cursor: pointer;
	position: relative;
	z-index: 11;
}

.notation_block .checkbox_1 span {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 1px 0px 0px -1px;
	padding-top: 1px;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5) inset;
	border-radius: 2px;
	outline: 0;
	overflow: hidden;
	text-align: center;
	position: relative;
	bottom: 20px;
	opacity: 0;
}

.notation_block .checkbox_1 span i {
	font-size: 16px;
	color: rgba(0, 0, 0, 0.7);
}

.notation_block .checkbox_1 input[type="checkbox"]:checked~span {
	opacity: 1;
}

#form_3.matrix_fieldset {
	order: 2;
}

#form_3 .tableRange_3.matrix_swot {
	width: 100%;
	border: 1px rgba(220, 220, 220, 1) solid;
	border-radius: 2px;
	margin: 10px 0;
}

#form_3 .tableRange_3.matrix_swot:first-of-type {
	margin: 0px 0;
}

#form_3 .tableRange_3.matrix_swot div {
	width: 100%;
	height: auto;
	padding: 5px 10px;
}

#form_3 .tableRange_3.matrix_swot .entity_name {
	width: 100%;
	background-color: rgba(0, 0, 0, 0.08);
	background-image: repeating-linear-gradient(-45deg, transparent, transparent 15px, rgba(0, 0, 0, 0.02) 15px, rgba(0, 0, 0, 0.02) 30px);
	box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);
	padding: 5px 10px;
}

#form_3 .tableRange_3.matrix_swot div.swot .swot_name {
	height: auto;
	border-bottom: 1px rgba(220, 220, 220, 1) dotted;
	font-variant: small-caps;
}

#form_3 .tableRange_3.matrix_swot div.swot .swot_name.swot_1 {
	box-shadow: 3px 0px 0px #97C21E inset;
	border-bottom: 1px #97C21E solid;
}

#form_3 .tableRange_3.matrix_swot div.swot .swot_name.swot_2 {
	box-shadow: 3px 0px 0px #76C9D8 inset;
	border-bottom: 1px #76C9D8 solid;
}

#form_3 .tableRange_3.matrix_swot div.swot .swot_name.swot_3 {
	box-shadow: 3px 0px 0px #EEEEEE inset;
	border-bottom: 1px #EEEEEE solid;
}

#form_3 .tableRange_3.matrix_swot div.swot .swot_name.swot_4 {
	box-shadow: 3px 0px 0px #FDCB6A inset;
	border-bottom: 1px #FDCB6A solid;
}

#form_3 .tableRange_3.matrix_swot div.swot .swot_name.swot_5 {
	box-shadow: 3px 0px 0px #ED6A62 inset;
	border-bottom: 1px #ED6A62 solid;
}

#form_3 .tableRange_3.matrix_swot div.swot .actors {
	height: auto;
	width: 100%;
}

#form_3 .tableRange_3.matrix_swot div.swot .actor {
	height: auto;
}

#form_3 .tableRange_3.matrix_swot div.swot .actors .list_data {
	height: auto;
	margin: 0 20px;
	border-bottom: 1px rgba(120, 120, 120, 1) dotted;
	border-left: 1px rgba(120, 120, 120, 1) dotted;
	border-bottom-left-radius: 2px;
}

#form_3 .tableRange_3.matrix_swot div.swot .actors p {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	margin-top: 10px;
}

#form_3 .tableRange_3.matrix_swot div.swot .actors p textarea {
	display: block;
	min-width: 100%;
	width: 100%;
	max-width: 100%;
	max-height: 100%;
	padding: 15px;
	border-radius: 2px 2px 0px 0px;
	border-top: 0;
	border-bottom: 0;
	outline: 0;
	box-shadow: 0px 4px 0px #91c8be inset;
	color: #323232;
	font-family: calibri, arial, sans-serif;
	font-size: 14px;
	order: 1;
	flex-grow: 1;
}

#form_3 .tableRange_3.matrix_swot div.swot .actors p .saveButton {
	display: block;
	width: 100%;
	height: 40px;
	max-height: 40px;
	padding: 0;
	order: 2;
	flex-grow: 1;
	border-radius: 0px 0px 2px 2px;
}

#form_3 .tableRange_3.matrix_swot div.swot .actors p .saveButton i {
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 7px;
	font-size: 20px;
	text-align: center;
	text-decoration: none;
	color: white;
	background-color: #91c8be;
	z-index: 1;
}

#form_3 .tableRange_3.matrix_swot div.swot .actors p .saveButton:hover i {
	background-color: #6ec3af;
}

#form_3 .tableRange_3.matrix_swot div.swot .actors p .saveButton input[type="submit"] {
	display: block;
	width: 100%;
	height: 100%;
	z-index: 2;
	opacity: 1;
	position: relative;
	bottom: 40px;
	opacity: 0;
	cursor: pointer;
}

#form_3 .tableRange_3.matrix_swot div.swot .actors .data_value {
	height: auto;
	width: 100%;
	padding: 10px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}

#form_3 .tableRange_3.matrix_swot div.swot .actors .data_value:nth-of-type(even) {
	background: rgba(220, 220, 220, 0.25);
}

#form_3 .tableRange_3.matrix_swot div.swot .actors .data_value:last-of-type {
	margin-bottom: 15px;
}

#form_3 .tableRange_3.matrix_swot div.swot .actors .data_value .data {
	height: auto;
	width: 80%;
	padding: 10px 5px;
	flex-grow: 1;
}

#form_3 .tableRange_3.matrix_swot div.swot .actors .data_value .editOption {
	flex-grow: 1;
	width: 20%;
	padding: 0px 10px;
	text-align: right;
	//float:right;
}

#form_3 .tableRange_3.matrix_swot div.swot .actors .data_value .editOption span {
	display: inline-block;
	vertical-align: middle;
	text-decoration: none;
	background: @eds-green;
	padding: 0px 5px;
	text-align: center;
	border-radius: 50%;
	color: white;
	font-weight: bold;
	font-size: 14px;
}

.form_matrix {
	order: 2;
}

.env_matrix .table_1 td.noRightBorder {
	border-right: none;
}

.env_matrix .table_1 td.noLeftBorder {
	border-left: none;
}

.env_matrix .table_1 td.updatePositionH {
	padding: 0;
	flex-direction: column;
	height: inherit;
	display: grid;
	width: fit-content;
	float: right;
	border: 0px;
}

.env_matrix .table_1 td.updatePositionV {
	padding: 0;
	flex-direction: line;
	height: 100%;
}

.env_matrix .table_1 td.updatePositionH button {
	max-width: 100%;
	outline: 0;
	text-decoration: none;
	font-size: 14px;
	font-family: calibri, arial, sans-serif;
	background-color: white;
	color: #323232;
	cursor: pointer;
	border: none;
	border-left: 1px #d2d2d2 solid;
	transition: 0.4s ease;
}

.env_matrix .table_1 td.updatePositionH button:hover,
.env_matrix .table_1 td.updatePositionV button:hover {
	background-color: @eds-green-50;
	transition: 0.4s ease;
}

.env_matrix .table_1 td.updatePositionH button:first-of-type {
	border-bottom: 1px #d2d2d2 solid;
}

.env_matrix .table_1 td.updatePositionH button:last-of-type {
	border-top: none;
}

.env_matrix .table_1 td.updatePositionH button.buttonSolo {
	height: 100%;
	border-top: none;
	border-bottom: none;
}

.env_matrix .table_1 th,
.env_matrix .table_1 td {
	width: auto;
	border-left: 1px rgba(0, 0, 0, 0.3) solid;
	border-right: 1px rgba(0, 0, 0, 0.3) solid;
}

.env_matrix .table_1 th {
	text-align: center;
	background-color: rgba(0, 0, 0, 0.1);
	border-top: none;
	padding: 0;
}

.env_matrix .table_1 th span {
	display: flex;
	margin-bottom: 5px;
	padding: 5px;
}

.env_matrix .table_1 th button {
	display: inline;
	width: 50%;
	outline: 0;
	text-decoration: none;
	font-size: 14px;
	font-family: calibri, arial, sans-serif;
	background-color: white;
	color: #323232;
	cursor: pointer;
	border: none;
	border-left: 1px #d2d2d2 solid;
	transition: 0.4s ease;
}

.env_matrix .table_1 th button:hover {
	background-color: @eds-green-50;
	transition: 0.4s ease;
}

.env_matrix .table_1 th button.buttonSoloV {
	width: 100%;
}

.env_matrix .table_1 th button:first-of-type {
	border-right: none;
}

.env_matrix .table_1 th button:last-of-type {
	border-right: none;
}

.env_matrix .table_1 th button i {
	margin: auto;
}

.env_matrix .table_1 tr:first-of-type {
	border-top: none;
}

.env_matrix .table_1 tr:last-of-type {
	background: none;
	border-top: 1px rgba(0, 0, 0, 0.3) solid;
	border-bottom: none;
}

.env_matrix .table_1 tr td i.isChecked {
	font-size: 22px;
}

.env_matrix .table_1 tr {
	height: 44px;
	border-bottom: 1px rgba(0, 0, 0, 0.3) solid;
}

.env_matrix .table_1 tr td.checkboxIcon {
	text-align: center;
	padding: 0px;
}

.env_matrix .table_1 tr td.checkboxIcon {
	text-align: center;
	padding: 0px;
}

.env_matrix .table_1 tr td.checkboxIcon form {
	text-align: center;
	padding: 0px;
	width: 100%;
	height: 100%;
}

.env_matrix .table_1 tr td.checkboxIcon form button {
	text-align: center;
	padding: 0px;
	width: 100%;
	height: 25px;
	margin: 0px;
	color: BLACK;
	font-weight: BOLD;
}

.env_matrix .checkbox_notation {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	text-align: center;
}

.env_matrix .checkbox_notation .checkbox_1 {
	display: block;
	width: 20px;
	height: 20px;
	overflow: hidden;
	border-radius: 2px;
	border: 1px rgba(0, 0, 0, 0.2) solid;
	position: relative;
	text-align: center;
	margin: auto;
}

.env_matrix .checkbox_1:hover {
	border: 1px @eds-green-hover solid;
}

.env_matrix .checkbox_1 input[type="checkbox"] {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	opacity: 0;
	cursor: pointer;
	position: relative;
	z-index: 11;
}

.env_matrix .checkbox_1 span {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 1px 0px 0px -1px;
	padding-top: 1px;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5) inset;
	border-radius: 2px;
	outline: 0;
	overflow: hidden;
	text-align: center;
	position: relative;
	bottom: 20px;
	opacity: 0;
}

.env_matrix .checkbox_1 span i {
	font-size: 16px;
	color: rgba(0, 0, 0, 0.7);
}

.env_matrix .checkbox_1 input[type="checkbox"]:checked~span {
	opacity: 1;
}

#form_3 .tableRange_3.env_matrix div.matrix_submit {
	padding: 0;
	width: 100%;
}

form.editNotation {
	width: auto;
	display: inline-flex;
	float: right;
}

form.editNotation button {
	border: none;
	background: none;
	padding: 0;
	margin: 0;
	cursor: pointer;
	transition: 0.4s ease;
	color: #c8c8c8;
}

form.editNotation button:hover {
	cursor: pointer;
	transition: 0.4s ease;
	color: #b4b4b4;
}

#form_3 .tableRange_3.env_matrix div.matrix_submit .link_1 {
	display: inline-block;
	vertical-align: middle;
	padding: 8px 20px 8px 20px;
	border: 0;
	outline: none;
	border-radius: 3px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	background-color: @eds-green;
	box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.05) inset;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	font-family: calibri, arial, sans-serif;
	color: white;
	width: 100%;
	cursor: pointer;
	transition: 0.4s ease;
}

#form_3 .tableRange_3.env_matrix div.matrix_submit .link_1 i {
	color: white;
	margin-right: 5px;
}

#form_3 .tableRange_3.env_matrix div.matrix_submit .link_1:hover {
	background-color: @eds-green-hover;
	transition: 0.4s ease;
}

#form_3 .tableRange_3.env_matrix div.matrix_submit .link_1.edit {
	background-color: #fafafa;
	box-shadow: none;
	color: #323232;
	border: 1px #b4b4b4 solid;
	border-top: none;
}

#form_3 .tableRange_3.env_matrix div.matrix_submit .link_1.edit i {
	color: #323232;
	margin-right: 5px;
}

#form_3 .tableRange_3.env_matrix div.matrix_submit .link_1.edit:hover {
	background-color: @eds-green-50;
	border-top: none;
	transition: 0.4s ease;
}

#centralSectionBody div.toolWrapper #form_3 {
	margin-bottom: 30px;
}

#centralSectionBody div.toolWrapper .form_matrix {
	margin-bottom: 15px;
	border-bottom: 1px rgba(0, 0, 0, 0.2) dashed;
}

.action_matrix {
	display: inline-block;
	vertical-align: middle;
	padding: 8px 20px 8px 20px;
	border: 0;
	outline: none;
	border-radius: 3px;
	background-color: #91c8be;
	box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.05) inset;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	font-family: calibri, arial, sans-serif;
	color: white;
	width: auto;
	cursor: pointer;
	transition: 0.4s ease;
	width: 250px;
	height: 50px;
}

.action_matrix i {
	color: white;
	margin-right: 10px;
}

.action_matrix:hover {
	background: @eds-green-hover;
	transition: 0.4s ease;
	color: white;
}

.form_action_matrix {
	display: inline-flex;
	float: left;
	margin: 0px 10px;
}

.form_action_matrix .label_1 {
	display: inline-block;
	width: 100%;
	margin: 5px 0px 0px 5px;
	padding: 10px 10px 5px 0px;
	text-align: left;
	color: @dark-grey;
	font-size: 16px;
	font-family: @Calibri;
	overflow: hidden;
	cursor: default;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.form_action_matrix:last-of-type {
	margin-right: 0px;
}

.form_action_matrix:first-of-type {
	margin-left: 0px;
}

#form_3 .tableRange_3 div.envCotation {
	display: flex;
	flex-direction: column;
	padding: 15px;
	width: 100%;
	padding-top: 0px;
}

#form_3 .tableRange_3 div.dataCotation {
	display: flex;
	flex-direction: column;
	padding: 15px;
	width: 100%;
}

#form_3 .tableRange_3 div.dataCotation div {
	width: 100%;
	padding: 5px 0px;
	font-family: @Calibri;
	color: rgba(180, 180, 180, 1);
	display: inline-flex;
}

#form_3 .tableRange_3 div.dataCotation>div {
	border-top: 1px dotted rgba(180, 180, 180, 1);
}

#form_3 .tableRange_3 div.dataCotation>div:first-of-type {
	border-top: 0;
}

#form_3 .tableRange_3 div.dataCotation div.nameOption {
	flex: content;
	border-bottom: none;
}

#form_3 .tableRange_3 div.dataCotation div span {
	display: flex;
	flex-flow: nowrap;
	align-items: center;
	width: 200px;
}

#form_3 .tableRange_3 div.dataCotation div form {
	padding: 0px;
}

#form_3 .tableRange_3 div.dataCotation div form button.buttonHidden {
	border: none;
	background: none;
	color: inherit;
	margin: 0;
	padding: 0;
	font-size: 16px;
	padding: 0px 5px;
	transition: 0.4s ease;
	cursor: pointer;
}

#form_3 .tableRange_3 div.dataCotation div form button.buttonHidden:hover {
	color: @eds-green-hover;
	transition: 0.4s ease;
}

#form_1 #actionList .guideline.guidelineScoreNotation {
	height: auto;
	padding: 5px;
	border-radius: 3px;
}

#form_1 #actionList .guideline.guidelineScoreNotation:nth-of-type(even) {
	background: rgba(220, 220, 220, 0.3);
	margin-top: 10px;
	margin-bottom: 10px;
}

#form_1 #actionList .guideline.guidelineScoreNotation .guidelineHeader {
	padding-left: 0px;
}

#form_1 #actionList .chapterTitle.chapterMatrix i {
	float: right;
	cursor: pointer;
	transition: 0.4s ease;
}

#form_1 #actionList .chapterTitle.chapterMatrix i:hover {
	color: @eds-green-hover;
	transition: 0.4s ease;
}

.scoreBarNotation.scoreBarNotationMatrix {
	height: 80px;
	width: 100%;
	margin-top: 15px;
}

.scoreBarNotation .scoreItem.scoreItemMatrix .background {
	bottom: 78px;
	height: 78px;
	width: -moz-available;
	width: -webkit-fill-available;
	width: fill-available;
}

.scoreBarNotation .scoreItem.scoreItemMatrix .background {
	box-shadow: none;
	transition: 0.4s ease-out;
}

.scoreBarNotation .scoreItem.scoreItemMatrix .background>span {
	line-height: 78px;
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	line-break: auto;
}

.scoreBarNotation .scoreItem.scoreItemMatrix .background>span>span {
	line-height: 23px;
	vertical-align: inherit;
	display: inline-block;
}

.scoreBarNotation .scoreItem.scoreItemMatrix:hover {
	background: @eds-green;
	transition: 0.4s ease-out;
}

.scoreBarNotation .scoreItem.scoreItemMatrix input[type="radio"]:checked+.background {
	background: @eds-green-hover;
	outline: none;
	transition: 0.4s ease-out;
}

// Comparateur + base technique

.blocMisize {
	display: inline-block
}

.materialTitleDiv {
	margin-top: 15px;
	margin-bottom: 5px;
	font-size: 16px;
	font-family: calibri, arial, sans-serif;
	text-align: left;
	width: 100%;
	height: 70px;
	padding: 0px 250px 0px 0px;
}

.materialTitleP {
	margin: 10px;
	margin-left: 30px;
	padding: 10px;
	font-size: 20px;
	font-weight: bold;
	border-radius: 3px 0px 0px 3px
}

.ui-menu .ui-menu-item a {
	height: 15px;
	font-size: 14px;
}

.items_impact {
	display: block;
	width: 100%;
	height: 39px;
	padding: 2px 35px 2px 2px;
	margin: 6px 0px 6px 0px;
	text-align: right;
	background-color: #fff;
}

#headerImpactMatList {
	width: 100%;
	justify-content: space-between;
	flex-direction: row !important;
	height: max-content;
	padding: 8px;
}

.divTitleMaterial .subtitle {
	width: 300px;
	max-width: 300px;
}

#addNewMaterialButton {
	width: 300px;
	max-width: 300px;
	height: 30px;
	border: 1px solid rgb(200, 200, 200);
	border-radius: 3px;
	background-color: whitesmoke;
}

#addNewMaterialButton:hover {
	background-color: @eds-green;
	box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0) inset;
	-webkit-animation: limeBGhover 0.25s ease-out;
	-ms-animation: limeBGhover 0.25s ease-out;
	animation: limeBGhover 0.25s ease-out;
}

.impacts_div,
.propertie_div {
	visibility: hidden;
	display: none !important;
}

.material_slidedown {
	display: inline-block;
	background: url(../images/select-arrow.png) no-repeat top center;
	opacity: 0.7;
}

#homeBase #materialsWrapper {
	display: block;
	width: 100%;
	max-height: 100%;
	padding: 5px;
	overflow-x: hidden;
	overflow-y: auto;
}

#homeBase #materialsWrapper .materialWrapper {
	vertical-align: top;
	padding: 5px;
	width: 100%;
}

#homeBase #materialsWrapper .materialWrapper .tool {
	display: block;
	height: 100%;
	width: 100%;
	background-color: #ccc;
	box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.05);
	border-radius: 2px;
	overflow: hidden;
	text-align: center;
}

.hidden_tool {
	display: none;
}

#homeBase #materialsWrapper .materialWrapper .tool .title_mat {
	display: inline-block;
	width: 45%;
	padding: 10px;
	font-size: 16px;
	font-family: @Calibri;
	color: black;
	text-align: left;
	overflow: hidden;
}

.title_mat_medium {
	display: inline-block;
	width: 30%;
	height: 100%;
	padding: 10px;
	font-size: 16px;
	font-family: @Calibri;
	color: black;
	text-align: left;
	overflow: hidden;
}

.mat_half_medium {
	display: none;
	width: 15%;
	height: 100%;
	padding: 10px;
	font-size: 16px;
	font-family: @Calibri;
	color: black;
	text-align: left;
	overflow: hidden;
}

#homeBase #materialsWrapper .materialWrapper .tool .title_mat_little {
	display: inline-block;
	width: 5%;
	height: 100%;
	padding: 10px;
	font-size: 16px;
	font-family: @Calibri;
	color: @eds-green-hover;
	text-align: left;
	overflow: hidden;
}

#homeBase #materialsWrapper .materialWrapper .tool .propertie {
	display: inline-block;
	flex-grow: 100;
	width: 100%;
	height: 100%;
	background-color: #fff;
	box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.05);
	border-radius: 2px;
	overflow: hidden;
}

#homeBase #materialsWrapper .materialWrapper .tool .propertie .title_name {
	display: inline-block;
	width: 70%;
	height: 100%;
	padding: 5px 0 0 5px;
	font-size: 16px;
	font-family: @Calibri;
	color: @eds-green-hover;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#homeBase #materialsWrapper .materialWrapper .tool .propertie input {
	display: inline-block;
	vertical-align: top;
	height: 100%;
	padding: 0px 15px 0px 15px;
	border-radius: 2px 0px 0px 2px;
	border: 0;
	outline: 0;
	color: #323232;
	order: 1;
	flex-grow: 1;
	font-family: calibri, arial, sans-serif;
	font-size: 14px;
}

#homeBase #materialsWrapper .materialWrapper .tool .propertie input:disabled {
	display: inline-block;
	width: 30%;
	height: 100%;
	padding: 5px;
	font-size: 16px;
	font-family: calibri, arial, sans-serif;
	color: #6ec3af;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	background-color: #eee !important;
	cursor: auto !important;
}

#homeBase #materialsWrapper .materialWrapper .tool .propertie .title_value {
	display: inline-block;
	width: 30%;
	height: 100%;
	padding: 5px;
	font-size: 16px;
	font-family: @Calibri;
	color: @eds-green-hover;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.actionIconClick {
	display: inline-block;
	vertical-align: top;
	height: 50px;
	margin: 8px 8px 8px 0px;
	padding: 0px 4px 0px 4px;
	border-radius: 2px;
	background-color: @eds-green;
	text-decoration: none;
	color: white;
	cursor: pointer;
	WIDTH: 50px;
	position: relative;
	left: 250px;
	text-align: center;
	//float:right;
}

.actionIconClick:hover {
	background-color: @eds-green-hover;
}

.actionIconClick i {
	display: inline-block;
	vertical-align: middle;
	width: auto;
	height: 100%;
	padding-top: 5px;
	margin-right: 1px;
	font-size: 30px;
	vertical-align: center;
}

.materialWrapper {
	border: 1px rgba(220, 220, 220, 0.6) solid;
	border-radius: 4px;
	margin-bottom: 5px;
	font-size: 16px;
	font-family: calibri, arial, sans-serif;
	text-align: left;
	width: 100%;
	height: 70px;
	padding: 0px 250px 0px 0px;
}

.itemContainer {
	height: 100px;
}

.rightFloatLittleDiv {
	display: inline-block;
	width: 100px;
	position: relative;
	//float:right;
	left: 250px;
	top: 0px;
	right: 0px;
	text-align: center;
}

.leftFloatBigDiv {
	display: inline-block;
	width: auto;
	position: relative;
	//float:left;
}

.overflowY {
	overflow-x: hidden;
	overflow-y: auto !important;
}

.assoTechnicalInputs {
	width: 300px;
	max-width: 300px;
	min-width: 300px;
	background-color: white;
	padding-left: 10px;
	border-radius: 3px;
	border: 1px #ffffff solid;
	box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);
}

.assoTechnicalInputs:disabled {
	width: 300px;
	background-color: white;
	padding-left: 10px;
	border-radius: 3px;
	border: 1px #ffffff solid;
	box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);
}

.line .subtitle a {
	display: inline-block;
	padding: 5px 8px 5px 8px;
	margin: 0px 5px 0px 5px;
	border-radius: 2px;
	background-color: rgba(0, 0, 0, 0.2);
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	font-family: @Calibri;
	color: white;
	cursor: pointer;
}

.line .subtitle a:hover {
	background-color: rgba(0, 0, 0, 0.4);
}

.line .subtitle span {
	display: inline-block;
	padding: 5px 8px 5px 8px;
	margin: 0px 5px 0px 5px;
	border-radius: 2px;
	background-color: rgba(220, 80, 0, 1);
	font-size: 14px;
	font-weight: bold;
	font-family: @Calibri;
	color: white;
	cursor: default;
}

.multiConceptComparator .graphBloc {
	text-align: center !important;
	padding: 0px 5px !important;
	display: flex;
	justify-content: space-around;
}

.multiConceptComparator .graphBloc:nth-child(even) {
	background-color: rgba(220, 220, 220, 0.6);
}

.mulConComplegend {
	display: inline-block;
	width: 100%;
	height: 100%;
	max-width: 60px;
	border-radius: 2px;
}

/* Comparator changes start */

.comparatorColumn {
	padding: 5px 20px 5px 10px;
	vertical-align: bottom;
	height: 100%;
	overflow: hidden;
	line-height: 2em;
	font-family: @Calibri;
	font-size: 14px;
	color: rgba(110, 110, 110, 1);
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

.comparatorRadioColumn {
	width: 8%;
}

.comparatorSelectColumn {
	width: 20%;
}

.comparatorTextColumn {
	padding: 0px 20px;
	width: 80%;
	justify-content: left;
}

.comparatorTextTitle {
	width: 80%;
}

.comparatorTextInput {
	padding: 3px 15px;
	width: 90%;
	background-color: white;
	border: 1px solid rgb(150, 150, 150);
	border-radius: 10px;
}

.comparatorSelectInput {
	padding: 3px 8px;
	width: fit-content;
	background-color: rgb(238, 238, 238);
	border: 0px solid #ffffff;
	border-radius: 10px;
}

.comparatorSelectInput:hover * {
	outline: 0;
	border: 0px;
}

.comparatorSelectInput:focus {
	outline: 0;
	border: 0px;
}

.comparatorLineDiv,
.comparatorTitleDiv {
	display: flex;
	height: 42px !important;
}

.comparatorTitleDiv {
	background-color: #f8f8f8;
}

.compaResultsClass {
	min-width: 80px;
	width: 80px;
	padding: 0px;
}

.compaResultsName {
	min-width: 300px;
	width: 300px;
	margin: 2px 15px;
}

.compaResultsAttr {
	min-width: 100px;
	width: 100px;
	margin: 2px 15px;
}

#findBetterMaterialButton {
	width: 300px;
	max-width: 300px;
	height: 30px;
	border: 1px solid rgb(200, 200, 200);
	border-radius: 3px;
	background-color: whitesmoke;
}

#findBetterMaterialButton:hover {
	background-color: #b8b8b8;
	box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0) inset;
	-webkit-animation: limeBGhover 0.25s ease-out;
	-ms-animation: limeBGhover 0.25s ease-out;
	animation: limeBGhover 0.25s ease-out;
}

.comparatorParametersList {
	overflow-y: scroll;
}

.comparatorParametersList div:nth-child(2n+2) {
	background-color: rgb(246, 246, 246);
}

// Comparator results

.resultText {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 100%;
}

#bomList .resultLineDiv {
	width: max-content;
	min-width: 100%;
	padding: 00px 20px 0px 10px;
	min-height: 42px;
	height: 6%;
	cursor: default;
	display: flex;
	justify-content: space-between;
}

#bomList .resultLineDiv:hover {
	background-color: rgba(230, 245, 245, 1);
}

.toolWrapper.comparatorResultList {
	min-width: 100%;
	text-align: left;
	height: 100%;
	overflow-x: scroll !important;
}

.comparatorResultList div:nth-child(2n+3) {
	background-color: rgb(245, 245, 245);
}

#bomList .resultLineDivTitle {
	width: max-content;
	min-width: 100%;
	min-height: 42px;
	height: 8%;
	margin-top: 10px;
	padding: 00px 20px 0px 10px;
	background-color: rgba(230, 230, 230, 1);
	cursor: default;
	display: flex;
	justify-content: space-between;
}

.classDesign {
	font-weight: bold;
	color: white;
	height: 60%;
	width: 75%;
	border-radius: 10px;
	text-align: center;
}

// COMPARATOR HB Database

.newWorkspaceButton,
.upButton {
	display: inline-block;
	vertical-align: top;
	height: 50px;
	margin: 10px 0px 10px 10px;
	padding: 0px 15px 0px 15px;
	border-radius: 2px;
	background-color: @eds-green;
	text-decoration: none;
	color: white;
	cursor: pointer;
	width: 250px;
}

.newWorkspaceButton:hover,
.upButton:hover {
	background-color: @eds-green-hover;
}

.newWorkspaceButton i,
.upButton i {
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	padding-top: 7px;
	margin-right: 10px;
	font-size: 30px;
}

.newWorkspaceButton i {
	padding-top: 7px;
}

.newWorkspaceButton span,
.upButton span {
	display: inline-block;
	vertical-align: middle;
	font-size: 15px;
	font-weight: normal;
	font-family: @Calibri;
}

.comparatorLines {
	border: 1px #ffffff solid;
	box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);
	margin-bottom: 20px;
}

.tableRange_comp {
	width: 100%;
	border-top: 1px rgba(220, 220, 220, 1) solid;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-right: 30px;
}

.tableRange_comp div {
	display: inline-block;
	vertical-align: middle;
	width: auto;
	padding: 10px;
	text-align: left;
	font-size: 14px;
	font-family: @Calibri;
	color: @dark-grey;
	cursor: default;
}

.tableRange_comp .subAnswer {
	font-size: 14px;
	font-style: italic;
	font-family: @Calibri;
	color: rgba(180, 180, 180, 1);
}

.tableRange_comp .editOption {
	display: inline-block;
	vertical-align: middle;
	width: auto;
	padding: 10px;
	text-align: right;
}

.tableRange_comp .editOption a {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	text-decoration: none;
}

.tableRange_comp .labelImpact {
	white-space: nowrap;
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
}

.tableRange_comp .editOption .infoContent {
	display: inline-block;
	width: 300px;
	margin-top: 13px;
	margin-left: -310px;
	padding: 10px;
	border-radius: 2px;
	border: 1px rgba(180, 180, 180, 1) solid;
	outline: 0;
	background-color: rgba(245, 245, 245, 1);
	box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.1);
	text-align: left;
	font-size: 14px;
	font-family: @Calibri;
	color: @dark-grey;
	position: fixed;
	top: -999999px;
	z-index: 99999;
}

.tableRange_comp .editOption .icon-info-sign:hover~.infoContent,
.tableRange_comp .editOption .infoContent:hover {
	top: auto;
	left: auto;
}

.tableRange_comp .editOption a i {
	display: inline-block;
	font-size: 16px;
	color: rgba(200, 200, 200, 1);
}

.tableRange_comp .editOption a i:hover {
	color: rgba(180, 180, 180, 1);
}

.tableRange_comp .editOption .infoContent .blankLink {
	text-decoration: underline;
	color: @eds-dark-opaline;
}

.tableRange_comp .editOption .infoContent .blankLink:hover {
	color: @eds-soft-opaline;
}

.tableRange_comp .assoUnderDiv {
	width: 80%;
	display: flex;
	justify-content: space-between;
}

#compareConceptButton,
.upButton {
	height: 50px;
	margin: 10px 0px 10px 10px;
	padding: 0px 15px 0px 15px;
	border-radius: 2px;
	background-color: @eds-green;
	text-decoration: none;
	color: white;
	cursor: pointer;
}

.upButton {
	display: inline-block;
	vertical-align: top;
}

#compareConceptButton:hover,
.upButton:hover {
	background-color: @eds-green-hover;
}

#compareConceptButton i,
.upButton i {
	font-size: 30px;
}

.upButton i {
	display: inline-block;
	vertical-align: middle;
	padding-top: 6px;
	height: 96%;
	margin-right: 10px;
}

#compareConceptButton span,
.upButton span {
	font-size: 15px;
	font-weight: normal;
	font-family: @Calibri;
}

.upButton span {
	display: inline-block;
	vertical-align: middle;
}

.graph_1 .graphSubBloc5 {
	display: inline-block;
	vertical-align: bottom;
	height: 100%;
	padding: 0px 2px 0px 2px;
}

#displayComparatorSelects {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	width: 100%;
	max-width: 100%;
	margin-bottom: 15px;
	font-family: calibri, arial, sans-serif;
}

#displayBaseSelects {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	width: 100%;
	max-width: 100%;
	align-items: center;
	padding: 0px 0px 10px 0px;
	justify-content: space-between;
}

#comparatorBaseSelectDiv {
	justify-content: flex-start;
	text-align: left;
	width: auto;

	.icon-info-sign {
		padding-top: 15px;
	}
}

#comparatorAdvertising {
	padding: 10px;
}

#addConceptButton {
	display: inline-block;
	border: 1px @smooth-grey solid;
	border-radius: 3px 3px 3px 3px;
	width: 260px;
	margin: 10px 0px;
	padding: 0px 15px 0px 15px;
	height: 40px;
	min-height: 40px;
	padding: 0px 12px 0px 12px;
	outline: none;
	background-color: @eds-green;
	color: white;
}

#addConceptButton:disabled {
	display: none;
}

.input_20_bis,
.input_21_bis,
.input_22_bis,
.input_23_bis,
.input_24_bis,
.input_25_bis {
	padding: 0px 15px 0px 15px;
	border: 1px @smooth-grey solid;
	outline: none;
	font-family: @Calibri;
	font-size: 14px;
	width: 5%;
	min-width: 5%;
	margin: 5px 0px 5px 5px;
	text-align: center;
}

.input_20_bis,
.input_21_bis,
.input_23_bis,
.input_24_bis {
	border-radius: 3px 0px 0px 3px;
}

.input_20_bis:focus,
.input_21_bis:focus,
.input_22_bis:focus,
.input_23_bis:focus,
.input_24_bis:focus,
.input_25_bis:focus,
.input_20_bis:hover,
.input_21_bis:hover,
.input_22_bis:hover,
.input_23_bis:hover,
.input_24_bis:hover,
.input_25_bis:hover {
	border: 1px @eds-soft-opaline solid;
	box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.03) inset;
}

.select_20,
.select_21,
.select_22,
.select_23,
.select_24,
.select_25 {
	display: inline-block;
	flex-grow: 1;
	margin-bottom: 15px;
	border: 1px @smooth-grey solid;
	border-radius: 0px 3px 3px 0px;
}

.select_26 {
	display: inline-block;
	flex-grow: 1;
	border: 1px @smooth-grey solid;
	border-radius: 3px 3px 3px 3px;
	margin: 0px 0px 0px 5px;
	max-width: 50%;
	width: 50%;
	min-width: 300px;
	height: 40px;
	min-height: 40px;
	padding: 0px 30px 0px 8px;
	outline: none;
	background: url(../images/select-arrow.png) right center no-repeat;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	text-indent: 1px;
	text-overflow: '';
	cursor: pointer;
}

.select_20,
.select_21,
.select_22,
.select_23,
.select_24,
.select_25 {
	width: 26%;
	min-width: 26%;
	padding: 0px 0px 0px 0px;
	margin: 5px 5px 5px 0px;
}

.select_20:hover,
.select_21:hover,
.select_22:hover,
.select_23:hover,
.select_24:hover,
.select_25:hover,
.select_26:hover {
	box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.05);
	background: url(../images/select-arrow-over.png) right center no-repeat;
}

.select_20:focus,
.select_21:focus,
.select_22:focus,
.select_23:focus,
.select_24:focus,
.select_25:focus,
.select_26:focus {
	box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.05);
	background: url(../images/select-arrow-focus.png) right center no-repeat;
}

.select_20 option,
.select_21 option,
.select_22 option,
.select_23 option,
.select_24 option,
.select_25 option,
.select_26 option {
	padding: 12px 0px 12px 13px;
	border: 0;
}

.select_20::-ms-expand,
.select_21::-ms-expand,
.select_22::-ms-expand,
.select_23::-ms-expand,
.select_24::-ms-expand,
.select_25::-ms-expand,
.select_26::-ms-expand {
	display: none;
}

.select_20,
.select_21,
.select_22,
.select_23,
.select_24,
.select_25,
.select_26 {
	height: 40px;
	min-height: 40px;
	padding: 0px 30px 0px 8px;
	outline: none;
	background: url(../images/select-arrow.png) right center no-repeat;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	text-indent: 1px;
	text-overflow: '';
	cursor: pointer;
}

.select_20,
.select_21,
.select_22,
.select_23,
.select_24,
.select_25 {
	max-width: 27%;
	min-width: 27%;
}

input[type=number]::-webkit-inner-spin-button {
	display: none;
}

@media (max-width: 915px) {
	#displayBaseSelects {
		padding: 0px;
	}
}

@media (max-width: 1380px) {

	.select_20,
	.select_21,
	.select_22,
	.select_23,
	.select_24,
	.select_25 {
		width: 40%;
		min-width: 40%;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
	}

	.input_20_bis,
	.input_21_bis,
	.input_22_bis,
	.input_23_bis,
	.input_24_bis,
	.input_25_bis {
		width: 10%;
		min-width: 10%;
	}
}

#atepLegend {
	display: block;
	width: 100%;
	min-width: 200px;
	text-align: center;
}

#atepLegend .legendSection {
	display: inline-block;
	margin: 0px 10px 0px 10px;
	padding: 5px;
}

#atepLegend .legendSection .legendSquare {
	display: inline-block;
	vertical-align: middle;
	width: 15px;
	height: 15px;
	margin-right: 5px;
	border-radius: 2px;
}

#atepLegend .legendSection .legendName {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	font-family: calibri, arial, sans-serif;
	color: #323232;
}

.select_26:hover {
	box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.05);
	background: url(../images/select-arrow-over.png) right center no-repeat;
}

#addConceptButton:hover {
	background-color: @eds-green-75;
	cursor: pointer;
}

#addConceptButton:active {
	background-color: @eds-green-hover;
	cursor: pointer;
}

.select_26:focus {
	box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.05);
	background: url(../images/select-arrow-focus.png) right center no-repeat;
}

.select_26 option {
	padding: 12px 0px 12px 13px;
	border: 0;
}

.select_26::-ms-expand {
	display: none;
}

#centralSectionBody .toolTitle#toolTitleComparator {
	background-color: #fcfcfc !important;
	max-height: initial;
	height: max-content;
	min-height: max-content;
}

@-moz-document url-prefix() {
	#centralSectionBody .toolTitle#toolTitleComparator {
		height: -moz-fit-content;
		min-height: 165px;
	}

	#centralSectionBody .toolTitle#toolTitleComparator input {
		-moz-appearance: textfield;
		appearance: textfield;
	}
}

#comparisonLists {
	display: block;
	width: 100%;
	text-align: left;
	border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
	height: fit-content;
}

#comparisonLists .listBlock {
	display: inline-block;
	vertical-align: top;
	width: 33.33333%;
	padding: 1px;
	position: relative;
	height: auto;
}

#comparisonLists .listBlock .list {
	display: block;
	width: 100%;
	padding-left: 30px;
	margin-bottom: 3px;
	height: 40px;
}

#comparisonLists .listBlock select {
	width: 100%;
}

#comparisonLists .color {
	display: block;
	width: 24px;
	height: 24px;
	margin-left: 4px;
	margin-top: 1px;
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
}

#comparisonLists .color span {
	display: block;
	width: 18px;
	height: 18px;
	border-radius: 2px;
	background-color: rgba(240, 190, 60, 1);
}

.unitChoice {
	display: none;
	width: 100%;
	padding-left: 30px;
	margin-bottom: 3px;
	text-align: left;
	box-sizing: border-box;
}

#comparisonLists .unitChoice .simulation-amount-row {
	display: flex;
	width: 100%;
	align-items: stretch;
}

#comparisonLists .unitChoice .simulation-amount-input {
	flex: 1 1 auto;
	min-width: 0;
	height: 40px;
	padding: 0 15px;
	border: 1px @smooth-grey solid;
	border-radius: 3px 0 0 3px;
	border-right: 0;
	outline: none;
	font-family: @Calibri;
	font-size: 14px;
	box-sizing: border-box;
	background-color: #fff;
}

#comparisonLists .unitChoice .simulation-unit-input {
	flex: 0 0 90px;
	width: 90px;
	height: 40px;
	padding: 0 24px 0 10px;
	border: 1px @smooth-grey solid;
	border-radius: 0 3px 3px 0;
	outline: none;
	background: #fff url(../images/select-arrow.png) right center no-repeat;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-family: @Calibri;
	font-size: 14px;
	cursor: pointer;
	box-sizing: border-box;
	color: @dark-grey;
	text-overflow: ellipsis;
}

#comparisonLists .unitChoice .simulation-amount-input:hover,
#comparisonLists .unitChoice .simulation-unit-input:hover {
	border-color: darken(@smooth-grey, 8%);
}

#comparisonLists .unitChoice .simulation-amount-input:focus,
#comparisonLists .unitChoice .simulation-unit-input:focus {
	border-color: @eds-soft-opaline;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03) inset;
}

#comparisonLists .unitChoice .simulation-unit-input:disabled {
	background-color: rgba(248, 248, 248, 1);
	cursor: default;
	color: rgba(80, 80, 80, 1);
}

.addChoice {
	width: 100%;
	padding-left: 30px;
	display: none;
}

#comparisonLists .listBlock:first-child .color span {
	background-color: rgba(140, 180, 70, 1);
}

#comparisonLists .listBlock:last-child .color span {
	background-color: rgba(170, 120, 180, 1);
}

#comparisonChart {
	display: block;
	width: 100%;
	text-align: left;
	border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
	padding: 10px 15px 10px 0px;
}

#functionList {
	display: block;
	width: 87%;
	height: 100%;
	overflow: auto;
}

.legendUnits {
	font-weight: normal;
	font-style: normal;
}

.workspaceListScenario {
	font-style: normal;
	color: grey;
}

#wspPicture a:hover i.icon-trash {
	background-color: #d20000;
}

.isOn {
	background-color: @eds-green;
}

.isOn:hover {
	background-color: @eds-green-hover;
}

.isOff {
	background-color: rgba(200, 200, 200, 1);
}

.isOff:hover {
	background-color: rgba(180, 180, 180, 1);
}

.activeUnactive i {
	width: 50px;
	height: 50px;
	color: white;
	font-size: 24px;
}

#homeBase #accountsList .account .activeUnactive {
	padding-top: 20px;
}

#accountsList.hideActives .accountActive {
	display: none !important;
}

#accountsList.hideUnactives .accountUnactive {
	display: none !important;
}

#buttonsContainer.buttonsContainerAdminPanel .upButton {
	width: -moz-available;
	width: -webkit-fill-available;
	width: fill-available;
}

#buttonsContainer.buttonsContainerAdminPanel {
	display: inline-flex;
	justify-content: space-around;
	padding-right: 10px;
}

// Inheritance dev - START

.isComponentRadioDiv,
.childCheckboxDiv .checkboxListRow {
	text-align: left;
	font-size: 14px;
	font-family: calibri, arial, sans-serif;
	display: flex;
}

.isComponentRadioDiv {
	align-items: center;
	margin-top: 20px;
	border: 1px #c8c8c8 solid;
	background-color: #f3f3f3;
	border-radius: 3px;
}

#form_1 .isComponentRadioDiv p {
	width: auto;
	flex-grow: initial;
	margin: 0;
	margin-left: 10px;
	padding: 10px 6px 10px 6px;
}

#form_1 .isComponentRadioDiv input {
	margin-top: 18px;
	margin: 10px 10px 10px 5px;
}

#form_1 .isComponentRadioDiv label {
	width: auto;
	flex-grow: initial;
	margin: 0;
	padding: 10px 10px 10px 10px;
}

.childCheckboxDiv {
	margin-top: 10px;
	margin-right: 10px;
	width: 100%;
	border: 1px #c8c8c8 solid;
	border-radius: 3px;
	max-height: 102px;
	min-height: 102px;
	overflow-y: scroll;
}

.childCheckboxDiv .checkboxListRow:nth-child(2n) {
	background-color: #EEEEEE;
}

.childCheckboxDiv .checkboxListRow {
	padding-top: 4px;
	padding-left: 5px;
	display: flex;
	height: 25px;
	margin: auto;
	width: 100%;
}

#form_1 .childCheckboxDiv .checkboxListRow p {
	margin: 0;
	width: auto;
	flex-grow: initial;
}

#form_1 .childCheckboxDiv .checkboxListRow p {
	padding: 0px 5px 0px 5px;
	margin: 0;
	width: auto;
	flex-grow: initial;
}

.cmpAutoButton {
	display: inline-block;
	vertical-align: top;
	width: 50px;
	height: 20px;
	overflow: hidden;
	border-radius: 2px;
	border: 1px rgba(0, 0, 0, 0.2) solid;
	position: relative;
	bottom: 144px;
	left: -35px;
}

.disableEvents {
	pointer-events: none;
}

#window_1 .component a.disableEvents span {
	display: none;
}

// Inheritance dev - END

.cmpAutoButton.isOn {
	background-color: @eds-green;
	color: white;
	border: 0px;
	font-weight: bold;
	margin-right: 20px;
}

.cmpAutoButton.isOn~.greenNotification {
	display: none;
}

.cmpAutoButton.isOn~.link_1 {
	display: none;
}

.cmpAutoButton.isOn~span {
	display: none;
}

.cmpAutoButton.isOff {
	background-color: #EEEEEE;
	color: black;
	margin-right: 20px;
}

#buttonsContainer.accessesLicenceLine>a {
	display: inline-block;
	vertical-align: top;
	height: 50px;
	margin: 10px 0.5%;
	padding: 0px 15px 0px 15px;
	border-radius: 2px;
	background-color: #91c8be;
	text-decoration: none;
	color: white;
	cursor: pointer;
	width: 19%;
}

div[id^="delete_"],
div[id^="accept_"],
div[id^="refuse_"],
div[id^="block_"] {
	background-color: #aaa;
	color: white;
	width: 50px;
	min-width: 50px;
	height: 50px;
	float: right;
	border-radius: 5px;
	font-size: 24px;
	padding: 9px 0px 0px 13px
}

div[id^="refuse_"],
div[id^="block_"] {
	margin-left: 5px;
}

div[id^="delete_"]:hover,
div[id^="refuse_"]:hover,
div[id^="block_"]:hover {
	background-color: #d20000;
}

div[id^="accept_"]:hover {
	background-color: #91c8be;
}

.orgRowContainer {
	width: 100%;
	overflow: auto;
}

.orgRowContainer .orgRow:nth-child(2n) .orgNameDiv,
.orgRowContainer .orgRow:nth-child(2n) .demandSinceDiv {
	background-color: #eeeeee;
}

.orgRowContainer .orgRow:nth-child(2n+1) .orgNameDiv,
.orgRowContainer .orgRow:nth-child(2n+1) .demandSinceDiv {
	background-color: #e3e3e3;
}

.orgRowContainer .orgRow {
	height: 50px;
	margin: 10px;
	border-radius: 3px;
	display: flex;
}

.orgRowContainer .orgRow .orgNameDiv {
	color: black;
	font-size: 16px;
	font-family: calibri, arial, sans-serif;
	text-overflow: ellipsis;
	text-align: left;
	white-space: nowrap;
	padding: 13px 0px 0px 20px;
	width: -moz-available;
	width: -webkit-fill-available;
	width: fill-available;
	margin-right: 5px;
	border-radius: 3px;
}

.orgRowContainer .orgRow .demandSinceDiv {
	width: 200px;
	min-width: 200px;
	text-align: center;
	height: 50px;
	float: right;
	border-radius: 5px;
	font-size: 16px;
	font-family: calibri, arial, sans-serif;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-right: 5px;
	padding: 13px 0px 0px 0px;
}

.headerRow {
	height: 50px;
	margin: 5px;
	background-color: #ccc;
}

.headerNameDiv {
	color: black;
	font-weight: bold;
	font-size: 16px;
	font-family: calibri, arial, sans-serif;
	text-overflow: ellipsis;
	text-align: left;
	white-space: nowrap;
	padding: 14px 0px 13px 20px;
	overflow: hidden;
}

#newDemandForm {
	color: black;
	font-size: 16px;
	font-family: calibri, arial, sans-serif;
	text-overflow: ellipsis;
	text-align: left;
	white-space: nowrap;
	padding: 10px;
	border: 2px dashed lightgrey;
	margin: 10px;
	border-radius: 10px;
}

#newDemandForm input {
	margin: 5px 0px 10px 0px;
	width: 100%;
	height: 40px;
	padding: 0px 15px 0px 15px;
	border: 1px #c8c8c8 solid;
	border-radius: 3px 3px 3px 3px;
	outline: none;
	font-family: calibri, arial, sans-serif;
	font-size: 14px;
}

#newDemandForm div {
	margin-bottom: 10px;
	font-weight: bold;
}

#newDemandForm button {
	display: inline-block;
	vertical-align: middle;
	height: 36px;
	margin: 5px 0px 0px 0px;
	padding: 8px 20px 8px 20px;
	border: 0;
	outline: none;
	border-radius: 3px;
	background-color: #91beb4;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	font-family: calibri, arial, sans-serif;
	color: white;
	//float: right;
	font-size: 15px;
	font-family: calibri, arial, sans-serif;
	text-overflow: ellipsis;
}

#newDemandForm button:hover {
	background-color: #4b7d78;
	color: white;
	box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0) inset;
	-webkit-animation: opalineBGhover 0.25s ease-out;
	-ms-animation: opalineBGhover 0.25s ease-out;
	animation: opalineBGhover 0.25s ease-out;
}

#newDemandForm button:hover {
	background-color: #4b7d78;
	color: white;
	box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0) inset;
	-webkit-animation: opalineBGhover 0.25s ease-out;
	-ms-animation: opalineBGhover 0.25s ease-out;
	animation: opalineBGhover 0.25s ease-out;
}

#newDemandForm #yourCodeI {
	font-weight: normal;
	font-style: normal;
	border: 1px solid lightgrey;
	background-color: white;
	border-radius: 5px;
	padding: 3px 10px;
	margin-left: 10px;
}

#newDemandForm #yourCodeDiv {
	margin: 5px;
}

#buttonsContainer.accessesLicenceLine>a.isOn {
	background-color: #ccc;
}

#addConceptAsComponentButton {
	display: inline-block;
	vertical-align: middle;
	height: 36px;
	margin: 15px 0px 30px 0px;
	padding: 8px 20px 8px 20px;
	border: 0;
	outline: none;
	border-radius: 3px;
	background-color: #91beb4;
	box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.05) inset;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	font-family: calibri, arial, sans-serif;
	color: white;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
	cursor: pointer;
	-webkit-animation: opalineBGblur 0.25s ease-out;
	-ms-animation: opalineBGblur 0.25s ease-out;
	animation: opalineBGblur 0.25s ease-out;
}

#addConceptAsComponentButton:hover {
	background-color: #4b7d78;
	color: white;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0) inset;
	-webkit-animation: opalineBGhover 0.25s ease-out;
	-ms-animation: opalineBGhover 0.25s ease-out;
	animation: opalineBGhover 0.25s ease-out;
}

#addConceptAsComponentButtonDisabled {
	display: inline-block;
	vertical-align: middle;
	height: 36px;
	margin: 15px 0px 30px 0px;
	padding: 8px 20px 8px 20px;
	border: 0;
	outline: none;
	border-radius: 3px;
	background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(220, 220, 220, 0.4) 35px, rgba(220, 220, 220, 0.4) 60px);
	box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.05) inset;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	font-family: calibri, arial, sans-serif;
	font-style: italic;
	color: grey;
	cursor: pointer;
}

i.fromOrg {
	font-weight: normal;
	font-style: normal;
}

i.obsoleteCpt {
	font-weight: normal;
	color: #d20000;
	font-style: normal;
}

#bomListZoomMainDiv {
	width: 100%;
	height: 100%;
	display: grid;
	grid-template: "head" max-content;
}

#conceptListZoomMainDiv {
	width: 100%;
	height: 100%;
	background-color: white;
	position: relative;
}

#bomZoomWindow {
	display: inline-block;
	width: 100%;
	height: 100%;
	padding: 30px 10px 10px 10px;
	border-right: 1px rgba(255, 255, 255, 1) solid;
	border-bottom: 1px rgba(255, 255, 255, 1) solid;
	border-left: 1px rgba(255, 255, 255, 1) solid;
	box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.2);
	border-radius: 2px;
	background-color: rgba(255, 255, 255, 0.5);
	font-size: 0;
	font-family: @Calibri;
	opacity: 1;
	overflow: hidden;
}

#bomZoomWindow.acv-see-bom {
	background-color: rgba(255, 255, 255, 1);
	overflow: auto;
	padding-bottom: 10px;

	#conceptInformations {
		width: 100%;
		font-family: calibri, arial, sans-serif;
		font-size: 16px;
		border: 1px rgba(0, 0, 0, 0.1) solid;
		border-radius: 3px;
		padding: 0px 10px;
	}
}

#bomZoomWindow .topBar {
	width: 100%;
	text-align: right;
}

#conceptInformations {
	background-color: white;
	display: flex;
	border-radius: 5px;
	border: 1px solid #cccccc;
	max-height: 100px;
	grid-area: head;
	margin-bottom: 10px;
}

#conceptInformations>div {
	font-size: 17px;
	font-family: calibri, arial, sans-serif;
	color: grey;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: left;
	padding: 10px 00px 10px 10px;
}

#conceptInformations>#conceptInformationsTitles {
	font-weight: bold;
	color: black;
}

#bomListSection {
	font-size: 16px;
	font-family: Calibri;
	text-align: left;
	overflow-y: auto;
}

#bomListSection .bomListSubset {
	margin: 0px 0px 10px;
	background-color: white;
	border: 1px solid lightgrey;
}

#bomListSection .bomListSubset>div:hover {
	background-color: lightyellow;
}

.bomListSubsetDatas {
	padding: 8px 8px 8px 8px;
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px solid grey;
}

.bomListComponent {
	padding: 8px 8px 8px 24px;
	font-size: 16px;
	border-top: 1px solid lightgrey;
}

.bomListMaterial,
.bomListProcess {
	background-color: #ffffff;
	padding: 8px 8px 8px 40px;
}

.bomListElec {
	background-color: #ffffff;
	padding: 0px 8px 8px 56px;
	color: #aaaaaa;
}

.bomListProcess .less,
.bomListMaterial .less,
.bomListConceptAsComponent .less,
.bomListElec .less {
	color: #aaaaaa;
}

.bomListElec .less {
	color: #aaaaaa;
	border-left: 1px solid #aaaaaa;
	padding-left: 10px;
}

.bomListProcess .less i,
.bomListMaterial .less i,
.bomListElec .less i {
	font-size: 12px;
}

.bomListConceptAsComponent {
	padding: 8px 8px 8px 24px;
	border-top: 1px solid lightgrey;
}

.bomListComponent span.alignRight,
.bomListConceptAsComponent span.alignRight {
	float: right;
	width: 100px;
	border-left: 1px solid #aaaaaa;
	text-align: center;
	color: black;
}

.bomListMaterial span.alignRight,
.bomListProcess span.alignRight {
	float: right;
	width: 100px;
	border-left: 1px solid #aaaaaa;
	text-align: center;
	color: #aaaaaa;
}

#bomListZoomMainDiv #conceptInformations p {
	margin: 0px;
	padding: 0px;
}

#conceptListZoomMainDiv #conceptInformations p {
	margin: 0px;
	padding: 0px;
}

#conceptListZoomMainDiv .alignRight {
	border: 0px;
}

.bomListComponent input[type="button"] {
	border-radius: 5px;
	background-color: white;
	border: 1px solid white;
	width: 75px;
}

.bomListComponent input[type="button"].isOn {
	background-color: #91c8be;
	border: 1px solid #91c8be;
}

.bomListSubsetDatas p {
	margin: 0px;
	padding: 8px;
}

#bomListSection .alignRight.kingSize {
	width: 300px;
	border-left: 1px solid grey;
	padding: 0px 0px 0px 5px;
}

#bomListSection .alignRight.mediumSize {
	width: 136px;
}

#bomListSection .alignRight.mediumSize.yesInput {
	text-align: right;
	padding-right: 15px;
}

#bomListSection .alignRight.mediumSize.noInput {
	text-align: left;
	padding-left: 15px;
}

#bomListSection .bomListConcept {
	width: 100%;
	margin: 0px;
	border-bottom: 1px solid lightgrey;
	background-color: white;
	overflow: auto;
	height: -moz-available;
	height: -webkit-fill-available;
	height: fill-available;
}

#bomListSection .bomListConcept .bomListComponent {
	background-color: white;
	padding: 16px 16px 16px 24px;
	position: relative;
}

#bomListSection .bomListConcept .bomListComponent .disableComponentSwap {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-color: rgba(255, 255, 255, 0.5);
	background-image: repeating-linear-gradient(45deg, transparent, transparent 15px, rgba(200, 200, 200, 0.2) 15px, rgba(200, 200, 200, 0.2) 30px);
}

.bomListComponent.listHeader {
	font-weight: bold;
	padding: 16px 16px 16px 24px;
	border-radius: 5px 5px 0px 0px
}

#conceptListZoomMainDiv #bomListSection {
	margin: 10px;
}

#conceptGestionDiv {
	width: 100%;
	margin-top: 20px;
	display: grid;
}

#conceptDuplicationList {
	border: 1px solid lightgrey;
	position: relative;
}

#conceptGestionDiv .conceptDatasLine {
	display: flex;
}

#conceptGestionDiv .conceptDatasLine:nth-child(2n+1) {
	background-color: #fcfcfc;
}

#conceptGestionDiv .conceptDatasLine:nth-child(2n) {
	background-color: #f6f6f6;
}

#conceptGestionDiv .conceptDatasLine span.checkboxInput {
	padding: 8px 5px 5px 5px;
}

#conceptGestionDiv .conceptDatasLine span.textInput {
	width: -moz-available;
	width: -webkit-fill-available;
	width: fill-available;
}

#conceptGestionDiv .conceptDatasLine span.textInput input {
	height: 30px;
	width: inherit;
	padding: 0px 15px 0px 15px;
	border: 1px #c8c8c8 solid;
	border-radius: 3px;
	outline: none;
	font-family: calibri, arial, sans-serif;
	font-size: 14px;
	margin: 3px 3px 3px 0px;
}

#conceptDuplicationListHeader {
	font-size: 14px;
	font-family: calibri, arial, sans-serif;
	padding: 8px 0px 8px 0px;
	border: 1px solid lightgrey;
	background-color: #f1f1f1;
}

#form_1 .info_1.redText {
	color: #d20000;
}

#wspBlock1 .block212.cantBeRemoved {
	background-color: rgba(255, 255, 255, 0.7);
	background-image: repeating-linear-gradient(45deg, transparent, transparent 15px, rgba(200, 200, 200, 0.4) 15px, rgba(200, 200, 200, 0.4) 30px);
}

#wspBlock1 .block212.cantBeRemoved:hover {
	background-color: rgba(255, 255, 255, 0.7);
	background-image: repeating-linear-gradient(45deg, transparent, transparent 15px, rgba(200, 200, 200, 0.4) 15px, rgba(200, 200, 200, 0.4) 30px);
	color: rgba(0, 0, 0, 0.2);
}

#buttonsContainer.buttonsContainerWithPadding {
	padding-left: 115px;
	padding-right: 75px;
	display: flex;
	justify-content: space-between;
}

#buttonsContainer.buttonsContainerWithPadding a {
	width: 32%;
	margin-left: 1%;
}

.nbUsedWorkspace {
	position: absolute;
	top: 10px;
	left: 10px;
	margin: 0px;
	width: 100px;
	min-width: 100px;
	pointer-events: none;
}

.nbUsedWorkspace #newWorkspaceButton {
	margin: 0px;
	width: 100px;
	text-align: center;
}

.nbUsedWorkspace #workspaceCreationsInfos {
	width: 50px;
	margin: 0px 20px 0px 0px;
	float: right;
	pointer-events: auto;
}

#workspacePanelDiv.row {
	position: relative;
}

#newWorkspaceButton #verticalAlignI {
	height: 100%;
	margin: 0px;
	padding: 0px;
}

#nbWorkspacesDiv #lightText {
	font-style: normal;
	font-size: 14px;
	margin: 0px 0px 3px;
	padding: 0px;
	font-weight: normal;
	line-height: 17px;
}

#nbWorkspacesDiv {
	position: absolute;
	top: 0px;
	left: 0px;
	color: grey;
	height: 62px;
	width: 110px;
	margin: 4px 10px 4px 0px;
	border-right: 1px solid #c8c8c8;
	text-align: center;
	display: grid;
}

#nbWorkspacesDiv span {
	line-height: 20px;
	font-size: 15px;
	font-weight: bold;
	font-family: calibri, arial, sans-serif;
	display: inline;
	vertical-align: middle;
}

#downloadResultsDiv {
	position: absolute;
	top: 0px;
	left: 110px;
	color: grey;
	height: 62px;
	width: 62px;
	margin: 4px 10px 4px 0px;
	border-right: 1px solid #c8c8c8;
	text-align: center;
	display: grid;
	font-size: 30px;
	padding-top: 13px;
	cursor: pointer;
	text-decoration: none;

	i:hover {
		color: @eds-green;
	}

	i:active {
		color: @eds-green-hover;
	}
}

#homeBase #HBboard #shareArrayLine {
	position: relative;
}

#homeBase #HBboard .line #shareInformations {
	position: absolute;
	bottom: 0px;
	right: 0px;
	left: 0px;
	height: 1cm;
	background-color: white;
	padding: 10px 0px 0px 10px;
	border-top: 1px solid lightgray;
}

#homeBase #HBboard .line #shareInformations p {
	padding: 0px;
	margin: 0px;
	font-size: 14px;
	color: grey;
	font-style: italic;
	font-family: calibri, arial, sans-serif;
}

#homeBase #HBboard .line #shareGestionArray {
	font-size: 16px;
	font-family: calibri, arial, sans-serif;
	text-overflow: ellipsis;
	text-align: left;
	white-space: nowrap;
	border: none;
	background-color: white;
	overflow: auto;
	padding-bottom: 1cm;
}

#homeBase #HBboard .line #shareGestionArray table {
	text-align: center;
	border-bottom: 1px solid lightgrey;
}

#homeBase #HBboard .line #shareGestionArray .orgDiv {
	border-left: 1px solid lightgray;
	padding: 3px;
}

#homeBase #HBboard .line #shareGestionArray table tbody tr td {
	border-left: 1px solid lightgrey;
	border-right: 1px solid lightgrey;
	padding: 5px;
}

#homeBase #HBboard .line #shareGestionArray table .emptyLine {
	background-color: #dddddd;
	height: 10px;
}

#homeBase #HBboard .line #shareGestionArray table .workspaceLine {
	background-color: #eeeeee;
}

#homeBase #HBboard .line #shareGestionArray .alignLeftCpt {
	text-align: left;
	padding-left: 35px;
}

#homeBase #HBboard .line #shareGestionArray .alignLeftWsp {
	text-align: left;
	padding-left: 10px;
	font-weight: bold;
}

#homeBase #HBboard .line #shareGestionArray .checkAll {
	padding: 7px;
	height: 100%;
}

#homeBase #HBboard .line #shareGestionArray .checkAll div {
	font-weight: normal;
	background-color: white;
	padding: 2px 5px;
	text-align: center;
	font-size: 14px;
	width: fit-content;
	max-width: none;
	margin: auto;
	color: grey;
	background-color: white;
	border: 1px solid lightgrey;
}

#homeBase #HBboard .line #shareGestionArray .checkAll div:hover {
	color: @eds-green;
	border: 1px solid @eds-green;
	cursor: pointer;
}


#homeBase #HBboard .line #shareGestionArray #editionButton {
	padding: 10px 80px;
	height: 100%;
	width: 210px;
	max-width: 210px;
	min-width: 210px;
}

#homeBase #HBboard .line #shareGestionArray #editionButton div {
	padding-left: 10px;
	font-weight: normal;
	background-color: white;
	width: 100%;
	max-width: 300px;
	padding: 3px 8px 4px;
	margin: auto;
	color: white;
	background-color: @eds-green;
}

#homeBase #HBboard .line #shareGestionArray #editionButton div i {
	border: none;
	border-radius: 0px;
	padding: 0px 0px 0px 4px;
	background-color: transparent;
	font-style: normal;
	font-weight: bold;
}

#homeBase #HBboard .line #shareGestionArray thead p {
	margin: 0px 0px 5px;
	padding: 0px;
	font-weight: normal;
}

#homeBase #HBboard .line #shareGestionArray .orgDiv p {
	font-weight: bold;
}

#homeBase #HBboard .line #shareGestionArray thead p i {
	border: none;
	border-radius: 0px;
	padding: 0px 0px 0px 4px;
	background-color: transparent;
	font-style: normal;
	font-weight: bold;
}

#homeBase #HBboard .line #shareGestionArray #editionButton div:hover {
	background-color: lightgrey;
	cursor: pointer;
}

#homeBase #HBboard .line #shareGestionArray .buttonColHeader {
	width: 110px;
}

#homeBase #HBboard .line #shareGestionArray i {
	border: 2px solid lightgrey;
	border-radius: 5px;
	padding: 0px 1px 2px;
	background-color: white;
}

#homeBase #HBboard .line #shareGestionArray .isShareOn {
	background-color: #6ec3af;
	margin: 0px;
	padding: 0px;
	border: 1px solid white;
}

#homeBase #HBboard .line #shareGestionArray .isShareOn i {
	border: 2px solid lightgrey;
	border-radius: 5px;
	padding: 0px 1px 2px;
	color: #6ec3af;
}

#homeBase #HBboard .line #shareGestionArray .isShareOff i {
	border: 2px solid lightgrey;
	border-radius: 5px;
	padding: 0px 1px 2px;
	color: white;
}

#homeBase #HBboard .line #shareGestionArray .fixeCol1 {
	width: 160px;
}

#homeBase #HBboard .line #shareGestionArray .fixeCol2 {
	width: 90px;
}

#specificForm {
	overflow-x: hidden;
	overflow-y: hidden;
	margin-top: 10px;
	padding: 5px;
	border: 1px dashed lightgray;
	border-radius: 5px;
}

#shareGestionArray.shareArrayRO .checkAll div {
	background-color: lightgray !important;
	font-style: italic;
	cursor: default;
}

#shareGestionArray.shareArrayRO tbody .icon-ok {
	background-color: lightgray !important;
	cursor: default;
}

#shareGestionArray.shareArrayRO tbody .isShareOff .icon-ok {
	color: lightgray !important;
	cursor: default;
}

#shareGestionArray.shareArrayRO .checkAll div:hover,
#shareGestionArray.shareArrayRO tbody .icon-ok:hover {
	color: grey !important;
	border: 1px solid lightgrey !important;

}

#shareGestionArray.shareArrayRO tbody .isShareOff .icon-ok:hover {
	color: lightgray !important;
	cursor: default;
}

#HBmyWorkspacesStatusSelectArea {
	position: absolute;
	top: 0px;
	right: 2px;
	left: 2px;
	height: 116px;
	background-color: rgb(245, 245, 245);
	font-size: 14px;
	font-family: @Calibri;
	border-bottom: 1px #c8c8c8 solid;
	z-index: 2;
}

#HBmyWorkspacesStatusSelectArea .filter-row {
	width: 100%;
	padding: 6px 0px 0px 0px;
	display: flex;
	justify-content: space-around;
}

#HBmyWorkspacesStatusSelectArea .search-row {
	width: 100%;
	padding: 6px 3px 0px 3px;
}

#HBmyWorkspacesStatusSelectArea div {
	width: 33%;
	margin: 0px 2px;
}

#HBmyWorkspacesStatusSelectArea select {
	height: 30px;
	min-height: 30px;
	padding: 0px 30px 0px 8px;
	outline: none;
	background: url(../../view/images/select-arrow.png) right center no-repeat;
	-webkit-appearance: none;
	appearance: none;
	width: 100%;
	border: 1px #c8c8c8 solid;
	border-radius: 3px;
	background-color: white;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#HBmyWorkspacesStatusSelectArea input {
	height: 30px;
	min-height: 30px;
	padding: 0px 30px 0px 8px;
	outline: none;
	-webkit-appearance: none;
	appearance: none;
	width: 100%;
	border: 1px #c8c8c8 solid;
	border-radius: 3px;
	background-color: white;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#HBmyWorkspacesArea {
	position: relative;
	padding-top: 35px;
}

.licenceBlock1 {
	width: 100%;
}

#centralSection.isoCentralSection {
	padding: 0px 65px 0px 65px;
}

#centralSection.isoCentralSection #centralSectionBody {
	padding: 5px 5px 10px 5px;
	height: inherit;
}

#isoBlock1 .axeHeader {
	display: flex;
}

#fixedLinkMultipleUp,
#fixedLinkMultipleUpValid,
#fixedLinkMultipleUpCancel {
	display: block;
	width: 65px;
	height: 65px;
	overflow: hidden;
	text-align: center;
	text-decoration: none;
	position: fixed;
	right: 0px;
	z-index: 81;
	cursor: pointer;
	border-top: 1px rgba(255, 255, 255, 0.25) solid;
}

#fixedLinkMultipleUp i,
#fixedLinkMultipleUpValid i,
#fixedLinkMultipleUpCancel i {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 26px;
	padding-top: 14px;
	overflow: hidden;
	color: white;
}

#fixedLinkMultipleUp {
	bottom: 130px;
	background-color: #6ec3af;
}

#fixedLinkMultipleUpValid {
	bottom: 130px;
	display: none;
	background-color: @eds-green;
}

#fixedLinkMultipleUpCancel {
	bottom: 65px;
	display: none;
	background-color: #d20000;
}

#form_3 #indicatorIso14001 .titleChp {
	margin-bottom: 10px;
}

#form_3 #indicatorIso14001 .guideline {
	border: 1px solid #e2e2e2;
	width: 100%;
	padding: 0px;
}

#form_3 #indicatorIso14001 .guideline .guidelineHeader {
	width: 100%;
	display: flex;
	background-color: #eeeeee;
	padding: 0px;
	background-color: rgba(0, 0, 0, 0.08);
	background-image: repeating-linear-gradient(-45deg, transparent, transparent 15px, rgba(0, 0, 0, 0.02) 15px, rgba(0, 0, 0, 0.02) 30px);
}

#form_3 #indicatorIso14001 .guideline .guidelineHeader .titleItem {
	font-size: 16px;
	color: black;
	font-family: Calibri;
	font-weight: BOLD;
	padding: 10px;
}

#form_3 #indicatorIso14001 .guideline .guidelineBody {
	width: 100%;
}

#form_3 #indicatorIso14001 .guideline .guidelineBody .action {
	width: 100%;
	padding: 0px;
	border-bottom: 1px dotted rgba(0, 0, 0, 0.4);
}

#form_3 #indicatorIso14001 .guideline .guidelineBody .actionHeader {
	padding: 0px;
	display: flex;
	font-weight: inherit;
	width: 100%;
}

#form_3 #indicatorIso14001 .guideline .guidelineBody .actionHeader .titleItem {
	padding: 10px;
}

#form_3 #indicatorIso14001 .guideline .guidelineBody .action:hover,
#form_3 #indicatorIso14001 .guideline .guidelineHeader:hover {
	background-color: @eds-green-25;
}

.label_information {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	height: 40px;
	margin-bottom: 15px;
	text-align: center;
	padding: 0px 15px 0px 15px;
	border: 1px #c8c8c8 solid;
	border-radius: 3px 3px 3px 3px;
	background-color: #fafafa;
	outline: none;
	line-height: 2.7em;
	font-size: 14px;
	color: #323232;
	overflow: hidden;
	cursor: default;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#myDBsButtonLine {
	max-height: 80px;
}

#impactListSearch {
	margin: 5px;
	border-radius: 5px;
	width: 100%;
	border: 1px #ccc solid;
	background-color: white;
	padding: 0px 10px;
}

input[name="impactUnit"]:disabled {
	background-color: #eee !important;
}

#conceptButtonBar {
	background-color: white;
	display: flex;
	border-radius: 5px;
	max-height: 100px;
	grid-area: head;
	margin-bottom: 10px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	justify-content: flex-end;
	padding-right: 20px;
}

#conceptButtonBar>a {
	display: inline-block;
	vertical-align: middle;
	height: 36px;
	padding: 8px 20px 8px 20px;
	border: 0;
	outline: none;
	border-radius: 3px;
	background-color: #91beb4;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	font-family: calibri, arial, sans-serif;
	color: white;
	cursor: pointer;
	-webkit-animation: opalineBGblur 0.25s ease-out;
	-ms-animation: opalineBGblur 0.25s ease-out;
	animation: opalineBGblur 0.25s ease-out;
	//float: right;
}

.redStar {
	color: #d20000 !important;
	padding: 0px !important;
	margin: 0px !important;
	font-style: normal !important;
}

#noV2OnThisWsp {
	height: 30px;
	width: inherit;
	padding: 7px 15px 0px 15px;
	border-radius: 3px;
	outline: none;
	font-family: calibri, arial, sans-serif;
	font-size: 14px;
	margin: 3px 3px 3px 0px;
}

.cantChangeConceptDuplication {
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.3);
	background-image: repeating-linear-gradient(45deg, transparent, transparent 15px, rgba(200, 200, 200, 0.2) 15px, rgba(200, 200, 200, 0.2) 30px);
	position: absolute;
	top: 0px;
	left: 0px;
}

#form_1 .label_file_button {
	display: block;
	height: 23px;
	width: auto;
	padding: 1px 8px;
	margin-top: 3px;
	text-align: left;
	font-family: calibri, arial, sans-serif;
	font-size: 14px;
	color: #323232;
	border: 1px solid #c8c8c8;
	border-radius: 5px;
	background-color: #fafafa;
}

#form_1 .label_file_button:hover {
	color: @eds-green-hover;
}

.graph_1.negativeValues {
	height: 600px;
}

.graph_1.negativeValues .gridLine {
	height: 5%;
}

.graph_1.negativeValues .gridLine.negative {
	padding-top: 11px;
	padding-left: 11px;
}

.graph_1.negativeValues .graph {
	bottom: 599px;
}

// ADMIN

#homeBase #HBboard .line #HBOrganisationArea,
#homeBase #HBboard .line #HBWorkspaceArea {
	font-family: calibri, arial, sans-serif;
	font-size: 14px;
	color: #323232;
	height: 100%;
	max-height: 100%;
}

#homeBase #HBboard .line #HBOrganisationArea #HBOrganisationList {
	width: 100%;
	overflow-y: scroll;
}

#homeBase #HBboard .line #HBOrganisationArea #HBOrganisationList .organisationArea {
	height: auto;
	margin: 10px 10px;
	border: 1px solid #aaa;
	border-radius: 2px;
}

#homeBase #HBboard .line #HBOrganisationArea #HBOrganisationList .organisationLine {
	height: auto;
	border: 1px solid #DDD;
	background-color: #DDD;
	display: flex;
	font-weight: bold;
	font-size: 14px;
	flex-basis: auto;
}

#homeBase #HBboard .line #HBOrganisationArea #HBOrganisationList .organisationLine:nth-child(n+2) {
	margin-top: 10px;
}

#homeBase #HBboard .line #HBOrganisationArea #HBOrganisationList .organisationLine .organisationImage {
	width: 110px;
	padding: 0px 5px;
	height: 35px;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	background-color: white;
}

#homeBase #HBboard .line #HBOrganisationArea #HBOrganisationList .organisationLine .organisationImage img {
	max-width: 100px;
	max-height: 35px;
	height: 100%;
	vertical-align: middle;
}

#homeBase #HBboard .line #HBOrganisationArea #HBOrganisationList .organisationLine .organisationData {
	display: flex;
	text-align: center;
	flex: 2 1 auto;
}

#homeBase #HBboard .line #HBOrganisationArea #HBOrganisationList .organisationLine .organisationData span:nth-child(1) {
	width: -moz-available;
	width: -webkit-fill-available;
	width: fill-available;
	text-align: left;
	padding: 0px 10px;
	padding-top: 8px;
}

#homeBase #HBboard .line #HBOrganisationArea #HBOrganisationList .organisationLine .organisationData span:nth-child(n+2) {
	width: 100px;
	min-width: 100px;
	border-left: 1px solid #aaa;
	padding-top: 8px;
}


#homeBase #HBboard .line #HBOrganisationArea #HBOrganisationList .organisationLine .organisationData span {
	padding: 0px 5px;
}

#homeBase #HBboard .line #HBOrganisationArea #HBOrganisationList .organisationLine .organisationData .organisationNbUsers {
	font-style: normal;
}

#homeBase #HBboard .line #HBOrganisationArea #HBOrganisationList .organisationLine .showUsersArea {
	float: right;
	width: 35px;
	text-align: center;
	padding-top: 7px;
	border-left: 1px solid #aaa;
}

#homeBase #HBboard .line #HBOrganisationArea #HBOrganisationList .organisationLine .organisationActions a {
	text-decoration: none;
	font-style: normal;
	color: #323232;
}

#homeBase #HBboard .line #HBOrganisationArea #HBOrganisationList .organisationLine .organisationActions a:hover {
	color: #626262;
}

#homeBase #HBboard .line #HBOrganisationArea #HBOrganisationList .usersArea {
	display: none;
}

#homeBase #HBboard .line #HBOrganisationArea #HBOrganisationList .userLine {
	display: flex;
	height: auto;
	border: 1px solid #CCCCCC;
	border-top: 0px solid #CCCCCC;
	height: 35px;
}

#homeBase #HBboard .line #HBOrganisationArea #HBOrganisationList .userLine.userDisactivated {
	background-color: #EEE;
	font-style: italic;
	color: #999;
}

#homeBase #HBboard .line #HBOrganisationArea #HBOrganisationList .userLine .userOwnership {
	width: 110px;
	padding: 0px 5px;
	height: 35px;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	padding-top: 5px;
}

#homeBase #HBboard .line #HBOrganisationArea #HBOrganisationList .userLine .userOwnership i {
	font-size: 20px;
}

#homeBase #HBboard .line #HBOrganisationArea #HBOrganisationList .userLine .userData {
	display: flex;
	text-align: center;
	flex: 2 1 auto;
}

#homeBase #HBboard .line #HBOrganisationArea #HBOrganisationList .userLine .userData span:nth-child(1) {
	width: -moz-available;
	width: -webkit-fill-available;
	width: fill-available;
	text-align: left;
	padding: 0px 10px;
	border-left: 1px solid #ddd;
	padding-top: 8px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#homeBase #HBboard .line #HBOrganisationArea #HBOrganisationList .userLine .userData span:nth-child(1) i.lastConnection {
	font-style: normal;
	color: #555;
}

#homeBase #HBboard .line #HBOrganisationArea #HBOrganisationList .userLine .userData span:nth-child(n+2) {
	width: 100px;
	min-width: 100px;
	border-left: 1px solid #ddd;
	padding-top: 8px;
}

#homeBase #HBboard .line #HBOrganisationArea #HBOrganisationList .userLine .userActions {
	display: flex;
	text-align: center;
	width: 185px;
	padding: 0px 40px;
	flex-basis: fit-content;
	font-size: 14px;
	padding-top: 7px;
	justify-content: center;
	border-left: 1px solid #ddd;
	color: #333;
}

#homeBase #HBboard .line #HBOrganisationArea #HBOrganisationList .userLine .userActions i:hover {
	color: #777;
	cursor: pointer;
}

#homeBase #HBboard .line #HBOrganisationArea #HBOrganisationList .userLine .userActions a,
#homeBase #HBboard .line #HBOrganisationArea #HBOrganisationList .userLine .userActions i {
	text-decoration: none;
	font-style: normal;
	color: #323232;
	margin: 0px 4px;
}

#homeBase #HBboard #HBOrganisationAreaHeader {
	height: 50px;
	max-height: 50px;
	min-height: 50px;
	text-align: center;
	font-family: calibri, arial, sans-serif;
	font-size: 16px;
	color: #323232;
	font-weight: bold;

	.row {
		height: auto;
		margin: 5px 15px;
		border: 1px solid #aaa;
		border-radius: 2px;
		display: flex;
		flex-direction: inherit;
		background-color: #BBB;
		text-align: center;
		margin-right: 33px;

		.orgImageHeader {
			padding-top: 8px;
			width: 120px;
			min-width: 110px;
			height: 100%;
			border-right: 1px solid #888;
		}

		.orgNameHeader {
			padding-top: 8px;
			width: -moz-available;
			width: -webkit-fill-available;
			width: fill-available;
			height: 100%;
			border-right: 1px solid #888;
		}

		.orgSmallHeader {
			padding-top: 8px;
			width: 100px;
			min-width: 100px;
			height: 100%;
			border-right: 1px solid #888;
		}

		.orgFinalHeader {
			padding-top: 8px;
			width: 185px;
			min-width: 185px;
			height: 100%;
		}
	}
}

.organisationActions {
	padding-top: 10px;
	width: 150px;
	text-align: center;
	padding-right: 5px;
	padding-left: 5px;
	border-left: 1px solid #aaa;
}

.organisationActions a {
	margin: 0px 5px 0px 5px;
}

#form_1 .input_ei_searsh {
	display: inline-block;
	vertical-align: top;
	width: 82%;
	height: 40px;
	margin-bottom: 15px;
	padding: 0px 15px 0px 15px;
	border-radius: 3px 0px 0px 3px;
	border: 1px @smooth-grey solid;
	outline: none;
	font-family: @Calibri;
	font-size: 14px;
}

#form_1 .item_ei {
	display: inline-block;
	width: 18%;
	height: 40px;
	margin-bottom: 30px;
	padding: 0px 10px 0px 10px;
	border-top: 1px @smooth-grey solid;
	border-bottom: 1px @smooth-grey solid;
	border-right: 1px @smooth-grey solid;
	border-left: 1px rgba(230, 230, 230, 1) solid;
	border-radius: 0px 3px 3px 0px;
	background-color: @old-white;
	overflow: hidden;
	line-height: 2.7em;
	font-size: 14px;
	font-family: @Calibri;
	color: rgba(80, 80, 80, 1);
	cursor: default;
}

#form_1 .item_ei:hover {
	background-color: #ddd;
	border-left: 1px solid #eee;
}

#form_1 .item_ei:active {
	background-color: #eee;
	border-left: 1px solid #f3f3f3;
}

#exportDataList:hover,
#exportImportModel:hover {
	cursor: pointer;
}

#isoASSelector {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	margin: 5px 0px;
	background-color: rgba(255, 255, 255, 0.7);
	box-shadow: 0px 0px 1px 2px rgb(0 0 0 / 5%);
	overflow: hidden;
	text-align: left;
	background-color: white;
	border: 0px @smooth-grey solid;
	text-align: center;
	height: 40px;
	min-height: 40px;
}

#isoASSelector.displayNone {
	display: none !important;
}

#isoASSelector .select_1 {
	height: 40px;
	min-height: 40px;
	padding: 0px 30px 0px 8px;
	outline: none;
	background: url(../images/select-arrow.png) right center no-repeat;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	text-indent: 1px;
	text-overflow: '';
	cursor: pointer;
	width: 100%;
	border: 1px @smooth-grey solid;
	text-align: center;

}

#isoASSelector .select_1:hover {
	box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.05);
	background: url(../images/select-arrow-over.png) right center no-repeat;
}

#isoASSelector .select_1:focus {
	box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.05);
	background: url(../images/select-arrow-focus.png) right center no-repeat;
}

#isoASSelector .select_1 option {
	padding: 12px 0px 12px 13px;
	border: 0;
}

#HBWorkspaceList {
	background-color: transparent;
	overflow-y: hidden;
	height: 100%;
	max-height: 100%;
	display: grid;
	margin-bottom: 5px;
	grid-template-rows: 30px 1fr;
	background-color: rgba(255, 255, 255, 0.7);
}

#HBWorkspaceSublist {
	height: auto;
}

#HBWorkspaceSublist::-webkit-scrollbar {
	display: none;
}

#HBWorkspaceSublist {
	-ms-overflow-style: none;
	scrollbar-width: none;
}

#homeBase #HBboard .line #HBWorkspaceArea.row {
	background-color: transparent;
	border-radius: 0px;
	border: 0px white solid;
	box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.05);
}

.workspaceManagementTitleLine {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 30px;
	border: 1px solid grey;
	background-color: lightgrey;
	padding: 2px 6px;
	display: flex;
	width: inherit;
	font-weight: bold;
	text-align: center;
}

.workspaceManagementLine {
	width: auto;
	height: 30px;
	border: 1px solid grey;
	border-top: 0px solid black;
	background-color: WHITE;
	padding: 2px 6px;
	display: flex;
	width: inherit;
}

.workspaceManagementLine:hover {
	background-color: lightyellow;
}

.workspaceManagementCheckbox {
	width: 60px;
	min-width: 60px;
	border-right: 1px solid #bbb;
	padding: 3px 6px 0px 0px;
	text-align: center;
}

.workspaceManagementTitleLine .workspaceManagementSelectAll {
	width: 26px;
	min-width: 26px;
	padding: 3px 0px 0px 3px;
	text-align: left;
	border-right: 1px solid #bbb;
}

.workspaceManagementSelectAll i,
.workspaceManagementRemove i,
.workspaceManagementActions i {
	cursor: pointer;
}

.workspaceManagementTitleLine .workspaceManagementRemove {
	width: 34px;
	min-width: 34px;
	padding: 3px 0px 0px 0px;
	text-align: left;
	border-right: 1px solid #bbb;
	text-align: center;
}

.workspaceManagementInformation {
	border-right: 1px solid #bbb;
	padding: 3px 5px;
	width: -moz-available;
	width: -webkit-fill-available;
	width: fill-available;
}

.workspaceManagementActions {
	width: 30px;
	min-width: 30px;
	padding: 3px 0px 0px 10px;
}

#displayWasteTypeList {
	font-size: 14px;
	width: calc(100% - 20px);
	border-spacing: 0;
	border-collapse: collapse;
	margin: 10px;
	border-radius: 5px;
	background-color: white;
	font-family: calibri, arial, sans-serif;
	border: 1px solid @smooth-grey;
}

#displayWasteTypeList tr:hover {
	background-color: lightyellow;
}

#displayWasteTypeList th {
	background-color: @eds-green-25;
	font-size: 20px;
	font-family: calibri, arial, sans-serif;
	margin: 10px 10px 0px 10px;
	padding: 10px;
	border-radius: 5px 5px 0px 0px;
	border-bottom: 1px solid @smooth-grey;
}

#displayWasteTypeList td {
	padding: 10px;
}

#displayWasteTypeList .centerColumn {
	text-align: center;
	font-weight: bold;
	padding-left: 1px;
	width: 50px;
}

// #### Workspace Mangement - START ####

// Global Actions Area

#homeBase #HBboard #databaseManagementGlobalActionsArea {
	height: 36px;
	max-height: 36px;
	min-height: 36px;
	margin: 5px;
}

#homeBase #HBboard #databaseManagementLoader {
	display: none;
	margin-left: 15px;

	.lds-ellipsis {
		display: inline-block;
		position: relative;
		width: 20px;
		height: 20px;
	}

	.lds-ellipsis div {
		position: absolute;
		top: 10px;
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background: #fff;
		animation-timing-function: cubic-bezier(0, 1, 1, 0);
	}

	.lds-ellipsis div:nth-child(1) {
		left: 4px;
		animation: lds-ellipsis1 0.6s infinite;
	}

	.lds-ellipsis div:nth-child(2) {
		left: 4px;
		animation: lds-ellipsis2 0.6s infinite;
	}

	.lds-ellipsis div:nth-child(3) {
		left: 16px;
		animation: lds-ellipsis2 0.6s infinite;
	}

	.lds-ellipsis div:nth-child(4) {
		left: 25px;
		animation: lds-ellipsis3 0.6s infinite;
	}

	@keyframes lds-ellipsis1 {
		0% {
			transform: scale(0);
		}

		100% {
			transform: scale(1);
		}
	}

	@keyframes lds-ellipsis3 {
		0% {
			transform: scale(1);
		}

		100% {
			transform: scale(0);
		}
	}

	@keyframes lds-ellipsis2 {
		0% {
			transform: translate(0, 0);
		}

		100% {
			transform: translate(18px, 0);
		}
	}
}

#homeBase #HBboard #databaseManagementGlobalActionsArea button,
#homeBase #HBboard #databaseManagementGlobalActionsArea a {
	display: inline-block;
	vertical-align: middle;
	height: 36px;
	padding: 8px 20px 8px 20px;
	border: 0;
	outline: none;
	border-radius: 3px;
	background-color: #91beb4;
	box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.05) inset;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	font-family: calibri, arial, sans-serif;
	color: white;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
	cursor: pointer;
	-webkit-animation: opalineBGblur 0.25s ease-out;
	-ms-animation: opalineBGblur 0.25s ease-out;
	animation: opalineBGblur 0.25s ease-out;
}

#homeBase #HBboard #databaseManagementGlobalActionsArea button:hover,
#homeBase #HBboard #databaseManagementGlobalActionsArea a:hover {
	background-color: #4b7d78;
	color: white;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0) inset;
	-webkit-animation: opalineBGhover 0.25s ease-out;
	-ms-animation: opalineBGhover 0.25s ease-out;
	animation: opalineBGhover 0.25s ease-out;
}

// Filter Area

#homeBase #HBboard #databaseManagementFilterArea {
	height: 90px;
	max-height: 90px;
	min-height: 90px;
	font-size: 14px;
	font-family: @Calibri;
	overflow: initial;
}

#homeBase #HBboard #databaseManagementFilterArea .row {
	border: 0;
	overflow: initial;
	border: 1px #bebebe solid;
}

#databaseManagementFilterArea #selectAreaLine {
	height: 40px;
	border-bottom: 1px #bebebe solid;
	display: flex;
}

#databaseManagementFilterArea #leftSelectArea,
#databaseManagementFilterArea #middleSelectArea {
	border-right: 1px solid #bebebe;
}

#databaseManagementFilterArea #leftSelectArea,
#databaseManagementFilterArea #middleSelectArea,
#databaseManagementFilterArea #rightSelectArea {
	width: 33.33%;
	width: calc(100% / 3);
	text-align: center;
}


#databaseManagementFilterArea #leftSelectArea #selectedType,
#databaseManagementFilterArea #middleSelectArea #selectedBase,
#databaseManagementFilterArea #rightSelectArea #selectedScope {
	padding-top: 2px;
	height: 100%;
	background: url(../images/select-arrow.png) right center no-repeat;
	background-color: white;
	text-align: center;
	line-height: 2.6em;
	font-size: 14px;
	font-family: calibri, arial, sans-serif;
	color: #727272;
	cursor: pointer;
}

#databaseManagementFilterArea #leftSelectArea #selectedType:hover,
#databaseManagementFilterArea #middleSelectArea #selectedBase:hover,
#databaseManagementFilterArea #rightSelectArea #selectedScope:hover {
	box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.3);
	background: url(../images/select-arrow-over.png) right center no-repeat;
	background-color: white;
	color: @eds-green;
}

#databaseManagementFilterArea #leftSelectArea #selectedType:focus,
#databaseManagementFilterArea #middleSelectArea #selectedBase:focus,
#databaseManagementFilterArea #rightSelectArea #selectedScope:focus {
	box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.3);
	background: url(../images/select-arrow-focus.png) right center no-repeat;
	background-color: white;
	color: @eds-green;
}

#databaseManagementFilterArea #leftSelectArea #otherTypeOptions,
#databaseManagementFilterArea #middleSelectArea #otherBaseOptions,
#databaseManagementFilterArea #rightSelectArea #otherScopeOptions {
	z-index: 1;
	display: grid;
	position: relative;
	top: 0px;
	left: -1px;
	right: -1px;
	border: 1px solid @eds-green-hover;
	overflow: hidden;
	border-radius: 0px 0px 3px 3px;
	border: 1px #bebebe solid;
	width: -moz-calc(100% + 2px);
	width: -webkit-calc(100% + 2px);
	width: -o-calc(100% + 2px);
	width: calc(100% + 2px);
	cursor: pointer;
	display: none;
	color: #727272;
}

.databaseManagementInfo {
	display: inline-block;
	vertical-align: top;
	width: 62%;
	height: 40px;
	margin-bottom: 15px;
	padding: 0px 15px 0px 15px;
	border: 1px @smooth-grey solid;
	border-radius: 0px 3px 3px 0px;
	outline: none;
	font-family: @Calibri;
	font-size: 14px;
	;
}

#databaseManagementFilterArea #leftSelectArea #otherTypeOptions span,
#databaseManagementFilterArea #middleSelectArea #otherBaseOptions span,
#databaseManagementFilterArea #rightSelectArea #otherScopeOptions span {
	display: block;
	width: 100%;
	height: 40px;
	padding: 3px 10px 0px 10px;
	text-decoration: none;
	font-family: calibri, arial, sans-serif;
	font-size: 14px;
	line-height: 2.6em;
	color: #727272;
	border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
	background-color: #f0f0f0;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

#databaseManagementFilterArea #leftSelectArea #otherTypeOptions span:hover,
#databaseManagementFilterArea #middleSelectArea #otherBaseOptions span:hover,
#databaseManagementFilterArea #rightSelectArea #otherScopeOptions span:hover {
	color: @eds-green-hover;
}

#databaseManagementFilterArea input {
	height: 40px;
	border: 0;
	border-bottom: 1px #bebebe solid;
	padding: 0px 10px;
	min-height: 40px;
}

// Data List Area

#homeBase #HBboard #databaseManagementListArea {
	font-family: calibri, arial, sans-serif;
	font-size: 14px;
	border: 0;
	background-color: transparent;
	box-shadow: none;
}

#homeBase #HBboard #databaseManagementListArea #fixTitlesArea {
	font-weight: bold;
	border-bottom: 1px #aeaeae solid;
	background-color: #eee;
	padding-right: 17px;
}

#homeBase #HBboard #databaseManagementListArea #dataList {
	overflow-y: scroll;
}

#databaseManagementListArea .displayData {
	background-color: WHITE;
	border-radius: 4px 0px 0px 4px;
	border-top: 1px #dedede solid;
}

#databaseManagementListArea #dataList .displayData {
	margin-top: 3px;
}

#databaseManagementListArea .displayData .visiblePart {
	display: flex;
	height: 40px;
}

#databaseManagementListArea #dataList .displayData .visiblePart:hover {
	background-color: @eds-green-25;
}

#databaseManagementListArea #dataList .displayData .visiblePart:active {
	background-color: @eds-green-50;
}

#databaseManagementListArea .displayData .visiblePart .dataUnit {
	width: 75px;
	min-width: 75px;
	padding-top: 11px;
	padding-right: 15px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
}

#databaseManagementListArea .displayData .visiblePart .dataType {
	width: 140px;
	min-width: 140px;
	padding-top: 11px;
	padding-right: 15px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
}

#databaseManagementListArea .displayData .visiblePart .dataModuleD {
	width: 20px;
	min-width: 20px;
	padding-top: 11px;
	cursor: pointer;
	text-align: center;
	font-weight: bold;
}

#databaseManagementListArea .displayData .visiblePart .dataAction {
	width: 80px;
	min-width: 80px;
	padding-top: 11px;
	padding-right: 5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: default;
	text-align: center;
}

#databaseManagementListArea .displayData .visiblePart .dataAction a {
	color: #777;
	text-decoration: none;
	font-size: 15px;
	margin-right: 10px;
	cursor: pointer;
}

#databaseManagementListArea .displayData .visiblePart .dataAction a.disabled {
	color: lightgrey;
	cursor: not-allowed;
}

#databaseManagementListArea .displayData .visiblePart .dataAction a:hover {
	color: #222;
}

#databaseManagementListArea .displayData .visiblePart .dataAction a.disabled:hover {
	color: lightgrey;
}

#databaseManagementListArea .displayData:hover .visiblePart .dataAction a {
	display: initial;
}

#databaseManagementListArea .displayMaterialList .visiblePart .dataClass,
#databaseManagementListArea .displayProcessList .visiblePart .dataClass {
	width: 25%;
	min-width: 25%;
	padding-top: 11px;
	padding-right: 15px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;

	.highlight-str {

		display: inline-block;
		border-radius: 3px;
		padding: 0px 2px;
		background-color: lightblue;

		&:hover {
			font-weight: bold;
		}

	}

}

#databaseManagementListArea .displayMaterialList .visiblePart .dataOrg,
#databaseManagementListArea .displayProcessList .visiblePart .dataOrg {
	width: 15%;
	min-width: 15%;
	padding-right: 15px;
	padding-top: 11px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
}

#databaseManagementListArea .displayData .visiblePart .dataName {
	width: -moz-available;
	width: -webkit-fill-available;
	width: fill-available;
	padding-right: 15px;
	padding: 11px 10px 0px 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;

	.highlight-str {

		display: inline-block;
		border-radius: 3px;
		padding: 0px 2px;
		background-color: lightblue;

		&:hover {
			font-weight: bold;
		}

	}

}

#databaseManagementListArea .displayData .hiddenPart {
	display: none;
	text-align: center;
}

#databaseManagementListArea .displayData .hiddenPart>div {
	display: flex;
}

#databaseManagementListArea .displayData .hiddenPart .shortTitleLine {
	padding-top: 1px;
	background-color: #efefef;
	height: 21px;
	color: BLACK;
	border-top: 1px #bebebe solid;
	border-bottom: 1px #bebebe solid;
}

#databaseManagementListArea .displayData .hiddenPart .shortTitleLine div {
	border-right: 1px #bebebe solid;
}

#databaseManagementListArea .displayData .hiddenPart .dataLine {
	padding-top: 4px;
	height: 26px;
	color: #777;
}

#databaseManagementListArea .displayData .hiddenPart .oneDiv div {
	width: 100%;
}

#databaseManagementListArea .displayData .hiddenPart .twoDiv div {
	width: 50%;
}

#databaseManagementListArea .displayData .hiddenPart .threeDiv div {
	width: 33.33%;
	width: calc(100% / 3);
}

// Pagination

#homeBase #HBboard #databaseManagementPaginationArea {
	min-height: 51px;
	height: 51px;
	max-height: 51px;

	a {
		cursor: pointer;
		color: #777;
		text-decoration: none;
		font-size: 15px;
		margin-right: 10px;
		font-weight: bold;
	}

	a:hover {
		color: #222;
	}
}

#databaseManagementPaginationArea #paginationline {
	height: 40px;
	display: flex;
	margin-left: 10px;
}

#rangeValueArea {
	font-family: calibri, arial, sans-serif;
	text-align: center;
	font-size: 16px;
	width: 120px;
	display: flex;

	#pageInfo {
		display: flex;
		padding: 10px;
	}

	#pageButtons {
		padding: 5px;
	}
}

#rangeValue {
	margin-left: 4px;
}

#rangeValue,
#maxRangeValue {
	font-style: normal;
}

#homeBase #HBboard #paginationline .slidecontainer {
	text-align: center;
	width: -moz-available;
	width: -webkit-fill-available;
	width: fill-available;
}

#homeBase #HBboard #databaseManagementPaginationArea .row {
	border: 0px;
}

/* Mouse-over effects */
.slider:hover {
	opacity: 1;
	/* Fully shown on mouse-over */
}

.slider {
	-webkit-appearance: none;
	appearance: none;
	margin-top: 15px;
	width: 98%;
	height: 9px;
	border-radius: 5px;
	background: #d3d3d3;
	outline: none;
	opacity: 0.7;
	-webkit-transition: .2s;
	transition: opacity .2s;
}

.slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	appearance: none;
	width: 8px;
	height: 25px;
	border-radius: 5px;
	background: #555;
	cursor: pointer;
}

.slider::-moz-range-thumb {
	width: 10px;
	height: 25px;
	background: @eds-green-hover;
	cursor: pointer;
}

// Management forms

.flexContainer {
	display: flex;
}

#form_1 .input_spe_1 {
	width: 100%;
	height: 40px;
	padding: 0px 15px 0px 15px;
	border-right: 1px @smooth-grey solid;
	border-left: 1px @smooth-grey solid;
	border-bottom: 1px @smooth-grey solid;
	border-top: 0;
	outline: none;
	font-family: @Calibri;
	font-size: 14px;
}

#form_1 .label_spe_1 {
	display: inline-block;
	padding: 10px 10px 5px 10px;
	text-align: left;
	color: rgba(130, 130, 130, 1);
	font-size: 14px;
	font-family: @Calibri;
	overflow: hidden;
	cursor: default;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-bottom: 1px solid rgba(130, 130, 130, 1);
	margin: 15px 60% 15px 10px;
	width: 60%;
}

#form_1 .label_spe_3 {
	display: flex;
	justify-content: center;
	align-content: center;
	flex-direction: column;
	vertical-align: top;
	width: 21%;
	overflow: hidden;
	max-height: 40px;
	min-height: 40px;
	margin-bottom: 15px;
	padding: 0px 15px 0px 15px;
	border-top: 1px @smooth-grey solid;
	border-left: 1px @smooth-grey solid;
	border-bottom: 1px @smooth-grey solid;
	border-radius: 3px 0px 0px 3px;
	background-color: @old-white;
	outline: none;
	text-align: left;
	max-height: max-content;
	font-size: 14px;
	font-family: @Calibri;
	color: @dark-grey;
	cursor: default;
}

#form_1 .label_spe_2 {
	justify-content: center;
	align-content: center;
	flex-direction: column;
	vertical-align: top;
	width: 80%;
	min-height: 40px;
	max-height: max-content;
	margin-bottom: 15px;
	padding: 10px 15px 0px 15px;
	border-top: 1px @smooth-grey solid;
	border-left: 1px @smooth-grey solid;
	border-bottom: 1px @smooth-grey solid;
	border-radius: 3px 0px 0px 3px;
	background-color: @old-white;
	outline: none;
	text-align: left;
	font-size: 14px;
	font-family: @Calibri;
	color: @dark-grey;
	cursor: default;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

	i {
		margin: initial;
		display: initial;
		vertical-align: initial;
		font-size: 14px;
		color: #323232;
	}
}

#form_1 .input_spe_2 {
	display: flex;
	justify-content: center;
	align-content: center;
	flex-direction: column;
	vertical-align: top;
	width: 30%;
	min-height: 40px;
	margin-bottom: 15px;
	padding: 0px 15px 0px 15px;
	border: 1px @smooth-grey solid;
	border-radius: 0px 3px 3px 0px;
	outline: none;
	font-family: @Calibri;
	font-size: 14px;
	text-align: left;
}

#form_1 .input_spe_3 {
	display: flex;
	justify-content: center;
	align-content: center;
	flex-direction: column;
	vertical-align: top;
	width: 80%;
	min-height: 40px;
	margin-bottom: 15px;
	padding: 0px 15px 0px 15px;
	border: 1px @smooth-grey solid;
	border-radius: 3px;
	outline: none;
	font-family: @Calibri;
	font-size: 14px;
	text-align: left;
}

#form_1 .input_spe_4 {
	display: flex;
	justify-content: center;
	align-content: center;
	vertical-align: top;
	width: 31%;
	min-height: 40px;
	margin-bottom: 15px;
	padding: 0px 15px 0px 15px;
	border: 1px @smooth-grey solid;
	border-radius: 0px 3px 3px 0px;
	outline: none;
	font-family: @Calibri;
	font-size: 14px;
	text-align: left;

	&#periodStart {
		border-radius: 0px 0px 0px 3px;
	}

	&#periodEnd {
		border-radius: 0px 0px 3px 0px;
	}
}

// #### Workspace Mangement - END ####

.dashboardArea {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
}

.dashboardCell {
	width: 49.2%;
	background-color: white;
	margin-bottom: 10px;
}

.icon-info-sign[title]:hover::after {
	text-overflow: inherit;
}

#form_1 label #consumableUnit,
#form_1 label #displayProcessUnit {
	font-style: normal;
	font-size: 14px;
	color: #323232;
	margin: 0px;
	padding-bottom: 0px;
}

.methodDef {
	font-size: 16px;
	font-family: calibri, arial, sans-serif;
	margin: 0px 10px 10px 10px;
	padding: 10px;
	border-radius: 0px 0px 5px 5px;
	background-color: white;
	border: 1px solid @smooth-grey;
	border-top: 0;
}

.methodDef div {
	margin-top: 10px;
	padding: 0px 10px 10px 10px;
	border-bottom: 1px solid @smooth-grey;
	line-height: 20px;
}

.methodDef div:last-child {
	margin-top: 10px;
	padding-bottom: 10px;
	border-bottom: 0;
}

.methodsDefReference {
	font-size: 20px;
	font-family: calibri, arial, sans-serif;
	margin: 10px 10px 0px 10px;
	padding: 10px;
	border-radius: 5px 5px 0px 0px;
	background-color: @eds-green-25;
	border: 1px solid @smooth-grey;
	font-weight: bold;
}

#chroma-mode {
	display: block;
	margin-bottom: 20px;
	text-align: right;

	label {
		display: inline-block;
		vertical-align: middle;
		margin-right: 8px;
		font-size: 16px;
		font-family: @Calibri;
	}

	a {
		display: inline-block;
		vertical-align: middle;
		width: 25px;
		height: 25px;
	}

	a:first-of-type {
		border-radius: 4px 0px 0px 4px;
		background-color: rgba(60, 60, 60, 1);
		margin-right: 3px;
	}

	a:last-of-type {
		border-radius: 0px 4px 4px 0px;
		background-color: rgba(60, 60, 60, 1);
		background: repeating-linear-gradient(-45deg, rgba(120, 120, 120, 1), rgba(120, 120, 120, 1) 5px, rgba(60, 60, 60, 1) 5px, rgba(60, 60, 60, 1) 12px);
	}

	.selected,
	a:hover {
		box-shadow: 0px 0px 0px 3px @eds-soft-opaline;
	}
}

.swot textarea {
	resize: vertical !important;
}

#buttonsContainer.userDashboardActions {
	padding: 0px 3px;
	display: flex;
	justify-content: space-around;

	a {
		width: 50%;
		margin: 0.4%;
		border-radius: 5px;
		padding-top: 4px;
		background-color: @eds-green;
		font-size: 18px;
		font-weight: normal;
		font-family: calibri, arial, sans-serif;
		color: WHITE;
		text-decoration: none;
		text-align: center;

		&:hover {
			background-color: @eds-green-hover;
		}
	}
}

#homeBase #HBboard .indicatorUpLine {
	min-height: 52px;
	max-height: 52px;
}

#dashboardMainArea {
	margin: 5px;
	padding: 5px;
	background-color: rgba(255, 255, 255, 0.7);
	border-radius: 3px;
	border: 1px white solid;
	box-shadow: 0px 0px 1px 2px rgba(0, 0, 0, 0.05);
	height: inherit;
	overflow-y: scroll;
	padding-bottom: 70px;
}

/* Normalization */
#normlization-management-button {
	display: inline-block;
	padding: 8px 12px;
	border-radius: 4px;
	font-size: 14px;
	font-family: calibri, arial, sans-serif;
	color: #2D796D;
	background-color: white;
	border: 1px #2D796D solid;
	cursor: pointer;

	&:hover {
		background-color: #2D796D;
		color: white;
	}
}

#normalization-management-form {
	display: none;
	width: 100%;
	height: 100%;
	padding: 50px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999999;
	font-family: @Calibri;

	.window-escape {
		display: block;
		width: 100%;
		height: 100%;
		background: url(../images/polygons-bg-lines.png) no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		opacity: 0.85;
		position: fixed;
		top: 0;
		left: 0;
	}

	.form-wrapper {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		width: 100%;
		height: 100%;
		border-radius: 5px;
		background-color: white;
		box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
		overflow: hidden;
		position: relative;
		z-index: 1;
	}

	.top-bar {
		flex-grow: 1;
		width: 100%;
		height: 24px;
		min-height: 24px;
		max-height: 24px;
		text-align: right;
		padding: 0px 15px;

		.icon-remove,
		.icon-remove:active {
			display: inline-block;
			width: 24px;
			height: 24px;
			padding: 4px;
			margin-right: 0px;
			border-radius: 0px 0px 3px 3px;
			background-color: rgba(80, 80, 80, 1);
			box-shadow: 0px -2px 0px 2px rgba(0, 0, 0, 0.2) inset;
			font-size: 12px;
			color: white;
			text-decoration: none;
			text-align: center;
			cursor: pointer;
		}

		.icon-remove:hover {
			background-color: red;
		}
	}

	.form-title {
		flex-grow: 1;
		width: 100%;
		height: 55px;
		min-height: 55px;
		max-height: 55px;
		padding: 10px;
		font-size: 16px;
		text-align: center;
		color: black;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		cursor: default;
	}
}

.templateKPI .evolution-table {
	width: 100%;
	height: 100%;
	font-size: 14px;
	font-family: Calibri;
	color: rgb(110, 110, 110);

	tr {
		td {
			padding: 5px;
			border-bottom: 1px solid #e1e1e1;
			border-right: 1px solid #e1e1e1;
			min-height: 65px;
			height: 40px;
		}

		td:first-child {
			text-align: left;
		}

		td:last-child {
			text-align: center;
			border-right: 0;
		}
	}

	tr:last-child {
		td {
			border-bottom: 0;
		}
	}
}

#importXlsxBomChoices {
	padding: 0px;
	margin-bottom: 15px;
	border-radius: 3px;
	border: 1px #c8c8c8 solid;
	outline: none;
	font-family: calibri, arial, sans-serif;
	font-size: 14px;
	width: 100%;

	tr {
		td {
			border-bottom: 1px #e8e8e8 solid;
		}

		td:first-child {
			text-align: left;
			padding-left: 10px;
		}

		td:last-child {
			padding-top: 1px;
			border-left: 1px #e8e8e8 solid;
			width: 100px;
		}
	}

	tr:last-child {
		td {
			border-bottom: 0;
		}
	}

	tr:hover {
		td {
			background-color: #eee;
		}
	}
}

.formRadioChoice {
	display: flex;
	font-family: calibri, arial, sans-serif;
	font-size: 14px;
}

.acv-list-main-section {
	width: 100%;
	font-family: calibri, arial, sans-serif;
	font-size: 16px;
	border: 1px rgba(0, 0, 0, 0.1) solid;
	border-radius: 3px;
	padding: 20px;

	.acv-element-section {
		.acv-element-header:hover {

			background-color: #ddd;

		}

		.acv-element-header {
			display: flex;
			height: 40px;

			.acv-element-header-data {
				padding: 10px;
			}

			.acv-element-header-actions {
				margin-left: auto;
				display: flex;
				width: auto;
				font-size: 16px;
				justify-content: flex-end;

				a:hover {
					background-color: #eee;
				}

				a {
					width: 40px;
					text-align: center;
					border-left: 1px solid #ccc;
					padding-top: 11px;
					text-decoration: none;
				}

				a.full-text-action {
					width: max-content;
					padding: 10px;
					display: flex;
					text-decoration: none;
					color: #323232;

					i {
						margin-right: 8px;
					}
				}
			}
		}

		.acv-element-body {
			.acv-empty-message {
				height: 40px;
				padding: 10px;
				font-style: italic;
				color: #bbb;
			}
		}
	}

	.focus-section>.acv-element-header {
		margin: 20px 0px 5px 0px;
		border-bottom: 1px #969696 solid;
		font-family: calibri, arial, sans-serif;
		font-size: 16px;
		font-weight: bold;
		color: #969696;
		cursor: default;

		a {
			border-left: 1px #969696 solid !important;
		}
	}

	.focus-section>.acv-element-header:hover {
		background-color: inherit;
	}

	.acv-empty-message {
		text-align: left !important;

		p {
			margin: 0 !important;
			padding: 0 !important;
		}
	}
}

.subset-section {
	margin: 20px 0px;
	border-radius: 3px;
}

.subset-section {
	border: 1px #c6c6c6 solid;

	>.acv-element-header {
		border-bottom: 1px #c6c6c6 solid;
		background-color: @eds-green-25;
		font-family: calibri, arial, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #323232;
		cursor: default;

		.acv-element-header-actions {
			a {
				color: #323232;
			}
		}
	}
}

.component-section,
.concept-used-as-component-section {
	border: 1px #dedede solid;
	border: 1px rgba(0, 0, 0, 0.1) solid;
	border-radius: 3px;
	margin: 10px;

	.add-element-link {
		a {
			margin-bottom: 10px;
		}
	}

	>.acv-element-header,
	>.acv-element-header {
		border-bottom: 1px #d0d0d0 solid;
		background-color: @eds-green-5;
		cursor: default;

		.acv-element-header-data {
			display: flex;
			width: 100%;
			justify-content: space-between;

			span:first-child {
				padding-left: 0px;
			}
		}

		.acv-element-header-actions {
			a {
				color: #323232;
			}
		}
	}

	>.acv-element-body {
		>.acv-element-section:not(:first-child) {
			border-top: 1px rgba(0, 0, 0, 0.1) solid;
		}
	}
}

.material-section,
.process-section {
	.acv-element-header:hover {
		background-color: #eee !important;
	}

	>.acv-element-header {
		.acv-element-header-data {
			display: flex;
			width: 100%;
			justify-content: space-between;
			color: #6e6e6e;

			span:first-child {
				padding-left: 15px;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				max-width: 80%;

				span {
					padding-left: 0px;
					font-style: normal;
					color: #aaaaaa;

					i {
						font-size: 14px;
					}
				}
			}
		}

		.acv-element-header-actions {
			a {
				color: #6e6e6e;
			}
		}
	}
}

.material-section:hover,
.process-section:hover {
	background-color: #eee;
}

.semi-aggregated-section>.acv-element-header {
	height: 30px !important;

	.acv-element-header-data {
		color: #aaaaaa;
		padding: 0px !important;

		span:first-child {
			padding-left: 45px;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			max-width: 80%;

			span {
				padding-left: 0px;
				font-style: normal;
				color: #aaaaaa;

				i {
					font-size: 14px;
				}
			}
		}
	}

	.acv-element-header-actions {
		a {
			color: #6e6e6e;
		}
	}
}

.add-element-link {
	font-family: calibri, arial, sans-serif;
	font-size: 16px;
	border-radius: 5px;
	width: fit-content;
	display: flex;

	a {
		padding: 10px;
		display: flex;
		text-decoration: none;
		color: #323232;
		border: 1px #d0d0d0 solid;
		margin: 10px 0px 0px 10px;
		border-radius: 5px;

		i {
			margin-right: 8px;
		}
	}
}

.add-element-link.add-subset-link a {
	margin-left: 0px;
}

.acv-fixed-buttons-area {
	display: flex;
	padding: 10px;
	width: fit-content;
	position: absolute;
	bottom: 60px;
	right: 105px;
	z-index: 0;
	justify-content: space-between;
	border: 1px solid rgba(0, 0, 0, 0.25);
	box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.1);
	padding: 0px;

	.acv-fixed-button:hover {
		background-color: #eee;

		i {
			color: rgba(0, 0, 0, 0.75);
		}
	}

	.acv-fixed-button {
		display: block;
		width: 55px;
		height: 55px;
		overflow: hidden;
		text-align: center;
		cursor: pointer;
		background-color: #fafafa;
		border-left: 1px solid rgba(0, 0, 0, 0.15);

		i {
			display: block;
			width: 100%;
			height: 100%;
			font-size: 24px;
			padding-top: 11px;
			overflow: hidden;
			color: rgba(0, 0, 0, 0.50);
		}

		input {
			display: block;
			width: 100%;
			height: 100%;
			outline: 0;
			border: 0;
			position: relative;
			bottom: 100%;
			opacity: 0;
			cursor: pointer;
		}
	}

	.acv-fixed-button:first-child {
		border-left: 0;
	}

	#swap-every-eol-auto {
		width: auto;
		padding: 0px 20px;
		margin-left: auto;
		height: 70%;
		z-index: 1;

		i {
			font-size: 18px;
			padding-top: 5px;
			padding-bottom: 5px;
			font-style: normal;
			font-family: calibri, arial, sans-serif;
		}
	}
}

/* Bom section */

#bomSection {
	width: 90%;
	min-width: 300px;
	height: 100%;
	padding: 10px;
	margin: 20px 0px 20px 0px;
	outline: none;
	background-color: white;
	border-radius: 3px;
	overflow: hidden;
	text-align: center;
	text-decoration: none;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}

.matTabs {
	display: block;
	width: 100%;
	padding: 5px 0px 10px 0px;
	text-align: left;
	color: @dark-grey;
}

.matTab:hover {
	box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.1);
	border: 1px rgba(0, 0, 0, 0.3) solid;
	border-bottom-width: 5px;
}

.hoverMatTab {
	display: inline-block;
	vertical-align: bottom;
	width: 44px;
	height: 44px;
	margin: 1px;
	padding: 15px 4px 4px 4px;
	border-radius: 2px;
	border: 1px rgba(0, 0, 0, 0.1) solid;
	border-bottom-style: solid;
	border-bottom-width: 5px;
	box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.1);
	cursor: pointer;
}

.hoverMatTab span,
.matTab span {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	font-family: @Calibri;
	font-size: 12px;
	text-align: center;
	line-height: 9pt;
}

.materialsHelp {
	display: inline-block;
	vertical-align: middle;
	margin-top: 5px;
	padding: 10px 0px 5px 0px;
	font-size: 16px;
	color: rgba(0, 0, 0, 0.2);
	cursor: pointer;
}

.materialsHelp2 {
	display: left;
	padding: 0px 0px 5px 0px;
	font-size: 16px;
	color: rgba(0, 0, 0, 0.2);
	cursor: pointer;
	margin: 22px 5px;
}

.materialsHelp:hover {
	color: rgba(0, 0, 0, 0.35);
}

.materialsHelp2:hover {
	color: rgba(0, 0, 0, 0.35);
}

h3 {
	display: inline-block;
	width: 100%;
	margin: 0px;
	padding: 0px 40px 10px 0px;
	font-size: 14px;
	font-weight: normal;
	font-family: @Calibri;
	color: @dark-grey;
	cursor: default;
}

#titleIcon {
	display: inline-block;
	vertical-align: middle;
	margin: 5px 10px 0px 5px;
	padding-left: 5px;
	font-size: 22px;
	color: rgba(0, 0, 0, 0.2);
}

#title {
	display: inline-block;
	width: 100%;
	min-width: 300px;
	height: 40px;
	margin: 10px 0px 0px 0px;
	border: 0px rgba(255, 255, 255, 0.1) solid;
	border-radius: 2px;
	box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.2);
	overflow: hidden;
	text-align: right;
}

#title .header {
	display: inline-block;
	vertical-align: middle;
	margin: 12px 0px 0px 0px;
	padding: 0px 40px 0px 0px;
	font-size: 16px;
	font-weight: normal;
	font-family: @Calibri;
	color: @dark-grey;
	cursor: default;
}

#title div {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	overflow: hidden;
	background: radial-gradient(ellipse at left top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.2));
	text-align: left;
	cursor: default;
}

#title img {
	display: inline-block;
	position: relative;
	bottom: 40px;
	opacity: 1;
}

#window_1 .categoryName {
	display: block;
	width: 100%;
	padding: 30px 20px 10px 10px;
	margin: 0px 0px 5px 0px;
	border-bottom: 1px rgba(150, 150, 150, 1) solid;
	font-family: @Calibri;
	font-size: 16px;
	font-weight: bold;
	color: rgba(150, 150, 150, 1);
	cursor: default;
}

.formCreateDatabase #form_1 {

	#form_1 label i.icon-pin,
	.icon-pin {
		vertical-align: sub;
		margin-left: 8px;
		margin-right: 5px;
		font-size: 16px;
		color: @eds-green;
		font-weight: bold;
		align-self: center;
	}

	#form_1 label i.icon-pin:hover,
	.icon-pin:hover {
		color: #222;
	}

	div.divOldValue {
		position: relative;
		display: inline-block;
		z-index: 10000;
		margin-bottom: 15px;
		font-size: 12px;
		display: flex;

		.hiddenSpan {
			display: none;
			z-index: 10000;
			background-color: rgba(245, 245, 245, 1);
			border: none;
			min-height: 40px;
			min-width: 100px;
			border-radius: 3px;
			padding-top: 11px;
			padding-bottom: 8px;
		}
	}

	div.divOldValue:hover {
		.hiddenSpan {
			display: inline-block;
			cursor: text
		}

		.icon-pin {
			color: #222;
		}
	}

	textarea.textarea_1 {
		max-width: none;
		min-width: auto;
	}
}

#manage-elements-area {
	overflow: auto;
}

#form_1.manage-form {
	height: auto;
	max-height: 100%;
}

.red-border {
	border: 1px solid #ff000088 !important;
}

#display-education-licence-warning {
	position: fixed;
	left: 0px;
	right: 0px;
	bottom: 8%;
	height: auto;
	font-size: 16px;
	font-family: calibri, arial, sans-serif;
	text-align: center;
	color: rgba(0, 0, 0, 0.8);

	p {
		padding: 10px 30px;
		margin: auto;
		width: fit-content;
		background-color: rgba(255, 255, 255, 0.6);
		border-radius: 3px;
		box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.15);

		a {
			font-weight: bold;
			text-decoration: none;
			color: rgba(0, 0, 0, 0.8);
		}

		a:hover {
			color: #000000;
		}
	}
}

// Comparator Area

#comparator-main-area {

	height: 100%;
	width: 100%;
	font-family: calibri, arial, sans-serif;
	font-size: 14px;
	display: flex;

	#comparator-left-area {

		height: 100%;
		width: 300px;
		min-width: 300px;
		background-color: #fafafa;
		border-right: 1px solid rgba(0, 0, 0, 0.05);
		overflow: auto;

		.title-area {
			height: 40px;
			padding: 10px;
			font-weight: bold;
			text-align: left;
			font-size: 16px;
			background-color: rgba(0, 0, 0, 0.05);
			position: relative;
			color: #777;

			.link-area {
				position: absolute;
				right: 0;
				top: 0;
				bottom: 0;
				width: 40px;
				border-left: 1px solid rgba(0, 0, 0, 0.10);
				text-align: center;

				a {
					display: block;
					width: 100%;
					height: 100%;
					color: #777;
					font-size: 20px;
					padding-top: 8px;
					text-decoration: none;
				}

				a:hover {
					background-color: rgba(0, 0, 0, 0.10);
				}
			}

		}

		.content-area {
			padding: 10px 10px;
			text-align: left;

			.selected-concept-area {

				border: 1px solid rgba(0, 0, 0, 0.15);
				background-color: rgba(0, 0, 0, 0.03);
				border-radius: 3px;
				height: 46px;
				display: flex;
				margin-bottom: 5px;

				.amount-area {

					width: 60px;
					min-width: 60px;
					height: 100%;
					padding: 5px 0px;
					border-right: 1px solid rgba(0, 0, 0, 0.15);
					text-align: center;
					padding-top: 13px;
					font-weight: bold;

				}

				.concept-name-area {

					overflow: hidden;
					height: 100%;
					width: 100%;
					padding: 5px 10px;

					div {
						white-space: nowrap;
						overflow: hidden;
						text-overflow: ellipsis;
					}

					div:first-child {
						font-weight: bold;
					}

				}

			}
		}

		#databases-area {

			.database-selected-option {
				color: #000;
				width: 100%;
				padding: 3px 10px;
				font-weight: bold;
				color: #444;
			}

			.database-unselected-option {
				font-style: italic;
				color: #999;
				width: 100%;
				padding: 3px 10px;
				margin: 0px;
			}

		}

		#download-area {

			button {
				width: 100%;
				color: #555;
				border: 1px solid rgba(0, 0, 0, 0.15);
				background-color: rgba(0, 0, 0, 0.03);
				-webkit-animation: None;
				-ms-animation: None;
				animation: None;
				padding: 0px;
				display: flex;

				margin: 0px 0px 5px 0px;

				i:first-child {
					padding: 4px 10px 4px 10px;
					font-size: 22px;
				}

				i:last-child {
					font-style: normal;
					padding: 9px;
					font-weight: bold;
				}

			}

			button:hover {
				background-color: rgba(0, 0, 0, 0.1);
				border: 1px solid rgba(0, 0, 0, 0);
				box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
				color: None;
				box-shadow: None;
				-webkit-animation: None;
				-ms-animation: None;
				animation: None;
			}

			button:active {
				color: #999;
				border: 1px solid rgba(0, 0, 0, 0.05);
				background-color: rgba(0, 0, 0, 0.03);
				font-weight: normal;
			}

		}

	}

	#comparator-right-area {

		flex-grow: 1;
		height: 100%;
		overflow: auto;

		.empty-area-text {

			width: 100%;
			height: 100%;
			display: flex;
			justify-content: center;
			align-items: center;

			span {

				font-family: calibri, arial, sans-serif;
				font-size: 26px;
				color: #777;

			}

		}

		.dashboardItem {

			width: auto;

			.multiConceptComparator,
			.conceptsLegend,
			.graph_1_abs {

				display: flex;

				.graphData {

					display: block;
					margin: auto;


				}

			}

			th {

				cursor: default;

			}

		}

	}

}

.comparator-concept-form {

	max-width: inherit;
	width: inherit;
	padding: 10px;
	font-family: calibri, arial, sans-serif;
	font-size: 14px;
	display: flex;

	a {

		padding-top: 3px;
		margin-right: 6px;

	}

	select {
		width: 100%;
		height: 40px;
		min-height: 40px;
		padding: 0px 30px 0px 8px;
		outline: none;
		background: url(../images/select-arrow.png) right center no-repeat;
		-webkit-appearance: none;
		-moz-appearance: none;
		-ms-appearance: none;
		appearance: none;
		text-indent: 1px;
		text-overflow: '';
		cursor: pointer;
		flex-grow: 1;
		border-radius: 3px 0px 0px 3px;
		border: 1px solid #828282;

	}

	select[name=database] {
		border-radius: 3px;
	}

	input {

		width: 100px;
		height: 40px;
		padding: 0px 15px 0px 15px;
		border: 1px solid #828282;
		border-left: 0;
		border-radius: 0px 3px 3px 0px;
		outline: none;
		font-family: @Calibri;
		font-size: 14px;
		text-align: center;

	}

}

#form_1 .workspace-form-part-2 {
	display: none;
}

#form_1 div.workspace-form-part-2 {
	display: none;
	width: min-content;
	min-width: 100%;

	select {
		width: 100%;
		margin: auto;
		margin-bottom: 10px;
	}

	select:disabled {
		background: none;
		color: #000;
		cursor: default;
	}

	select:disabled:hover {
		box-shadow: none;
		cursor: default;
	}
}

#form_1 .bottomBar.configurableBar {
	display: flex;

	.submit_2 {
		margin-left: auto;
	}

	.submit_2:last-child {
		margin-left: 10px;
	}

}

// Concept components
@media screen and (max-width : 1050px) {
	.concept-option-checkbox {
		width: 250px;
	}
}

@media screen and (min-width : 1050px) {
	.concept-option-checkbox {
		width: 400px;
	}
}

.concept-option-checkbox {
	display: inline-block;
	vertical-align: bottom;
	height: 22px;
	padding: 0px 5px 0px 5px;
	margin: 0px 10px 25px 0px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 16px;
	font-family: @Calibri;
	color: @dark-grey;
	text-align: left;
	border-bottom: 2px rgba(230, 230, 230, 1) dotted;
}

#exportData .rangeCheckbox_1 .concept-option-1,
#exportData .rangeCheckbox_1 .concept-option-2 {
	text-align: right;
}

.rangeCheckbox_1.range_form .concept-option-1 {
	left: 60px;
}

.rangeCheckbox_1.range_form .concept-option-2 {
	bottom: 44px;
	left: 0px;
}

/* Checkboxes */

.range-checkbox-concept {
	display: inline-block;
	vertical-align: top;
	height: 22px;
	margin-bottom: 25px;
	overflow: hidden;
	border-radius: 11px;
	background-color: rgba(245, 245, 245, 1);
}

.range-checkbox-concept {
	width: 120px;
}

.range-checkbox-concept .styleCheckbox {
	display: block;
	width: 50px;
	height: 22px;
	border-radius: 11px;
	background-color: rgba(240, 240, 240, 1);
	background-image: linear-gradient(transparent 90%, @smooth-grey 10%);
	background-size: 12px 12px;
	border-left: 0px rgba(240, 240, 240, 1) solid;
	border-right: 0px rgba(240, 240, 240, 1) solid;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3) inset;
	text-align: left;
	position: relative;
	bottom: 22px;
	z-index: 10;
}

.range-checkbox-concept .styleCheckbox:after {
	content: '';
	display: inline-block;
	width: 22px;
	height: 22px;
	margin: 0px;
	border-radius: 11px;
	background-color: @old-white;
	box-shadow: 0px 0px 0px 7px @dark-grey inset;
	position: relative;
	left: 0px;
	-webkit-animation: uncheckBoxConcept 0.4s ease-out;
	-ms-animation: uncheckBoxConcept 0.4s ease-out;
	animation: uncheckBoxConcept 0.4s ease-out;
}

.range-checkbox-concept input[type="checkbox"] {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	opacity: 0;
	cursor: pointer;
	position: relative;
	z-index: 11;
}

.range-checkbox-concept input[type="checkbox"]:checked~.styleCheckbox:after {
	-webkit-animation: checkBoxConcept 0.4s ease-out;
	-ms-animation: checkBoxConcept 0.4s ease-out;
	animation: checkBoxConcept 0.4s ease-out;
	background-color: rgba(140, 140, 140, 1);
	left: 28px;
}

.range-checkbox-concept input[type="checkbox"]:checked~.styleCheckbox {
	background-image: linear-gradient(transparent 90%, rgba(140, 140, 140, 1) 10%);
}

.range-checkbox-concept input[type="checkbox"]:checked~.concept-option-1 {
	opacity: 0;
}

.range-checkbox-concept input[type="checkbox"]:checked~.concept-option-2 {
	opacity: 1;
}

.range-checkbox-concept .concept-option-1,
.range-checkbox-concept .concept-option-2 {
	display: inline-block;
	vertical-align: bottom;
	height: 22px;
	overflow: hidden;
	font-size: 16px;
	font-family: @Calibri;
	position: relative;
	cursor: default;
}

.range-checkbox-concept .concept-option-1,
.range-checkbox-concept .concept-option-2 {
	width: 60px;
}

.range-checkbox-concept .concept-option-1 {
	text-align: left;
	color: rgba(160, 160, 160, 1);
	left: 30px;
	bottom: 44px;
	opacity: 1;
}

.range-checkbox-concept .concept-option-1 {
	left: 70px !important;
	bottom: 43px !important;
	font-size: 16px !important;
}

.range-checkbox-concept .concept-option-2 {
	left: 11px !important;
	bottom: 43px !important;
	font-style: bold !important;
	font-size: 16px !important;
}

.range-checkbox-concept .concept-option-2 {
	text-align: left;
	color: red;
	left: 30px;
	bottom: 66px;
	color: @dark-grey;
	opacity: 0;
}

@-webkit-keyframes checkBoxConcept {
	0% {
		left: 0px;
		background-color: @old-white;
	}

	100% {
		left: 28px;
		background-color: rgba(140, 140, 140, 1);
	}
}

@-ms-keyframes checkBoxConcept {
	0% {
		left: 0px;
		background-color: @old-white;
	}

	100% {
		left: 28px;
		background-color: rgba(140, 140, 140, 1);
	}
}

@keyframes checkBoxConcept {
	0% {
		left: 0px;
		background-color: @old-white;
	}

	100% {
		left: 28px;
		background-color: rgba(140, 140, 140, 1);
	}
}

@-webkit-keyframes uncheckBoxConcept {
	0% {
		left: 28px;
	}

	100% {
		left: 0px;
	}
}

@-ms-keyframes uncheckBoxConcept {
	0% {
		left: 28px;
	}

	100% {
		left: 0px;
	}
}

@keyframes uncheckBoxConcept {
	0% {
		left: 28px;
	}

	100% {
		left: 0px;
	}
}

// -- Unique score

@-webkit-keyframes uncheckBoxConcept {
	0% {
		left: 28px;
	}

	100% {
		left: 0px;
	}
}

@-ms-keyframes uncheckBoxConcept {
	0% {
		left: 28px;
	}

	100% {
		left: 0px;
	}
}

@keyframes uncheckBoxConcept {
	0% {
		left: 28px;
	}

	100% {
		left: 0px;
	}
}

.dashboard-fixed-buttons-area {
	display: flex;
	padding: 10px;
	width: 55px;
	overflow: hidden;
	position: absolute;
	bottom: 25px;
	right: 50px;
	z-index: 0;
	justify-content: space-between;
	border: 1px solid rgba(0, 0, 0, 0.25);
	box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.1);
	padding: 0px;
	border-radius: 50px;
	background-color: #fafafa;
	transition: width 1s, background-color 1s, color 1s;

	.dashboard-fixed-button {
		display: flex;
		width: 210px;
		min-width: 210px;
		height: 55px;
		overflow: hidden;
		text-align: center;
		cursor: pointer;
		text-decoration: none;
		border-radius: 50px;

		i.icon-plus {
			display: block;
			width: 55px;
			height: 100%;
			font-size: 24px;
			padding-top: 12px;
			overflow: hidden;
			color: rgba(0, 0, 0, 0.50);
			transition: color 1s;
		}

		.dashboard-action-text {
			font-size: 16px;
			margin: auto;
			margin-top: 0;
			font-family: Calibri;
			font-style: inherit;
			color: rgba(0, 0, 0, 0.50);
			padding: 16px 15px 0px 0px;
			transition: color 1s;
		}

	}

}

.dashboard-fixed-buttons-area:hover {
	width: 210px;
	background-color: #eee;

	.dashboard-fixed-button {

		i {
			color: rgba(0, 0, 0, 0.75);
		}

		.dashboard-action-text {
			display: block;
		}

	}

}

#eulaBox .body {

	width: 95%;
	height: 95%;
	overflow: auto;
	margin: 0;

	.topBlock {

		background-color: WHITE;
		text-align: right;

		a {
			display: inline-block;
			width: 24px;
			height: 24px;
			padding: 3px;
			margin-right: 50px;
			border-top: 1px rgba(0, 0, 0, 0) solid;
			border-right: 1px rgba(0, 0, 0, 0.1) solid;
			border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
			border-left: 1px rgba(0, 0, 0, 0.1) solid;
			border-radius: 0px 0px 3px 3px;
			background-color: rgba(255, 255, 255, 0.05);
			text-decoration: none;
			text-align: center;
			color: rgba(0, 0, 0, 0.3);
			cursor: pointer;
		}

		a {
			-webkit-animation: redCrossblur 0.2s ease-out;
			-ms-animation: redCrossblur 0.2s ease-out;
			animation: redCrossblur 0.2s ease-out;
		}

		a:hover {
			background-color: rgba(215, 0, 0, 1);
			color: white;
			box-shadow: 0px 0px 1px 2px rgba(0, 0, 0, 0.2) inset;
			-webkit-animation: redCrosshover 0.3s ease-out;
			-ms-animation: redCrosshover 0.3s ease-out;
			animation: redCrosshover 0.3s ease-out;
		}

		a i {
			display: inline-block;
			padding: 0;
			font-size: 12px;
		}

	}

	#terms {
		height: inherit;
	}

}

#calcul-unique-score,
.inlabel-input,
#ei-indicators-infos {

	position: absolute;
	right: 0;
	margin: 0;
	top: 0;
	width: 40px;
	background-color: grey;
	bottom: 0;
	height: auto;
	border-radius: 0;
	text-align: center;
	background-color: #fafafa;
	transition: background-color 0.4s;
	cursor: pointer;
	border-left: 1px solid #c8c8c8;
	padding-top: 10px;

}

.inlabel-input:hiver,
#calcul-unique-score:hover {

	background-color: #c8c8c8;

}


// --------------------------------
// Impacts categories preselections


//
//
//
//
// Css code here
//
//
//
//

#homeBase #HBboard .line .row#imp-cat-row {
	background-color: white;
	padding: 20px;
	font-family: calibri, arial, sans-serif;
	font-size: 16px;
}

#homeBase #HBboard .line .row #imp-cat-nav {

	display: flex;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px #c8c8c8 solid;

	#page-title {
		margin-top: 8px;
		font-size: 30px;
	}

	.nav-container {
		display: flex;
		margin-left: auto;

		select {
			height: 40px;
			margin-left: 10px;
			min-height: 30px;
			padding: 0px 30px 0px 8px;
			outline: none;
			background: url(../../view/images/select-arrow.png) right center no-repeat;
			-webkit-appearance: none;
			appearance: none;
			border: 1px #c8c8c8 solid;
			border-radius: 3px;
			background-color: white;
		}
	}

	#newSelectionButton {
		margin-left: 10px;
		height: 40px;
		padding: 8px 20px 8px 20px;
		border: 0;
		outline: none;
		border-radius: 3px;
		background-color: #91beb4;
		text-align: center;
		text-decoration: none;
		color: white;
		cursor: pointer;
		animation: opalineBGblur 0.25s ease-out;
		display: flex;
		align-items: center;

		&:not([href]) {
			background: repeating-linear-gradient(-45deg, #ffffff, #ffffff 15px, #f0f0f0 15px, #f0f0f0 25px);
			color: rgba(0, 0, 0, 0.4);
			animation: none;
			cursor: default;
		}
	}

	#burger {

		#burger_link1 {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 40px;
			height: 40px;
			cursor: pointer;
			outline: none;
			text-decoration: none;
			font-size: 20px;
			text-align: center;
			border: 1px #c8c8c8 solid;
			border-radius: 3px;
			color: black;
			margin-left: 10px;
		}

		#burger_link2 {
			opacity: 0.6;
			width: 40px;
			height: 40px;
			cursor: pointer;
			outline: none;
			text-decoration: none;
			display: none;
			align-items: center;
			justify-content: center;
			font-size: 20px;
			text-align: center;
			border: 1px #c8c8c8 solid;
			border-radius: 3px;
			color: #c8c8c8;
			margin-left: 10px;
		}

		#burgerMenu {
			position: fixed;
			top: 115px;
			right: 35px;
			text-align: right;
			overflow: hidden;
			animation: 0.4s ease-out 0s 1 normal none running hideMenu;
			display: none;

			#topBurgerMenu {
				display: inline-block;
				width: 13px;
				height: 7px;
				margin-right: 10px;
				background: url(http://localhost/ecodesign-studio/view/images/white-top-arrow.png) no-repeat top center;
				position: relative;
			}

			#bodyBurgerMenu {
				.link {
					text-decoration: none;
					display: block;
					width: 100%;
					padding: 8px 20px 8px 20px;
					border-top: 1px #e6e6e6 solid;
					color: rgba(0, 0, 0, 0.5);
					font-weight: normal;
					font-family: calibri, arial, sans-serif;
					text-decoration: none;
					background-color: #fafafa;
					cursor: pointer;
				}

				.link:nth-child(1) {
					border-top: 0;
					border-radius: 3px 3px 0px 0px;
				}
			}
		}
	}
}

#homeBase #HBboard .line .row #main-section {

	overflow-y: auto;

	#selection_list {

		#selection-list-warning .alertMessage_3,
		#selections #default-selection #default-selection-alert-message {
			display: flex;
			width: 100%;
			margin-bottom: 20px;
			border: 1px #c8c8c8 solid;
			text-align: left;
			box-shadow: 5px 0px 0px rgba(45, 145, 230, 1) inset;

			i {
				display: inline-block;
				vertical-align: middle;
				padding: 15px;
				font-size: 30px;
				color: rgba(200, 200, 200, 1);
			}

			span {
				display: flex;
				align-items: center;
				width: 90%;
				padding: 10px;
				font-family: calibri, arial, sans-serif;
				color: rgba(50, 50, 50, 1);
			}
		}

		#selections {
			.one-selection {
				margin-bottom: 20px;
				border: 1px #c8c8c8 solid;
				border-radius: 3px;
				padding: 20px;
				display: flex;
				flex-direction: column;

				.selection-header {
					margin-bottom: 15px;
					display: flex;
					justify-content: space-between;

					.selection-title {
						display: inline-block;
						font-size: 20px;
						color: rgba(50, 50, 50, 1);
						border-bottom: 1px rgba(50, 50, 50, 1) solid;
					}

					.edit-delete-selection {
						margin-left: 10px;
						height: 36px;
						padding: 8px 20px 8px 20px;
						border: 0;
						outline: none;
						border-radius: 3px;
						background-color: #91beb4;
						text-align: center;
						text-decoration: none;
						color: white;
						cursor: pointer;
						animation: opalineBGblur 0.25s ease-out;

						&:not([href]) {
							background: repeating-linear-gradient(-45deg, #ffffff, #ffffff 15px, #f0f0f0 15px, #f0f0f0 25px);
							color: rgba(0, 0, 0, 0.4);
							animation: none;
							cursor: default;
						}
					}
				}

				.impacts-list {
					display: flex;
					flex-direction: column;

					.impact_factor {
						margin-bottom: 5px;
						display: flex;
						align-items: center;
						border: 1px rgba(220, 220, 220, 1) solid;
						height: 40px;
						padding: 0px 30px 0px 8px;
						border-radius: 3px;
					}
				}
			}
		}
	}

	#impact_categories {

		.impact_factor {
			margin-bottom: 5px;
			margin-top: 5px;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			border: 1px #c8c8c8 solid;
			padding: 7px 30px 7px 8px;
			border-radius: 3px;

			.impact_factor_header {
				display: flex;
				align-items: center;
				justify-content: space-between;

				.impact_factor_name {
					display: flex;

					i {
						margin-right: 10px;
					}
				}
			}

			.impact_factor_details {
				font-size: 14px;
				display: none;
				color: #444;
				margin-top: 20px;
				margin-bottom: 8px;
				margin-left: 30px;

				div {
					margin-bottom: 5px;

					em {
						font-size: 13px;
					}
				}
			}

			.toggle_show {
				display: block;
			}
		}
	}

	#waste_types {

		height: 100%;

		table {

			border-collapse: collapse;
			width: auto;
			height: 100%;
			margin: auto;

			thead {
				display: block;
				height: 40px;
				text-align: center;
				color: white;
				background-color: #91beb4;

				tr {
					height: 40px;
				}

				td {
					border-left: 2px solid white;
					padding: 10px;
				}
			}

			tbody {

				display: block;
				overflow-y: scroll;
				height: calc(100% - 40px);
				width: 100%;

				tr {

					td {
						padding: 10px;
						border-bottom: 1px #c8c8c8 solid;
					}

				}

			}
		}
	}
}

#form .formWrapper #form_1 {

	.topBlock {
		display: flex;
		flex-direction: column;
		align-items: center;

		span i {
			font-style: normal;
		}
	}

	.edit-selection-form .edit-selection-form-part-1,
	.add-selection-form .add-selection-form-part-1 {

		font-size: 14px;

		label {
			margin-left: 5px;
			padding-left: 10px;
		}

		#indicators_warning_msg,
		#families_warning_msg {
			display: none;
			font-size: 12px;
			color: red;
			padding: 10px;
		}

		#impact_categories {
			width: 100%;
			display: flex;
			flex-direction: column;

			.div-span-select {
				margin-bottom: 5px;
				flex-direction: row;

				span {
					width: 50px;
					min-width: 50px;
					font-size: 12px;
					justify-content: center;
					display: flex;
					align-items: center;
					border: 1px #c8c8c8 solid;
					border-right: 0;
					border-radius: 3px 0px 0px 3px;
				}

				select {
					border-radius: 0px 3px 3px 0px;
				}

				a.button_4.remove_impact_factor {
					font-size: 13px;
					margin-left: 10px;
					margin-top: 7px;
					color: #c8c8c8;
					border: 1px #c8c8c8 solid;
					border-radius: 3px;
					width: 25px;
					height: 25px;
					min-width: 25px;
					min-height: 25px;

					i {
						padding: 2px 3px;
					}
				}

				a.button_4.remove_impact_factor:hover {
					color: white;
				}

			}
		}

		a.button_4#add_impact_factor {
			font-size: 13px;
			margin-top: 10px;
			color: #c8c8c8;
			border: 1px #c8c8c8 solid;
			border-radius: 3px;

			i {
				padding-top: 1px;
			}
		}

		a.button_4#add_impact_factor:hover {
			color: white;
			background-color: @eds-green-hover;
			box-shadow: none;
			-webkit-animation: greenCrosshover 0.3s ease-out;
			-ms-animation: greenCrosshover 0.3s ease-out;
			animation: greenCrosshover 0.3s ease-out;
		}
	}

	.edit-selection-form-part-2,
	.remove-selection-form .remove-selection-form-part-1 {

		label {
			margin-left: 5px;
			padding-left: 10px;
		}

		font-size: 14px;

		.project_list {
			span.alertMessage_3 {
				display: flex;
				margin-bottom: 10px;
				width: 100%;
				border: 1px rgba(220, 220, 220, 1) solid;
				text-align: left;
				// box-shadow: 5px 0px 0px rgba(45, 145, 230, 1) inset;
				box-shadow: 5px 0px 0px #d70000 inset;

				i {
					display: inline-block;
					vertical-align: middle;
					padding: 15px;
					width: 10%;
					font-size: 30px;
					color: rgba(200, 200, 200, 1);
				}

				span {
					display: flex;
					align-items: center;
					width: 90%;
					padding: 10px;
					font-size: 14px;
					color: rgba(50, 50, 50, 1);
				}
			}

			div {
				height: 100px;
				overflow-y: scroll;
				border: 1px rgba(220, 220, 220, 1) solid;
				border-radius: 0px 0px 3px 3px;

				ul {
					text-align: start;
				}
			}
		}
	}

	.edit-selection-form-part-2 {
		display: none;
	}

	#selection-form-add-button {
		margin-left: auto;
	}
}

#loginBlock .body form {

	#maj-title {

		font-size: 14px;
		font-weight: bold;
		font-family: Calibri;
		color: rgba(0, 0, 0, 0.6);
		margin-bottom: 12px;

	}

	.maj-version-info {

		font-size: 12px;
		font-family: Calibri;
		color: rgba(0, 0, 0, 0.4);

	}

	.maj-info-message {

		margin-top: 10px;
		margin-bottom: 10px;
		font-size: 12px;
		font-family: Calibri;
		color: rgba(0, 0, 0, 0.6);

	}

	.next-version-info {

		font-size: 12px;
		font-family: Calibri;
		color: rgba(0, 0, 0, 0.4);
		margin-bottom: 5px;

		i {

			font-style: normal;
			color: rgba(0, 0, 0, 0.6);

		}

	}

	input {

		margin-top: 10px;

	}

}

#loginBlock .logo.smallLogo {
	height: 100px;
	padding-top: 10px;
}

#loginBlock .logo.smallLogo .img {
	background-size: 250px;
}

#loginBlock .logo.smallLogo #langOptions {
	bottom: 100px;
}

.form-message {

	padding: 0;
	display: inline-block;
	width: 100%;
	padding: 5px 5px;
	text-align: center;
	font-size: 14px;
	font-family: calibri, arial, sans-serif;
	font-weight: initial;

	.black-form-message {

		color: @dark-grey;

	}

	.red-form-message {

		color: @strong-red-hover;
		font-weight: bold;

	}

}

#template-form {

	display: flex;
	flex-direction: column;
	width: 580px;
	max-width: 580px;
	max-height: 100%;
	margin: 0px;
	padding: 0px 10px 10px 10px;
	border-right: 1px rgba(255, 255, 255, 1) solid;
	border-bottom: 2px rgba(255, 255, 255, 1) solid;
	border-left: 1px rgba(255, 255, 255a, 1) solid;
	box-shadow: 0px 0px 0px 4px rgba(0, 0, 0, 0.03);
	border-radius: 2px;
	background-color: rgba(255, 255, 255, 1);
	font-size: 0;
	font-family: @Calibri;
	opacity: 1;
	overflow: hidden;
	position: relative;

	&.larger-form-70 {
		width: 650px;
		max-width: 650px;
	}

	#form-header {

		width: 100%;
		padding: 0px 10px 10px 10px;

		#header-top-action-bar {

			width: 100%;
			display: flex;

			a {
				width: 24px;
				height: 24px;
				padding: 3px;
				margin-right: 0px;
				margin-left: auto;
				border: 1px rgba(0, 0, 0, 0.1) solid;
				border-top: 1px rgba(0, 0, 0, 0) solid;
				border-radius: 0px 0px 3px 3px;
				background-color: rgba(255, 255, 255, 0.05);
				text-decoration: none;
				text-align: center;
				color: rgba(0, 0, 0, 0.3);
			}

			a:active {
				-webkit-animation: redCrossblur 0.2s ease-out;
				-ms-animation: redCrossblur 0.2s ease-out;
				animation: redCrossblur 0.2s ease-out;
			}

			a:hover {
				background-color: rgba(215, 0, 0, 1);
				color: white;
				box-shadow: 0px 0px 1px 2px rgba(0, 0, 0, 0.2) inset;
				-webkit-animation: redCrosshover 0.3s ease-out;
				-ms-animation: redCrosshover 0.3s ease-out;
				animation: redCrosshover 0.3s ease-out;
			}

			a i {
				display: inline-block;
				padding: 0;
				font-size: 12px;
			}

		}

		#header-icon {
			display: inline-block;
			width: 32px;
			height: 30px;
			border-radius: 3px 3px 0px 0px;
			border-top: 1px rgba(0, 0, 0, 0.1) solid;
			border-right: 1px rgba(0, 0, 0, 0.1) solid;
			border-left: 1px rgba(0, 0, 0, 0.1) solid;
			text-align: center;
			line-height: 1.6em;
			font-size: 18px;
			color: rgba(100, 100, 100, 1);
			cursor: default;
		}

		#header-separation-bar {
			width: 100%;
			height: 3px;
			overflow: hidden;
			background: url('../images/top-line.png') top left repeat-x;
			cursor: default;
		}

		#header-title {
			display: inline-block;
			width: 100%;
			margin: 5px 0px 5px 0px;
			font-size: 14px;
			font-weight: bold;
			font-family: @Calibri;
			color: rgba(130, 130, 130, 1);
			cursor: default;
		}

		#subtitle {
			display: inline-block;
			width: 100%;
			margin: 5px 0px 5px 0px;
			font-size: 14px;
			font-family: @Calibri;
			color: rgba(130, 130, 130, 1);
			cursor: default;
		}

		.subtitle {

			margin-top: 15px;
			margin-bottom: 15px;
			display: block;
			width: 100%;
			text-align: center;
			height: 32px;

			a {
				display: inline-block;
				width: 100%;
				height: 32px;
				border-top: 1px @smooth-grey solid;
				border-bottom: 1px @smooth-grey solid;
				border-left: 1px @smooth-grey solid;
				border-right: 1px @smooth-grey solid;
				border-radius: 3px;
				background-color: @old-white;
				overflow: hidden;
				line-height: 2.2em;
				font-size: 14px;
				font-family: @Calibri;
				color: rgba(80, 80, 80, 1);
				cursor: default;
			}

			&#component-form-selection {
				display: flex;
				justify-content: center;

				a {
					border-radius: 0;
					text-decoration: none;
					color: rgba(80, 80, 80, 0.5);
					cursor: pointer;
				}

				a:hover {
					background-color: @old-white-hover;
					color: rgba(80, 80, 80, 1);
				}

				a.selected-form {
					background-color: @old-white-hover;
					color: rgba(80, 80, 80, 1);
					cursor: default;
				}

				& a:first-of-type {
					border-radius: 3px 0px 0px 3px;
					border-right: 0;
				}

				& a:last-of-type {
					border-radius: 0px 3px 3px 0px;
					border-left: 0;
				}
			}

		}

	}

	#form-scroll-area {

		max-height: 100%;
		overflow-x: hidden;
		overflow-y: auto;

	}

	#form-body {

		text-align: left;
		padding: 0px 10px 0px 10px;

		// SEPARATOR LABEL
		.form-section-label {
			display: block;
			width: 100%;
			padding: 5px 10px 5px 10px;
			margin: 15px 0px 10px 0px;
			border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
			overflow: hidden;
			text-align: left;
			text-overflow: ellipsis;
			white-space: nowrap;
			font-size: 11px;
			font-family: @Calibri;
			color: rgba(0, 0, 0, 0.3);
		}

		// SUBTITLEs
		.subtitle {

			margin-top: 15px;
			display: block;
			width: 100%;
			text-align: center;
			height: 40px;

			span {
				display: inline-block;
				width: 100%;
				height: 40px;
				border-top: 1px @smooth-grey solid;
				border-bottom: 1px @smooth-grey solid;
				border-left: 1px @smooth-grey solid;
				border-right: 1px @smooth-grey solid;
				border-radius: 3px;
				background-color: @old-white;
				overflow: hidden;
				line-height: 2.7em;
				font-size: 14px;
				font-family: @Calibri;
				color: rgba(80, 80, 80, 1);
				cursor: default;
			}

			.subtitle_75_left {
				width: 75%;
				padding: 0px 15px 0px 15px;
				border-right: 0;
				border-radius: 3px 0px 0px 3px;
				text-align: left;
				font-weight: bold;
			}

			.subtitle_25_right {
				width: 25%;
				padding: 0px 10px 0px 10px;
				border-left: 1px rgba(230, 230, 230, 1) solid;
				border-radius: 0px 3px 3px 0px;
			}

		}

		// TEXTS
		.black-text {
			display: inline-block;
			width: 100%;
			font-size: 14px;
			font-family: @Calibri;
			color: #828282;
			cursor: default;
		}

		.bold-text {
			color: BLACK;
			font-weight: bold;
			padding-bottom: 15px;
		}

		// LABELS
		label {
			display: inline-block;
			width: auto;
			margin: 0px 0px 0px 10px;
			padding: 0px 10px 5px 10px;
			text-align: left;
			color: @dark-grey;
			font-size: 14px;
			font-family: @Calibri;
			overflow: hidden;
			cursor: default;
			text-overflow: ellipsis;
			white-space: nowrap;

			&.switch-label {
				margin: 0;
				padding: 0;
				line-height: 1.7em;
			}

			&.title-label {
				margin-top: 5px;
				padding-top: 10px;
			}

			&.background-label {
				vertical-align: top;
				width: 52%;
				height: 40px;
				margin: 0px;
				padding: 0px 15px 0px 15px;
				border-top: 1px @smooth-grey solid;
				border-left: 1px @smooth-grey solid;
				border-bottom: 1px @smooth-grey solid;
				border-radius: 3px;
				background-color: @old-white;
				outline: none;
				line-height: 2.7em;
				position: relative;

				a {
					padding: 0;
				}

			}

			&.label-left-aligned {
				margin-left: 0px;
				padding-left: 5px;
				width: auto;
				vertical-align: middle;
			}

			&.label-left-38 {
				width: 38%;
				border-radius: 3px 0px 0px 3px;
			}

			&.label-left-40 {
				width: 40%;
				border-radius: 3px 0px 0px 3px;
			}

			&.label-left-50 {
				width: 50%;
				border-radius: 3px 0px 0px 3px;
			}

			&.label-left-70 {
				width: 70%;
				border-radius: 3px 0px 0px 3px;
			}

			&.checkbox-label {
				padding: 5PX;
				white-space: initial;
			}

			&.checkbox-full-label {
				width: inherit;
				border-radius: 3px 0px 0px 3px;
				margin: auto;
			}

			&.separation-label {
				color: #828282;
				border-bottom: 1px solid #828282;
				margin: 15px 60% 0px 10px;
				width: 60%;
			}

			&.label-full-textarea {
				width: 100%;
				border-radius: 3px 3px 0px 0px;
				border-bottom: 0px;
				border-right: 1px @smooth-grey solid;
			}

		}

		// SELECTS
		select {
			height: 40px;
			min-height: 40px;
			padding: 0px 30px 0px 15px;
			width: 100%;
			border-radius: 3px;
			outline: none;
			background: url(../images/select-arrow.png) right center no-repeat;
			border: 1px @smooth-grey solid;
			-webkit-appearance: none;
			-moz-appearance: none;
			-ms-appearance: none;
			appearance: none;
			text-indent: 1px;
			text-overflow: '';
			cursor: pointer;
			text-overflow: ellipsis;

			option {
				padding: 12px 0px 12px 13px;
				border: 0;
			}

			&:disabled {
				cursor: initial;
				background: initial;

				&.disabled-for-display {
					color: @dark-grey;
					opacity: 1;
				}
			}

			&:not(:disabled):hover {
				box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.05);
				background: url(../images/select-arrow-over.png) right center no-repeat;
			}

			&:focus {
				box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.05);
				background: url(../images/select-arrow-focus.png) right center no-repeat;
			}

			&.select-right-14 {
				width: 14%;
				border-radius: 0px 3px 3px 0px;
			}

			&.select-right-20 {
				width: 20%;
				border-radius: 0px 3px 3px 0px;
			}

			&.select-right-25 {
				width: 25%;
				border-radius: 0px 3px 3px 0px;
			}

			&.select-right-62 {
				width: 62%;
				border-radius: 0px 3px 3px 0px;
			}


		}

		// INPUTS
		input:not([type=checkbox]),
		span.input-like-span {
			display: inline-block;
			vertical-align: top;
			width: 100%;
			height: 40px;
			padding: 0px 15px 0px 15px;
			border-radius: 3px;
			border: 1px @smooth-grey solid;
			outline: none;
			font-family: @Calibri;
			font-size: 14px;

			&.switch-input {
				height: 22px;
			}

			&.tall-input {
				height: 50px;
				padding: 15px 10px;
			}

			&.input-left-82 {
				width: 82%;
				border-radius: 3px 0px 0px 3px;
				border-right: 0;
			}

			&.input-center-48 {
				width: 48%;
				border-radius: 0;
				border-right: 0;
			}

			&.input-center-37 {
				width: 37%;
				border-radius: 0px 0px 0px 0px;
				border-right: 0px;
			}

			&.input-right-30 {
				width: 30%;
				border-radius: 0px 3px 3px 0px;
			}

			&.input-right-50 {
				width: 50%;
				border-radius: 0px 3px 3px 0px;
			}

			&.input-right-62 {
				width: 62%;
				border-radius: 0px 3px 3px 0px;
			}

			&:focus,
			&:hover:not(:disabled) {
				border: 1px @eds-soft-opaline solid;
				box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.03) inset;
			}

			&:disabled {
				cursor: initial;
				background: initial;

				&.disabled-for-display {
					color: @dark-grey;
					opacity: 1;
				}
			}
		}

		span.input-like-span {

			padding: 0px;
			display: inline-block;

			.display-text {
				display: block;
				height: 100%;
				margin-left: 10px;
				outline: none;
				text-align: left;
				line-height: 3em;
				font-size: 14px;
				font-family: calibri, arial, sans-serif;
				color: #141414;
				overflow: hidden;
				cursor: default;
				position: relative;
				bottom: 40px;
			}

			.progress {
				opacity: 0.3;
				display: block;
				height: 100%;

				&.green-background {
					background-color: #6ec3af;
				}

				&.orange-background {
					background-color: orange;
				}

				&:hover {
					opacity: 0.5;
				}
			}

			&:hover {

				.progress {
					opacity: 0.5;
				}

			}
		}

		// BUTTONS
		button {
			&.button-right-18 {
				display: inline-block;
				width: 18%;
				height: 40px;
				padding: 0px 10px 0px 10px;
				border-top: 1px @smooth-grey solid;
				border-bottom: 1px @smooth-grey solid;
				border-right: 1px @smooth-grey solid;
				border-left: 1px rgba(230, 230, 230, 1) solid;
				border-radius: 0px 3px 3px 0px;
				background-color: @old-white;
				overflow: hidden;
				line-height: 2.7em;
				font-size: 14px;
				font-family: @Calibri;
				color: rgba(80, 80, 80, 1);
				cursor: default;

				&:hover {
					background-color: #ddd;
					border-left: 1px solid #eee;
				}

				&:active {
					background-color: #eee;
					border-left: 1px solid #f3f3f3;
				}
			}

			&.full-size-action {
				width: 100%;
				height: 40px;
				background: #fafafa;
				border: 1px @smooth-grey solid;
				border-radius: 3px;
				cursor: pointer;
				color: @dark-grey;
				font-size: 14px;
				font-family: @Calibri;
				text-align: center;
				display: flex;

				&:hover {
					background-color: @old-white-hover;
					box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.03) inset;
				}

				&:active {
					background-color: @old-white;
					box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.03) inset;
				}

				i {
					width: 40px;
					padding-top: 7px;
				}

				div {
					margin: auto;
				}

				&:disabled {
					cursor: initial;
					background: initial;
					color: #828282;
					opacity: 1;
				}
			}
		}

		// TEXTAREAS
		textarea {
			display: block;
			width: 100%;
			min-width: 100%;
			max-width: 100px;
			height: 60px;
			min-height: 60px;
			max-height: 300px;
			padding: 10px;
			border-radius: 3px;
			outline: 0;
			border: 1px rgba(210, 210, 210, 1) solid;
			overflow: auto;
			font-size: 14px;
			font-family: @Calibri;
			color: @dark-grey;

			&:focus,
			&:hover:not(:disabled) {
				border: 1px @eds-soft-opaline solid;
				box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.03) inset;
			}

			&:disabled.disabled-for-display {
				resize: none;
				overflow: hidden;
				color: @dark-grey;
				opacity: 1;
				background-color: initial;
			}

			&.label-on-top {
				border-radius: 0px 0px 3px 3px;
			}
		}

		// CHECKBOX
		.checkbox-line {

			display: flex;

			input[type=checkbox] {
				transform: scale(1.4);
				margin: 0;
				padding: 0;
				margin-left: 3px;
			}

		}

		.checkbox-line-2 {

			display: flex;
			width: 100%;

			input[type=checkbox] {
				transform: scale(1.4);
				margin: 0;
				padding: 0;
				margin-left: 3px;
			}

			.checkbox-area {
				height: 40px;
				width: 40px;
				min-width: 40px;
				border: 1px rgba(200, 200, 200, 1) solid;
				border-radius: 0px 3px 3px 0px;
				padding: 12px 10px;

			}

		}

		// OTHERS
		.range-checkbox-concept {
			margin-bottom: 0;
		}

		.input-section {
			display: block;
			width: 100%;
			margin-top: 15px;
			border-radius: 3px;
			border: 1px rgba(200, 200, 200, 1) solid;
			text-align: left;
			position: relative;

			.disabled-area {
				background-color: rgba(0, 0, 0, 0.02);
				position: absolute;
				z-index: 100;

				top: 40px;
				bottom: 0;
				right: 0;
				left: 0;
				border-radius: 0px 0px 3px 3px;
			}

			.input-section-header {

				border-bottom: 1px rgba(200, 200, 200, 1) solid;
				vertical-align: top;
				width: 100%;
				height: 40px;
				margin: 0px;
				padding: 0;
				border-radius: 3px 3px 0px 0px;
				background-color: @old-white;
				display: flex;

				label {
					padding: 0px 15px 0px 15px;
					margin: 0px;
					line-height: 2.7em;
				}

				i {
					font-size: 18px;
					margin-left: auto;
					padding: 8px 10px;
					color: @dark-grey;
					border-left: 1px solid rgba(200, 200, 200, 1);
					cursor: pointer;

					&:hover {
						background-color: @old-white-hover;
					}
				}
			}

			.input-section-body {
				padding: 0px 15px 15px 15px;
			}

			.input-section-footer {

				width: 100%;
				text-align: right;
				display: flex;
				padding: 0px 15px 15px 15px;
				margin: 0;

				input[type=button],
				a {
					display: inline-block;
					margin: 0;
					padding: 8px 12px;
					border: 0;
					outline: none;
					border-radius: 3px;
					text-align: center;
					text-decoration: none;
					font-size: 14px;
					font-family: @Calibri;
					cursor: pointer;
					height: 36px;
					width: auto;
					margin-left: 10px;
				}

				.margin-left-auto {
					margin-left: auto !important;
				}

				.black-background-button,
				.black-background-button:active {
					background-color: rgba(50, 50, 50, 1);
					box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.05) inset;
					color: white;

					&:hover {
						background-color: rgba(65, 65, 65, 0.8);
						box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0) inset;
						-webkit-animation: blackBGhover 0.25s ease-out;
						-ms-animation: blackBGhover 0.25s ease-out;
						animation: blackBGhover 0.25s ease-out;
					}
				}

				.no-background-button,
				.no-background-button:active {
					background-color: rgba(0, 0, 0, 0);
					color: black;

					&:hover {
						background-color: rgba(200, 200, 200, 0.8);
						box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0) inset;
						-webkit-animation: blackBGhoverFromScratch 0.25s ease-out;
						-ms-animation: blackBGhoverFromScratch 0.25s ease-out;
						animation: blackBGhoverFromScratch 0.25s ease-out;
					}
				}
			}
		}

		#elec-area,
		#heat-area {
			display: none;
		}

		.time-period {

			display: flex;

			div {
				width: inherit;
				text-align: center;
			}

			i {
				font-size: 14px;
				min-width: 40px;
				padding: 11px 14px;
				border-top: 1px @smooth-grey solid;
				border-bottom: 1px @smooth-grey solid;
				background-color: @old-white;
			}
		}

		.input-wrapper {

			.material-element,
			.process-element,
			.transport-element,
			&.material-element,
			&.process-element,
			&.transport-element {
				display: none;
			}

			display: block;
			width: 100%;
			margin-top: 15px;

			&.toggle-checkbox-wrapper {
				display: flex;
				justify-content: space-between;
			}

			&.display-flex {
				display: flex;
				justify-content: space-between;
			}

			.db-current-value {
				width: inherit;
			}

			.db-old-value {
				width: 40px;
				display: flex;
				justify-content: center;
				align-items: center;

				i {
					font-size: 20px;
				}
			}

			&.checkbox-section {

				.checkbox-title,
				.checkbox-element {

					display: flex;
					height: 30px;

					input {

						width: 16px;
						margin: 7px;

					}

					div {

						padding-left: 10px;
						line-height: 30px;

						label {

							margin: 0;
							padding: 0;

						}

					}

				}

			}

		}

		.optionnal-input {

			display: flex;
			align-items: center;
			margin-top: 15px;

			.optionnal-input-checkbox-div {

				width: 40px;
				min-width: 40px;
				vertical-align: top;
				height: 40px;
				margin: 0px;
				padding: 8px;
				border-top: 1px @smooth-grey solid;
				border-left: 1px @smooth-grey solid;
				border-bottom: 1px @smooth-grey solid;
				border-radius: 3px;
				background-color: @old-white;
				outline: none;
				line-height: 2.7em;
				position: relative;
				border-radius: 3px 0px 0px 3px;

				input {
					width: 16px;
					height: 16px;
				}

			}

			.input-wrapper {

				width: -webkit-fill-available;
				margin-top: 0px;

				.label-left-38 {

					border-radius: 0px;

				}

			}

		}

		.activities-classes-area {

			display: block;
			width: 100%;
			margin-top: 5px;
			text-align: left;
			color: @dark-grey;
			-webkit-user-select: none;
			-ms-user-select: none;
			user-select: none;

			.mat-tab {
				display: inline-block;
				vertical-align: bottom;
				width: 44px;
				height: 44px;
				margin: 1px;
				padding: 15px 4px 4px 4px;
				border-radius: 2px;
				border: 1px rgba(0, 0, 0, 0.15) solid;
				border-bottom-style: solid;
				border-bottom-width: 3px;
				background-color: white;
				cursor: pointer;

				span {
					display: inline-block;
					vertical-align: middle;
					width: 100%;
					font-family: @Calibri;
					font-size: 12px;
					text-align: center;
					line-height: 9pt;
				}

				&:hover {
					box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.1);
					border: 1px rgba(0, 0, 0, 0.3) solid;
					border-bottom-width: 5px;
				}
			}
		}

		.manage-elements-area {

			overflow: hidden;

			.manage-element-wrapper {

				display: flex;
				justify-content: space-between;

				.data-area {
					width: inherit;
					display: contents;
				}

				.options-bar {
					vertical-align: top;
					width: fit-content;
					padding-left: 10px;
					text-align: left;

					width: 70px;
					max-width: 70px;
					min-width: 70px;

					a {
						display: inline-block;
						width: 30px;
						height: 40px;
						text-align: center;
						text-decoration: none;

						i {
							display: inline-block;
							padding: 8px 0px 0px 0px;
							font-size: 16px;
							color: #aaaaaa;
						}

						&:hover {
							i {
								color: #646464;
							}
						}
					}
				}
			}

			.manage-element-wrapper:last-child {
				label {
					margin-bottom: 0px;
				}
			}
		}

		#display-unit {
			display: none;
			font-style: normal;
		}

		.sub-element-warning {

			margin-top: 3px;
			display: block;
			font-size: 14px;
			font-style: normal;
			text-align: left;
			font-family: @Calibri;
			color: rgb(180, 180, 180);
			padding-bottom: 3px;
			text-align: right;

			&.justify-text {
				text-align: justify;
			}

		}

		.material-element,
		.process-element,
		.transport-element {
			display: none;
		}

		// Alert messages
		.alert-message {

			display: block;
			width: 100%;
			margin-top: 15px;
			border: 1px rgba(220, 220, 220, 1) solid;
			text-align: left;
			z-index: 10;

			i {
				display: inline-block;
				vertical-align: middle;
				padding: 15px;
				width: 10%;
				font-size: 22px;
				color: @smooth-grey;
			}

			span {
				display: inline-block;
				vertical-align: middle;
				width: 90%;
				padding: 10px;
				font-size: 14px;
				font-family: @Calibri;
				color: @dark-grey;
			}

			&.blue-alert-message {
				box-shadow: 5px 0px 0px rgba(45, 145, 230, 1) inset;
			}

			&.orange-alert-message {
				box-shadow: 5px 0px 0px orange inset;
			}

			&.red-alert-message {
				box-shadow: 5px 0px 0px @strong-red inset;
			}

		}

	}

	.form-footer {

		width: 100%;
		text-align: right;
		display: flex;
		min-height: fit-content;
		padding: 0px 10px 10px 10px;

		input[type=submit],
		input[type=button],
		a {
			display: inline-block;
			margin: 20px 0px 0px 10px;
			padding: 8px 12px;
			border: 0;
			outline: none;
			border-radius: 3px;
			text-align: center;
			text-decoration: none;
			font-size: 14px;
			font-family: @Calibri;
			cursor: pointer;
			height: 36px;
		}

		.margin-left-auto {
			margin-left: auto !important;
		}

		.black-background-button,
		.black-background-button:active {
			background-color: rgba(50, 50, 50, 1);
			box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.05) inset;
			color: white;

			&:disabled {
				background-color: rgba(50, 50, 50, 0.3);
				color: white;
				cursor: initial;
			}
		}

		.black-background-button:enabled:hover {
			background-color: @eds-dark-opaline;
			box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0) inset;
			-webkit-animation: blackBGhover 0.25s ease-out;
			-ms-animation: blackBGhover 0.25s ease-out;
			animation: blackBGhover 0.25s ease-out;
		}

		.green-background-button,
		.green-background-button:active {
			background-color: @eds-soft-opaline;
			box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.03) inset;
			color: white;

			&:hover {
				background-color: @eds-dark-opaline;
				box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0) inset;
				-webkit-animation: opalineBGhover 0.25s ease-out;
				-ms-animation: opalineBGhover 0.25s ease-out;
				animation: opalineBGhover 0.25s ease-out;
			}
		}

		.no-background-button,
		.no-background-button:active {
			background-color: rgba(0, 0, 0, 0);
			color: black;

			&:hover {
				background-color: @eds-dark-opaline;
				box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0) inset;
				-webkit-animation: blackBGhoverFromScratch 0.25s ease-out;
				-ms-animation: blackBGhoverFromScratch 0.25s ease-out;
				animation: blackBGhoverFromScratch 0.25s ease-out;
			}
		}

		.icon-and-text-button,
		.icon-and-text-button:active {
			display: flex;
			height: 36px;
			align-items: center;

			i {
				margin-right: 10px;
			}
		}

	}

	// HOVER INFO DISPLAY
	.classes-help {
		display: inline-block;
		vertical-align: middle;
		margin-top: 0px;
		padding: 0px;
		font-size: 16px;
		color: rgba(0, 0, 0, 0.2);
		cursor: pointer;
	}

	.localisations-help {
		display: inline-block;
		vertical-align: middle;
		margin-top: 5px;
		padding: 10px 0px 5px 0px;
		font-size: 16px;
		color: rgba(0, 0, 0, 0.2);
		cursor: pointer;
		margin: 18px 15px;
	}

	.bottom-list-shortcut {
		display: inline-block;
		vertical-align: top;
		margin: 17px 0px;
		font-size: 35px;
		color: rgba(200, 200, 200, 1);
		cursor: pointer;

		&:hover {
			color: rgba(170, 170, 170, 1);
		}
	}

	.bottom-list-shortcut-processes {
		display: inline-block;
		vertical-align: top;
		margin: 17px 0px 17px 10px;
		font-size: 35px;
		color: rgba(200, 200, 200, 1);
		cursor: pointer;

		&:hover {
			color: rgba(170, 170, 170, 1);
		}
	}

	.wizard-shortcut {
		display: inline-block;
		vertical-align: top;
		width: 40px;
		height: 40px;
		margin-top: 17px;
		text-align: left;
		color: #c8c8c8;
		cursor: pointer;
		overflow: hidden;

		i {
			display: block;
			font-size: 35px;
		}

		span {
			font-size: 16px;
			font-weight: bold;
			font-family: calibri, arial, sans-serif;
			position: relative;
			bottom: 20px;
		}
	}

	.hover-information-area {
		display: inline-block;
		width: 300px;
		padding: 10px;
		border-radius: 2px;
		border: 1px rgba(180, 180, 180, 1) solid;
		outline: 0;
		background-color: rgba(245, 245, 245, 1);
		box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.1);
		text-align: left;
		font-size: 14px;
		font-family: @Calibri;
		color: @dark-grey;
		position: absolute;
		top: -999999px;
		z-index: 99999;

		.title {
			display: block;
			width: 100%;
			margin-bottom: 10px;
			padding-bottom: 10px;
			border-bottom: 1px rgba(200, 200, 200, 1) solid;
			font-weight: bold;
		}

		.subtitle {
			display: block;
			width: 100%;
			margin: 15px 0px 2px 0px;
			padding-bottom: 2px;
			border-bottom: 1px rgba(220, 220, 220, 1) solid;
			font-weight: normal;
			font-style: italic;
		}

		.icon-ok {
			display: inline-block;
			margin-right: 5px;
			font-size: 8px;
		}

	}

	.classes-help:hover~.top-info-message,
	.top-info-message:hover {
		top: 20px;
		left: 130px;
	}

	.wizard-shortcut:hover~.bottom-info-message,
	.bottom-list-shortcut:hover~.bottom-info-message,
	.bottom-info-message:hover,
	.bottom-list-shortcut-processes:hover~.bottom-info-message-processes,
	.bottom-info-message-processes:hover {
		top: auto;
		bottom: 20px;
		left: 55px;
		right: auto;
	}

	.bottom-list-shortcut-processes:hover~.bottom-info-message-processes,
	.bottom-info-message-processes:hover {
		left: 95px;
	}

	.localisations-help:hover~.bottom-info-message-2,
	.bottom-info-message-2:hover {
		top: auto;
		bottom: 20px;
		left: 85px;
	}

}

#template-form.delete-form {

	#form-header {

		#header-icon {
			color: @strong-red;
		}

		#header-separation-bar {
			background: url('../images/top-line-red.png') top left repeat-x;
		}

	}

	#form-body {
		text-align: center;
	}

}

// Responsivity and browsers adaptations
#template-form #form-body select::-ms-expand {
	display: none;
}

// family-management-interface

#family-management-interface {

	text-align: left;
	font-size: 16px;
	font-family: @Calibri;
	color: @dark-grey;

	.family-section {

		margin-bottom: 15px;
		border: 1px #c8c8c8 solid;
		border-radius: 3px;

		.family-header {

			background-color: @old-white;
			height: 40px;
			display: flex;
			border-radius: 3px 3px 0px 0px;

			.family-header-text {

				display: flex;
				justify-content: space-between;
				width: -webkit-fill-available;
				width: -moz-available;
				padding: 9px 15px;

				span:first-of-type {
					font-weight: bold;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
					padding-right: 10px;

					i {
						font-style: inherit;
						font-weight: initial;
						color: rgba(50, 50, 50, 0.7);
						padding-left: 5px;
					}
				}

				span:last-of-type {
					min-width: fit-content;
				}

			}

			.family-header-actions {

				width: 120px;
				min-width: 120px;
				display: flex;
				overflow: hidden;

				a {
					width: 40px;
					height: 40px;
					color: black;
					text-decoration: none;
					display: flex;
					justify-content: center;
					align-items: center;
					border-left: 1px #c8c8c8 solid;

					&:link:hover {
						background-color: @old-white-hover;
					}

					&:not([href]) {
						color: rgba(0, 0, 0, 0.4);
					}

				}

			}

		}

		.subfamilies-section {

			border-radius: 0px 0px 3px 3px;

			.subfamily-section {

				border-top: 1px #c8c8c8 solid;
				min-height: 40px;
				display: flex;

				.subfamily-text {

					display: flex;
					width: -webkit-fill-available;
					width: -moz-available;
					align-items: center;

					.subfamily-name {
						padding: 9px 15px;
						width: 50%;
						color: rgba(50, 50, 50, 0.7);

						div:first-of-type:not(.no-subfamily) {
							font-weight: bold;
							color: rgba(50, 50, 50, 1);
						}

						.no-subfamily {
							color: rgba(0, 0, 0, 0.4);
						}

					}

					.subfamily-projects {

						width: 50%;
						border-left: 1px #c8c8c8 solid;
						padding: 9px 15px;
						height: 100%;
						display: grid;
						align-items: center;

						.project-list-title {
							font-weight: bold;
						}

						.no-project {
							color: rgba(0, 0, 0, 0.4);
							font-weight: initial;
						}

						div {
							min-height: 20px;
						}

						.view-more-button,
						.view-less-button {
							color: @eds-green;
							cursor: pointer;

							&:hover {
								color: @eds-green-hover;
							}
						}
					}

				}

				.subfamily-actions {

					width: 80px;
					min-width: 80px;
					display: flex;
					overflow: hidden;

					a {
						width: 40px;
						height: 100%;
						color: black;
						text-decoration: none;
						display: flex;
						justify-content: center;
						align-items: center;
						border-left: 1px #c8c8c8 solid;

						&:link:hover {
							background-color: @old-white-hover;
						}

						&:not([href]) {
							color: rgba(0, 0, 0, 0.4);
						}
					}

				}

			}

		}

	}

}

#affichage-environnemental-wrapper {

	display: flex;
	flex-direction: row;
	justify-content: center;
	border-radius: 8px;
	margin: 20px 0px;
	padding: 20px;

	.affichage {
		padding: 0px 15px;
	}

	.affichage:first-of-type {
		border-right: 1px rgba(180, 180, 180, 1) solid;
	}

}

#affichage-environnemental-disclaimer {

	font-size: 16px;
	font-family: calibri, arial, sans-serif;
	color: darkgrey;
	max-width: 800px;
	margin: auto;

}

#commentFunctionAnalysis {

	form[name=edit_comment_analysis] {

		width: 100%;
		min-width: 100%;

	}

}

#french-name-disclaimer,
#english-name-disclaimer {

	display: block;
	font-size: 12px;
	margin-left: auto;
	width: fit-content;
	color: red;
	margin-top: 3px;

}

#transport-unit-disclaimer {

	display: block;
	font-size: 12px;
	margin-right: auto;
	width: fit-content;
	margin-top: 3px;

}

.red-color-link {
	color: @strong-red !important;

	:hover {
		color: @strong-red-hover !important;
	}
}

.green-color-link {
	color: @eds-green !important;

	:hover {
		color: @eds-green-hover !important;
	}
}

#homeBase #HBboard .line .row#upgradeSection1,
#homeBase #HBboard .line .row#upgradeSection2 {

	display: none;

}

#homeBase #HBboard .line .row#upgradeSection1 .label,
#homeBase #HBboard .line .row#upgradeSection2 .label {

	font-size: 16px;
	font-family: @Calibri;
	color: @dark-grey;
	padding-bottom: 8px;
	font-weight: bold;

	p {
		margin: 0;
	}

}

#homeBase #HBboard .line .row#upgradeSection1 {

	height: 95px;
	min-height: 95px;
	max-height: 95px;
	padding: 7px;
	background: repeating-linear-gradient(-45deg,
			rgba(255, 235, 205, 1),
			rgba(255, 235, 205, 1) 20px,
			rgba(255, 220, 180, 1) 20px,
			rgba(255, 220, 180, 1) 40px);
	border: 0px;

	.actionsDiv {

		display: flex;
		flex-direction: row;

		.buttonDiv {

			padding-right: 7px;
			margin-right: 7px;
			border-right: 1px solid lightgrey;

			button {

				display: inline-block;
				vertical-align: middle;
				height: 36px;
				padding: 8px 20px;
				border: 0;
				outline: none;
				border-radius: 3px;
				background-color: #FFC28A;
				/* Orange clair pastel */
				box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.05) inset;
				text-align: center;
				text-decoration: none;
				font-size: 14px;
				font-family: calibri, arial, sans-serif;
				color: white;
				text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
				cursor: pointer;
				-webkit-animation: opalineBGblur 0.25s ease-out;
				-ms-animation: opalineBGblur 0.25s ease-out;
				animation: opalineBGblur 0.25s ease-out;
				transition: background-color 0.2s ease, box-shadow 0.2s ease;

				/* Effet de survol */
				:hover {
					background-color: #FFA563;
					/* Orange plus soutenu pour le hover */
					box-shadow: 0px 0px 5px 2px rgba(255, 165, 99, 0.4);
				}

			}

		}

		.filterDiv {

			display: flex;
			font-size: 14px;
			font-family: calibri, arial, sans-serif;
			color: #323232;
			padding-bottom: 8px;

			p {

				padding: 0;
				margin: 10px 10px 10px 5px;

			}

			input {

				transform: scale(1.4);
				margin: 0;
				padding: 0;
				margin-left: 3px;

			}

		}

	}

}

#homeBase #HBboard .line .row#upgradeSection2 {

	height: 35px;
	min-height: 35px;
	max-height: 35px;
	padding: 7px;
	background: repeating-linear-gradient(-45deg,
			rgba(220, 240, 255, 1),
			rgba(220, 240, 255, 1) 20px,
			rgba(200, 230, 255, 1) 20px,
			rgba(200, 230, 255, 1) 40px);
	border: 0px;

}

span.update-workspace {
	border: 1px solid grey;
	display: inline-flex;
	width: 23px;
	height: 23px;
	padding: 1px 2px;
	margin-left: 4px;
	border-radius: 5px;
	background-color: lightblue;

	:hover {
		background-color: lightblue;
	}
}

// Selectize Style
.selectize-wrapper {
	max-height: 40px;
}

.selectize-div {
	width: 62%;
	height: 40px;
	border-radius: 0px 3px 3px 0px;
	display: inline-block;
	border: 1px #c8c8c8 solid;
	background: url(http://localhost/view/images/select-arrow.png) right center no-repeat;
}

.selectize-div:hover {
	box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.05);
	background: url(http://localhost/view/images/select-arrow-over.png) right center no-repeat;
}

.selectize-value {
	height: 100%;
	font-family: calibri;
	font-size: 14px;
	width: 100%;
	display: block;
	padding: 10px 30px 0px 15px;
	border-radius: 0px 3px 3px 0px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.selectize-dropdown {
	background: #fff;
	position: relative;
	padding: 5px;
	border: 1px #c8c8c8 solid;
	width: 100%;
	min-height: 40px;
	max-height: 200px;
	border-radius: 0px 0px 3px 3px;
	display: grid;
}

.selectize-input {
	height: 30px !important;
	border-radius: 10px !important;
	border: 1px #c8c8c8 solid !important;
}


.selectize-choices {
	max-height: 160px;
	overflow: auto;
}

.selectize-optgroup {
	height: 30px !important;
	font-weight: bold;
	line-height: 30px !important;
	font-family: Calibri;
	font-size: 14px;
	margin: 0px;
	padding: 3px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
}

.selectize-option {
	height: 30px !important;
	line-height: 30px !important;
	font-family: Calibri;
	font-size: 14px;
	margin: 0px;
	padding: 3px 3px 3px 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
}

.selectize-option:hover {
	background: #f0f0f0;
	cursor: pointer;
}