/*
 GenEasy GSS Compiler 2.0 (c) MVP 2015-2025
 Version 25/11/2025 11:42:07

 *** 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
*/

.no-scroll
{
	overflow:hidden !important;
}

body.toolbox
{
	gap:30px ;
	height:100vh ;
	box-sizing:border-box ;
	overflow-y:hidden ;
}

body.toolbox #content
{
	display:flex ;
	flex-direction:row ;
	margin:0px ;
	min-width:1000px ;
	gap:20px ;
	padding:0 20px 0px 20px ;
	flex-grow:1 ;
	height:calc(100% - 110px) ;
	align-items:stretch ;
}

body.toolbox #content *
{
	box-sizing:border-box ;
}

body.toolbox #content > div
{
	margin-bottom:20px ;
	display:flex ;
	flex-direction:column ;
}

body.toolbox #content #settings
{
	background-color:var(--SETTINGS-BACKGROUND) ;
	width:25% ;
	min-width:110px ;
}

body.toolbox #content #settings table
{
	width:100% ;
	border-collapse:collapse ;
}

body.toolbox #content #settings table tbody
{
}

body.toolbox #content #settings table tbody tr
{
}

body.toolbox #content #settings table tbody tr td
{
	color:var(--POLICE-INFORMATIONS) ;
	font-size:var(--TEXT-SIZE) ;
	text-align:left ;
	padding:5px ;
	border-bottom:1px solid var(--SUBTITLE-COLOR) ;
	width:fit-content ;
}

body.toolbox #content #settings table tbody tr td:nth-of-type(2)
{
	font-weight:bold ;
}

body.toolbox #content #settings #settingsTitle
{
	padding:13px ;
	display:flex ;
	flex-direction:row ;
	justify-content:space-between ;
	align-items:center ;
	background-color:var(--TITLE-BACKGROUND) ;
}

body.toolbox #content #settings #settingsTitle h1
{
	color:var(--TITLE-COLOR) ;
	font-size:var(--TITLE-SIZE) ;
	font-weight:normal ;
}

body.toolbox #content #settings #settingsTitle div
{
	display:flex ;
	flex-direction:row ;
	gap:20px ;
	overflow:hidden ;
}

body.toolbox #content #settings #settingsTitle div #settingsEdit, body.toolbox #content #settings #settingsTitle div #resizeSettings
{
	border:none ;
	background:transparent ;
	cursor:pointer ;
	padding:0px ;
}

body.toolbox #content #settings #settingsTitle div #settingsEdit img, body.toolbox #content #settings #settingsTitle div #resizeSettings img
{
	width:26.5px ;
}

body.toolbox #content #settings #settingsTitle div #settingsEdit:hover, body.toolbox #content #settings #settingsTitle div #resizeSettings:hover
{
}

body.toolbox #content #settings #settingsTitle div #settingsEdit:hover img, body.toolbox #content #settings #settingsTitle div #resizeSettings:hover img
{
	opacity:0.7 ;
}

body.toolbox #content #settings #informationsSettings
{
	overflow-y:auto ;
	overflow-x:hidden ;
	flex-grow:1 ;
	scrollbar-width:var(--SCROLL-TYPE) ;
	scrollbar-color:var(--CURSOR-SCROLL) var(--BACK-SCROLL) ;
}

body.toolbox #content #settings #informationsSettings #globalSettings
{
	background-color:var(--SETTINGS-BACKGROUND) ;
	padding:10px 15px 24px 15px ;
	width:100% ;
}

body.toolbox #content #settings #informationsSettings #technologyEnvisionned, body.toolbox #content #settings #informationsSettings #specificationsSettings
{
	background-color:var(--OVERVIEW-BACKGROUND) ;
	padding:24px 15px ;
}

body.toolbox #content #settings #informationsSettings #technologyEnvisionned h2, body.toolbox #content #settings #informationsSettings #specificationsSettings h2
{
	display:flex ;
	justify-content:space-between ;
	align-items:flex-end ;
	color:var(--SUBTITLE-COLOR) ;
	font-size:var(--TEXT-SIZE) ;
	margin-top:0 ;
	margin-bottom:10px ;
}

body.toolbox #content #settings #informationsSettings #technologyEnvisionned h2 span, body.toolbox #content #settings #informationsSettings #specificationsSettings h2 span
{
	font-size:var(--TEXT-SIZE) ;
}

body.toolbox #content #settings #informationsSettings #technologyEnvisionned h2 img, body.toolbox #content #settings #informationsSettings #specificationsSettings h2 img
{
	width:27px ;
	height:27px ;
}

body.toolbox #content #settings #informationsSettings #technologyEnvisionned h2 img:hover, body.toolbox #content #settings #informationsSettings #specificationsSettings h2 img:hover
{
	opacity:0.7 ;
}

body.toolbox #content #settings #informationsSettings #specificationsSettings
{
	background-color:var(--SETTINGS-BACKGROUND) ;
}

body.toolbox #content #settings #informationsSettings #specificationsSettings .constraint
{
}

body.toolbox #content #settings #informationsSettings #specificationsSettings .constraint .titleConstraint
{
	display:flex ;
	align-items:center ;
	height:60px ;
}

body.toolbox #content #settings #informationsSettings #specificationsSettings .constraint .titleConstraint hr
{
	transform:rotate(90deg) ;
	height:200% ;
	color:transparent ;
	border-right:2px dotted var(--SUBTITLE-COLOR) ;
}

body.toolbox #content #settings #informationsSettings #specificationsSettings .constraint .titleConstraint h2
{
	font-style:italic ;
	text-align:center ;
	font-size:var(--TEXT-SIZE) ;
	margin:0px ;
}

body.toolbox #content #settings #informationsSettings #specificationsSettings .constraint .data-constraint
{
	width:100% ;
}

body.toolbox #content #settings #informationsSettings #specificationsSettings .constraint .data-constraint td
{
	max-width:200px ;
}

body.toolbox #content #settings #informationsSettings #specificationsSettings .constraint #textFunctionalUnit
{
	resize:none ;
	width:100% ;
	border:1px solid var(--SUBTITLE-COLOR) ;
	background-color:var(--SETTINGS-BACKGROUND) ;
	font-size:var(--TEXT-SIZE) ;
	font-family:Asap ;
	color:var(--POLICE-INFORMATIONS) ;
	padding:5px ;
	overflow:hidden ;
}

body.toolbox #content #projectContent
{
	display:flex ;
	flex-direction:column ;
	gap:15px ;
	width:calc(100% - 19% - 25%) ;
	overflow-y:auto ;
	scrollbar-width:var(--SCROLL-TYPE) ;
	scrollbar-color:var(--CURSOR-SCROLL) var(--BACK-SCROLL) ;
}

body.toolbox #content #projectContent .optionName.open
{
}

body.toolbox #content #projectContent .optionName.open .titleName + div
{
	display:flex !important ;
}

body.toolbox #content #projectContent .optionName.open .arrow
{
	transform:rotate(90deg) ;
}

body.toolbox #content #projectContent .optionName
{
}

body.toolbox #content #projectContent .optionName .titleName
{
	display:flex ;
	flex-direction:row ;
	justify-content:space-between ;
	align-items:center ;
	background-color:var(--TITLE-COLOR) ;
	padding:13px ;
	height:59px ;
}

body.toolbox #content #projectContent .optionName .titleName h1
{
	color:white ;
	font-size:var(--TITLE-SIZE) ;
	font-weight:normal ;
}

body.toolbox #content #projectContent .optionName .titleName img
{
	width:20px ;
	height:20px ;
	transition-duration:0.5s ;
	margin-right:18.5px ;
	cursor:pointer ;
}

body.toolbox #content #projectContent .optionName .titleName img:hover
{
	opacity:0.7 ;
}

body.toolbox #content #projectContent .optionName .titleName + div
{
	display:none !important ;
}

body.toolbox #content #projectContent .optionName #perfoForm
{
	background-color:var(--SETTINGS-BACKGROUND) ;
	display:flex ;
	flex-direction:column ;
	gap:15px ;
	padding:15px ;
}

body.toolbox #content #projectContent .optionName #perfoForm #informationsPerfoCost
{
	display:flex ;
	flex-direction:column ;
	gap:15px ;
	color:var(--POLICE-INFORMATIONS) ;
	font-size:var(--TEXT-SIZE) ;
}

body.toolbox #content #projectContent .optionName #perfoForm #informationsPerfoCost .infoValConst
{
	display:flex ;
	flex-direction:column ;
	background-color:var(--DLG-BACKGROUND) ;
	padding:10px ;
}

body.toolbox #content #projectContent .optionName #perfoForm #informationsPerfoCost .infoValConst > span
{
	font-weight:bold ;
	font-size:var(--TITLE-SIZE) ;
	margin:10px 0 ;
	color:var(--SUBTITLE-COLOR) ;
}

body.toolbox #content #projectContent .optionName #perfoForm #informationsPerfoCost .visualizedValue
{
	display:flex ;
	flex-direction:row ;
	align-items:center ;
	padding:5px 8px ;
	gap:3px ;
	text-align:center ;
	min-height:38px ;
}

body.toolbox #content #projectContent .optionName #perfoForm #informationsPerfoCost .visualizedValue:hover
{
	background-color:var(--DLG-BACKGROUND) ;
}

body.toolbox #content #projectContent .optionName #perfoForm #informationsPerfoCost .visualizedValue .constLabel
{
	width:calc(65% - 120px - 110px) ;
	text-align:left ;
}

body.toolbox #content #projectContent .optionName #perfoForm #informationsPerfoCost .visualizedValue .constValue
{
	margin:0 ;
	width:20% ;
	box-sizing:border-box ;
	color:var(--POLICE-INFORMATIONS) ;
	padding:5px 10px ;
}

body.toolbox #content #projectContent .optionName #perfoForm #informationsPerfoCost .visualizedValue .constUnit
{
	width:30% ;
	font-weight:bold ;
}

body.toolbox #content #projectContent .optionName #perfoForm #informationsPerfoCost .visualizedValue .setVal
{
	border:none ;
	background:transparent ;
	cursor pointer ;
}

body.toolbox #content #projectContent .optionName #perfoForm #informationsPerfoCost .visualizedValue .setVal img
{
	width:20px ;
}

body.toolbox #content #projectContent .optionName #perfoForm #informationsPerfoCost .visualizedValue .setVal:hover
{
}

body.toolbox #content #projectContent .optionName #perfoForm #informationsPerfoCost .visualizedValue .setVal:hover img
{
	opacity:0.7 ;
}

body.toolbox #content #projectContent .optionName #perfoForm #informationsPerfoCost .visualizedValue:hover
{
	background-color:var(--SETTINGS-BACKGROUND) ;
}

body.toolbox #content #projectContent .optionName #perfoForm .smallButton
{
	width:fit-content ;
	align-self:center ;
	background-color:var(--TITLE-COLOR) ;
	margin:0 ;
}

body.toolbox #content #projectContent .optionName .arrow
{
	transform:rotate(0) ;
	transition:transform ease 400ms ;
}

body.toolbox #content #projectContent .optionName .informationsOption
{
	padding:15px ;
	background-color:var(--SETTINGS-BACKGROUND) ;
}

body.toolbox #content #projectContent .optionName .informationsOption
{
	display:flex ;
	flex-direction:column ;
	gap:10px ;
}

body.toolbox #content #projectContent .optionName .informationsOption #toolboxInformations
{
}

body.toolbox #content #projectContent .optionName .informationsOption #toolboxInformations .phaseEdit
{
}

body.toolbox #content #projectContent .optionName .informationsOption #toolboxInformations .phaseEdit .adder, body.toolbox #content #projectContent .optionName .informationsOption #toolboxInformations .phaseEdit .counter
{
	display:none ;
}

body.toolbox #content #projectContent .optionName .informationsOption #toolboxInformations .phaseEdit h4, body.toolbox #content #projectContent .optionName .informationsOption #toolboxInformations .phaseEdit h5, body.toolbox #content #projectContent .optionName .informationsOption #toolboxInformations .phaseEdit hr
{
	display: none ;
}

body.toolbox #content #projectContent .optionName .informationsOption #toolboxInformations .phaseEdit .delete
{
	display:none ;
}

body.toolbox #content #projectContent .optionName .informationsOption #toolboxInformations .phaseEdit .var:has(.question)
{
	display:flex ;
	flex-direction:column ;
	align-items:start ;
}

body.toolbox #content #projectContent .optionName .informationsOption #toolboxInformations .phaseEdit .var:has(.question) .question
{
	width:100% ;
}

body.toolbox #content #projectContent .optionName .informationsOption #toolboxInformations .phaseEdit .labelOfQuestion
{
	font-style:italic ;
	opacity:0.7 ;
}

body.toolbox #content #projectContent .optionName .informationsOption #toolboxInformations .phaseEdit .insideDesignGroup, body.toolbox #content #projectContent .optionName .informationsOption #toolboxInformations .phaseEdit .insideGroup
{
	padding:0 !important ;
	background-color:transparent ;
	border:none ;
}

body.toolbox #content #projectContent .optionName .informationsOption #toolboxInformations .phaseEdit form
{
	padding:16px ;
	gap:15px ;
}

body.toolbox #content #projectContent .optionName .informationsOption #toolboxInformations .phaseEdit form div[data-name='_Name'], body.toolbox #content #projectContent .optionName .informationsOption #toolboxInformations .phaseEdit form div[data-name='_Number'], body.toolbox #content #projectContent .optionName .informationsOption #toolboxInformations .phaseEdit form legend
{
	display:none ;
}

body.toolbox #content #projectContent .optionName .informationsOption #toolboxInformations .phaseEdit form .btns
{
	height:fit-content ;
}

body.toolbox #content #projectContent .optionName .informationsOption #toolboxInformations .phaseEdit form .btns .smallButton
{
	margin:0 !important ;
}

body.toolbox #content #designOverview
{
	background-color:var(--OVERVIEW-BACKGROUND) ;
	width:19% ;
	min-width:110px ;
}

body.toolbox #content #designOverview #designOverviewTitle
{
	padding:13px ;
	display:flex ;
	flex-direction:row ;
	justify-content:space-between ;
	align-items:center ;
	background-color:var(--TITLE-BACKGROUND) ;
}

body.toolbox #content #designOverview #designOverviewTitle h1
{
	color:var(--TITLE-COLOR) ;
	font-size:var(--TITLE-SIZE) ;
	font-weight:normal ;
	padding:0px ;
}

body.toolbox #content #designOverview #designOverviewTitle #resizeOverview
{
	border:none ;
	background:transparent ;
	cursor:pointer ;
	padding:0px ;
}

body.toolbox #content #designOverview #designOverviewTitle #resizeOverview img
{
	width:30px ;
}

body.toolbox #content #designOverview #designOverviewTitle #resizeOverview:hover
{
}

body.toolbox #content #designOverview #designOverviewTitle #resizeOverview:hover img
{
	opacity:0.7 ;
}

body.toolbox #content #designOverview #designOverviewContent
{
	padding:17px 17px 0 17px ;
	overflow-y:auto ;
	scrollbar-width:var(--SCROLL-TYPE) ;
	scrollbar-color:var(--CURSOR-SCROLL) var(--BACK-SCROLL) ;
	position:relative ;
}

body.toolbox #content #designOverview #designOverviewContent h2
{
	color:var(--SUBTITLE-COLOR) ;
	font-size:var(--TEXT-SIZE) ;
	margin:0px ;
}

body.toolbox #content #designOverview #designOverviewContent #designName
{
	display:flex ;
	flex-direction:row ;
	justify-content:space-between ;
	align-items:center ;
	gap:5px ;
	position:relative ;
	background-color:var(--SETTINGS-BACKGROUND) ;
	padding:7.5px ;
	width:fit-content ;
}

body.toolbox #content #designOverview #designOverviewContent #designName #openDes
{
	border:none ;
	background:transparent ;
	cursor:pointer ;
}

body.toolbox #content #designOverview #designOverviewContent #designName #openDes img
{
	width:12px ;
	transition-duration:0.5s ;
}

body.toolbox #content #designOverview #designOverviewContent #designName #openReparable:hover
{
}

body.toolbox #content #designOverview #designOverviewContent #designName #openReparable:hover img
{
	opacity:0.7 ;
}

body.toolbox #content #designOverview #designOverviewContent #designList
{
	flex-direction:column ;
	gap:3px ;
	position:absolute ;
	background-color:var(--SETTINGS-BACKGROUND) ;
	border:1px solid var(--SPECIFICATIONS-BACKGROUND) ;
	color:var(--SUBTITLE-COLOR) ;
	padding:5px ;
	width:calc(100% - 30px) ;
	max-height:40vw ;
	overflow-y:auto ;
	z-index:1 ;
}

body.toolbox #content #designOverview #designOverviewContent #designList span
{
	cursor:pointer ;
	padding:3px ;
}

body.toolbox #content #designOverview #designOverviewContent #designList span:hover
{
	background-color:var(--CURSOR-SCROLL) ;
	color:white ;
}

body.toolbox #content #designOverview #designOverviewContent #indicatorOfInterest
{
	display:flex ;
	flex-direction:row ;
	align-items:center ;
	gap:3% ;
	margin-top:8px ;
}

body.toolbox #content #designOverview #designOverviewContent #indicatorOfInterest h2
{
	padding:9px ;
	background-color:var(--SETTINGS-BACKGROUND) ;
}

body.toolbox #content #designOverview #designOverviewContent #indicatorOfInterest #interestEdit
{
	border:none ;
	background:transparent ;
	cursor:pointer ;
}

body.toolbox #content #designOverview #designOverviewContent #indicatorOfInterest #interestEdit img
{
	width:27px ;
}

body.toolbox #content #designOverview #designOverviewContent #indicatorOfInterest #interestEdit:hover
{
}

body.toolbox #content #designOverview #designOverviewContent #indicatorOfInterest #interestEdit:hover img
{
	opacity:0.7 ;
}

body.toolbox #content #designOverview #designOverviewContent #giff
{
	margin-top:15px ;
}

body.toolbox #content #designOverview #designOverviewContent #chosenStrategy
{
	margin-top:15px ;
	padding:9px ;
	background-color:var(--SETTINGS-BACKGROUND) ;
	display:flex ;
	flex-direction:column ;
	gap:5px ;
}

body.toolbox #content #designOverview #designOverviewContent #chosenStrategy h2
{
	display:flex ;
	flex-direction:row ;
	align-items:center ;
	justify-content:space-between ;
}

body.toolbox #content #designOverview #designOverviewContent #chosenStrategy h2 img
{
	width:27px ;
}

body.toolbox #content #designOverview #designOverviewContent #chosenStrategy h2 img:hover
{
	opacity:0.7 ;
}

body.toolbox #content #designOverview #designOverviewContent #chosenStrategy #textChosenStrat
{
	width:100% ;
	resize:none ;
	border:1px solid var(--SUBTITLE-COLOR) ;
	background-color:var(--SETTINGS-BACKGROUND) ;
	font-size:var(--TEXT-SIZE) ;
	font-family:Asap ;
	color:var(--POLICE-INFORMATIONS) ;
	padding:5px ;
	overflow:hidden ;
}

.doubleClosure
{
}

.doubleClosure #settings, .doubleClosure #designOverview
{
	width:6% !important ;
	cursor:pointer ;
}

.doubleClosure #settings #settingsTitle, .doubleClosure #settings #designOverviewTitle, .doubleClosure #designOverview #settingsTitle, .doubleClosure #designOverview #designOverviewTitle
{
	flex-direction:column !important ;
	width:100% !important ;
	justify-content:center !important ;
	height:100% ;
}

.doubleClosure #settings #settingsTitle h1, .doubleClosure #settings #designOverviewTitle h1, .doubleClosure #designOverview #settingsTitle h1, .doubleClosure #designOverview #designOverviewTitle h1
{
	padding:0px !important ;
	text-align:center ;
}

.doubleClosure #settings #settingsTitle button, .doubleClosure #settings #designOverviewTitle button, .doubleClosure #designOverview #settingsTitle button, .doubleClosure #designOverview #designOverviewTitle button
{
	display:none !important ;
}

.doubleClosure #settings #informationsSettings, .doubleClosure #settings #designOverviewContent, .doubleClosure #designOverview #informationsSettings, .doubleClosure #designOverview #designOverviewContent
{
	display:none !important ;
}

.doubleClosure #projectContent
{
	width:calc(100% - 12%) !important ;
}

.settingsClosure
{
}

.settingsClosure #settings
{
	width:6% !important ;
	cursor:pointer ;
}

.settingsClosure #settings #settingsTitle
{
	flex-direction:column !important ;
	width:100% !important ;
	justify-content:center !important ;
	height:100% ;
}

.settingsClosure #settings #settingsTitle h1
{
	padding:0px !important ;
	text-align:center ;
}

.settingsClosure #settings #settingsTitle button
{
	display:none !important ;
}

.settingsClosure #settings #informationsSettings
{
	display:none !important ;
}

.settingsClosure #designOverview
{
	width:19% !important;
}

.settingsClosure #projectContent
{
	width:calc(100% - 6% - 19%) !important ;
}

.designClosure
{
}

.designClosure #designOverview
{
	width:6% !important ;
	cursor:pointer ;
}

.designClosure #designOverview #designOverviewTitle
{
	flex-direction:column !important ;
	width:100% !important ;
	justify-content:center !important ;
	height:100% ;
}

.designClosure #designOverview #designOverviewTitle h1
{
	padding:0px !important ;
	text-align:center ;
}

.designClosure #designOverview #designOverviewTitle button
{
	display:none !important ;
}

.designClosure #designOverview #designOverviewContent
{
	display:none !important ;
}

.designClosure #settings
{
	width:25% !important ;
}

.designClosure #projectContent
{
	width:calc(100% - 6% - 25%) !important ;
}

@media (max-width: 1690px)
{
	body.toolbox #content #settings #informationsSettings #specificationsSettings .constraint .titleConstraint
	{
	hr
	{
	height:150% ;
	}
	
	}
	
}

@media (max-width: 1430px)
{
	body.toolbox #content #settings #informationsSettings #specificationsSettings .constraint .titleConstraint
	{
	hr
	{
	height:95% ;
	}
	
	}
	
}