/*
 GenEasy GSS Compiler 2.0 (c) MVP 2015-2025
 Version 24/11/2025 10:50:57

 *** 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.graphBase
{
	height:100vh ;
	overflow-y:hidden ;
}

body.graphBase #graphContent
{
	height:calc(100% - 80px) ;
	padding:30px ;
	padding-top:50px ;
}

body.graphBase #graphContent .heightSmall
{
	height:140px ;
	min-height:120px ;
}

body.graphBase #graphContent .widthSmall
{
	width:200px ;
	min-width:200px ;
}

body.graphBase #graphContent .heightNormal
{
	height:290px ;
	min-height:290px ;
}

body.graphBase #graphContent .widthNormal
{
	width:400px ;
	min-width:400px ;
}

body.graphBase #graphContent .heightBig
{
	height:440px ;
	min-height:440px ;
}

body.graphBase #graphContent .widthBig
{
	width:600px ;
	min-width:600px ;
}

body.graphBase #graphContent .widthHuge
{
	width:800px ;
	min-width:800px ;
}

body.graphBase #graphContent #report
{
	display:flex ;
	flex-direction:row ;
	gap:10px ;
	flex-flow:wrap ;
	overflow-y:auto ;
	height:calc(90% - 52px) ;
}

body.graphBase #graphContent #report > div:first-child a.moveLeft, body.graphBase #graphContent #report > div:last-child a.moveRight
{
	opacity:0.5 ;
	pointer-events:none ;
}

body.graphBase #graphContent > h1
{
	color:white ;
	display:flex ;
	flex-direction:row ;
	align-items:center ;
	justify-content:space-between ;
}

body.graphBase #graphContent graph-kpi
{
	background:white ;
	max-height:120px ;
	min-width:200px ;
	border-radius:5px ;
}

body.graphBase #graphContent graph-default
{
	background:white ;
	min-width:200px ;
	border-radius:5px ;
}

body.graphBase input[type='color']
{
	padding:0 ;
	border-style:none ;
	height:18px ;
	border-radius:4px ;
}

.noBuild
{
	background:white ;
	color:red ;
	padding:16px ;
	border-radius:5px ;
}

.customParams
{
	display:flex ;
	flex-direction:column ;
	gap:4px ;
}

graph-kpi.heightSmall
{
	padding:2px !important ;
	min-height:140px !important ;
}

graph-kpi.heightSmall .mainContent .value
{
	font-size:1.5rem !important ;
}