/*
 GenEasy GSS Compiler 2.0 (c) MVP 2015-2025
 Version 31/10/2025 09:05:39

 *** 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 .noInd
{
	display:none !important;
}

body .closePopUp
{
}

body .closePopUp #designList
{
	display:none ;
}

body .closePopUp #designName img
{
	transform:rotate(0deg) ;
}

body .openPopUp
{
}

body .openPopUp #designList
{
	display:flex ;
}

body .openPopUp #designName img
{
	transform:rotate(90deg) ;
}

body #newDesign
{
}

body #newDesign form
{
	gap:5px ;
}

body #newDesign form input
{
	margin-bottom:16px ;
}

body #newDesign form .btns
{
	margin-top:27px ;
}

body #newDesign form select.sel
{
	color: #989898;
}

body div#listOfIndicators
{
}

body div#listOfIndicators div
{
	width:40% ;
}

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

body div#listOfIndicators div form div#modifyIndList
{
	width:100% ;
}

body div#listOfIndicators div form div#modifyIndList .constraintScroll *
{
	box-sizing:border-box ;
}

body div#listOfIndicators div form div#modifyIndList div.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 ;
	width:calc(100% - 10px) ;
}

body div#listOfIndicators div form div#modifyIndList div.constraintScroll > div:first-of-type img.upIndSort, body div#listOfIndicators div form div#modifyIndList div.constraintScroll > div:last-of-type img.downIndSort
{
	opacity:0.5 ;
	pointer-events:none ;
}

body div#listOfIndicators div form div#modifyIndList div.constraintScroll .constRow
{
	display:flex ;
	flex-direction:row ;
	align-items:center ;
	gap:5px ;
	box-sizing:border-box ;
	width:calc(100% - 5px) ;
	border:1px solid transparent ;
	margin-left:2px ;
	padding:2.5px 2px ;
}

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

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

body div#listOfIndicators div form div#modifyIndList div.constraintScroll .constRow .constUnit
{
	width:30% ;
	text-overflow:ellipsis ;
	overflow:hidden ;
}

body div#listOfIndicators div form div#modifyIndList div.constraintScroll .constRow .constDesignation
{
	width:calc(100% - 5px - 14px - 30% - 90px - 125px) ;
	flex-grow:1 ;
	max-height:36px ;
	box-sizing:content-box ;
}

body div#listOfIndicators div form div#modifyIndList div.constraintScroll .constRow .constDesignation .constLabel
{
	box-sizing:content-box ;
	overflow:hidden ;
	overflow-wrap:break-word ;
}

body div#listOfIndicators div form div#modifyIndList div.constraintScroll .constRow .constDesignation .constTarget
{
	color:var(--CONSTRAINT-HOVER) ;
}

body div#listOfIndicators div form div#modifyIndList div.constraintScroll .constRow .indDisplay
{
	display:flex ;
	flex-direction:row ;
	align-items:center ;
	justify-content:end ;
	gap:5px ;
	width:125px ;
}

body div#listOfIndicators div form div#modifyIndList div.constraintScroll .constRow .indDisplay span
{
	color:var(--CONSTRAINT-HOVER) ;
}

body div#listOfIndicators div form div#modifyIndList div.constraintScroll .constRow .comparable
{
	width:90px ;
}

body div#listOfIndicators div form div#modifyIndList div.constraintScroll .constRow .divSort
{
	width:fit-content ;
	display:flex ;
	flex-direction:row ;
	align-items:center ;
	gap:5px ;
}

body div#listOfIndicators div form div#modifyIndList div.constraintScroll .constRow .divSort .upIndSort, body div#listOfIndicators div form div#modifyIndList div.constraintScroll .constRow .divSort .downIndSort
{
	width:20px ;
	height:20px ;
}

body div#listOfIndicators div form div#modifyIndList div.constraintScroll .constRow .divSort .upIndSort:hover, body div#listOfIndicators div form div#modifyIndList div.constraintScroll .constRow .divSort .downIndSort:hover
{
	opacity:0.7 ;
}

body div#listOfIndicators div form div#modifyIndList div.constraintScroll .constRow:hover
{
	background-color:var(--MENU-HILITE) ;
}

body div#listOfIndicators div form div#modifyIndList .constraintScroll.noConstraint
{
	display:none ;
}

body div#listOfIndicators div form div#modifyIndList h3.addConst
{
	display:flex ;
	gap:10px ;
	border:none ;
	align-items:center ;
	width:fit-content ;
	background-color:var(--GREEN-VALUE) ;
	font-weight:normal ;
	font-size:16px ;
	padding:8px 25px ;
	cursor:pointer ;
}

body div#listOfIndicators div form div#modifyIndList h3.addConst span
{
	font-weight:normal ;
	font-size:16px ;
	cursor:pointer ;
}

body div#listOfIndicators div form div#modifyIndList .addConst:hover
{
	text-decoration:underline ;
}

body div#listOfIndicators div form .smallButton
{
	margin:0 ;
}

body div#listOfNewIndicators
{
}

body div#listOfNewIndicators div
{
	height:fit-content ;
	max-height:90% ;
	width:40% ;
	align-items:center ;
}

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

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

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

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

body div#listOfNewIndicators 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% - 25px) ;
}

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

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

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

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

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

body div#listOfNewIndicators div form #onDesign
{
	display:flex ;
	flex-direction:row ;
	align-items:center ;
	width:100% ;
}

body div#listOfNewIndicators div form #onDesign span
{
	width:30% ;
}

body div#addTargetToInd
{
}

body div#addTargetToInd form
{
	padding:20px 20px 0 20px ;
	margin:0 ;
	width:400px ;
}

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

body div#addTargetToInd form .constraintScroll #spanDesTarget
{
	opacity:0.5 ;
}

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

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

body div#addTargetToInd form .constraintScroll .constraintTarget .typeSelect
{
	width:50% !important;
}

body div#addTargetToInd form .constraintScroll .designChoiceForPhase
{
}

body div#addTargetToInd form .constraintScroll .designChoiceForPhase div
{
	display:flex ;
	flex-direction:row ;
	align-items:center ;
	justify-content:space-between ;
}

body div#addTargetToInd form .constraintScroll .designChoiceForPhase div span
{
	width:50% ;
}

body div#addTargetToInd form .constraintScroll .designChoiceForPhase div .designTargetForPhase
{
	width:50% ;
}

body div#addTargetToInd form .constraintScroll .designChoiceForPhase .targetSelect
{
	margin-top:5px ;
}

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

body div#addTargetToInd form .constraintScroll .targetSelect:disabled
{
	opacity:0.7 ;
}

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

body div#addTargetToInd form .constraintScroll #comparator input
{
	width:14px ;
	cursor:pointer ;
}

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

body div#addTargetToInd form .addConst
{
	margin:10px 0 ;
}

body div#addChStrat
{
}

body div#addChStrat form
{
}

body div#addChStrat form textarea
{
	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 ;
}