/******************************************************
	Fonts
******************************************************/
@font-face {
    font-family: 'Myriad Pro';
    src: url('/fonts/MyriadPro-regular.eot');
    src: local('?'), url('/fonts/Myriad-web.ttf') format('truetype');
    }
@font-face {
    font-family: 'futura-condensed-bold';
    src: url('/fonts/futura-condensed-bold.eot');
    src: local('?'), url('/fonts/futura-condensed-bold.ttf') format('truetype');
    }

@font-face {
    font-family: 'open-sans';
    src: url('/fonts/open-sans.eot');
    src: local('?'), url('/fonts/open-sans.ttf') format('truetype');
    }

/******************************************************
	Media Query
******************************************************/
@media screen and (min-width: 1025px) {
}
@media screen and (min-width: 992px) and (max-width: 1024px) {
}
@media screen and (min-width: 768px) and (max-width: 991px) {
}
@media screen and (min-width: 481px) and (max-width: 767px) {
}
@media screen and (min-width: 321px) and (max-width: 480px) {
}
@media screen and (max-width: 320px) {
}

body {
	width: 100%;
	max-width: 100%;
	margin: 0px;
	/* border: 5px solid white; */
	text-align: center;
	background-color: white;
	/* background-image: url(/exeClspg/template/fondo.jpg);
	background-repeat: no-repeat;
	background-size: 100%;		 */
	/* font-family: trebuchet verdana, "Lucida Sans", arial; */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 130%;
}


div#loading {
	width: 200px;
	height: 80px;
	background-color: #eeeeee;
	border-radius: 30px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-top: -45px;					/* la metą di height */
	margin-left: -110px;				/* la metą di width */
	padding-top: 5px;
	text-align: center;
	z-index: 10;
}

/* VARIE GENERALI ****************************************/
/* GENERAL fonts */
P, OL, UL, DIV, H3, TD {
    font:12px trebuchet verdana "Lucida Sans" arial;
    font-size: 1em;
}
/*
H1 { font-size: 1em; }
H2 { font-size: 0.8em; }
P, H1, H2 {margin: 0px 0px 5px 0px;}
*/

table {border-collapse: collapse;}

a {
    color: #0050ff;
	text-decoration: none;
}

tr.rigapari, div.rigapari {
    /* background-color: #e2ded3;		/* grigio chiaro */
    background-color: #f0f0f0;			/* grigio chiaro */
}

tr.listapari, div.listapari {
    background-color: #f0f0f0;			/* grigio chiaro */
}

.align-center {
    text-align: center;
}
.align-right {
    text-align: right;
}
.align-left {
    text-align: left;
}
.just {
	text-align: justify;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.rosso {
    color: #ea150a;                         /* rosso ok */
}
.row {
	/*
	border: 1px solid red;
	*/
}

.separator {
	border-top: 2px solid #cccccc;			/* grigio medio */
	/*border-top: 2px solid #9c9ea0;		/* grigio scuro */
	/* border-top: 2px solid #d2d4d4;		/* grigio pił chiaro */
	width: 30%;
	margin: 0px auto;
}

div.boxed {
	background-color: #e3e4e4;
	border: 1px solid #cccccc;
	border-radius: 5px;
	box-shadow: 5px 5px 5px #dedede;
	padding: 2em;
	font-size: 1.5em;
}

.MsgInfo {
	text-align: center;
	color: #D20806;							/* rosso boscomar vivo */
	border: 1px solid #888888;
	border-radius: 10px;
	box-shadow: 3px 3px 3px #6f6f6f;		/* #dedede; */
	margin: 1.5em auto;
	padding: 1em;
}

.evidenziatore {
	background-color: yellow;
}
/*********************************************************/
/* PAGINE GENERICHE  *************************************/

.generic_page {
	background-color: #e3e4e4;		/* grigio */
	text-align: justify;
	margin: 6em;
	border-radius: 10px 10px 10px 10px;
	box-shadow: 5px 5px 5px #dedede;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	font-size: 1.2em;
}
.generic_page p {
	font-size: 1.2em;
}

/* BOOTSTRAP 5 COLONNE ***********************************/
/* classi aggiunte per gestire griglie da 5 colonne      */
/* vedi classe ClsGrid()                                 */

.col-xs-5r,
.col-sm-5r,
.col-md-5r,
.col-lg-5r {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-5r {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5r {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5r {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5r {
        width: 20%;
        float: left;
    }
}

/* INTESTAZIONE PAGINA ***********************************/
div#bandiere_b {
	text-align: right;
}
div#bandiere_b a {
	color: black;
}
img#logo{
	max-width: 100%;
	width: 100%;
	margin: 1em 0em;
}

/*********************************************************/
/* generics **********************************************/
div.img_01 img {
	margin-top: 3em;
	width: 100%;
	max-width: 100%;
}
/*********************************************************/
/* MAPPE *************************************************/

div#map-canvas {
	width: 100%;
	height: 400px;
}

/* Body **************************************************/
#cont_center {
	min-height: 60%;
}

div#main {
	/*background-color: #f8f8f8;					/* grigio chiaro */
	/*height: 14em; con questa istruzione il menu non si espande verso il basso */
}

/**********************************************************/
/* NavBar - Menu ******************************************/

.navbar {
	border: none;
}

/* i prossimi due blocchi servono per centrare il menu
.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
}
.navbar .navbar-collapse {
  text-align: center;
}	*/

.navbar-default {
	/* background-color: white; */
	border: none;
}
.navbar-header {
	width: 100%;
}
a.navbar-brand {
	width: 100%;
	max-width: 100%;
	/* background-color: #4479C8;					/* blu rcinfo scuro */
}
button.navbar-toggle {
	color: white;
	background-color: #4479C8;					/* blu rcinfo scuro */
}
div#main-nav-collapse {
	padding-top: 0.0em;
	margin-top: 4em;
}

div#main-nav-collapse ul li {
	/*max-height: 3em;*/
	/*height: 3em;*/
	font-size: 1.2em;
}
div#main-nav-collapse ul li.menu_norm a {
	color: #4F5052;					/* grigio Aim Risk */
}

div#main-nav-collapse ul li.menu_act a {
	color: #4479C8;					/* blu rcinfo scuro */
}
div#main-nav-collapse ul li.menu_norm a:hover {
	color: #4479C8;					/* blu rcinfo scuro */
	/*
	background-color: #4479C8;	
	text-decoration: underline;
	*/
}

/* Show the dropdown menu on hover */
li.dropdown:hover .dropdown-menu {
  display: block;
}
li.dropdown:hover {
	background-color: #77ACFB;					/* blu rcinfo chiaro */
}


/******************************************************/
/* CAROUSEL  ******************************************/

div#slide_1 {
	height: 20em;
	/* margin-top: 2em; */
	margin-bottom: 3em;
}

header.carousel {
    height: 100%;
	/* z-index: -2; */
}

div.carousel-inner img {
	width: 100%;
	max-width: 100%;
}


/* HOMEPAGE **********************************************/
div#info {
	padding-left: 0;
}
div#info1 {
	text-align: justify;
	font-size: 1.2em;
}

/* Iperius **********************************************/
div#iperius img {
		width: 100%;
}
/* Covid-19 **********************************************/

div#covid19a {
	text-align: center;
	background-color: #BBDCFF;
	border-radius: 8px;
	box-shadow: 1px 1px 1px #6f6f6f;		/* #dedede; */
	margin-bottom: 1em;
}
div#covid19a p {
	/*text-align: justify;*/
}
div#covid19a h2 {
	font-size: 1.5em;
}

/* software **********************************************/

div.software {
	font-size: 2em;
	/* border: 1px solid #1A5488; */
	border-radius: 10px;
	/* background: linear-gradient( to left, #D3E2E2, #A0C0C0); */
	background: linear-gradient( to left, #D8DEE6, #738BAF);
	box-shadow: 3px 3px 3px #6f6f6f;		/* #dedede; */
	margin: 1em auto;
	padding: 1em;
}
div.software a {
	color: black;
}

/* boxes  ***********************************************/
div.box-1 {
	/* background-color: #F9E483; */
	background-color: #CDE8E3;
	border-radius: 3px;
	box-shadow: 1px 1px 1px #6f6f6f;		/* #dedede; */
	padding: 1em 0.5em;
	margin-bottom: 1.5em;
	font-size: 1.2em;	
	color: #184473;
	text-align: left;
}
div.box-1 a {
	color: #184473;
}

div.box-2 {
	/* background-color: #EDE8DF; */
	background-color: #F9E7BE;
	border-radius: 3px;
	box-shadow: 1px 1px 1px #6f6f6f;		/* #dedede; */
	padding: 0.5em;
	margin-bottom: 1.5em;
	width: 100%;
}
div.box-2 ul {
	text-align: left;
}


/* FOOTER  ***********************************************/

div#mainfoot {
	background-color: #4479C8;					/* blu rcinfo scuro */
	margin-bottom: 5em;
}

div#footer {
    /* border-top: solid 1px #023260; */
	color: white;
    margin-top: 1em;
    padding-top: 1em;
    padding-bottom: 1em;
}
div#footer P {
    font-size: 1em;
    text-align: center;
}
div#contentCookies{
	color: #666666;
	text-align: justify;
	width: 70%;
	margin: auto;
}
div#foot_menu {
	text-align: left;
    font-size: 0.9em;
	padding: 2em 3em;
}
div#foot_menu a {
	color: white;
	padding: 3px 1em;
	/* border-right: 1px solid #666666; */
}
div#contentCookies {
	color: #666666;
}
div#shiny {
    padding-top: 1.5em;
    text-align: center;
}

/* FORM EDIT *********************************************/

table.cRead, table.edit {
	border-collapse: separate;			/* con 'collapse' non fa vedere i bordi arrotondati #loginStd */
    /* background-image: url(../images/pergamena.jpg);  */
    /* background-repeat: no-repeat;                    */
	/* background-color: #ECF2F6; */
	background: linear-gradient( to left, white, #A0C0C0);
	border: 1px solid #1A5488;
	border-radius: 10px;
	box-shadow: 3px 3px 3px #6f6f6f;		/* #dedede; */
	margin: auto;
}

table.cRead td, table.edit td {
	text-align: left;
}
td.status, td.editnoempty, td.rigaobbligatori {
	padding-left: 1em;
}
td.editfldcont {
	padding-right: 1em;
}

form {
	margin-bottom: 1em;
}
form td {
	padding: 1px;
}

form label {
    margin-right: 1em;
    /* 
    width: 60%;
	border: 1px solid blue; 
	*/
}

table.clsedit td.editfldesc label {
	width: 100%;
}

.editfldesc {
	/*
	color: #D20806;						/* rosso
	color: #1A5488;						/* zucchero
	width: 50%;
	*/
 	color: #666666;							/* grigio scuro */
	font-size: 0.9em;
}

.editflderror, .editnoempty {
    color: #ea150a;                         /* rosso ok */
}

.rigabottoni {
    padding-top:   0px;
	text-align: center;
}

.rigabottoni button {
    margin-top: 1em;
    margin-left: 1.5em;
}

div#utente1 {
    text-align: left;
    /* border: 1px solid blue; */
    color: #224D77;			/* bluette */
    padding-left: 1em;
}

div#utente1 A  {
    color: #D20806;						/* rosso boscomar vivo */
    text-decoration: none;
}
#utente2 {
 	color: #666666;							/* grigio scuro */
}

/* FORM LOGIN *********************************************/

div#dimenticata a {
	color: #D20806;						/* rosso boscomar vivo */
	text-decoration: none;
}

table#loginStd td.status h1 {
    font-size: 1em;
    height: 1.5em;
    padding-top: 3px;
}

table#loginStd .rigabottoni button, .thebutton, div#reg_qui input {
	color: #D20806;						/* rosso boscomar vivo */
    cursor: pointer;
}

div#reg_qui input {
	margin-bottom: 1em;
}

div#reg_a h2{
    font-size: 1em;
}


/* TABELLE BROWSE ****************************************/

table.browse {
	margin: auto;
	border-collapse: separate;
	border-spacing: 0px;
	width: 100%;
	/*
	border-bottom: 1px solid black;
     */
}

table.browse tr.brw_line td{
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	padding: 0px 3px;
}

tr.brw_titoli {
	color: white;
	background-color: #FDA662;			/* background arancio */
}

tr.brw_titoli td h3{
	padding-left: 0.3em;
	padding-right: 0.3em;
}

tr.brw_header td {
	border: none;
}

tr.brw_header h1 {
    font-size: 20px;
    /* font-weight:bold; */
}

table.browse td.brw_cellnum {
    text-align: right;
}

table.brw_sotto {
	border-top: 1px solid black;
    width: 100%;
}

tr.brw_totali td{
	border-top: 1px solid #d0d0d0;
}

table.brw_comandi {
    width: 100%;
	border-top: 1px solid black;
}

tr.brw_comandi {
	text-align: center;
}

tr.brw_comandi a {
    padding-right: 5px;
}

tr.brw_comandi td a img, tr.brw_line td a strong img  {
    text-decoration: none;
    border-color: #6f6f6f;
}

/* TABELLE BROWSE NEWS ****************************************/
table.BrwNews tr.brw_line td {
    margin-top: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
}
table.BrwNews tr.brw_line td span.data{
    font-weight: bold;  
}
table.BrwNews tr.brw_line td span.titolo{
    font-weight: bold;  
}

/* Pagina software e Assistenza ****************************************/
div#immagine-sx-1 img {
	width: 100%;
	max-width: 100%;
	/*max-height: 20em;*/
	margin-bottom: 1em;
}

/* Style Canva ****************************************/
.body-moduli {
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	background-color: #f8fafc;
	color: #334155;
}
.feature-card {
	transition: all 0.3s ease;
}
.feature-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.category-header {
	position: relative;
}
.category-header::after {
	content: '';
	position: absolute;
	bottom: -8px;
	left: 0;
	width: 60px;
	height: 3px;
	background-color: #3b82f6;
}
.key-feature {
	font-weight: 600;
	color: #1e40af;
}
.collapse {
	visibility: initial;
}