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

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

div.designEdit
{
	padding:16px 16px 16px 16px;
	max-width:640px ;
}

div.designEdit .smallButton
{
	margin-right:8px !important ;
}

div.designEdit .opener
{
	background:none ;
	border-style:none ;
}

div.designEdit *[draggable]
{
	position:relative ;
}

div.designEdit .readydrop::before
{
	content:'' ;
	height:4px ;
	width:100% ;
	bottom:0 ;
	transform:translate(0, 4px) ;
	background:green ;
	position:absolute ;
}

div.designEdit .dragging[draggable]::after
{
	content:'' ;
	height:100% ;
	width:4px ;
	top:0 ;
	transform:translate(-4px, 0) ;
	background:orange ;
	position:absolute ;
}

div.designEdit .spacing
{
	display:flex ;
	flex-direction:row ;
	align-items:center ;
}

div.designEdit .spacing .spacer
{
	flex-grow:1 ;
}

div.designEdit .instanceEdit > h5 > .spacer
{
	cursor:move ;
}

div.designEdit span.counter
{
	color:white ;
}

div.designEdit span.counter::before
{
	content:'(' ;
}

div.designEdit span.counter::after
{
	content:')' ;
}

div.designEdit span.counter:empty
{
	display:none ;
	color:@pref(toto) ;
}

div.designEdit button.opener
{
}

div.designEdit button.adder::after
{
}

div.designEdit .openable.open > * > button.opener::after
{
}

div.designEdit .phaseEdit
{
}

div.designEdit .phaseEdit > .insideDesignGroup
{
	padding:4px !important ;
	border:solid 1px var(--OVERVIEW-BACKGROUND) ;
	border-top-style:none ;
}

div.designEdit .phaseEdit h3
{
	margin:0 ;
	padding:2px 8px 2px 8px ;
	background:#404040 ;
	color:white ;
	overflow:hidden ;
}

div.designEdit .phaseEdit h3 span.name
{
	margin-right:5px ;
}

div.designEdit .phaseEdit .elementEdit, div.designEdit .phaseEdit .insideDesignGroup
{
}

div.designEdit .phaseEdit .elementEdit h7, div.designEdit .phaseEdit .insideDesignGroup h7
{
	margin-top:4px ;
	font-size:1.2em ;
	font-weight:bold ;
}

div.designEdit .phaseEdit .elementEdit h4, div.designEdit .phaseEdit .insideDesignGroup h4
{
	background:#c0c0c0 ;
	border-top-left-radius:5px ;
	border-top-right-radius:5px ;
	margin:2px 0 0 0 ;
	font-weight:bold ;
	padding:2px 8px 2px 8px ;
}

div.designEdit .phaseEdit .elementEdit h4 img, div.designEdit .phaseEdit .insideDesignGroup h4 img
{
	height:16px ;
	margin-right:8px ;
}

div.designEdit .phaseEdit .elementEdit h4 span.name, div.designEdit .phaseEdit .insideDesignGroup h4 span.name
{
	margin-right:8px ;
}

div.designEdit .phaseEdit .elementEdit h5, div.designEdit .phaseEdit .insideDesignGroup h5
{
	margin:0 ;
	font-size:inherit ;
}

div.designEdit .phaseEdit .elementEdit h6, div.designEdit .phaseEdit .insideDesignGroup h6
{
	margin:0 ;
	font-size:inherit ;
}

#renameGroup
{
}

#renameGroup form
{
	margin:16px 0 0 0 ;
}

.insideGroup
{
	padding:4px ;
	padding-left:4px !important ;
	border:solid 1px #C0C0C0 ;
	border-top-style:none ;
	background:#e8e8e8 ;
}