/* CSS Document */

body {margin:0px; padding:0px}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}


/*
LOGIN
*/
.corpo_body {background-color:#222a32}
.flotta_sx {float:none}
.flotta_dx {float:none}
.sfondo_login{ background-color:#0f7faf; padding:10px; color:#FFF; text-align:center; text-transform:uppercase}
.spazio {padding:10px;}
.bg_bianco{background-color:#FFF}
.col-md-4 {padding:0px}
.msg_errore{text-align:center; color:#F00}


/* MENU BACKOFFIC */
.menu_backoffice{ color:#FFF; font-family: 'Open Sans', sans-serif; letter-spacing: 1px;}
ul {list-style:none; padding:0px; margin:0px; padding-left:10px; font-size:14px}
.accordion-toggle {font-size:12px}
a {text-decoration:none; color:#FFF}

.contenitore_padre_menu { background-color:#0077C0; padding:10px;}

.panel-group .panel {border-radius:0px}
.panel {background-color:#1E293B; border:0px}
.panel-default > .panel-heading {background-color:#0077C0; color:#ffffff}


a:hover {text-decoration:none}

.panel-group a {display:block}

.panel-heading:hover{background-color:#F1F5F9; color:#333}
h4:hover{background-color:#F1F5F9; color:#333}
h4 > a:hover{background-color:#F1F5F9; color:#333}

/* EFFETTO FRECCIA MENU */
.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'FontAwesome';  /* essential for enabling glyphicon */
    content: "\f078";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: #ffffff;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f077";    /* adjust as needed, taken from bootstrap.css */
}
/* FINE EFFETTO FRECCIA MENU */


.bottone {padding:10px; width:180px; color:#FFF; background-color:#1E293B; float:left; margin:10px; cursor:pointer}
.bottone_singolo {padding:10px; width:180px; color:#FFF; background-color:#1E293B;  margin:10px; cursor:pointer}



body{background-color:#F8FAFC; font-family: 'Open Sans', sans-serif; font-size:14px; padding:0px; margin:0px}


.carousel-inner>.item {min-height:600px; background-size:cover; background-position:center center}

a{text-decoration:none; color:#FFF}
a:active, a:focus, a:hover {text-decoration:none; color:#FFF}

#tabella {width:98%; padding:20px}


#tabella1 th {padding:10px}
#tabella1 td {padding:10px}

input, select {border:solid 1px #abb2b9; padding:15px}

.titolo_moduli{width:99%; padding:10px; background-color:#1E293B; color:#FFF; text-align:center; border-bottom-right-radius: 7px;     border-bottom-left-radius: 7px; letter-spacing: 1px;}
.vuoto{height:50px}

.colore_bottone {
    cursor: pointer;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 10px 20px;
    border: none;
    border-radius: 5px; /* Angoli leggermente arrotondati */
    
    /* Colori */
    background-color: #0077C0; /* Azzurro vivo del logo */
    color: #FFFFFF;
    
    transition: all 0.3s ease; /* Animazione fluida */
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.colore_bottone:hover {
    background-color: #005FA3; /* Un azzurro più scuro al passaggio del mouse */
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    transform: translateY(-1px); /* Effetto "sollevamento" */
}

.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body { border:none}


.panel-heading {border:none}

.nero{color:#000; font-size:14px}
.nero > i {color:#000; font-size:18px}
.nero:hover{color:#000}

.bordo_foto {border:1px solid #CCC; padding:5px; margin:5px}

.nero:active, .nero:focus, .nero:hover {text-decoration:none; color:#000000}


@media (min-width: 400px) {

	 }

/* Medium devices (desktops, 992px and up) */
@media (min-width: 767px) {

	 }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

.flotta_sx {float:left}
.flotta_dx {float:right}
 }


 .modern-table {
    width: 100%;
    border-collapse: collapse; /* Elimina i doppi bordi */
 
    background-color: #FFFFFF; /* Bianco pulito per le celle */
    border-radius: 8px;
    overflow: hidden; /* Per arrotondare gli angoli */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); /* Ombra leggera */
}

.modern-table thead tr {
    background-color: #1E293B; /* Il Blu Abisso suggerito */
    color: #FFFFFF; /* Testo bianco */
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.modern-table th {
    padding: 15px; /* Spazio interno generoso */
    font-weight: 700;
    cursor: pointer;
}

.modern-table td {
    padding: 12px 15px;
    text-align: center;
    border-bottom: 1px solid #E2E8F0; /* Linea sottile grigio-azzurra */
    color: #334155; /* Blu Navy Soft per il testo */
}

/* Effetto zebra per facilitare la lettura */
.modern-table tbody tr:nth-of-type(even) {
    background-color: #F8FAFC; /* Bianco Ghiaccio */
}

/* Effetto hover quando passi sopra una riga */
.modern-table tbody tr:hover {
    background-color: #E2E8F0; /* Sabbia Chiara */
    transition: background-color 0.3s ease;
}