/*
******************************************************************************************
TECHNICAL OVERVIEW

DESCRIPTION:

NOTES      :

-----------------------------------------------------------------------------------------
KEYWORDS

$Filename:$
$Revision:$
$Date:$
$Owner:$
$Comment$
$Log5:$

******************************************************************************************
*/

/* definisce spaziatura intorno allapagina*/
BODY {
	margin-bottom: 0px;
	margin-left: 45px;
	margin-right: 0px;
	margin-top: 30px;
	overflow-x: hidden;
}

/*definisce tabella intestazione pagina*/
table.PagHead {
	background : transparent;
	font-family : Arial, Helvetica, sans-serif;
	width : 99%;
	font-size : 14px;
	margin : 1px 1px 15px 1px;
}

/* celle tabella intestazione pagina*/
table.PagHead td {
	border: 1px solid #333333;
	padding: 3px;
}

body {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100vh;
	overflow-x: hidden;
}

.form-container {
	width: 200px;
	border-radius: 0.75rem;
	background-color: white;
	padding: 2rem;
	color: rgba(243, 244, 246, 1);
}

.title {
	text-align: center;
	font-size: 1.5rem;
	line-height: 2rem;
	font-weight: 700;
}

.right {
	position: relative;
	width: 100%;
	line-height: 2rem;
}

.form {
	margin-bottom: 0.50rem;
}

.input-group {
	width: 100%;
	margin-top: 0.05rem;
	margin-bottom: 0.05rem;
	font-size: 0.875rem;
	line-height: 1.25rem;
}

.input-group input {
	width: 100%;
	position: relative;
	right:0%;
	border: 1px solid rgba(55, 65, 81, 1);
	outline:0;
	margin-bottom:0.25rem;
	background-color: white;
	padding: 0.75rem;
	color: black;
	margin-bottom:10px;
}

	.input-group input:focus {
		border-color: #4482bf;
	}

.forgot {
	display: flex;
	justify-content: flex-end;
	font-size: 0.75rem;
	line-height: 1rem;
	color: rgba(156, 163, 175, 1);
	margin: 8px 0 14px 0;
}



	.forgot a,
	.signup a {
		color: rgba(243, 244, 246, 1);
		text-decoration: none;
		font-size: 14px;
	}

.sign {
	display: block;
	width: 100%;
	background-color: rgb(255 106 201);
	padding: 0.75rem;
	text-align: center;
	color: rgba(17, 24, 39, 1);
	border: none;
	border-radius: 0.375rem;
	cursor: pointer;
	font-weight: 600;
}

.line {
	height: 1px;
	flex: 1 1 0%;
	background-color: rgba(55, 65, 81, 1);
}


/* cella intestazione di tabella contenuti di default*/
table.PagHead td.Head {
	color: #336699;
	font-weight: bold;
	
}

/* valore estratto da database nell'intestazione*/
table.PagHead  span.val{
	font-weight : bold;
}

table.PagHead span.UserId
{
    COLOR: #000000;
    FONT-WEIGHT: bold
}




/*definisce Tabella contenuti di default*/
table.PagDef {
	font-family : Arial, Helvetica, sans-serif;
	width : 99%;
	font-size : 11px;
	margin : 1px 1px 2px 1px;
}

/* celle tabella contenuti di default*/
table.PagDef td {
	border : 1px solid #cedfef;
	padding : 3px;
	background-color : #e7eff7 /*#F0F0F0;*/
	
}
/* cella intestazione di tabella contenuti di default*/
	table.PagDef td.Head {
		background-color: #EFE7EF;
		color: #006699;
		
	}

/*testo allineato a sinistra e in alto*/
table.PagDef td.SA {
	text-align : left;
	vertical-align : top;
}

/*testo allineato a sinistra e in mezzo*/
table.PagDef td.SC {
	text-align : left;
	vertical-align : middle;
}

/*testo allineato a sinistra e in basso*/
table.PagDef td.SB {
	text-align : left;
	vertical-align : bottom;
}

/*testo allineato al centro e in alto*/
table.PagDef td.CA {
	text-align : center;
	vertical-align : top;
}

/*testo allineato al centro e in mezzo*/
table.PagDef td.CC {
	text-align : center;
	vertical-align : middle;
}

/*testo allineato al centro e in basso*/
table.PagDef td.CB {
	text-align : center;
	vertical-align : bottom;
}

/*testo allineato a destra e in alto*/
table.PagDef td.DA {
	text-align : right;
	vertical-align : top;
}

/*testo allineato a destra e in mezzo*/
table.PagDef td.DC {
	text-align : right;
	vertical-align : middle;
}

/*testo allineato a destra e in basso*/
table.PagDef td.DB {
	text-align : right;
	vertical-align : bottom;
}


/* valore estratto da database in tabella contenuti grassetto */
table.PagDef span.valg {
	font-weight : bold;
	color :#006699;		
}

/* valore estratto da database in tabella contenuti in caso di coppie "etichetta:valore" */
table.PagDef  span.val{
	color : Blue;
}

/* Label o messaggio evidenziato */
table.PagDef span.evid {
	font-weight : bold;
	font-size : 13px;
	color :#006699;		
}

/* Messaggio di warning o errore */
table.PagDef  span.err{
	font-weight : bold;
	color :#ff0000;
}
table.PagDef span.browse
{
    COLOR: darkorange
}
span.err{
	font-weight : bold;
	color :#ff0000;
}

/* Steering Committee: tutti gli steering hanno risposto */
table.PagDef td.AllSTCMEAnswered {
	background-color: #339966;
}
/* Steering Committee: almeno uno steering ha risposto */
table.PagDef td.Almost1STCMEAnswered {
	background-color: #98fb98;
}

/* colore di warning per sollecitare nel caso in cui siano passati N
   giorni e l'utente non abbia intrapreso una certa azione (es. rispondere
   ad una domanda)
*/

table.PagDef span.dateAlert{
	color: Red;
	font-weight: bold;
}

/* pulsante di navigazione */
input.butNavigazione {
	font-family: arial;
	font-weight: bold;
	font-size: 10px;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: -1;
	padding-right: -1;
	color: #F0F0F0;
	background-color: #333333;
	border: 1 #CECECE solid;
}

/* pulsante normale */
input.butFunzione {
	border-radius: 0 !important;
	font-family: arial;
	font-weight: bold;
	font-size: 10px;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: -1;
	padding-right: -1;
	color: #F0F0F0;
	background-color: #333333;
	border: 1 #CECECE solid;
}

input.butFunzioneLogin, button.butFunzioneLogin {
	-webkit-border-radius: 6px;
	height: 35px;
	text-align: center;
	vertical-align: middle;
	color: #fff !important;
	font-weight: bold !important;
	border: 0 !important;
}

input.butGradienteLogin {
	cursor: pointer;
	transition: background-image 0.3s; /* Effetto di transizione quando cambia il gradiente */
	border-radius: 0 !important;
}

.butGradienteLogin:hover {
	background-image: radial-gradient(#9ABEDE, #4482bf); /* Inverte il gradiente al passaggio del mouse */
	color: black;
}

input.butGradienteLostPWD, button.butGradienteLostPWD {
	cursor: pointer;
	transition: background-image 0.3s; /* Effetto di transizione quando cambia il gradiente */
	border-radius: 0 !important;
}

.butGradienteLostPWD:hover {
	background-image: radial-gradient(#C3C3C3, #999999); /* Inverte il gradiente al passaggio del mouse */
}

.helpDeskBtn {
	background-color: #999999;
	color: white;
	border-radius: 0 !important;
}

.helpDeskInside {
	color: white;
	width: 100%;
	display: block;
	width: 100%; /* Occupa tutta la larghezza del pulsante */
	height: 100%; /* Occupa tutta l'altezza del pulsante */
	padding: 0; /* Rimuovi il padding */
	margin: 0; /* Rimuovi il margine */
	color: inherit; /* Eredita il colore del testo dal pulsante */
	text-decoration: none; /* Rimuovi la sottolineatura del link */
	position: absolute; /* Posiziona l'ancora all'interno del pulsante */
	top: 0; /* Imposta la posizione in alto dell'ancora */
	left: 0; /* Imposta la posizione a sinistra dell'ancora */
}

.helpDeskInside:hover {
	color: inherit; /* Eredita il colore del testo dal pulsante */
}

input.form {
	font-family: arial;
	font-size: 11px;
	color: #333333;
	width: 155px;
}


/* testo normale */
span.txt {
	font-family: arial;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}

/* link */
a {
	font-family: arial;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}

a:hover {
	font-family: arial;
	font-size: 14px;
	font-weight: bold;
	color: #4482bf;
	text-decoration: none;
}