/* Impostazioni di base */
body {
    background-color: #f4f4f4;
    color: #333;
    margin:0;
}

/* Header dell'area riservata */
.header {
    background-color: #003366;
    color: white;
    padding: 15px 20px;
    text-align: center;
    border-radius: 0.375rem 0.375rem 0 0; /* Bootstrap border radius */
}

.header h1 {
    margin: 0;
    font-size: 24px;
}

/* Contenuto principale */
.main-content {
    margin-left: 270px; /* Larghezza della sidebar + margine */
    padding: 20px;
    background-color: white;
    border-radius: 0 0.375rem 0.375rem 0.375rem;
    min-height: 100vh;
}

.main-content h2 {
    font-size: 22px;
}

/* Stile per i pulsanti personalizzati */
.button-custom {
    display: inline-block;
    padding: 10px 20px;
    background-color: #003366;
    color: white;
    text-decoration: none;
    border-radius: 0.375rem;
    margin-top: 10px;
    transition: background-color 0.3s ease;
}

.button-custom:hover {
    background-color: #005599;
}

/* Stile per le tabelle */
table.table-custom {
    border-collapse: collapse;
    width: 100%;
    margin-top: 20px;
    border-radius: 0.375rem;
    overflow: hidden;
}

table.table-custom th,
table.table-custom td {
    padding: 10px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

table.table-custom th {
    background-color: #CC3731;
    color: white;
}

/* table.table-custom tr:hover {
    background-color: #f1f1f1;
} */


/* FORM LOGIN */
.login-container {
    min-height: 90vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background-color: #f4f4f4;
}

.login-box {
    background-color: white;
    border-radius: 0.375rem;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    max-width: 900px;
    width: 100%;
    overflow: hidden;
}

.login-box .row {
    margin: 0;
}

.login-form {
    padding: 40px;
}

.login-form h2 {
    margin-bottom: 20px;
    font-size: 28px;
    color: #333;
}

.login-form .form-control {
    margin-bottom: 20px;
    border-radius: 0.375rem;
}

.login-form .btn-primary {
    width: 100%;
    padding: 10px;
    border-radius: 0.375rem;
}

.login-logo {
    background-color: #CC3731;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
}

.login-logo img {
    max-width: 100%;
    height: auto;
    border-radius: 0.375rem;
}

/* *** CARD DEI CONTENUTI *** */

div.sn-card-contenuto {
    width:98%;
    z-index:0;
}

/* *** RIGA SEZIONE FORM *** */

div.rigaSezioneForm  {
    border-bottom: solid 1px #ccc;
    margin-bottom: 10px;
    font-weight: bold;
  
  }

  /* *** utility colorazione testo custom *** */
.text-bucher {
    color: #CC3731;
}

/* *** utility colorazione edit box standaed *** */
.bg-edit {
    background-color: antiquewhite;
}


/* *** dialog box *** */
dialog {
    width: 50%;
    min-height: 200px;
    border-radius: 10px;
    border: solid 1px #ccc;
    -webkit-box-shadow: 5px 5px 11px 4px rgba(0,0,0,0.81); 
    box-shadow: 5px 5px 11px 4px rgba(0,0,0,0.81);
}