/*
 GenEasy GSS Compiler 2.0 (c) MVP 2015-2025
 Version 24/10/2025 18:19:40

 *** IMPORTANT : DO NOT EDIT BY HAND, EDIT .gss FILE ! ***

 Copyright (c)  MVP - All Rights Reserved
 Unauthorized copying of this file, via any medium is strictly prohibited
 Proprietary and confidential
 MVP, 2025
*/

body
{
}

body .empty
{
	display:none !important ;
}

body .notInOrder
{
	border:1px solid var(--INCOMPLETE-FIELD) !important ;
}

body .closeSettingsPopUp
{
	display:none ;
}

body .openSettingsPopUp
{
	display:flex ;
}

body .valOutOfBounds
{
	color:white !important;
	font-weight:bold ;
	background-color:red ;
}

body div.geaPanel
{
	width:100vw !important ;
	height:100vh !important ;
	position:fixed !important ;
	flex-direction:row !important ;
	align-items:center !important ;
	justify-content:center !important ;
	background:rgba(255,255,255,0.25) !important ;
	backdrop-filter:blur(2px) !important ;
	overflow:hidden !important ;
}

body div.geaPanel div.geaPanelBlock
{
	position:relative !important;
	background:var(--MENU-BACKGROUND) !important;
	padding:20px !important;
	color:white !important;
	box-shadow:0 0 4px 2px #404040 !important;
}

body div.geaPanel div.geaPanelBlock div.geaPanelText
{
	background-image:url(/__album/sign_warning.svg) !important;
}

body div.geaPanel div.geaPanelBlock div.geaPanelText div.geaPanelInnerText
{
	width:80% ;
	margin-top:20px ;
}

body div.geaPanel div.geaPanelBlock div.geaPanelText div.geaPanelInnerText h6
{
	color:var(--GREEN-VALUE) !important ;
	font-size:28px !important ;
}

body div#modifySettings, body div#modifyTechno, body div#modifySpec
{
}

body div#modifySettings div, body div#modifyTechno div, body div#modifySpec div
{
}

body div#modifySettings div form, body div#modifyTechno div form, body div#modifySpec div form
{
	margin:10px 0px 0px 0px ;
	width:570px ;
	height:fit-content ;
	overflow-y:auto ;
	scrollbar-width:thin ;
	overflow-x:hidden ;
	padding:3px 0 ;
}

body div#modifySettings div form div#modifyGlobalSettings, body div#modifySettings div form div#modifyTechnoSettings, body div#modifyTechno div form div#modifyGlobalSettings, body div#modifyTechno div form div#modifyTechnoSettings, body div#modifySpec div form div#modifyGlobalSettings, body div#modifySpec div form div#modifyTechnoSettings
{
	width:100% ;
	display:flex ;
	flex-direction:column ;
	align-items:center ;
	gap:16px ;
}

body div#modifySettings div form div#modifyGlobalSettings label, body div#modifySettings div form div#modifyTechnoSettings label, body div#modifyTechno div form div#modifyGlobalSettings label, body div#modifyTechno div form div#modifyTechnoSettings label, body div#modifySpec div form div#modifyGlobalSettings label, body div#modifySpec div form div#modifyTechnoSettings label
{
	width:80% ;
	flex-direction:row ;
	align-items:center ;
}

body div#modifySettings div form div#modifyGlobalSettings label span, body div#modifySettings div form div#modifyTechnoSettings label span, body div#modifyTechno div form div#modifyGlobalSettings label span, body div#modifyTechno div form div#modifyTechnoSettings label span, body div#modifySpec div form div#modifyGlobalSettings label span, body div#modifySpec div form div#modifyTechnoSettings label span
{
	width:50% ;
	font-size:16px ;
}

body div#modifySettings div form div#modifyGlobalSettings label select-multiple.choices, body div#modifySettings div form div#modifyTechnoSettings label select-multiple.choices, body div#modifyTechno div form div#modifyGlobalSettings label select-multiple.choices, body div#modifyTechno div form div#modifyTechnoSettings label select-multiple.choices, body div#modifySpec div form div#modifyGlobalSettings label select-multiple.choices, body div#modifySpec div form div#modifyTechnoSettings label select-multiple.choices
{
	background:var(--INPUT-BACKGROUND) ;
	color:white ;
	border:solid 1px var(--SCREEN-BACKGROUND) ;
	font-size:16px ;
	box-shadow:none ;
	width:100% ;
	border-radius:0px ;
	padding:7px ;
}

body div#modifySettings div form hr, body div#modifyTechno div form hr, body div#modifySpec div form hr
{
	color:var(--GREEN-VALUE) ;
	margin:0px ;
	width:100% ;
}

body div#modifySettings div form#formTechno, body div#modifyTechno div form#formTechno, body div#modifySpec div form#formTechno
{
}

body div#modifySettings div form#formTechno span, body div#modifyTechno div form#formTechno span, body div#modifySpec div form#formTechno span
{
	width:70% !important ;
}

body div.btns
{
}

body div.btns .smallButton
{
	border-radius:0px ;
	opacity:1 ;
	margin:10px 0 ;
	background-color:var(--GREEN-VALUE);
}

body div#modifySpec > div
{
	width:60% ;
	min-width:960px ;
	max-height:80% ;
	height:fit-content ;
}

body div#modifySpec > div form#specForm
{
	width:calc(100% - 40px) ;
	height:calc(100% - 37px) ;
	padding:20px ;
	padding-bottom:0 ;
	margin-top:0 ;
	overflow-y:hidden ;
	position:relative ;
}

body div#modifySpec > div form#specForm .valueLegend
{
	color:var(--CONSTRAINT-HOVER) ;
}

body div#modifySpec > div form#specForm #modifySpecSettings
{
	width:100% ;
	height:calc(100% - 34px) ;
	overflow-y:auto ;
	overflow-x:hidden ;
}

body div#modifySpec > div form#specForm #modifySpecSettings h2
{
	display:flex ;
	align-items:end ;
	font-weight:normal ;
	font-size:20px ;
	gap:10px ;
	color:var(--GREEN-VALUE) ;
	margin:0 0 10px 0 ;
}

body div#modifySpec > div form#specForm #modifySpecSettings h2 img
{
	width:20px ;
	height:20px ;
	position:relative ;
	cursor:pointer ;
}

body div#modifySpec > div form#specForm #modifySpecSettings h2 img:hover
{
	opacity:0.7 ;
}

body div#modifySpec > div form#specForm #modifySpecSettings h2:nth-of-type(2)
{
	margin-top:30px ;
}

body div#modifySpec > div form#specForm #modifySpecSettings .constraintScroll *
{
	box-sizing:border-box ;
}

body div#modifySpec > div form#specForm #modifySpecSettings .constraintScroll
{
	display:flex ;
	flex-direction:column ;
	overflow-x:hidden ;
	gap:5px ;
	max-height:240px ;
	overflow-y:auto ;
	scrollbar-width:var(--SCROLL-TYPE) ;
	border:solid 1px var(--SCREEN-BACKGROUND) ;
	background:var(--CONSTRAINTS-BACKGROUND) ;
	padding:5px ;
	margin-left:10px ;
}

body div#modifySpec > div form#specForm #modifySpecSettings .constraintScroll .constRow
{
	display:flex ;
	flex-direction:row ;
	align-items:center ;
	justify-content:center ;
	gap:5px ;
	box-sizing:border-box ;
	width:calc(100% - 5px) ;
	border:1px solid transparent ;
	margin-left:2px ;
	padding:0 2px ;
}

body div#modifySpec > div form#specForm #modifySpecSettings .constraintScroll .constRow input[type='checkbox']
{
	width:14px ;
	height:20px ;
	cursor:pointer ;
}

body div#modifySpec > div form#specForm #modifySpecSettings .constraintScroll .constRow input[type='checkbox']:checked
{
	accent-color:var(--GREEN-VALUE) ;
}

body div#modifySpec > div form#specForm #modifySpecSettings .constraintScroll .constRow textarea
{
	background:var(--INPUT-BACKGROUND) ;
	color:white ;
	border:solid 1px var(--SCREEN-BACKGROUND) ;
	resize:none ;
	padding:8px 3px ;
	font-family:Asap ;
	height:36px ;
	width:150px ;
}

body div#modifySpec > div form#specForm #modifySpecSettings .constraintScroll .constRow select
{
	width:fit-content ;
	cursor:pointer ;
	width:85px ;
	overflow-wrap:break-word ;
}

body div#modifySpec > div form#specForm #modifySpecSettings .constraintScroll .constRow .constUnit
{
	width:130px ;
	text-overflow:ellipsis ;
	overflow:hidden ;
}

body div#modifySpec > div form#specForm #modifySpecSettings .constraintScroll .constRow .constDesignation
{
	width:calc(100% - 78px - 150px - 130px) ;
	max-width:calc(100% - 78px - 150px - 130px) ;
	flex-grow:1 ;
	max-height:36px ;
	box-sizing:content-box ;
}

body div#modifySpec > div form#specForm #modifySpecSettings .constraintScroll .constRow .constDesignation .constLabel
{
	box-sizing:content-box ;
	overflow:hidden ;
	overflow-wrap:break-word ;
}

body div#modifySpec > div form#specForm #modifySpecSettings .constraintScroll .constRow .constDesignation .constTarget
{
	color:var(--CONSTRAINT-HOVER) ;
}

body div#modifySpec > div form#specForm #modifySpecSettings .constraintScroll .constRow .constValue
{
	text-align:right ;
	width:110px ;
}

body div#modifySpec > div form#specForm #modifySpecSettings .constraintScroll .constRow .valueUnset
{
	color:var(--CONSTRAINT-HOVER) ;
}

body div#modifySpec > div form#specForm #modifySpecSettings .constraintScroll .constRow .nameTarget
{
	width:20% ;
}

body div#modifySpec > div form#specForm #modifySpecSettings .constraintScroll .constRow .targetChoice
{
	width:20% ;
	background-color:var(--GREEN-VALUE) ;
	font-weight:normal ;
	font-size:16px ;
	padding:8px 16px ;
	margin-left:10px ;
	cursor:pointer ;
}

body div#modifySpec > div form#specForm #modifySpecSettings .constraintScroll .constRow .targetChoice:hover
{
	text-decoration:underline ;
}

body div#modifySpec > div form#specForm #modifySpecSettings .constraintScroll .constRow:hover
{
	background-color:var(--MENU-HILITE) ;
}

body div#modifySpec > div form#specForm #modifySpecSettings .constraintScroll.noConstraint
{
	display:none ;
}

body div#modifySpec > div form#specForm #modifySpecSettings .addConst
{
	display:flex ;
	gap:10px ;
	border:none ;
	align-items:center ;
	width:fit-content ;
	min-width:170px ;
	background-color:var(--GREEN-VALUE) ;
	font-weight:normal ;
	font-size:16px ;
	padding:8px 25px ;
	margin-left:10px ;
	cursor:pointer ;
}

body div#modifySpec > div form#specForm #modifySpecSettings .addConst img
{
	width:16px ;
	height:16px ;
}

body div#modifySpec > div form#specForm #modifySpecSettings .addConst:hover
{
	text-decoration:underline ;
}

body div#modifySpec > div form#specForm #modifySpecSettings #addConstraint
{
	margin:10px 0 5px 10px ;
}

body div#modifySpec > div form#specForm #modifySpecSettings textarea#textFormFunctionalUnit
{
	margin-left:10px ;
	background:var(--INPUT-BACKGROUND) ;
	color:white ;
	border:solid 1px var(--SCREEN-BACKGROUND) ;
	padding:8px ;
	resize:none ;
	font-family:Asap ;
	overflow-x:hidden ;
	width:calc(100% - 32px) ;
	font-size:16px ;
}

body div#modifySpec > div form#specForm #modifySpecSettings div#functionalUnitInfo
{
	display:none ;
	flex-direction:column ;
	width:100% ;
	position:absolute ;
	bottom:110px ;
	left:190px ;
	background-color:var(--GREEN-VALUE) ;
	font-size:14px ;
	color:white ;
	border-radius:5px ;
	padding:10px ;
	height:fit-content ;
	width:fit-content ;
}

body div#modifySpec > div form#specForm #modifySpecSettings div#functionalUnitInfo span
{
	margin-bottom:5px ;
}

body div#modifySpec > div form#specForm #modifySpecSettings div#functionalUnitInfo ul
{
	margin:0 ;
	padding-left:20px ;
}

body div#modifySpec > div form#specForm #modifySpecSettings div#functionalUnitInfo ul li
{
	margin-bottom:2px ;
}

body div#modifySpec > div form#specForm #modifySpecSettings div#functionalUnitInfo ul li span
{
	margin-right:5px ;
}

body div#modifySpec > div form#specForm #modifySpecSettings div#functionalUnitInfo ul li span:nth-of-type(2)
{
	color:var(--FONCTIONAL-UNIT-EG) ;
}

body div#modifySpec > div form#specForm #modifySpecSettings h2:has(img:hover) + div#functionalUnitInfo
{
	display:flex ;
}

body div#modifySpec > div form#specForm #modifySpecSettings div#createConstraint *
{
	box-sizing:border-box ;
}

body div#modifySpec > div form#specForm #modifySpecSettings div#createConstraint
{
	display:flex ;
	align-items:center ;
	gap:5px ;
	width:98% ;
	margin-left:10px ;
	padding:5px 0 ;
	position:relative ;
}

body div#modifySpec > div form#specForm #modifySpecSettings div#createConstraint #saveScratchConstraint
{
	margin:0 ;
	padding:8px 25px ;
	min-width:fit-content ;
}

body div#modifySpec > div form#specForm #modifySpecSettings div#createConstraint #addScratchConstraint
{
	margin:2px 0 ;
	box-sizing:content-box ;
}

body div#modifySpec > div form#specForm #modifySpecSettings div#createConstraint #formScratchConstraint
{
	display:flex ;
	align-items:center ;
	gap:5px ;
}

body div#modifySpec > div form#specForm #modifySpecSettings div#createConstraint #formScratchConstraint select
{
	width:fit-content ;
	cursor:pointer ;
}

body div#modifySpec > div form#specForm #modifySpecSettings div#createConstraint #formScratchConstraint input[type='button']:nth-of-type(2)
{
	width:fit-content ;
	background-color:var(--GREEN-VALUE) ;
	border:none ;
	padding:8px 16px ;
	cursor:pointer ;
}

body div#modifySpec > div form#specForm #modifySpecSettings div#createConstraint #formScratchConstraint input[type='button']:nth-of-type(2):hover
{
	text-decoration:underline ;
}

body div#modifySpec > div form#specForm #modifySpecSettings div#createConstraint #formScratchConstraint textarea
{
	background:var(--INPUT-BACKGROUND) ;
	color:white ;
	border:solid 1px var(--SCREEN-BACKGROUND) ;
	resize:none ;
	padding:8px ;
	font-family:Asap ;
	height:36px ;
	min-width:90px ;
	font-size:16px ;
}

body div#modifySpec > div form#specForm #modifySpecSettings div#createConstraint #formScratchConstraint #nameConstFromScratch
{
	width:25% ;
}

body div#modifySpec > div form#specForm #modifySpecSettings div#createConstraint #formScratchConstraint #maxValueConstFromScratch, body div#modifySpec > div form#specForm #modifySpecSettings div#createConstraint #formScratchConstraint #minValueConstFromScratch
{
	text-align:right ;
	width:20% ;
	min-width:80px ;
}

body div#modifySpec > div form#specForm #modifySpecSettings div#createConstraint #formScratchConstraint #unitConstFromScratch
{
	width:20% ;
	min-width:50px ;
}

body div#modifySpec > div form#specForm #modifySpecSettings div#scratchConstraint
{
	margin:0 ;
}

body div#addConstraintToModify
{
}

body div#addConstraintToModify div
{
	display:flex ;
	flex-direction:column ;
	align-items:center ;
	width:32% ;
}

body div#addConstraintToModify div h1
{
	padding:0 20px !important;
}

body div#addConstraintToModify div form
{
	margin:0 ;
	padding:20px 40px 0 40px ;
	width:calc(100% - 40px) ;
	height:calc(100% - 37px) ;
}

body div#addConstraintToModify div form div.constraintScroll
{
	width:100% ;
	height:calc(100% - 54px) ;
	overflow-y:auto ;
	overflow-x:hidden ;
	display:flex ;
	flex-direction:column ;
	background:var(--INPUT-BACKGROUND) ;
	border:solid 1px var(--SCREEN-BACKGROUND) ;
	max-height:calc(100vh - 380px) ;
}

body div#addConstraintToModify div form div.constraintScroll div.indicatorGroup
{
	display:flex ;
	flex-direction:column ;
	align-items:start ;
	gap:2px ;
	padding:10px 0;
	border-radius:5px ;
	width:calc(100% - 10px) ;
}

body div#addConstraintToModify div form div.constraintScroll div.indicatorGroup h2
{
	font-size:20px ;
	color:var(--GREEN-VALUE) ;
	margin:0 0 5px 10px ;
}

body div#addConstraintToModify div form div.constraintScroll div.indicatorGroup .constraintRow
{
	display:flex ;
	flex-direction:row ;
	align-items:center ;
	padding:4px 4px 4px 20px ;
	gap:10px ;
	color:white ;
	cursor:pointer ;
	width:calc(100% - 24px) ;
}

body div#addConstraintToModify div form div.constraintScroll div.indicatorGroup .constraintRow input
{
	width:15px ;
	height:18px ;
	cursor:pointer ;
}

body div#addConstraintToModify div form div.constraintScroll div.indicatorGroup .constraintRow input:checked
{
	accent-color:var(--GREEN-VALUE) ;
}

body div#addConstraintToModify div form div.constraintScroll div.indicatorGroup .constraintRow span
{
	font-size:1em !important ;
}

body div#addConstraintToModify div form div.constraintScroll div.indicatorGroup .constraintRow span:nth-of-type(2)
{
	color:var(--CONSTRAINT-HOVER) ;
}

body div#addConstraintToModify div form div.constraintScroll div.indicatorGroup .constraintRow:hover
{
	background-color:var(--SPEC-HOVER) ;
}

body div#addConstraintToModify div form input[type='submit']
{
	margin:10px 0 ;
}

body div#addTargetToConstraint
{
}

body div#addTargetToConstraint div
{
	width:30% ;
}

body div#addTargetToConstraint div h1
{
	padding:0 20px !important;
}

body div#addTargetToConstraint div form
{
	width:calc(100% - 40px) ;
	margin:0 ;
	padding:20px 20px 0 20px ;
}

body div#addTargetToConstraint div form .constraintScroll
{
	display:flex ;
	flex-direction:column ;
	gap:5px ;
	width:100% ;
}

body div#addTargetToConstraint div form .constraintScroll .constraintTarget
{
	display:flex ;
	flex-direction:row ;
	gap:5px ;
	width:100% ;
	align-items:center ;
}

body div#addTargetToConstraint div form .constraintScroll .constraintTarget .constName
{
	width:100% ;
	display:flex ;
	align-items:center ;
}

body div#addTargetToConstraint div form .constraintScroll .constraintTarget #typeSelect
{
	width:100% ;
}

body div#addTargetToConstraint div form .constraintScroll .targetSelect
{
	width:100% ;
	display:none ;
}

body div#addTargetToConstraint div form .constraintScroll #comparator
{
	display:flex ;
	flex-direction:row ;
	align-items:center ;
	gap:10px ;
	width:100% ;
}

body div#addTargetToConstraint div form .constraintScroll #comparator input
{
	width:14px ;
}

body div#addTargetToConstraint div form .constraintScroll #comparator input:checked
{
	accent-color:var(--GREEN-VALUE) ;
}

body div#addTargetToConstraint div form input
{
	margin:10px 0 ;
}

body #addNameToPseudoPhase
{
}

body #addNameToPseudoPhase form
{
	gap:36px ;
}

body #addNameToPseudoPhase form .smallButton
{
	margin:0 ;
}

@media (max-width:1550px)
{
	body div#modifySpec div form#specForm #modifySpecSettings .constraintScroll .constRow
	{
	width:100% ;
	margin-right:2px ;
	justify-content:start ;
	.constUnit
	{
	width:20% ;
	}
	
	}
	
}