/* Grid layout -----------------------------------------------------------*/
.row{margin-left:auto;margin-right:auto;margin-bottom:20px;}
.row:after{content:"";display:table;clear:both;}
.row .col{float:left;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 0.75rem;min-height:1px;}
.row .col[class*="push-"],.row .col[class*="pull-"]{position:relative;}
.row .col.s1{width:8.3333333333%;margin-left:auto;left:auto;right:auto;}
.row .col.s2{width:16.6666666667%;margin-left:auto;left:auto;right:auto;}
.row .col.s3{width:25%;margin-left:auto;left:auto;right:auto;}
.row .col.s4{width:33.3333333333%;margin-left:auto;left:auto;right:auto;}
.row .col.s5{width:41.6666666667%;margin-left:auto;left:auto;right:auto;}
.row .col.s6{width:50%;margin-left:auto;left:auto;right:auto;}
.row .col.s7{width:58.3333333333%;margin-left:auto;left:auto;right:auto;}
.row .col.s8{width:66.6666666667%;margin-left:auto;left:auto;right:auto;}
.row .col.s9{width:75%;margin-left:auto;left:auto;right:auto;}
.row .col.s10{width:83.3333333333%;margin-left:auto;left:auto;right:auto;}
.row .col.s11{width:91.6666666667%;margin-left:auto;left:auto;right:auto;}
.row .col.s12{width:100%;margin-left:auto;left:auto;right:auto;}
.row .col.offset-s1{margin-left:8.3333333333%;}
.row .col.pull-s1{right:8.3333333333%;}
.row .col.push-s1{left:8.3333333333%;}
.row .col.offset-s2{margin-left:16.6666666667%;}
.row .col.pull-s2{right:16.6666666667%;}
.row .col.push-s2{left:16.6666666667%;}
.row .col.offset-s3{margin-left:25%;}
.row .col.pull-s3{right:25%;}
.row .col.push-s3{left:25%;}
.row .col.offset-s4{margin-left:33.3333333333%;}
.row .col.pull-s4{right:33.3333333333%;}
.row .col.push-s4{left:33.3333333333%;}
.row .col.offset-s5{margin-left:41.6666666667%;}
.row .col.pull-s5{right:41.6666666667%;}
.row .col.push-s5{left:41.6666666667%;}
.row .col.offset-s6{margin-left:50%;}
.row .col.pull-s6{right:50%;}
.row .col.push-s6{left:50%;}
.row .col.offset-s7{margin-left:58.3333333333%;}
.row .col.pull-s7{right:58.3333333333%;}
.row .col.push-s7{left:58.3333333333%;}
.row .col.offset-s8{margin-left:66.6666666667%;}
.row .col.pull-s8{right:66.6666666667%;}
.row .col.push-s8{left:66.6666666667%;}
.row .col.offset-s9{margin-left:75%;}
.row .col.pull-s9{right:75%;}
.row .col.push-s9{left:75%;}
.row .col.offset-s10{margin-left:83.3333333333%;}
.row .col.pull-s10{right:83.3333333333%;}
.row .col.push-s10{left:83.3333333333%;}
.row .col.offset-s11{margin-left:91.6666666667%;}
.row .col.pull-s11{right:91.6666666667%;}
.row .col.push-s11{left:91.6666666667%;}
.row .col.offset-s12{margin-left:100%;}
.row .col.pull-s12{right:100%;}
.row .col.push-s12{left:100%;}
@media only screen and (min-width:601px){
    .row .col.m1{width:8.3333333333%;margin-left:auto;left:auto;right:auto;}
    .row .col.m2{width:16.6666666667%;margin-left:auto;left:auto;right:auto;}
    .row .col.m3{width:25%;margin-left:auto;left:auto;right:auto;}
    .row .col.m4{width:33.3333333333%;margin-left:auto;left:auto;right:auto;}
    .row .col.m5{width:41.6666666667%;margin-left:auto;left:auto;right:auto;}
    .row .col.m6{width:50%;margin-left:auto;left:auto;right:auto;}
    .row .col.m7{width:58.3333333333%;margin-left:auto;left:auto;right:auto;}
    .row .col.m8{width:66.6666666667%;margin-left:auto;left:auto;right:auto;}
    .row .col.m9{width:75%;margin-left:auto;left:auto;right:auto;}
    .row .col.m10{width:83.3333333333%;margin-left:auto;left:auto;right:auto;}
    .row .col.m11{width:91.6666666667%;margin-left:auto;left:auto;right:auto;}
    .row .col.m12{width:100%;margin-left:auto;left:auto;right:auto;}
    .row .col.offset-m1{margin-left:8.3333333333%;}
    .row .col.pull-m1{right:8.3333333333%;}
    .row .col.push-m1{left:8.3333333333%;}
    .row .col.offset-m2{margin-left:16.6666666667%;}
    .row .col.pull-m2{right:16.6666666667%;}
    .row .col.push-m2{left:16.6666666667%;}
    .row .col.offset-m3{margin-left:25%;}
    .row .col.pull-m3{right:25%;}
    .row .col.push-m3{left:25%;}
    .row .col.offset-m4{margin-left:33.3333333333%;}
    .row .col.pull-m4{right:33.3333333333%;}
    .row .col.push-m4{left:33.3333333333%;}
    .row .col.offset-m5{margin-left:41.6666666667%;}
    .row .col.pull-m5{right:41.6666666667%;}
    .row .col.push-m5{left:41.6666666667%;}
    .row .col.offset-m6{margin-left:50%;}
    .row .col.pull-m6{right:50%;}
    .row .col.push-m6{left:50%;}
    .row .col.offset-m7{margin-left:58.3333333333%;}
    .row .col.pull-m7{right:58.3333333333%;}
    .row .col.push-m7{left:58.3333333333%;}
    .row .col.offset-m8{margin-left:66.6666666667%;}
    .row .col.pull-m8{right:66.6666666667%;}
    .row .col.push-m8{left:66.6666666667%;}
    .row .col.offset-m9{margin-left:75%;}
    .row .col.pull-m9{right:75%;}
    .row .col.push-m9{left:75%;}
    .row .col.offset-m10{margin-left:83.3333333333%;}
    .row .col.pull-m10{right:83.3333333333%;}
    .row .col.push-m10{left:83.3333333333%;}
    .row .col.offset-m11{margin-left:91.6666666667%;}
    .row .col.pull-m11{right:91.6666666667%;}
    .row .col.push-m11{left:91.6666666667%;}
    .row .col.offset-m12{margin-left:100%;}
    .row .col.pull-m12{right:100%;}
    .row .col.push-m12{left:100%;}
}
@media only screen and (min-width:993px){
    .row .col.l1{width:8.3333333333%;margin-left:auto;left:auto;right:auto;}
    .row .col.l2{width:16.6666666667%;margin-left:auto;left:auto;right:auto;}
    .row .col.l3{width:25%;margin-left:auto;left:auto;right:auto;}
    .row .col.l4{width:33.3333333333%;margin-left:auto;left:auto;right:auto;}
    .row .col.l5{width:41.6666666667%;margin-left:auto;left:auto;right:auto;}
    .row .col.l6{width:50%;margin-left:auto;left:auto;right:auto;}
    .row .col.l7{width:58.3333333333%;margin-left:auto;left:auto;right:auto;}
    .row .col.l8{width:66.6666666667%;margin-left:auto;left:auto;right:auto;}
    .row .col.l9{width:75%;margin-left:auto;left:auto;right:auto;}
    .row .col.l10{width:83.3333333333%;margin-left:auto;left:auto;right:auto;}
    .row .col.l11{width:91.6666666667%;margin-left:auto;left:auto;right:auto;}
    .row .col.l12{width:100%;margin-left:auto;left:auto;right:auto;}
    .row .col.offset-l1{margin-left:8.3333333333%;}
    .row .col.pull-l1{right:8.3333333333%;}
    .row .col.push-l1{left:8.3333333333%;}
    .row .col.offset-l2{margin-left:16.6666666667%;}
    .row .col.pull-l2{right:16.6666666667%;}
    .row .col.push-l2{left:16.6666666667%;}
    .row .col.offset-l3{margin-left:25%;}
    .row .col.pull-l3{right:25%;}
    .row .col.push-l3{left:25%;}
    .row .col.offset-l4{margin-left:33.3333333333%;}
    .row .col.pull-l4{right:33.3333333333%;}
    .row .col.push-l4{left:33.3333333333%;}
    .row .col.offset-l5{margin-left:41.6666666667%;}
    .row .col.pull-l5{right:41.6666666667%;}
    .row .col.push-l5{left:41.6666666667%;}
    .row .col.offset-l6{margin-left:50%;}
    .row .col.pull-l6{right:50%;}
    .row .col.push-l6{left:50%;}
    .row .col.offset-l7{margin-left:58.3333333333%;}
    .row .col.pull-l7{right:58.3333333333%;}
    .row .col.push-l7{left:58.3333333333%;}
    .row .col.offset-l8{margin-left:66.6666666667%;}
    .row .col.pull-l8{right:66.6666666667%;}
    .row .col.push-l8{left:66.6666666667%;}
    .row .col.offset-l9{margin-left:75%;}
    .row .col.pull-l9{right:75%;}
    .row .col.push-l9{left:75%;}
    .row .col.offset-l10{margin-left:83.3333333333%;}
    .row .col.pull-l10{right:83.3333333333%;}
    .row .col.push-l10{left:83.3333333333%;}
    .row .col.offset-l11{margin-left:91.6666666667%;}
    .row .col.pull-l11{right:91.6666666667%;}
    .row .col.push-l11{left:91.6666666667%;}
    .row .col.offset-l12{margin-left:100%;}
    .row .col.pull-l12{right:100%;}
    .row .col.push-l12{left:100%;}
}
@media only screen and (min-width:1201px){
    .row .col.xl1{width:8.3333333333%;margin-left:auto;left:auto;right:auto;}
    .row .col.xl2{width:16.6666666667%;margin-left:auto;left:auto;right:auto;}
    .row .col.xl3{width:25%;margin-left:auto;left:auto;right:auto;}
    .row .col.xl4{width:33.3333333333%;margin-left:auto;left:auto;right:auto;}
    .row .col.xl5{width:41.6666666667%;margin-left:auto;left:auto;right:auto;}
    .row .col.xl6{width:50%;margin-left:auto;left:auto;right:auto;}
    .row .col.xl7{width:58.3333333333%;margin-left:auto;left:auto;right:auto;}
    .row .col.xl8{width:66.6666666667%;margin-left:auto;left:auto;right:auto;}
    .row .col.xl9{width:75%;margin-left:auto;left:auto;right:auto;}
    .row .col.xl10{width:83.3333333333%;margin-left:auto;left:auto;right:auto;}
    .row .col.xl11{width:91.6666666667%;margin-left:auto;left:auto;right:auto;}
    .row .col.xl12{width:100%;margin-left:auto;left:auto;right:auto;}
    .row .col.offset-xl1{margin-left:8.3333333333%;}
    .row .col.pull-xl1{right:8.3333333333%;}
    .row .col.push-xl1{left:8.3333333333%;}
    .row .col.offset-xl2{margin-left:16.6666666667%;}
    .row .col.pull-xl2{right:16.6666666667%;}
    .row .col.push-xl2{left:16.6666666667%;}
    .row .col.offset-xl3{margin-left:25%;}
    .row .col.pull-xl3{right:25%;}
    .row .col.push-xl3{left:25%;}
    .row .col.offset-xl4{margin-left:33.3333333333%;}
    .row .col.pull-xl4{right:33.3333333333%;}
    .row .col.push-xl4{left:33.3333333333%;}
    .row .col.offset-xl5{margin-left:41.6666666667%;}
    .row .col.pull-xl5{right:41.6666666667%;}
    .row .col.push-xl5{left:41.6666666667%;}
    .row .col.offset-xl6{margin-left:50%;}
    .row .col.pull-xl6{right:50%;}
    .row .col.push-xl6{left:50%;}
    .row .col.offset-xl7{margin-left:58.3333333333%;}
    .row .col.pull-xl7{right:58.3333333333%;}
    .row .col.push-xl7{left:58.3333333333%;}
    .row .col.offset-xl8{margin-left:66.6666666667%;}
    .row .col.pull-xl8{right:66.6666666667%;}
    .row .col.push-xl8{left:66.6666666667%;}
    .row .col.offset-xl9{margin-left:75%;}
    .row .col.pull-xl9{right:75%;}
    .row .col.push-xl9{left:75%;}
    .row .col.offset-xl10{margin-left:83.3333333333%;}
    .row .col.pull-xl10{right:83.3333333333%;}
    .row .col.push-xl10{left:83.3333333333%;}
    .row .col.offset-xl11{margin-left:91.6666666667%;}
    .row .col.pull-xl11{right:91.6666666667%;}
    .row .col.push-xl11{left:91.6666666667%;}
    .row .col.offset-xl12{margin-left:100%;}
    .row .col.pull-xl12{right:100%;}
    .row .col.push-xl12{left:100%;}
}

/* Card ------------------------------ */

.card { position: relative; margin: 0.5rem 0 1rem 0; background-color: #fff; transition: box-shadow .25s; border-radius: 2px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); }
.card .card-title { font-size: 24px; font-weight: 300; }
.card .card-title.activator { cursor: pointer; }
.card.small, .card.medium, .card.large { position: relative; }
.card.small .card-image, .card.medium .card-image, .card.large .card-image { max-height: 60%; overflow: hidden; }
.card.small .card-image + .card-content, .card.medium .card-image + .card-content, .card.large .card-image + .card-content { max-height: 40%; }
.card.small .card-content, .card.medium .card-content, .card.large .card-content { max-height: 100%; overflow: hidden; }
.card.small .card-action, .card.medium .card-action, .card.large .card-action { position: absolute; bottom: 0; left: 0; right: 0; }
.card.small { height: 300px; }
.card.medium { height: 400px; }
.card.large { height: 500px; }
.card.horizontal { display: flex; }
.card.horizontal.small .card-image, .card.horizontal.medium .card-image, .card.horizontal.large .card-image { height: 100%; max-height: none; overflow: visible; }
.card.horizontal.small .card-image img, .card.horizontal.medium .card-image img, .card.horizontal.large .card-image img { height: 100%; }
.card.horizontal .card-image { max-width: 50%; }
.card.horizontal .card-image img { border-radius: 2px 0 0 2px; max-width: 100%; width: auto; }
.card.horizontal .card-stacked { display: flex; flex-direction: column; flex: 1; position: relative; }
.card.horizontal .card-stacked .card-content { flex-grow: 1; }
.card.sticky-action .card-action { z-index: 2; }
.card.sticky-action .card-reveal { z-index: 1; padding-bottom: 64px; }
.card .card-image { position: relative; }
.card .card-image img { display: block; border-radius: 2px 2px 0 0; position: relative; left: 0; right: 0; top: 0; bottom: 0; width: 100%; }
.card .card-image .card-title { color: #fff; position: absolute; bottom: 0; left: 0; max-width: 100%; padding: 24px; }
.card .card-content { padding: 24px; border-radius: 0 0 2px 2px; }
.card .card-content p { margin: 0; color: inherit; }
.card .card-content .card-title { display: block; line-height: 32px; margin-bottom: 8px; }
.card .card-content .card-title i { line-height: 32px; }
.card .card-action { position: relative; background-color: inherit; border-top: 1px solid rgba(160, 160, 160, 0.2); padding: 16px 24px; }
.card .card-action:last-child { border-radius: 0 0 2px 2px; }
.card .card-action a:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating) { color: #ffab40; margin-right: 24px; transition: color .3s ease; text-transform: uppercase; }
.card .card-action a:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating):hover { color: #ffd8a6; }
.card .card-reveal { padding: 24px; position: absolute; background-color: #fff; width: 100%; overflow-y: auto; left: 0; top: 100%; height: 100%; z-index: 3; display: none; }
.card .card-reveal .card-title { cursor: pointer; display: block; }

ul.error_list{
    color: red;
    margin: 0;
    padding: 0;
}

ul.error_list li{
    list-style-image: none;
    list-style: none;
    vertical-align: middle;
    padding: 0 0 3px 0;
}

table.tabella_form tr ul.error_list li{
    padding-left: 7px;
}

/* Stile neutro di popup ---------------------------------------------------- */

body.popup_body{
    background-color: #fff !important; background-image: none;
}

body.popup_body #container #corpo{
    background-image: none;
}

/* Cookie Notice */

#cookie_notice{
    width: 100%;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.8);
    color: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
}

#cookie_notice .cookie_inner_content{
    padding: 15px 40px;
    text-align: center;
}

a#close_cookie_notice{
    display: block;
    padding: 0;
    text-align: center;
    font-size: 17px;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 5px;
    right: 15px;
    color: #aaa;
}

a#close_cookie_notice:hover{
    text-decoration: none;
}

/* Blocchi ------------------------------------------------------------------ */

.colonna_dati{
    display: block;
    width: 31%;
    float: left;
    margin-left: 3%;
}
.prima_colonna{
    margin-left: 0;
}

#blocco_counter_statistiche{
    display: block;
    width: 29%;
    float: left;
    border: 1px solid #ccc;
    margin-top: 8px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 2px 3px 0px #bbb;
    -moz-box-shadow:    0px 2px 3px 0px #bbb;
    box-shadow:         0px 2px 3px 0px #bbb;
}

#blocco_counter_statistiche > div{
    padding: 10px;
}

#blocco_dati_storico_statistiche{
    display: block;
    width: 68%;
    float: right;
}

#footer #footer_container .footer_dx{
    font-size: 0.75rem;
    text-align: right;
}

/* Tabelle ------------------------------------------------------------------ */
table.tabella_form td.extra_padding{ padding-left: 16px; }

/* Link button -------------------------------------------------------------- */

a.link_button:hover{
    text-decoration: none;
}

a.link_button img{
    vertical-align: text-bottom;
}

/* Color picker ------------------------------------------------------------- */
.selezione_colore{
    width: 25px;
    height: 25px;
    cursor:pointer;
    border: 1px solid #bbb;
}

/* Modelli mail ------------------------------------------------------------- */

.sezione_mail_sistema{
    color: #999;
    text-align:center;
    background-color: #efefef;
    padding: 5px;
    border-top: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
}

.messaggio_mail{
    border: 1px solid #ccc;
    -webkit-box-shadow: 0px 0px 5px #999;
    -moz-box-shadow:    0px 0px 5px #999;
    box-shadow:         0px 0px 5px #999;
    width: 96%;
    margin: 0 auto;
}

.messaggio_mail h1,
.messaggio_mail h2,
.messaggio_mail h3,
.messaggio_mail h4,
.messaggio_mail h5,
.messaggio_mail h6{
    border: none;
    font-style: normal;
}

.messaggio_mail .contenuto_messaggio_mail{
    padding: 10px;
    overflow: hidden;
}

.bordo_messaggio_mail_bottom, .bordo_messaggio_mail_top{
    height: 9px;
    background: #fff url('img/bordo_mail.png') repeat-x center left;
}

/* Regole di stile condivise di ECM Suite ----------------------------------- */

.opzione_no_icona{ padding-left: 22px; font-size: 12px; color: #555; text-decoration: underline; }
.cursore_aiuto {cursor: help}
.cursore_default{cursor: default}

/* Personalizzazione colonne tabelle ---------------------------------------- */

.colonna_voce_menu{width: 320px}
.colonna_file_evento{width: 250px}
.colonna_resp_scientifici_competenze{width: 330px}
.colonna_informazioni{width: 240px}
.colonna_titolo_evento, .colonna_descrizione_modulo{width: 250px}
.colonna_nome_evento, .colonna_nome_modulo{width: 200px}
.colonna_periodo {width: 100px}
.colonna_descrizione_gruppo_docenti {width: 450px}
.colonna_titolo_articolo {width: 500px}
.colonna_titolo_pagina_web {width: 500px}
.colonna_titolo_voce_menu {width: 500px}
.colonna_titolo_sessione {width: 500px}
.colonna_tempo_programma {width: 140px}
.colonna_operazioni_programma {width: 50px}
.colonna_tempo_assegnazione{width: 120px}
.colonna_nome_utente{width: 200px}
.colonna_note{width: 250px}
.colonna_esito_app_evento{width: 300px}
.colonna_qualifiche{width: 450px}
.colonna_fissa_articolo{width: 150px}
.colonna_operazioni_articolo {width: 100px}
.colonna_operazioni_pagina_web {width: 100px}
.colonna_operazioni_ente{width: 110px}
.colonna_operazioni_domande{width: 130px}
.colonna_risposta_corretta{width: 100px}
.colonna_elimina_risposta{width: 90px}
.colonna_tipo_evento { cursor: help; text-align: center; }
.colonna_stato_evento {width: 170px}
.colonna_icona {width: 16px}
.colonna_domanda_questionario {width: 530px}
.colonna_provenienza_partecipanti {width: 545px}
.colonna_titolo_configurazione {width: 35%}
.colonna_valore_configurazione {width: 40%}
.colonna_cache_configurazione {width: 10%}
.colonna_iscrizioni_reclutamento{width: 190px;}
.colonna_titolo_evento_scheda_utente{width: 650px;}
.colonna_storico_stati_evento_data_e_ora{width: 50px !important; }

#transazione_pagamento_cognome_cliente, #transazione_pagamento_causale, 
#transazione_pagamento_nome_cliente, #transazione_pagamento_id_modulo,
#transazione_pagamento_stato_transazione{width: 85%}
#transazione_pagamento_codice_transazione{width: 65%}
#transazione_pagamento_tipo_codice_transazione{width: 19%;}
#colonna_cod_iscrizione_evento{width: 25%}
#colonna_cod_iscrizione_codice{width: 20%}
#colonna_cod_iscrizione_stato{width: 100px}
#colonna_attestati_nome_evento{width: 450px}
.colonna_attestati_download{width: 200px}
#colonna_data_articoli{width: 140px}
.colonna_esonero_esenzione_motivazione{width: 525px}

#colonna_ordine_promo{width: 60px;}

#colonna_descrizione_modello_mail {width: 50%}

.colonna_label_form_obiettivi{ width: 20%;}


/* gestione iscrizioni - campi form importazione presenze */

#header_sovrascrittura_form_importazione_presenze,
#header_notifica_form_importazione_presenze,
#header_titolo_sessione_form_importazione_presenze,
#header_data_sessione_form_importazione_presenze,
#header_tolleranza_entrata_form_importazione_presenze,
#header_tolleranza_uscita_form_importazione_presenze{
    width: 170px;
}

#importazione_presenze_utenti_minuti_tolleranza_entrata,
#importazione_presenze_utenti_minuti_tolleranza_uscita,
#importazione_presenze_utenti_notifica_mail{
    width: 95%;
}

#importazione_presenze_utenti_submit_button{
    float: right;
    margin-top: 10px;
}

#importazione_presenze_utenti_table{
    width: 100%;
}

#importazione_presenze_header_tabella{
    width: 25%;
}

/* Stili messaggi di notifica --------------- */

#icona_messaggio{
    float:left;
    width: 24px;
}

#testo_messaggio{
    margin-left: 10px;
    float:left;
    width: 90%;
    text-align: left;
}

.messaggio_info, .messaggio_errore, .messaggio_ok, .messaggio_guida{
    padding: 8px;
    margin-bottom: 5px;
}
.messaggio_info{
    background-color: #FFF6DF;
    border-top: 1px solid #EFCE77;
    border-bottom: 1px solid #EFCE77;
}

.messaggio_errore{
    background-color: #FFDFDF;
    border-top: 1px solid #FF9F9F;
    border-bottom: 1px solid #FF9F9F;
}

.messaggio_ok{
    background-color: #C7FFBF;
    border-top: 1px solid #95EFB0;
    border-bottom: 1px solid #95EFB0;
}

.messaggio_errore_plain{
    color: red;
    font-weight: bold;
}

.messaggio_guida{
    background-color: #E0F3FF;
    border-top: 1px solid #76C1ED;
    border-bottom: 1px solid #76C1ED;
}

/* Colori di evidenziazione righe ------------------- */

.verde{ background-color: #ddf0d8 !important; }
.arancio{ background-color: #ffeac2 !important; }
.rosso{ background-color: #ffd0d0 !important; }
.giallo{ background-color: #ffffc4 !important; }
.azzurro{ background-color: #e2f3ff !important; }
.celeste{ background-color: #dde5f3 !important; }
.overbooking{ background-color: #bfdbf7 !important; }

/* Stili di testo ----------------------------------- */
.testo_secondario {font-size: 12px;}
.testo_normale {font-weight: normal;}
.testo_barrato {text-decoration: line-through !important; text-decoration-color: #FFD0D0;}
.testo_verde {font-weight: bold; color:#084}
.testo_arancio {color: #EF671D; font-weight: bold;}
.testo_rosso {font-weight: bold; color: #FF0000}

.test_sottolineato {
    text-decoration: underline;
}

.testo_counter{
    font-size: 90px;
    line-height: 90px;
    color: #EF671D;
}

/* Fatture -------------------------------------------*/

#fattura_riquadro_ente{
    border: 1px solid #ccc;
    float:left;
    width: 40%;
    height: 190px;
}

#fattura_riquadro_ente > div{
    padding: 5px;
}

#fattura_riquadro_cliente{
    float:left;
    width: 57%;
    margin-left: 2%;
}

table tr td#fattura_riga_cliente_sx{
    height: 125px;
    border-right: none;
}

table tr td#fattura_riga_cliente_dx{
    height: 125px;
    border-left: none;
}

.fattura_colonna_importi{
    width: 95px;
}

.fattura_cella_totale{
    border-bottom: 4px double #444 !important;
    color: #EF671D;
    font-weight: bold;
}

#fattura_riquadro_annotazioni{
    border: 1px solid #ccc;
    margin-top: 15px;
    padding: 5px;
    height: 100px;
}

/* Profili di registrazione utenti -------------------*/

.profilo_utente{
    margin: 10px 0 10px 0;
    border-top: 1px dashed #ccc;
    padding-top: 10px;
}

.icona_profilo{
    display: block;
    float: left;
}

div.descrizione_profilo{
    float: left;
    margin-left: 15px;
    width: 90%;
}

div.descrizione_profilo > a{
    font-size: 14px;
    font-weight: bold;
}

#elenco_profili_utente div:first-child{
    border: none !important;
}

/* Menu laterale -------------------------------------*/

#corpo_menu_utente ul.pannello_controllo{
    padding: 0;
    margin: 0;
}

#corpo_menu_utente ul.pannello_controllo li{
    list-style: none;
    list-style-image: none;
    padding: 3px 2px 3px 29px;
    border-top: 1px solid #ddd;
    border-bottom: 0;
}

#corpo_menu_utente ul.pannello_controllo li:first-child{
    border-top: 0;
}

#corpo_menu_utente ul.pannello_controllo li:hover{
    background-color: #ffffc4;
}

#corpo_menu_utente ul.pannello_controllo li a{
    display: block;
}

#corpo_menu_utente ul.pannello_controllo li a:hover{
    text-decoration: none;
}

#corpo_menu_utente ul.pannello_controllo li.separatore_menu{
    padding: 3px 2px 3px 4px;
    margin: 7px 0 0 0;
    border: 1px solid #ddd;
    border-left-width: 0;
    border-right-width: 0;
    border-bottom-width: 0;
    
    background-color: #eee;
    background-image: linear-gradient(bottom, #E8E8E8 15%, #F5F5F5 40%);
    background-image: -o-linear-gradient(bottom, #E8E8E8 15%, #F5F5F5 40%);
    background-image: -moz-linear-gradient(bottom, #E8E8E8 15%, #F5F5F5 40%);
    background-image: -webkit-linear-gradient(bottom, #E8E8E8 15%, #F5F5F5 40%);
    background-image: -ms-linear-gradient(bottom, #E8E8E8 15%, #F5F5F5 40%);

    background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0.15, #E8E8E8),
            color-stop(0.40, #F5F5F5)
    );
    text-shadow: 0 1px #fff;
    color: #666666;
    font-weight: bold;
}

#corpo_menu_utente ul.pannello_controllo li.separatore_menu:hover{
    background-color: #eee;
}

#corpo_menu_utente ul.pannello_controllo li.separatore_menu:first-child{
    margin-top: 0;
}

#corpo_menu_utente ul.pannello_controllo li.separatore_menu img{
    vertical-align: text-bottom;
}

.separatore_menu{
    padding: 3px 2px 3px 4px;
    margin-bottom: 5px;
    border: 1px solid #ddd;
    border-left-width: 0;
    border-right-width: 0;
    
    background-color: #eee;
    background-image: linear-gradient(bottom, #E8E8E8 15%, #F5F5F5 40%);
    background-image: -o-linear-gradient(bottom, #E8E8E8 15%, #F5F5F5 40%);
    background-image: -moz-linear-gradient(bottom, #E8E8E8 15%, #F5F5F5 40%);
    background-image: -webkit-linear-gradient(bottom, #E8E8E8 15%, #F5F5F5 40%);
    background-image: -ms-linear-gradient(bottom, #E8E8E8 15%, #F5F5F5 40%);

    background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0.15, #E8E8E8),
            color-stop(0.40, #F5F5F5)
    );
    text-shadow: 0 1px #fff;
    color: #666666;
    font-weight: bold;
}

/* Feedback ------------------------------------------*/
.casella_gradimento_feedback{
    width: 60px;
    float: left;
    text-align: center;
}

.lista_link{
    margin-top: 7px;
}

.lista_link a{
    display: block;
    margin-top: 1px;
}

#commento_alla_domanda>textarea{
    margin-top: 5px;
}

/* Maschera per le iscrizioni "esterne" -------------*/

@media only screen and (min-width:993px){
    #maschera_iscrizioni_esterne {
        width: 60%;
    }

    #maschera_iscrizioni_esterne #left_box {
        border-right: 1px solid #ddd;
    }
}
.titolo_big{
    display: block;
    font-size: 18px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}

/* Peronsonalizzazione campi form ------------------- */

#evento_formativo_titolo{
    width: 590px;
    font-weight: bold;
    color: #1F73BF;
}
#evento_formativo_tipologia { width: 590px; }
#evento_formativo_premessa{ height: 150px; width: 590px; }

#evento_formativo_quota_partecipazione,#evento_formativo_edizione, 
#evento_formativo_anno_piano_formativo, #evento_formativo_anno_piano_formativo_fine, #evento_formativo_max_partecipanti,
#evento_formativo_perc_frequenza_min
{ width: 100px;}

#evento_formativo_min_formazione, #evento_formativo_ore_formazione, #evento_docente_ore_assegnate,
#evento_docente_min_assegnati{
    width: 35px;
    text-align: center;
}

#autocomplete_evento_formativo_id_comune_svolgimento,
#evento_formativo_shortname_evento, #evento_formativo_luogo_svolgimento{
    width: 315px;
}

#evento_formativo_id_ente_org, #evento_formativo_lingua,
#evento_formativo_supporto_post_evento, #evento_formativo_mod_verifica,
#evento_formativo_id_mat_didattico{
    width: 322px;
}

#evento_formativo_lingua{ text-transform: capitalize;}

#evento_formativo_obiettivi_id_obiettivo_naz, #evento_formativo_obiettivi_id_tematica_speciale, #evento_formativo_obiettivi_id_caso_speciale { width: 75%; }

#fattura_nome_rs, #fattura_indirizzo_cliente, #autocomplete_fattura_comune_cliente,
#fattura_descrizione, #fattura_annotazioni,  #fattura_pec_destinatario_utente, #fattura_codice_destinatario_utente {width: 300px;}
#fattura_codice_fiscale, #fattura_partita_iva {width: 200px;}

#fattura_cerca_progressivo, #fattura_cerca_nome_rs, #fattura_cerca_partita_iva {width: 240px;}
#fattura_cerca_codice_fiscale {width: 197px;}

#autocomplete_filtra_iscrizioni_id_utente, #filtra_iscrizioni_stato_approvazione{width: 240px;}
#filtra_iscrizioni_tipo_utente{width: 250px;}

#utente_partita_iva, #utente_cf_persone_giuridiche {width: 182px;}
#autocomplete_utente_comune_fatturazione, #utente_indirizzo_fatturazione, #utente_partita_iva, #utente_cf_persone_giuridiche, #utente_codice_destinatario, #utente_pec_destinatario {width: 250px;}

#autocomplete_codice_iscrizione_id_utente{ width: 350px;}
#autocomplete_codice_iscrizione_id_evento{ width: 350px;}
#codice_iscrizione_codice { width: 350px; font-style: normal; font-weight: bold; color: #1F73BF; }

#codice_iscrizione_cerca_codice {width: 350px;}
#codice_iscrizione_cerca_codice_fiscale {width: 200px;}

#evento_cerca_archivio_titolo {width: 350px;}
#evento_cerca_archivio_tipologia, #evento_cerca_archivio_stato , #evento_cerca_archivio_includi_pfa , #evento_cerca_archivio_riservato_org {width: 300px;}

#piano_annuale_switch_anno{width: 80px;}

#collaboratori_id_ente{ width: 590px; }
#collaboratori_id_tipo_collab { width: 140px; }

#promo_fast_id_evento{width: 220px;}
#promo_url_clic_immagine, #promo_modalita_anteprima {width: 250px;}
#promo_ordine{width: 50px;}

#pulsante_iscrizione_testo, #pulsante_iscrizione_larghezza{width: 250px;}

#modello_mail_nome, #modello_mail_codice, #modello_mail_descrizione {width: 300px;}
#modello_mail_descrizione{height: 55px;}
#modello_mail_testo, #comunicazione_testo{height: 250px; width: 95%;}

#comunicazione_nome{width: 270px;}
#comunicazione_id_evento, #comunicazione_id_modello_mail{width: 300px;}
#comunicazione_priorita{width: 100px;}
#info_parole_speciali{margin-bottom: 15px;}


#autocomplete_comunicazione_utente_singolo_id_utente,
#comunicazione_preset_preset_destinatari,
#comunicazione_preset_id_evento,
#autocomplete_comunicazione_preset_id_ente,
#autocomplete_comunicazione_preset_id_provincia_operativa,
#autocomplete_comunicazione_preset_id_comune_residenza,
#comunicazione_preset_regione_residenza,
#comunicazione_preset_professione,
#comunicazione_preset_qualifica{
    width: 300px;
}

.colonna_comunicazione_destinatario{
    width: 150px !important;
}

.colonna_info_parole_speciali{ width: 145px;}

#select_monitoraggio_azione_utente {width: 240px !important;}
#select_iscrizioni_azione_sponsor  {width: 240px !important;}
#filtra_iscrizioni_id_ente_collab  {width: 240px !important;}
#select_programma_tipo_evento {width: 245px !important;}

#evento_cerca_pfa_titolo {width: 450px;}
#evento_cerca_pfa_cod_acc_regione {width: 125px;}

#sede_evento_cerca_descrizione,
#sede_evento_cerca_indirizzo,
#sede_evento_cerca_tipo,
#autocomplete_sede_evento_cerca_comune
{ width: 90%; }



#registro_attivita_cerca_cognome_nome_utente, #registro_attivita_cerca_cognome_nome_utente_operatore, #registro_attivita_cerca_titolo_evento, #registro_attivita_cerca_shortname {width: 450px;}

/* Maschera iserimento codice per eventi riservati --*/

#codice_evento_riservato_codice {width: 300px; font-weight: bold; padding: 3px; height: auto; font-style: normal; }
#titolo_codice_iscrizione {font-weight: bold; color: #004e7f; text-shadow: 0 1px #fff; margin-top: 7px; margin-bottom: 13px;}
#corpo_codice_iscrizione, #titolo_codice_iscrizione {margin-left: 11px;}

#blocco_codice_iscrizione{
    width: 411px;
    height: 99px;
    margin: 40px auto 20px auto;
    padding: 5px 10px 5px 10px;
    background: transparent url('img/blocco_granito_large.png') top left no-repeat;
}

#utente_risposta_segreta, #utente_domanda_segreta, #utente_domanda_segreta_personale{
    width: 300px;
}

#utente_nome_ente{ width: 250px; }

#cerca_attestato_nome_utente, #cerca_attestato_cognome_utente{width: 200px;}

/* Personalizzazione campi procedura recuper password */
#recupero_password_s1_email, #recupero_password_s1_codice_fiscale,#recupero_password_s2_risposta_segreta, #recupero_username_s1_email {
    width: 225px;
}

/* Personalizzazione campi form monitor fruizione                              */
#monitor_fruizione_stato_test, #autocomplete_monitor_fruizione_id_utente, #monitor_fruizione_stato_gradimento, #monitor_fruizione_stato_gradimento_facoltativo, #monitor_fruizione_abilitazione_compilazione_test_questionario {width: 240px;}
#utente_num_ordine_prof {width: 250px;}
#utente_conferma_email {width: 250px;}
#utente_cerca_confermato{width:  300px;}
#monitor_fruizione_nome, #monitor_fruizione_cognome{width:  240px;}
#monitor_fruizione_tipo_utente {width:  240px;}

/* Personalizzazione campi import test */
#test_import_soglia_superamento{ width: 40px; }
#test_import_id_evento{ width: 260px; }
#test_import_nome, #test_import_introduzione { width: 260px; }

/* Personalizzazione campi questionari/test */
#questionario_max_tentativi{ width: 40px; }

/* Personalizzazione campi import tentativi */
#tentativi_import_id_evento{ width: 260px; }

/* Personalizzazione campi form upload documento evento                        */
#evento_documento_nome_file {width: 300px;}
#evento_documento_nome_documento, #evento_documento_descrizione {width: 300px;}
#evento_documento_is_privato {width: 300px;}
#evento_documento_descrizione {height: 180px;}

/*Personalizzazione campi form relazione annaule                               */
#archivio_relazioni_titolo, #archivio_relazioni_note {width: 300px;}
#archivio_relazioni_anno {width: 80px; }

/* Personalizzazione campi domanda*/
#domanda_punti, #domanda_is_vera{width: 100px;}

/* Personalizzazione campi esonero ed esenzione*/
#esonero_esenzione_tipologia, #esonero_esenzione_id_motivazione{width: 217px;}
#esonero_esenzione_nota {
    width: 217px;
    resize: none;
}

/* Personalizzazione campi filtra codici di iscrizione                         */
#codice_iscrizione_cerca_titolo {width: 698px;}

#autocomplete_codice_iscrizione_id_ente,
#autocomplete_codice_iscrizione_id_comune_residenza,
#autocomplete_codice_iscrizione_id_provincia_operativa,
#codice_iscrizione_regione_residenza { width: 230px; }

#esonero_esenzione_cerca_tipologia, #esonero_esenzione_cerca_anno {width: 200px}

/*Personalizzazione campi form articolo */
#articolo_tags, #articolo_description, #articolo_title, 
#pagina_web_keyword, #pagina_web_description, #pagina_web_title
{ width: 350px; }

#metadati_evento_title, #metadati_evento_keyword, 
#metadati_evento_description{
    width: 400px;
}

/*Personalizzazione campi form filtra enti */
#ente_nome_rs, #ente_pi, #ente_codice_fiscale, #ente_tipologia  {width: 250px; }

/*Personalizzazione campi form modifica rapporti enti esterni*/
#rapporti_nome_ente, #rapporti_id_tipo_collab, #rapporti_entita_collaborazione  {width: 250px; }

/* Personalizzazione campi form filtra utenti */
#utente_cerca_matricola {width: 290px; }
#utente_cerca_tipo_utente_2 {width: 300px; }

/*Personalizzazione campi form fattura     */
#autocomplete_iscrizioni_utente_singolo_id_utente, #autocomplete_iscrizioni_ente_singolo_id_ente, #autocomplete_iscrizioni_evento_singolo_id_evento  {width: 250px; }

/*Personalizzazione campi anteprima crediti ecm */
.anteprima_crediti_ecm {
    width: 75px;
    text-align: center;
}

/*Personalizzazione campi form modifica credito ecm */
#credito_ecm_modifica_entita, #credito_ecm_modifica_stato {width: 150px;}
#esonero_esenzione_entita {width: 47px;}

/*Personalizzazione campi form user import plugin */
#import_utenti_genera_credenziali_utenti, #autocomplete_import_utenti_id_evento, #import_utenti_modello_mail_credenziali, #import_utenti_modello_mail_iscrizione {width: 300px;}

/*Personalizzazione campi form fad sincrona import plugin */
#autocomplete_fad_sincrona_usage_data_import__id_evento, #fad_sincrona_usage_data_import__file_sorgente, #fad_sincrona_usage_data_import__piattaforma_esterna {width: 300px;}

/* Personalizzazione campi codice iscrizione */
#codice_iscrizione_tipo_sconto{width: 350px;}
#codice_iscrizione_sconto{width: 80px;}
#codice_iscrizione_max_attivazioni{width: 80px;}

/* Personalizzazione campi partecipazione */
#partecipazione_annotazioni{width: 250px;}
#partecipazione_quota_versata{width: 100px;}

/* Personalizzazione campi form professione e discipline */
#professione {width: 325px;}
#qualifica {
    width: 325px;
    height: 200px;
}

/* Personalizzazione campi form home operatore */
#evento_cerca_light_titolo {width: 325px;}
#autocomplete_evento_cerca_light_id_comune_svolgimento, #evento_cerca_light_cod_acc_regione, #evento_cerca_light_stato {width: 205px; }

/*Personalizzazione campi form gestione iscrizioni */
#filtra_iscrizioni_cognome, #filtra_iscrizioni_nome, #filtra_iscrizioni_id_professione, #filtra_iscrizioni_id_qualifica, #autocomplete_filtra_iscrizioni_id_operatore_iscrizione, #filtra_iscrizioni_ente_operatore {width: 250px; }
#filtra_iscrizioni_stato_approvazione, #filtra_iscrizioni_id_ente_collab {width: 250px !important; }

/* Personalizzazione campi form plug-in bollettino postale */
#config_modulo_istruzioni, #cke_config_modulo_istruzioni {width:400px !important;}
#config_modulo_messaggio_iscrizione_completata {width:400px !important; resize: none}

/* Personalizzazione campo form sessione e sottosessione programma */
#sottosessione_titolo, #sottosessione_descrizione_attivita, #sottosessione_id_metodo_didattico, #sottosessione_id_tipologia_evento {width: 330px; }

/* Personalizzazione campi import test */
#modulo_file_nome_file{ width: 260px; }
#modulo_file_nome_documento{ width: 260px; }
#modulo_file_is_privato{ width: 260px; }
#modulo_file_descrizione{ width: 260px; resize: none; }

/* Label di formattazione nel pannello di gestione del Piano Formativo Annuale */
#pf_colonna_conteggi{width: 130px;}
#pf_colonna_concluso{width: 65px;}
#pf_colonna_dichiarato_pfa{width: 65px;}
#pf_label_percentuale_eventi_svolti, #pf_label_percentuale_bilancio {font-size: 16px; font-weight: bold;}
.label_conteggi_pf{display: block; width: 80px; float: left;}
.conteggio_pf{display: block; width: 40px; float: left; text-align: right;}
#pf_colonna_conteggi_bilancio{width: 180px;}
.conteggio_bilancio_pf{display: block; width: 90px; float: left; text-align: right;}

/* personalizzazione campi form corpo docente */
#docente_cerca_nome {width: 350px;}
#docente_cerca_cognome {width: 350px;}
#docente_cerca_ruolo {width: 350px;}

/*Stili pulsanti log center  -------------------------------------------------- */
.pulstante_log {
    border: 3px solid #d6d6d6;
    background: #eaeaea; /* Old browsers */
    background: -moz-linear-gradient(top,  #eaeaea 0%, #d6d6d6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(100%,#d6d6d6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #eaeaea 0%,#d6d6d6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #eaeaea 0%,#d6d6d6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #eaeaea 0%,#d6d6d6 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #eaeaea 0%,#d6d6d6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#d6d6d6',GradientType=0 ); /* IE6-8 */
    border-radius: 15px;
    height: 4em;
    width: 20em;
}

.pulstante_log:hover{
    border: 3px solid #eaeaea;
    background: #d6d6d6; /* Old browsers */background: -moz-linear-gradient(top,  #d6d6d6 0%, #c9c9c9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6d6d6), color-stop(100%,#c9c9c9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #d6d6d6 0%,#c9c9c9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #d6d6d6 0%,#c9c9c9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #d6d6d6 0%,#c9c9c9 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #d6d6d6 0%,#c9c9c9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#c9c9c9',GradientType=0 ); /* IE6-8 */

    -webkit-transition: all 3s linear;
    -moz-transition: all 3s linear;
    -ms-transition: all 3s linear;
    -o-transition: all 3s linear;
    transition: all 3s linear; 
}

.pulstante_log a {
    color: #327097;
    display: block;
    font-size: 18px;
    padding: 15px 18px;
    text-decoration: none;
}

.pulstante_log a img {
    padding-right: 5px;
}

/* visibiltà per print screen -------------------------------------------------------------------- */
#print_visible_h1{ visibility: visible;}
#print_visible_div{ visibility: visible;}

/* Definisco gli stile per il plugin textareacounter -------------------------- */
.originalTextareaInfo {
    margin-top: 3px;
    color: #099900;
    font-family: Tahoma,sans-serif;
    font-size: 12px;
    margin-left: 10px;
    text-align: left;
}

.warningTextareaInfo {
    margin-top: 3px;
    font-size: 12px;
    color: #FF0000;
    font-family: Tahoma, sans-serif;
    margin-left: 10px;
    text-align: left;
}

/* Share popup */

#share_popup{
    min-width: 225px;
}

#configurazione_modulo_blocco_dx h3, #configurazione_modulo_blocco_sx h3{
    width: 98%;
}

.legenda_utenti_no_ecm{
    background-color: #ffffc4;
    width: 20px;
    height: 20px;
    border: 1px solid #aaaaaa;
}

.legenda_utenti_overbooking{
    background-color: #bfdbf7;
    width: 20px;
    height: 20px;
    border: 1px solid #aaaaaa;
}

/* Moduli evento blended */

#modulo_evento_tipologia_evento{
    width: 300px;
}

/* Gestione iscrizioni */
.annotazioni {
    width: auto !important;
}

.annotazioni_utente {
    width: 250px !important;
    height: 90px !important;
}

.hide{
    display: none;
}

/* Operatore di sede - Home personale */

.checkbox-th{
    width: 13%;
}

#button_archivia_eventi{
    margin-bottom: 5px;
    margin-left: 85%;
}

/* Personalizzazione campi form di ricerca presenze */
#presenze_custom_nome, #presenze_custom_cognome, #presenze_custom_tipologia_timbratura {width: 300px;}

#presenze_custom_data_timbratura_da_day, #presenze_custom_data_timbratura_a_day{width: 75px;}
#presenze_custom_data_timbratura_da_month, #presenze_custom_data_timbratura_a_month{width: 142px;}
#presenze_custom_data_timbratura_da_year, #presenze_custom_data_timbratura_a_year{width: 75px;}

/* Gestione bordi ------------------------------------------------------------- */
/*
.no_border {border: none !important;}
.no_border_left {border-left: none !important;}
.no_border_top {border-top: none !important;}
.no_border_right {border-right:  none !important;}
.no_border_bottom {border-bottom: none !important;}
*/

/* Gestione margini ----------------------------------------------------------- */
/*.no_margin_top*/
.ecmsuite-accordion-header{
    width: auto !important;
    background: #112a84 none repeat scroll 0 0 !important;
    border: 1px solid #c5c5c5;
    color: #ffffff !important;
    font-weight: normal;
}

.nome_sessione{
    margin-left: 2%;
}

.witdh_50_px {
    width: 50px !important;
}

.witdh_100_px {
    width: 100px !important;
}

.witdh_10x100 {
    width: 10% !important;
}

.witdh_20x100 {
    width: 20% !important;
}

.witdh_25x100 {
    width: 25% !important;
}

.witdh_100x100 {
    width: 100% !important;
}

/* Utility ------------------------- */

.left-align{ text-align: left; float: left; }
.right-align{ text-align: right; float: right; }
.center-align{ text-align: center; }

.valign-wrapper { display: flex; align-items: center; }

.top0{
    margin-top: 0 !important;
}

.top10{
    margin-top: 10px !important;
}

.top20{
    margin-top: 20px !important;
}

.top25{
    margin-top: 25px !important;
}

.top30{
    margin-top: 30px !important;
}

.top35{
    margin-top: 35px !important;
}

.top40{
    margin-top: 40px !important;
}

.bottom10{
    margin-bottom: 10px !important;
}

.bottom20{
    margin-bottom: 20px !important;
}

.bottom25{
    margin-bottom: 25px !important;
}

.bottom30{
    margin-bottom: 30px !important;
}

.bottom35{
    margin-bottom: 35px !important;
}

.bottom40{
    margin-bottom: 40px !important;
}

.bottom50{
    margin-bottom: 50px !important;
}

.bottom100{
    margin-bottom: 100px !important;
}

.left10{
    margin-left: 10px !important;
}

.left20{
    margin-left: 20px !important;
}

.left25{
    margin-left: 25px !important;
}

.left30{
    margin-left: 30px !important;
}

.left40{
    margin-left: 40px !important;
}

.right10{
    margin-right: 10px !important;
}

.right20{
    margin-right: 20px !important;
}

.right25{
    margin-right: 25px !important;
}

.right30{
    margin-right: 30px !important;
}

.right40{
    margin-right: 40px !important;
}

.p-top0{
    padding-top: 0 !important;
}

.p-top10{
    padding-top: 10px !important;
}

.p-top20{
    padding-top: 20px !important;
}

.p-top25{
    padding-top: 25px !important;
}

.p-top30{
    padding-top: 30px !important;
}

.p-top35{
    padding-top: 35px !important;
}

.p-top40{
    padding-top: 40px !important;
}

.p-bottom10{
    padding-bottom: 10px !important;
}

.p-bottom20{
    padding-bottom: 20px !important;
}

.p-bottom25{
    padding-bottom: 25px !important;
}

.p-bottom30{
    padding-bottom: 30px !important;
}

.p-bottom35{
    padding-bottom: 35px !important;
}

.p-bottom40{
    padding-bottom: 40px !important;
}

/* Font size ------------------- */
.font10{font-size: 10px !important;}

.font12{font-size: 12px !important;}

.font13{font-size: 13px !important;}

.font14{font-size: 14px !important;}

.font16{font-size: 16px !important;}

.font18{font-size: 18px !important;}

.font20{font-size: 20px !important;}

.font24{font-size: 24px !important;}

.font30{font-size: 30px !important;}

.font40{font-size: 40px !important;}

.font50{font-size: 50px !important;}

.font55{font-size: 55px !important;}

.font60{font-size: 60px !important;}

.font75{font-size: 75px !important;}

.membri_gruppo_docenti {
    min-height: 500px !important;
}

table td.cell-img-container, table td.cell-img-container .bg-cover {
    width: 80px;
    height: 80px;
}

.bg-cover {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.height-50vh {
    height: 50vh;
}

#mail_cerca_destinatario, #mail_cerca_ignora_invio, #assenze_cerca_nome, #assenze_cerca_cognome {width: 350px;}