/* ------------------------------------------------------------------------- *
/* ! Form-container */
/* ------------------------------------------------------------------------- */

/* ! color */
:root{ 

  --carnet-blue:#136DB5; 
  --carnet-blue-dark:#124f82; 
  --carnet-red: #D31616;
  --carnet-red-dark: #961212;
  --carnet-green: #00ab6b; 
  --carnet-green-dark: #05613f; 

}



/* Table utilizzi*/
.gestione-carnet table {font-size: 0.8rem;margin-top: 1rem;margin-bottom: 1rem;}
.gestione-carnet table td{padding: 5px;}
.gestione-carnet table .colonna.colonna-quantita{text-align: center;width: 40px;}
.gestione-carnet table .colonna.colonna-chi{width:110px ;text-align: center;}
.gestione-carnet table tr:nth-child(2),
.gestione-carnet table tr:nth-child(4),
.gestione-carnet table tr:nth-child(6),
.gestione-carnet table tr:nth-child(8)
{background: #ddd;}
.gestione-carnet table tr:nth-child(1){
    background: var(--carnet-blue);color: #fff;
}
.gestione-carnet table tr:nth-child(3),
.gestione-carnet table tr:nth-child(5),
.gestione-carnet table tr:nth-child(7)
{background: #f8f8f8;}

@media (max-width: 767px){
    .gestione-carnet table .colonna.colonna-note{display: none;}

}

.form-container .login-form-cod-carnet,
.form-container .login-form-id_cliente,
.form-container .cerca-form-cerca-sedi,
.form-container .info-sede-container,
.form-container .cerca-form-tipo-carnet,
.form-container .cerca-form-cerca-data,
.form-container .cerca-form-cerca-ora-inizio,
.form-container .cerca-form-cerca-ora-fine{display: flex;flex-direction: row;margin-bottom: 10px;flex-wrap: wrap;}



.form-container .login-form-cod-carnet label.login-cod-carnet,
.form-container .login-form-id_cliente label.login-id_cliente,
.form-container .cerca-form-cerca-sedi label.cerca-sedi,
.form-container .cerca-form-tipo-carnet label.cerca-tipo-carnet,
.form-container .cerca-form-cerca-data label.cerca-data
{display: block;min-width: 130px;}


.form-container .login-form-cod-carnet input.login-cod-carnet ,
.form-container .login-form-id_cliente  input.login-id_cliente
    {display: block;width: 150px;text-align: right;}



.form-container .cerca-form-cerca-sedi .cerca-sedi,
.form-container .cerca-form-tipo-carnet .cerca-tipo-carnet,
.form-container .cerca-form-cerca-data .cerca-data
{display: block;min-width: 300px;}


.form-container input {
    display: block;
    width: 200px;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.form-container select{font-size: 1rem;width: 200px;border: solid #ced4da;height: calc(1.5em + .75rem + 2px);border-radius:0.25rem ;padding: .375rem .75rem;}
.form-container .info-sede-container {display: block;}

.form-container span.info-sede-nome,
.form-container span.scegli-form-riepilogo-ricerca-sede{color: var(--carnet-blue);font-weight: 700;}
.form-container .scegli-elenco-soluzioni{background: #ddd;}
.form-container ul{list-style: none;display: flex;flex-direction: row;flex-wrap: wrap;gap: 10px;padding-inline-start: 2px;padding-inline-end: 2px;}
.form-container ul li{display: flex;flex-direction: row;background: #fff;margin-top: 10px;gap:20px;margin-bottom: 10px;padding: 20px;border-radius: 15px;}
.form-container ul li input.scegli-scelta-soluzione{width: 20px;}

.form-container ul li b.scegli-nome-spazio-name{font-size: 1.25rem;color: var(--carnet-blue);text-transform: uppercase;font-weight: 700;}



.form-container .cerca-form-cerca-orari ul {display: flex;gap: 0;flex-wrap: wrap;}
.form-container .cerca-form-cerca-orari ul li {display: flex;flex-direction: row;margin: 0;padding: 0;background: transparent;flex-wrap: wrap;background: #f7f7f7;margin-top: 10px;margin-left: 10px;gap: 0;}
.form-container .cerca-form-cerca-orari ul li label{margin: 0;padding: 5px;}
.form-container .cerca-form-cerca-orari ul li input {width: 1rem;}
.form-container .cerca-form-cerca-orari ul li
.form-container .cerca-form-cerca-orari .orario-personalizzato-inputs {width: 100%;}
.form-container .cerca-form-cerca-orari .orario-personalizzato-inputs div{display: flex;flex-direction: row;padding:0 15px;margin-left: 10px; line-height: 2.5rem;}
.form-container .cerca-form-cerca-orari .orario-personalizzato-inputs div input{min-width: 130px;margin-left: 5px;margin-right: 5px;}


@media screen and (max-width: 767px) {
    .form-container .cerca-form-cerca-orari .orario-personalizzato-inputs div{margin-left:0; padding-left: 0;display: flex;flex-wrap: wrap;}
    .form-container .cerca-form-cerca-orari .orario-personalizzato-inputs div :nth-child(1),
    .form-container .cerca-form-cerca-orari .orario-personalizzato-inputs div :nth-child(2){min-width: 200px;}


    
}


.scegli-blocco-referente-prenotazione {display: flex;flex-direction: row;gap: 5%; flex-wrap: wrap;}
.scegli-blocco-referente-prenotazione h4{width: 100%;}
.scegli-blocco-referente-prenotazione .scegli-form-referente-nome,
.scegli-blocco-referente-prenotazione .scegli-form-referente-cognome,
.scegli-blocco-referente-prenotazione .scegli-form-referente-email,
.scegli-blocco-referente-prenotazione .scegli-form-referente-telefono{
    width: 300px;margin-top: 10px;display: flex;
}
.scegli-blocco-referente-prenotazione .scegli-nome,
.scegli-blocco-referente-prenotazione .scegli-cognome,
.scegli-blocco-referente-prenotazione .scegli-email,
.scegli-blocco-referente-prenotazione .scegli-telefono{min-width: 100%;}


/* ! Buttons */

button.login-submit,
button.info-carnet-cambia,
button.cerca-submit,
button.scegli-cambia-ricerca,
button.scegli-submit{
    position: relative;
    display: block;
    border-radius: 0;
    border: 0;
    transition: 0.5s;
    text-align: center;
    padding: 10px 15px;
    color: #fff;
    width: 280px;
    text-transform: uppercase;
    font-size: 1rem;
    margin: 20px 0;
    background: var(--carnet-red);
    z-index: 1;
    border: 2px solid var(--carnet-red);
    transition: 0.6s;
    border-radius: 5px;
    cursor: pointer;
}
button.scegli-submit:hover,
button.cerca-submit:hover,
button.login-submit:hover{
    background: var(--carnet-green-dark);
    border: 2px solid var(--carnet-green-dark);
    color: #fff;
}
button.scegli-cambia-ricerca:hover,
button.info-carnet-cambia:hover
{
    background: var(--carnet-red-dark);
    border: 2px solid var(--carnet-red-dark);
    color: #fff;
}


.form-container ul.info-prenotazione-container li {background: #eee;}
.form-container ul.info-prenotazione-container li span{display: contents;}

button.feedback-finale-submit,
button.conferma-annulla-tutto,
button.conferma-annulla,
button.conferma-submit,
button.feedback-finale-fine{border-radius: 0;
    border: 0;
    transition: 0.5s;
    text-align: center;
    padding: 10px 15px;
    color: #fff;
    width: 280px;
    text-transform: uppercase;
    font-size: 1rem;
    margin: 20px 0;
    background: var(--red);
    z-index: 1;
    border: 2px solid var(--red);
    transition: 0.6s;
    border-radius: 5px;
    cursor: pointer;}

button.login-submit,
button.conferma-submit,
button.cerca-submit,
button.scegli-submit,
button.feedback-finale-submit{background: var(--carnet-green);border: 2px solid var(--carnet-green);}
button.conferma-annulla{background: var(--carnet-blue);border: 2px solid var(--carnet-blue);}

button.feedback-finale-submit:hover{
    background: var(--carnet-blue-dark);border: 2px solid var(--carnet-blue-dark);
}
button.conferma-annulla-tutto:hover,
button.conferma-annulla:hover,
button.conferma-submit:hover{
    background: var(--carnet-green-dark);
    border: 2px solid var(--carnet-green-dark);
    color: #fff;
}