@charset "UTF-8";
/* CSS Document */

/* Main navigation */ 

.link-container {
    background-color: #00264d;
    padding: 20px;
    width: 80%;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    text-align: center;
    border-left: 10px solid;
    border-left-color: #0097a7;
}

#main-navigation { 
	float:left; 
	width:100%; 
	background: url("/resources/openacs-default-theme/images/bg.gif") repeat-x bottom; 
	clear: both; 
	display: block; 
} 
	 
#main-navigation ul { 
	margin:0; 
	padding:10px 10px 0; 
	list-style:none; 
} 
  
#main-navigation li { 
	float:left; 
	background:url("/resources/openacs-default-theme/images/left.gif") no-repeat left top; 
	margin:0; 
	padding:0 0 0 9px; 
} 
  
#main-navigation a { 
	float:left; 
	display:block; 
	background:url("/resources/openacs-default-theme/images/right.gif") no-repeat right top; 
	padding:5px 15px 4px 6px; 
	text-decoration:none; 
	font-weight:bold; 
	font-size: .95em; 
	color:#666666; 
} 
	 
  
#main-navigation #main-navigation-active { 
	background-image:url("/resources/openacs-default-theme/images/left_on.gif"); 
} 
	 
#main-navigation #main-navigation-active a { 
	background-image:url("/resources/openacs-default-theme/images/right_on.gif"); 
	color:#000; 
	padding-bottom:5px; 
} 
  
#main-navigation a:hover { 
    color: #000; 
    text-decoration: underline; 
} 
  
/* End of main navigation */ 
 
/* Subnavigation */ 
 
#sub-navigation { 
    float: left; 
    width:100%; 
    background: url("/resources/openacs-default-theme/images/bg.gif") repeat-x bottom; 
    clear: both; 
    padding-top: 5px;  /* remove this padding to make the subnavigation links to appear completly enclosed */ 
    padding-bottom: 5px  /* remove this padding to make the subnavigation links to appear completly enclosed */ 
} 
	 
#sub-navigation ul { 
    margin: 0; 
    padding:0px 10px 10px 10px; 
    list-style:none; 
    line-height: .7em; 
} 
	 
#sub-navigation li { 
    float:left; 
    border-right: 1px solid #a0a3a1; 
    padding: 0px 20px 0px 20px ;  
} 
	 
#sub-navigation a { 
    float:left; 
    display:block; 
    color:#666666; 
    padding:4px 0px 6px 0px; 
    text-decoration: none; 
    font-weight:bold; 
    font-size: .95em; 
} 
 
#sub-navigation li a:hover { 
    color: #000; 
    text-decoration: underline; 
} 
 
#sub-navigation li#sub-navigation-active a { 
    color: #000; 
} 
 
/* End of subnavigation */ 
 
/* Calendar widget css */ 
 
/* The main calendar widget.  div containing a table. */ 
 
div.calendar { position: relative; } 
 
.calendar, .calendar table { 
  border: 1px solid #556; 
  font-size: 11px; 
  color: #000; 
  cursor: default; 
  background: #eef; 
  font-family: tahoma,verdana,sans-serif; 
} 
 
/* Header part -- contains navigation buttons and day names. */ 
 
.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */ 
  text-align: center;    /* They are the navigation buttons */ 
  padding: 2px;          /* Make the buttons seem like they're pressing */ 
} 
 
.calendar thead .title { /* This holds the current "month, year" */ 
  font-weight: bold;      /* Pressing it will take you to the current date */ 
  text-align: center; 
  background: #fff; 
  color: #000; 
  padding: 2px; 
} 
 
.calendar thead .headrow { /* Row <tr> containing navigation buttons */ 
  background: #778; 
  color: #fff; 
} 
 
.calendar thead .daynames { /* Row <tr> containing the day names */ 
  background: #bdf; 
} 
 
.calendar thead .name { /* Cells <TD> containing the day names */ 
  border-bottom: 1px solid #556; 
  padding: 2px; 
  text-align: center; 
  color: #000; 
} 
 
.calendar thead .weekend { /* How a weekend day name shows in header */ 
  color: #a66; 
} 
 
.calendar thead .hilite { /* How do the buttons in header appear when hover */ 
  background: #aaf; 
  color: #000; 
  border: 1px solid #04f; 
  padding: 1px; 
} 
 
.calendar thead .active { /* Active (pressed) buttons in header */ 
  background: #77c; 
  padding: 2px 0px 0px 2px; 
} 
 
/* The body part -- contains all the days in month. */ 
 
.calendar tbody .day { /* Cells <TD> containing month days dates */ 
  width: 2em; 
  color: #456; 
  text-align: right; 
  padding: 2px 4px 2px 2px; 
} 
 
.calendar table .wn { 
  padding: 2px 3px 2px 2px; 
  border-right: 1px solid #000; 
  background: #bdf; 
} 
 
.calendar tbody .rowhilite td { 
  background: #def; 
} 
 
.calendar tbody .rowhilite td.wn { 
  background: #eef; 
} 
 
.calendar tbody td.hilite { /* Hovered cells <TD> */ 
  background: #def; 
  padding: 1px 3px 1px 1px; 
  border: 1px solid #bbb; 
} 
 
.calendar tbody td.active { /* Active (pressed) cells <TD> */ 
  background: #cde; 
  padding: 2px 2px 0px 2px; 
} 
 
.calendar tbody td.selected { /* Cell showing today date */ 
  font-weight: bold; 
  border: 1px solid #000; 
  padding: 1px 3px 1px 1px; 
  background: #fff; 
  color: #000; 
} 
 
.calendar tbody td.weekend { /* Cells showing weekend days */ 
  color: #a66; 
} 
 
.calendar tbody td.today { /* Cell showing selected date */ 
  font-weight: bold; 
  color: #00f; 
} 
 
.calendar tbody .disabled { color: #999; } 
 
.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */ 
  visibility: hidden; 
} 
 
.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */ 
  display: none; 
} 
 
/* The footer part -- status bar and "Close" button */ 
 
.calendar tfoot .footrow { /* The <tr> in footer (only one right now) */ 
  text-align: center; 
  background: #556; 
  color: #fff; 
} 
 
.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */ 
  background: #fff; 
  color: #445; 
  border-top: 1px solid #556; 
  padding: 1px; 
} 
 
.calendar tfoot .hilite { /* Hover style for buttons in footer */ 
  background: #aaf; 
  border: 1px solid #04f; 
  color: #000; 
  padding: 1px; 
} 
 
.calendar tfoot .active { /* Active (pressed) style for buttons in footer */ 
  background: #77c; 
  padding: 2px 0px 0px 2px; 
} 
 
/* Combo boxes (
s that display months/years for direct selection) */ 
 
.combo { 
  position: absolute; 
  display: none; 
  top: 0px; 
  left: 0px; 
  width: 4em; 
  cursor: default; 
  border: 1px solid #655; 
  background: #def; 
  color: #000; 
  font-size: smaller; 
} 
 
.combo .label { 
  width: 100%; 
  text-align: center; 
} 
 
.combo .hilite { 
  background: #acf; 
} 
 
.combo .active { 
  border-top: 1px solid #46a; 
  border-bottom: 1px solid #46a; 
  background: #eef; 
  font-weight: bold; 
} 
 
#login-box { 
  border: black 1px solid; 
  padding: 4px; 
} 
 
table.table-display { 
  font-family: tahoma, verdana, helvetica;  
  font-size: 85%; 
} 
 
tr.table-header { 
  background-color: #cccccc;  
} 
 
tr.even { 
  background-color: #ffffff; 
} 
 
tr.odd { 
  background-color: #f0eff0; 
} 
 
/* Replace deprecated center tags in forms. Eventually all forms should use form builder and this tag should not be used */ 
 
div.submit-button { 
  text-align: center; 
} 
 
#skiptocontent { 
  display: none; 
} 
 
.block-marker {display: none;} 
 
/* User Messages */ 
 
#alert-message { 
  background-color: #ccff99;  
  padding: 4px; 
  padding-top: 6px; 
  padding-bottom: 6px; 
  font-size: 85%; 
} 
 
#alert-message .alert { 
  margin-left: 0; 
  padding-left: 2px; 
  border: none; 
} 
 
 
/* Boxed User Message */ 
 
.boxed-user-message { 
  background-color: #ccff99;  
  padding-left: 12px; 
  padding-right: 12px; 
  padding-top: 8px; 
  padding-bottom: 8px; 
  font-size: 85%; 
  border: 1px solid #dd9988; 
} 
 
.boxed-user-message h3 { 
  color: #990000; 
  margin-top: 0px; 
} 
 
.boxed-user-message .body { 
  color: #990000; 
} 
 
 
/* Subsite Name */ 
 
#subsite-name {  
  font-weight: bold;  
  font-size: 120%; 
  font-family: verdana;  
  padding-left: 8px; 
} 
a.subsite-name { 
  color: black; 
  text-decoration: none; 
} 
a.subsite-name:hover { 
  color: black; 
  text-decoration: none; 
} 
 
 
/* Site Footer */ 
 
#footer { 
  clear: both; 
  border-top: 1px solid #ccc; 
  font-family: tahoma, verdana, helvetica, sans-serif; 
  font-size: 85%; 
  margin-top: 0px; 
  padding-top: 8px; 
  padding-bottom: 3px; 
  padding-left: 8px; 
  padding-right: 8px; 
  text-align: center; 
  background-color: #00264d;/*#EFEFEF; */
  color: #FFFFFF;/*#444444; */
} 
 
#footer ul { 
  display: inline; 
  margin-left: 0; 
  padding-left: 0; 
  border: none; 
} 
 
#footer ul li { 
  margin-left: 0; 
  padding-left: 10px; 
  border: none; 
  list-style: none; 
  display: inline; 
} 
 
#footer .action-list { 
  float: left; 
} 

#footer a {
  color: #ffffff; /* Colore del link nel footer */
  text-decoration: underline;
  transition: color 0.3s ease, text-decoration 0.3s ease;
}

#footer a:visited {
  /* color: #cccccc;  Colore del link visitato nel footer */
}

#footer a:hover {
  color: #b3d9ff; /* Colore più chiaro al passaggio del mouse */
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(255, 255, 255, 0.1);
}

#footer a:active {
  color: #99c2ff; /* Colore più scuro al clic */
  transform: translateY(1px);
}

#footer a:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5);
}



#wrapper { 
    min-width: 100%;
    max-width: 1000%;
    float: left;
} 
 
#content-wrapper { 
  clear: both; 
  border-top: 0px solid #fff; 
  padding-bottom: 5px;
  padding-top: 5px;
/*  background-image:url(/resources/openacs-default-theme/img/ombra_orizzontale.png);
  background-repeat: repeat-x; */
  background-position: top;
  
} 
 
 
/********************************************************************** 
/* Widgets 
/**********************************************************************/ 
 
/* STANDARD TAGS -----------------------------------------------------------*/ 
/* standard html (body, h1, p, form...) */ 
 
body { 
  margin:0px; 
  padding:0;
  font-family: Tahoma, Geneva, sans-serif;
  color: #414141;
  font-size: 90%/*80%;*/
/*  font:small/1.5em Tahoma, "Lucida Grande", sans-serif; voice-family: "\"}\""; voice-family:inherit; */
} 
 
h1, div.xowiki-content h1 { 
    color: #cf8a00 !important;
    font-size: 30px !important;
    margin-top: 5px !important;
    margin-bottom: 20px !important;
    font-family: inherit !important;
    font-weight: 500 !important;
    line-height: 1.1 !important;
    border-bottom: none !important;
    /*
    font-size: 1.2em; 
    font-weight: bold; 
    color: #666666; 
    margin-bottom: 12px; 
   */
} 
 
h2 { 
  font-size: 1.1em; 
  font-weight:bold; 
  color: #555555; 
  margin-bottom: 12px; 
} 
 
h3 { 
  font-size: 1.05em; 
  font-weight:bold; 
  color: #444444; 
  margin-bottom: 12px; 
} 
 
h3 { 
  font-size: 1.00em; 
  font-weight:bold; 
  color: #444444; 
  margin-bottom: 12px; 
} 
/*
a:link { 
  color: #235c96; 
  text-decoration:underline; 
} 

a:visited { 
  color: #235c96; 
} 
 
a:hover { 
  color: #999; 
 -- background: #CCCCCC;
} */

a:link {
  color: #235c96; /* Colore del link non visitato */
  text-decoration: underline; /* Sottolineatura */
  transition: color 0.3s ease, text-decoration 0.3s ease; /* Transizione per il colore e la decorazione */
}

a:visited {
  color: #235c96; /* Colore del link visitato */
}

a:hover {
  color: #0056b3; /* Colore più scuro al passaggio del mouse */
  text-decoration: none; /* Rimuove la sottolineatura al passaggio del mouse */
  background-color: rgba(0, 86, 179, 0.1); /* Colore di sfondo leggero per il hover */
  border-radius: 4px; /* Bordi arrotondati per un effetto pulito */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* Ombra leggera per profondità */
/*  padding: 2px 4px;  Spazio interno per l'effetto di sfondo */
}

a:active {
  color: #004085; /* Colore più scuro al clic */
  transform: translateY(1px); /* Effetto di discesa al clic */
}

a:focus {
  outline: none; /* Rimuove il contorno di default */
  box-shadow: 0 0 0 3px rgba(38, 143, 255, 0.5); /* Ombra per evidenziare il focus */
}

/* BUTTON ---- 
a.button {  
  font: .85em arial; 
  border: solid 1px black; 
  background-color: #E1E1E1; 
  text-align: center;  
  padding: 1px; 
  padding-left: 8px; 
  padding-right: 8px; 
  color: black; 
  text-decoration: none; 
  white-space: nowrap; 
} 
 
a.button:link {  
  text-decoration: none; 
  border: solid 1px black; 
} 
 
a.button:hover {  
  text-decoration: none; 
  background-color: #CCCCCC; 
  border: solid 1px black; 
} 
 
a.button:active {  
  text-decoration: none; 
  border: solid 1px black; 
} 
 
a.button .disabled 
{ 
    color: #A0A0A0; 
    background-color: #E0E0E0; 
    cursor: not-allowed; 
} 
 
a.button .disabled:hover 
{ 
    text-decoration: none; 
} 
*/

a.button {
  font-size: 1em;
  font-weight: bold;
  color: #ffffff; /* Testo bianco */
  background-color: #006da8; /* Azzurro elegante */
  border: 2px solid #006da8; /* Stesso colore del bordo */
  border-radius: 8px; /* Bordi arrotondati */
  padding: 7px 10px; /* Spazio interno personalizzato */
  text-decoration: none; /* Rimuove la sottolineatura */
  display: inline-block; /* Permette il padding */
  text-align: center;
  cursor: pointer;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Leggera ombreggiatura */
  transition: background-color 0.3s ease, transform 0.2s ease;
}

a.button:hover {
  background-color: #005a87; /* Colore più scuro al passaggio del mouse */
  transform: translateY(-2px); /* Effetto di sollevamento */
}

a.button:active {
  background-color: #004a70; /* Colore ancora più scuro alla pressione */
  transform: translateY(0); /* Ritorna alla posizione normale */
}

/* END BUTTON ---- */ 
 
.center {text-align: center;} 
.small {font-size: x-small;} 
.bold {font-weight: bold;} 
 
/*  ARE THESE NEEDED ??? -----------------------------------------------------------*/ 
 
/* Various forms of links */ 
 
.action-list {  
  padding: 0; 
} 
 
.action-list ul {  
  margin: 0; 
  padding: 0; 
  display: inline; 
  border: none; 
} 
                 
.action-list ul li { 
  margin: 0; 
  padding: 0; 
  border: none; 
  list-style: none; 
  display: inline; 
} 
 
div.subsite-context-bar { 
  font-size: 85%; 
  margin-bottom: 4px; 
  position: relative; 
} 
 
a.admin-button {  
  font: 85% arial; 
  border: solid 1px black; 
  background-color: #aaa; 
  text-align: center;  
  padding: 1px; 
  padding-left: 8px; 
  padding-right: 8px; 
  color: #fff; 
  text-decoration: none; 
  white-space: nowrap; 
} 
a.admin-button:link {  
  text-decoration: none; 
  border: solid 1px black; 
  color: #111; 
} 
a.admin-button:visited {  
  text-decoration: none; 
  border: solid 1px black; 
} 
a.admin-button:hover {  
  text-decoration: none; 
  background-color: #ccc; 
  border: solid 1px black; 
} 
a.admin-button:active {  
  text-decoration: none; 
  border: solid 1px black; 
} 
 
a.admin:link, a.admin:visited { 
  color: #f00; 
  font-family: verdana; 
  font-size: 11px; 
  font-weight: normal; 
} 
 
a.admin:hover {  
  color: #fff;  
  background: #f00; 
} 
 
.highlight {  
  background-color: #ffc;  
} 
 
ul.action-links li { 
  list-style: circle url(/resources/acs-subsite/action-link-marker.png); 
  margin: 8px; 
  margin-left: -16px; 
} 
 
/*  END ARE THESE NEEDED -----------------------------------------------------------*/ 
 
/* END STANDARD TAGS ---------------------------------------------------------------*/ 
 
/* HEADER TAGS ---------------------------------------------------------------------*/ 
 
#header {
    font-size: 2.2rem;/*0.92em; */
    background-color: #00264d; /*#003399; #006DA8;*/
    color: #FFFFFF;/*#444444; */
    /*padding-top: 1em; */
    padding-bottom: 1em;
    /*background-image: url(/resources/iter-portal/img/bg_testata.png);*/
    background-repeat: repeat-x;
    background-position: top left;
    height: 2em;
    font-weight: 700;
    text-decoration: none;
    line-height: 1;
    vertical-align:top;
    letter-spacing: .01em !important;
 } 
 
#system-name { 
  font-size: 1.4em; 
  font-weight: bold; 
  float: left;
  padding-left: 0.2em;
  visibility:hidden;

} 
 
#system-name a { 
  color: #333333; 
  text-decoration: none; 
} 
 
/* Contenitore per allineamento centrato */
#header-navigation {
    display: flex;
    justify-content: right; /* Centra orizzontalmente */
    padding-right: 20px;
    align-items: center; /* Centra verticalmente */
    gap: 10px; /* Spaziatura uniforme tra i link */
}

/* Stile generale dei link */
#header-navigation a {
    /*font-size: 1.2em;
    font-weight: bold;*/
    font-size: 1.5rem;
    color: #FFFFFF;/*#333;*/
    background: none;
    border: none;
    border-radius: 0;
    padding: 0;
    text-decoration: none;
    display: flex;
    align-items: center; /* Allinea icona e testo verticalmente */
    gap: 5px; /* Spazio tra icona e testo */
    cursor: pointer;
    box-shadow: none;
    transition: none;
    margin: 0;
}

/* Rimuove qualsiasi pseudo-elemento :before */
#header-navigation a::before {
    content: none !important;
}

/* Rimuove effetti di hover e active */
#header-navigation a:hover,
#header-navigation a:active {
    background: none;
    transform: none;
    box-shadow: none;
}

/* Aggiunge la barra verticale tra i link, escluso l'ultimo */
#header-navigation a:not(:last-child)::after {
    content: " | ";
    color: inherit;
    padding-left: 8px;
}


/* Specifico per i pulsanti di azione (login, logout, cambio password) */
#header-navigation .login-btn { background-color: #008000; border-color: #006600; } /* Verde per login */
#header-navigation .logout-btn { background-color: #a80000; border-color: #870000; } /* Rosso per logout */
#header-navigation .password-btn { background-color: #ffa500; border-color: #cc8400; } /* Arancione per cambio password */

/* Effetti hover specifici */
#header-navigation .login-btn:hover { background-color: #006600; }
#header-navigation .logout-btn:hover { background-color: #870000; }
#header-navigation .password-btn:hover { background-color: #cc8400; }

#header-navigation .login-btn:before, .logout-btn:before, .password-btn:before {
    content: none !important;
}
/* CONTEXT BAR ---- */ 
 
#breadcrumbs { 
  clear: right; 
/*  padding-left: 0.4em; */
/*  background-image:url(/resources/img/bg_breadcrumbs.png); */
/*  background-color:#4485b3;
  background-repeat: repeat-x;
  background-position: top left; */
  color: #FFF;
  height: 41px;

} 
#breadcrumbs a:link,
#breadcrumbs a:visited{
    color: #FFF;/*#000;*/
    text-decoration: none;
    
}

/*Ric01 22/01/2025 aggiunta classe per context bar */
.breadcrumbs__item {
    padding: 3px 20px !important;
    background-color: #336699 !important; /*#e6953b; !important;*/
    color: white !important;
    display: inline-block !important;
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%, 10px 50%) !important;
}

a.breadcrumbs__item {
    color: white !important;
    float:left; !important;
    text-decoration:none !important;
}

.breadcrumbs__item:hover:after,
.breadcrumbs__item:hover {
    background: #d2982e; !important;
    text-decoration: none !important;
}

.breadcrumbs__item:focus:after,
.breadcrumbs__item:focus,
.breadcrumbs__item.is-active:focus {
    color: white !important;
    float:left; !important;
}

.breadcrumbs__item:before {
    background: #e6953b; !important;
    float:left; !important;
    margin-left: 1px !important;
}

.breadcrumbs__item:last-child {
    border-right: none !important;
}

.breadcrumbs__item.is-active {
    background: #e6953b; !important;
}

 
/* END CONTEXT BAR ---- */  
 
/* END HEADER TAGS -----------------------------------------------------------*/ 
 
/* LISTS -----------------------------------------------------------*/ 
 
ul.compact, .action-list ul{ 
  margin: 0px; 
  padding: 10px 0 0 0; 
} 
ul.compact li, .action-list ul li { 
  list-style:none; 
  display: inline; 
} 
 
/* END OF LISTS */ 
 
/* PORTLETS */ 
 
.portlet-sidebar { 
  width: 30%; 
} 
 
.portlet-wrapper { 
  margin: 4px 4px 4px 4px; 
} 
 
.portlet-header { 
    padding: 2px 8px 2px 8px;  
    border-top: 1px solid #fff; 
    background: #ddd;  
    height: 21px; 
} 
 
.portlet-title { 
    float: left; /* comment out if portlet-controls display:none */ 
    display: inline; 
} 
 
.portlet-title h1 { 
    margin: 0px; 
    font-size: 1em; 
    font-weight:bold; 
    color:#000; 
} 
     
.portlet-controls { 
    display: block; /* future development */ 
    padding-top: 2px; 
    text-align: right;     
} 
 
.portlet-controls img { 
    border: 0px; 
} 
 
.portlet-controls a:link { 
    color: #fff; 
} 
 
.portlet-controls a:hover { 
    color: #000; 
} 
 
.portlet { 
  border: 1px dotted #999;  
  border-top: 0px; 
  padding: 6px 8px 6px 8px; 
  clear:left; 
  overflow: auto; 
} 
 
/* END OF PORTLETS */ 
 
.portal-page { 
  border: 1px solid #888; 
  padding: 6px 8px 6px 8px; 
  clear:left; 
} 
 
/********************************************************************** 
/* DEPRECATED CLASSES 
/**********************************************************************/ 
 
/* Deprecated, not sure what it's replaced with just yet */ 
a.action { 
  margin: 8px; 
  margin-left: 24px; 
  display: list-item; 
  list-style: circle url(/resources/acs-subsite/right.gif); 
} 
 
#left {
    background-color: #c7d7e5;
    width: 150px;
    /*padding: 1rem 0 2rem 0;*/
    margin: 0;
    white-space: nowrap;
    box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.3), /* Ombra in alto */
                inset 0 -5px 10px rgba(0, 0, 0, 0.3); /* Ombra in basso */
    border-radius: 8px;
}
/* 
#left{
	background-color: #c7d7e5;
	background-image: url(/resources/iter-portal/img/ombra_orizzontale_colonna.png);
	width: 150px;
	background-repeat: repeat-x;
	background-position:top;
	padding: 0px 0 30px 0;
	margin: 0px;
	white-space: nowrap;
	}
*/
.menu {
    padding: 1em !important;
}
    
.menu h2 {
    background: linear-gradient(to bottom, #5a7d9a, #3b5a75); /* Effetto sfumato */
    color: #fff;
    padding: 4px 8px;
    border-radius: 8px;
    margin-right: 10px;
    text-align: center;
    /*border: 1px solid #fff;*/
    font-size: 1.2rem;
    font-weight: bold;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* Ombra per profondità */
}

.menu li {
    display: block;
    margin-left: 15px;
    font-size: 90%;
    height: 20px;
    line-height: 20px;
    list-style: none;
    position: relative;
}

.menu a {
    color: #333 !important;
    height: 18px;
    padding-left: 30px;
    display: block;
    text-decoration: none;
    position: relative;
    transition: color 0.3s ease, background-color 0.3s ease;
    border-radius: 4px;
}

/* Aggiunge una freccia laterale senza immagini */
.menu a::before {
    content: "▶"; /* Simbolo freccia */
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    color: #6e89a1;
    transition: color 0.3s ease;
}

.menu a:hover,
.menu a:active {
    color: #6e89a1;
    background-color: #f7fbff;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.2);
}

/* Cambia il colore della freccia al passaggio del mouse */
.menu a:hover::before {
    color: #3b5a75;
}

.menu a:visited {
    color: #333;
}


#wikicmds {
	padding: 2px 0 0 20px;
	}

/* ROM 03/11/2022 Modifiche per elenco puntato su pagina di admin richiesto da Carlo.*/

.ul_admin {
    display: block;
    margin-left: 10px;
    font-size: 1.2em;
}

.ul_admin li {
    display: block;
    position: relative;
}

.ul_admin li:not(:last-child) {
    margin-bottom: 12px;
}

.ul_admin li:before {
    content: "";
    position: absolute;
    top: 1.2em;
    left: -30px;
    margin-top: -.9em;
    background: #f69ec4;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: linear-gradient(45deg, #c7d7e5, #546d82);  /* linear-gradient(rgba(168,216,239,1), rgba(205,233,245,1)) linear-gradient(45deg, #f69ec4, #f9dd94) */
}

/* Stile del fieldset */
fieldset {
    background-color: #fff;
    padding: 20px;
    width: 80%;
    margin: 20px;
    border-top-left-radius: 0px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 0px;
    /*text-align: center; */
    border: none!important; /* Mantiene il colore del bordo originale*/
    border-left: 8px solid #006da8 !important;
    position: relative; /* Per posizionare il legend */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Ombra sulla sinistra del bordo */
}

/* Stile della legenda (Dati Utente) */
legend {
    font-size: 1.2em;
    font-weight: bold;
    color: #006da8;
    background-color: white;
    padding: 5px 10px;
    border-radius: 4px;
    position: absolute;
    /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);*/
    top: -14px; /* Sposta la legenda sopra il bordo del fieldset */
    left: 0px; /* Allinea il testo alla sinistra */
    text-align: left;
}

fieldset {
    margin: 20px 0; /* Spazio tra i paragrafi */
    color: #333333; /* Colore del testo */
    font-size: 1em;
    line-height: 1.5;
    text-align: left; /* Allinea il testo a sinistra per leggibilità */
}


.form-button input[type="submit"] {
  font-size: 1em;
  font-weight: bold;
  color: #ffffff; /* Testo bianco */
  background-color: #006da8; /* Azzurro elegante */
  border: 2px solid #006da8; /* Stesso colore del bordo */
  border-radius: 8px; /* Bordi arrotondati */
  padding: 7px 10px; /* Spazio interno */
  cursor: pointer;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Leggera ombreggiatura */
  transition: background-color 0.3s ease, transform 0.2s ease;

}
.form-button {
    /*margin-left: 50% !important;*/
}

.form-button input[type="submit"]:hover {
  background-color: #005a87; /* Colore più scuro al passaggio del mouse */
  transform: translateY(-2px); /* Effetto di sollevamento */
}

.form-button input[type="submit"]:active {
  background-color: #004a70; /* Colore ancora più scuro alla pressione */
  transform: translateY(0); /* Ritorna alla posizione normale */
}

.form_submit {
  font-size: 1em;
  font-weight: bold;
  color: #ffffff; /* Testo bianco */
  background-color: #006da8; /* Azzurro elegante */
  border: 2px solid #006da8; /* Stesso colore del bordo */
  border-radius: 8px; /* Bordi arrotondati */
  padding: 7px 10px; /* Spazio interno personalizzato */
  text-align: center;
  cursor: pointer;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Leggera ombreggiatura */
  transition: background-color 0.3s ease, transform 0.2s ease;
}

.form_submit:hover {
  background-color: #005a87; /* Colore più scuro al passaggio del mouse */
  transform: translateY(-2px); /* Effetto di sollevamento */
}

.form_submit:active {
  background-color: #004a70; /* Colore ancora più scuro alla pressione */
  transform: translateY(0); /* Ritorna alla posizione normale */
}


input.button {
  font-size: 1em !important;
  font-weight: bold;
  color: #ffffff !important; /* Testo bianco */
  background-color: #006da8 !important; /* Azzurro elegante */
  border: 2px solid #006da8; /* Stesso colore del bordo */
  border-radius: 8px; /* Bordi arrotondati */
  padding: 7px 10px !important; /* Spazio interno personalizzato */
  text-align: center;
  cursor: pointer;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Leggera ombreggiatura */
  transition: background-color 0.3s ease, transform 0.2s ease;
}

input.button:hover {
  background-color: #005a87 !important; /* Colore più scuro al passaggio del mouse */
  transform: translateY(-2px); /* Effetto di sollevamento */
}

input.button:active {
  background-color: #004a70 !important; /* Colore ancora più scuro alla pressione */
  transform: translateY(0); /* Ritorna alla posizione normale */
}


.form_submit {
  font-size: 1em;
  font-weight: bold;
  color: #ffffff; /* Testo bianco */
  background-color: #006da8; /* Azzurro elegante */
  border: 2px solid #006da8; /* Stesso colore del bordo */
  border-radius: 8px; /* Bordi arrotondati */
  padding: 7px 10px; /* Spazio interno personalizzato */
  text-align: center;
  cursor: pointer;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Leggera ombreggiatura */
  transition: background-color 0.3s ease, transform 0.2s ease;
}

.form_submit:hover {
  background-color: #005a87; /* Colore più scuro al passaggio del mouse */
  transform: translateY(-2px); /* Effetto di sollevamento */
}

.form_submit:active {
  background-color: #004a70; /* Colore ancora più scuro alla pressione */
  transform: translateY(0); /* Ritorna alla posizione normale */
}


.styled-list {
  padding: 0; /* Rimuove il padding dell'elenco */
  margin: 0; /* Rimuove il margine */
  list-style-type: none; /* Rimuove i punti elenco */
}

.styled-list li {
  margin-bottom: 12px; /* Spazio tra gli elementi */
  position: relative;
  padding-left: 20px; /* Spazio per l'indicatore */
}

.styled-list li::before {
  content: "•"; /* Indicatore personalizzato */
  position: absolute;
  left: 0;
  font-size: 1.2em;
  color: #006da8; /* Colore dell'indicatore */
}

.styled-list a {
  font-size: 1em;
  color: #006da8; /* Colore del testo */
  text-decoration: none; /* Rimuove la sottolineatura di base */
  padding: 8px 0; /* Spazio interno per un look più curato */
  transition: color 0.3s ease, text-decoration 0.3s ease;
}

.styled-list a:hover {
  text-decoration: underline; /* Sottolinea al passaggio del mouse */
}


.table_s {
    width: 95%;
    border-collapse: collapse;
    font-family: Arial, sans-serif;
    background-color: #f9f9f9;
}

.table_s th,
.table_s td {
    padding: 10px;
    border: 1px solid #ddd;
}

.table_s .td_int {
    background-color: #4485b3; /* Sfondo  */
    color: #ffffff; /* Testo bianco */
}

.table_s th {
    background-color: #006DA8; /* Sfondo modificato */
    color: #ffffff; /* Testo bianco per contrasto */
    text-align: center;
    font-weight: bold !important;
    font-size: 1em;
}

.table_s td {
    color: #333; /* Testo scuro */
    /* text-align: left;*/
}

.table_s tr:nth-child(even) {
    background-color: #f2f2f2; /* Colore originale mantenuto */
}

.table_s tr:hover {
    background-color: #e2e8e8; /* Colore originale mantenuto */
    /*cursor: pointer;*/
}



/* tabella usata nel programma efil-transactions-gest-man */

.table_1 td {
    padding: 10px;
}

/*fine tabella usata nel programma efil-transactions-gest-man */

/* gacalin aggiunta widget-home*/
div.widget-home {
    border-left: 8px solid #006da8;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    background-color: #ecf4fb;
    color: #006da8;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 250px;
    padding: 15px;
    box-sizing: border-box;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    color: #006da8 !important;
    
}