@import url("https://fonts.googleapis.com/css?family=Raleway:400,600,700");

/* TAG STANDARD */

body{
    margin: 0;
    padding: 0;
    border: 0;
    background-color: #eeeeee;
    text-align: left;
    color: #333;
    font-family: Arial, sans-serif;
    font-size: 13px;
    line-height: 20px;

    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

h1, h2, h3, h4{
    margin-top: 8px;
    margin-bottom: 8px;
    font-weight: 600;
}

h1{
    font-size: 15px;
    width: 100%;
    border-bottom: 1px solid #ddd;
    font-family: Raleway, sans-serif;
    font-size: 17px;
    line-height: 30px;
}

.no_margin_top{
    margin-top: 0px;
}

h1.no_margin_top_bottom{
    margin-top: 0px;
    margin-bottom: 0px;
}

h2{
    font-size: 15px;
    font-family: Raleway, sans-serif;
    border-bottom: 1px dotted #ddd;
    line-height: 25px;
}

h3{
    font-size: 15px;
    font-family: Raleway, sans-serif;
    border-bottom: 1px solid #ddd;
    line-height: 25px;
}

h4{
    font-size: 13px;
    font-family: Raleway, sans-serif;
}

h1 img, h3 img{
    vertical-align: text-top;
}

abbr{
    cursor:help;
}

ul li{
    list-style-image: url("img/elemento_lista.gif");
}

ol li{
    list-style-type: decimal !important;
}

a img{
    border: none;
    text-decoration: none;
}

img{
    vertical-align: middle;
}

a{
    text-decoration: none;
    color: #2468b6;
    outline: none;
}

a.collegamento_th{
    text-decoration: none;
    color: #fff;
}

a:HOVER{
    text-decoration: underline;
}


hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ccc;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px;
}

input, select, textarea{
    color: #333;
    font-size: 12px;
    font-family: Arial, sans-serif;
}

button{
    text-shadow:0 -1px 0 #12455F;
    font-size: 12px;
    font-family: Arial, sans-serif;
    cursor: pointer;
    color: #333;
}

button:focus,
button:active,
input:focus,
input:active,
select:focus,
select:active,
textarea:focus,
textarea:active {
	-moz-box-shadow: #06f 0 0 7px;
	-webkit-box-shadow: #06f 0 0 7px;
	box-shadow: #06f 0 0 7px;
        background-color: #E2F3FF !important;

	/* for Opera */
	z-index: 1;
}

/* STRUTTURA */

#page{
    width: 100%;
    background: #fff;

    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

#container{
    width: 80%;
    margin: 0 auto 0 auto;
    position: relative;
}

@media only screen and (max-width: 992px){
    #container{
        width: 100%;
    }
}

#header{
    width: 100%;
    height: 152px;
    position: relative;
    background: transparent url('img/header.png') top left no-repeat;
}

#info_provider{
    margin: 0px;
    float: left;
    width: 335px;
    /*margin-top: 80px;*/
    margin-top: 65px;
    /*margin-left: 48px;*/
    margin-left: 140px;
    color: #fff;
    /*font-size: 13px;*/
    font-size: 12px;
    /*background-color: green;*/
}

#info_provider a{
    color: #fff;
    text-decoration: underline;
}

#info_provider a:hover{
    color: #fff;
}

#logo{
    display: none;
}

#headerHome{float: right; display: inline;}
#headerHomeMenu{display: inline;}
#headerAccount{float: left; display: inline;}
#haderAccountMenu{display: inline;}

.barra_veloce{
    text-align: right;
    background-color: #EEEEEE;
    padding: 5px;
    margin-top: 0px;
    margin-bottom: 5px;
}

.barra_x{
    margin-top: 10px;
    margin-left: 150px;
}

ul.radio_list input{
    border: 0px;
}

#nastro{
    height: 97px;
    position: absolute;
    top: 0;
    left: 12%;
    z-index: 9;
    /*background: transparent url('img/main_menu.png') top left no-repeat;*/
    /*background-color: orange;*/
}

#nastro img{
    vertical-align: middle;
}

@media screen and (max-width: 992px) {
    #nastro {
        width: 100%;
        left: 0;
    }
}


/* Public menu -------------------------------------------------------------- */
ul.public_menu{
    margin: 0;
    border: 0;
    padding: 0 0 0 10px;
    clear: both;
    font-family: Raleway, sans-serif;
    text-shadow: 0 1px #fff;
    font-size: 15px;
}

ul.public_menu > li{
    position: relative;
    display: block;
    height: 60px;
    float: left;
    margin-left: 12px;
    padding-left: 12px;
    padding-top: 37px;
    border-left: 1px solid #dddddd;
}

ul.public_menu > li:first-child{
    margin-left: 0;
    border: none;
}

ul.public_menu li a{
    position: relative;
    display: block;
    color: #000;
}

ul.public_menu li a:hover{
    color: #2468b6;
    text-decoration: none;
}

ul.public_menu li a.sf-with-ul:after{
    border-top-color: rgba(0, 0, 0, 0.5)
}

ul.public_menu li a.sf-with-ul:focus:after, ul.public_menu li:hover a.sf-with-ul:after, ul.public_menu li.sfHover .sf-with-ul:after{
    border-top-color:#000;
}

ul.public_menu li ul{
    position: absolute;
    left: 0;
    width: 100%;
    padding: 0;
    text-align: left;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow:    0px 5px 5px 0px rgba(50, 50, 50, 0.4);
    box-shadow:         0px 5px 5px 0px rgba(50, 50, 50, 0.4);
    z-index: 9;
}

ul.public_menu li ul li{
    display: block;
    margin: 0;
    padding: 10px;
    float: none;
    background-image: none;
    background-color: #ffffff;
    border-bottom: 1px solid #EBEBEB;
}

ul.public_menu li ul li:last-child{
    border-bottom: none;
}

@media screen and (max-width: 992px) {
    ul.public_menu {
        position: relative;
        width: 100%;
        padding: 0;
        margin: 0;
    }

    ul.public_menu li {
        display: none;
        padding: 10px;
    }

    ul.public_menu li.mobile-menu {
        float: right;
        display: block !important;
        position: absolute;
        top: 2.5rem;
        right: 2rem;
        border: 0;
        text-align: right;
    }

    ul.public_menu.open{
        z-index: 1000;
    }

    ul.public_menu.open li {
        float: none;
        display: block;
        height: auto;
        text-align: left;
        background-color: #fff;
        border: 0;
        margin: 0;
    }

    ul.public_menu.open > li:first-child{
        padding-top: 120px;
    }

    ul.public_menu li.mobile-menu a.toggle-button{
        font-size: 1.5em;
        text-align: right;
        width: 90%;
    }

    ul.public_menu.open li:not(.mobile-menu){
        border-bottom: 1px solid #eee;
    }
}

#corpo{
    width: 100%;
    padding: 50px 0 30px 0;
    margin: 0 auto;
}

#footer{
    width: 100%;
    background: #eeeeee;
    border-top: 1px solid #aaaaaa;
    padding-top: 30px;
    text-shadow: 0 1px #fff;
}

#footer_container{
    width: 80%;
    margin: 0 auto 0 auto;
    color: #444444;
}

.footer_dx{
    width: 39%;
}
.footer_sx{
    width: 59%;
}

#footer a{
    color: #494949;
    text-decoration: underline;
}

#info_copy{
    margin-top: 5px;
    text-align: center;
}

#info_copy p{
    margin: 0px;
    margin-bottom: 5px;
    padding: 0px;
}

/* COMMONS */

img.miniatura_articolo{ border: 1px solid #ccc; }
img.miniatura_articolo_in_corpo{
    float: left;
    margin-right: 5px;
    border: 1px solid #ccc;
}

#menu_utente li img, .barra_veloce img, p.info img{
    vertical-align: text-top;
}

.testo_dx{ text-align: right}
.testo_sx{ text-align: left }
.testo_centrale{ text-align: center;}

.titolo_evento, .testo_grassetto{ font-weight:bold; }
.testo_barrato{ text-decoration: line-through;}
.testo_corsivo{
    font-style: italic;
    font-weight: normal;
}

.testo_evidenziato{
    color: #FF883B;
    font-weight: bold;
}

.testo_warning{
    color: #EF595F;
    font-weight: bold;
    cursor: help;
}

.testo_rosso{
    color: #EF595F;
    font-weight: bold;
}

.testo_verde{
    color: #3AAF00;
    font-weight: bold;
}

.testo_arancio{
    color: #DF9C29;
    font-weight: bold;
}

.testo_arancio_scuro{
    color: #EF671D;
    font-weight: bold;
}

.testo_grigio{ color: #AAA; }
.testo_grigio_intenso{ color: #999; }
.testo_grigio_intenso2{ color: #777; }
.testo_inattivo{
    color: #AAA;
    font-weight: bold;
}

.testo_azzurro{
    color: #2ba3d5;
    font-weight: bold;
}

.testo_blu{
    color: #1F73BF;
    font-weight: bold;
}

.totale{
    color: #2ba3d5;
    font-style: italic;
    font-weight: bold;
    background-image: url(img/sfondo_menu.jpg);
    background-repeat: repeat-x;
    background-position: top;
}

/* TABELLA FORM */

.tabella_form{
    font-size: 13px;
    font-family: Arial, sans-serif;
}

.tabella_form td{
    padding: 4px 0px 4px 8px;
}

.tabella_form th, .tabella_form td{
    text-align: left;
}

.tabella_form textarea#curriculum_vitae_attivita_scientifiche, #curriculum_vitae_pubblicazioni{
    width: 310px;
}

.tabella_form td span.testo_spaziato{
    padding-left: 8px;
}

.tabella_form input, .tabella_form select, .tabella_form textarea, .tabella_form button{
    margin-left: 8px;
    width: auto;
}

td ul.radio_list li, .tabella_form td ul.radio_list li, .tabella_dati li, ul.radio_list li, ul.checkbox_list li, ul#albero li{
    list-style: none;
    list-style-image: none;
}

ul#albero li img{
    vertical-align: text-top;
}

ul.radio_list li label, ul.checkbox_list li label{
    margin-left: 5px;
}

ul.radio_list, ul.checkbox_list{
    margin: 0px;
    padding: 0px;
}

ul.barra_comandi{
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
    background-color: #f0f0f0;
    padding: 10px 0;
    display: flex;
    align-items: initial;
}

#corpo_dx ul.barra_comandi{
    margin-top: 0px;
}


.barra_comandi li#primo_comando{
    background-repeat: no-repeat;
    background-position: top left;
}

ul.barra_comandi li{
    list-style: none;
    list-style-image: none;
    margin-right: 5px;
    padding: 5px 15px;
    text-align: center;
    width: 125px;
}

ul.barra_comandi li.comando_form{
    min-width: 450px;
    height: 52px;
    border-left: 1px solid #ccc;
    margin-top: 5px;
    padding: 8px 0 0 15px;
}

ul.barra_comandi li.clearer{
    width: 0px;
    height: 0px;
    padding: 0px;
    margin: 0px;
}

ul.barra_comandi li a:HOVER{
    text-decoration: none;
}
/* INIZIO TOGGLE BARRA COMANDI */

h1.no_margin_top_bottom a, h3 a { margin-right:10px; width: 16px; height: 16px; display: block; float: left; }
.ui-icon-circle-giu-mini {width: 16px; height: 16px; background: url("img/giu_mini.gif") no-repeat;}
.ui-icon-circle-su-mini {width: 16px; height: 16px; background: url("img/su_mini.gif") no-repeat;}

/* INIZIO Dropdown menu */

.ui-icon-circle-giu-mini-cmd {width: 16px; height: 16px; background: url("img/giu_mini.gif") no-repeat;}
.ui-icon-circle-su-mini-cmd, .ui-state-active {width: 16px; height: 16px; background: url("img/su_mini.gif") no-repeat;}

.barra_form{
    margin-top: 10px;
    text-align: center;
}

#inserimento_veloce{
    margin-bottom: 15px;
}

#inserimento_veloce .tabella_form{
    width: 100%;
}

#inserimento_veloce .tabella_form input, #inserimento_veloce .tabella_form select{
    margin-left: 0px;
}

.nome_utente_nastro{
    color: #0061c1;
}

.didattica_a, .didattica_b, .didattica_c, #tabella_legenda{
    color: #333333;
}

.didattica_a, .sezione_attivazione{
    background-color: #fdd7d7;
}

.didattica_b, .sezione_accreditamento{
    background-color: #fdedd7;
}

.didattica_c, .sezione_svolgimento{
    background-color: #dbfdd7;
}

.sezione_conclusione{
    background-color: #E2F3FF;
}

.titolo_sezione{
    text-align:center;
    vertical-align:middle;
    border-right:1px solid #CCCCCC;
    width: 200px;
}

.legenda{
    width: 20px;
    height: 20px;
    border: 1px solid #aaaaaa;
}

.legenda_crediti, .legenda_utenti_blocco,
.legenda_iscrizioni_docente, .legenda_risposte,
.legenda_quest_obbligatorio{
    background-color: #fde3b0;
    width: 20px;
    height: 20px;
    border: 1px solid #aaaaaa;
}

.legenda_assegnazione_ok, .legenda_quest_facoltativo{
    background-color: #D5FFCF;
    width: 20px;
    height: 20px;
    border: 1px solid #aaaaaa;
}

.valore_max_gradimento{ background-color: #fde3b0; }

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

.link_spaziato_orizzontale{
    margin-left: 15px;
}

/* Personalizzazione campi form ------------- */
#transazione_pagamento_codice_transazione { width: 150px; }
#voce_menu_nome{ width: 250px; }
#voce_menu_id_pagina, #voce_menu_id_padre { width: 258px;}

#documento_titolo{width: 250px;}
#pdesigner_filtra_articoli{ width: 160px; }

#pagina_web_nome, #pagina_web_titolo {width: 250px;}
#pagina_web_id_layout {width: 258px;}

#recuperoPassword_email{ width: 300px; }

#autodichiarazioni_nome_evento, #autodichiarazioni_nome_richiedente,
#autodichiarazioni_cognome_richiedente{
    width: 250px;
}

#domanda_testo{
    width: 400px;
    height: 100px;
}

#domanda_id_indice_grad, #domanda_etichette_estremi{ width: 408px; }


#input_ricerca_sito{
    width: 170px !important;
    height: 27px !important;
    padding: 5px !important;
    border: 1px solid #bbbbbb;
    background: #fff url('img/search_background.png') top right no-repeat !important;
    position: absolute;
    top: 34px;
    right: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-style: normal;
    background-color: transparent;
    color: #333;
}
#input_ricerca_sito:FOCUS{ background-color: transparent; }

#utente_evento_non_gest_entita{ width: 195px; }
#scelta_evento_non_gest_id_evento_non_gest{ width: 880px; }
#evento_non_gestito_cod_acc_regione{ width: 195px; }
#evento_non_gestito_edizione{ width: 95px; }
#evento_non_gestito_provider,
#autocomplete_evento_non_gestito_id_comune_svolgimento{ width: 300px; }
#evento_non_gestito_tipologia{ width: 782px; }
#evento_non_gestito_titolo{ width: 774px; }

.membri_gruppo_docenti{
    width: 100%;
    height: 300px;
}

.campo_config_modulo{width: 250px !important;}

#gruppo_docenti_nome_gruppo, #gruppo_docenti_descrizione{ width: 250px; }
#evento_cerca_titolo{ width: 650px; }
#evento_cerca_tipologia, #evento_cerca_professione, #evento_cerca_qualifica{
    width: 450px;
}
#evento_cerca_crediti_ecm{ width: 180px; }
#evento_cerca_id_ente_org, #autocomplete_evento_cerca_id_comune_svolgimento{
    width: 250px;
}

#questionario_soglia_superamento, #questionario_perc_malus{ width: 40px; }
#questionario_introduzione, #questionario_nome{ width: 400px; }

#evento_bo_id_bo{ width: 700px; }

#richiesta_aut_evento_feedback, #utente_evento_non_gest_feedback{
    width: 445px;
    height: 90px;
}

#titolo_studio_titolo_qualifica, #titolo_studio_erogatore, #titolo_studio_tipologia,
#esperienza_prof_posizione, #esperienza_prof_attivita, #esperienza_prof_ente_societa{
    width: 300px;
}

#evento_costo_descrizione{
    width: 440px;
    height: 90px;
}

#sezione_articoli_altezza_img, #sezione_articoli_larghezza_img, #sezione_articoli_max_articoli,
#sezione_articoli_limite_taglio, #sezione_articoli_ordine{
    width: 40px;
    text-align: center;
}

#sezione_articoli_nome, #sezione_articoli_shortname_richiamo{
    width: 180px;
}

#sezione_articoli_renderer_class{
    width: 300px;
}

#utente_cerca_nome, #utente_cerca_cognome, #utente_cerca_username, #utente_cerca_email, #utente_cerca_codice_fiscale{
    width: 292px;
}

#utente_cerca_professione, #utente_cerca_qualifica, #utente_cerca_ente,
#utente_cerca_gruppo_docenti, #utente_cerca_tipo_utente{
    width: 300px;
}

#ruoli_id_ruolo { width: 770px; }

#articolo_sezione_id_sezione{
    width: 680px;
}

#articolo_miniatura{
    width: 100px;
}

#credito_ecm_storico_nome_ev, #credito_ecm_storico_nome_prov, #autocomplete_credito_ecm_storico_id_comune{
    width: 250px;
}

#sede_evento_tipo{
    width: 257px;
}
#sede_evento_descrizione, #sede_evento_indirizzo, #autocomplete_sede_evento_comune{
    width: 250px;
}

#utente_nome, #utente_cognome, #autocomplete_utente_comune_nascita, #utente_indirizzo, #autocomplete_utente_comune_residenza,
#utente_ruolo, #utente_username, #utente_email, #utente_ordine_prof, #utente_telefono, #utente_fax, #utente_cellulare,
#autocomplete_utente_provincia_ordine_prof,
#autocomplete_utente_provincia_operativa{
    width: 250px;
}

#utente_profilo_lavorativo, #utente_professione, #utente_ente, #utente_ordine_prof{
    width: 250px;
}

#utente_ordine_professionale_th{ width: 200px;}

#utente_qualifica, #utente_qualifica_amministratore{ width: 250px; }

#utente_codice_fiscale{
    width: 182px;
    text-transform: uppercase;
}

#articolo_titolo, #articolo_sintesi{
    width: 300px;
}


#evento_finanziamento_nome_sponsor{
    width: 400px;
}

#evento_finanziamento_id_finanziamento{
    width: 180px;
}

#evento_finanziamento_percentuale{
    width: 100px;
    text-align: center;
}

#login_username, #login_password{
    width: 170px;
}

#metodo_didattico{
    width: 500px;
}

#evento_didattica_ore_didattica, #evento_didattica_min_didattica{
    width: 35px;
    text-align: center;
}
#qualifica{
    width: 400px;
}

#ente_tipologia{
    width: 238px;
}

#ente_indirizzo_sl, #ente_indirizzo_so, #autocomplete_ente_comune_sl, #autocomplete_ente_comune_so{
    width: 300px;
}

#ente_nome_rs, #ente_web, #ente_email{ width: 230px; }

#ente_nome_referente_form, #ente_cognome_referente_form, #ente_email_referente_form{
    width: 250px;
}
#blocco_organizzativo_nome{
    width:218px;
}

#blocco_organizzativo_id_padre, #blocco_organizzativo_id_padre_2, #blocco_organizzativo_id_padre_3{
    width: 250px;
}

#dati_account_username, #dati_account_email, #dati_account_vecchia_password, #dati_account_nuova_password,
#dati_account_conferma_nuova_password{
    width: 230px;
}

#tirocinio_id_dipartimento, #tirocinio_id_servizio_ufficio, #tirocinio_tipologia{
    width: 220px;
}
#autocomplete_tirocinio_id_comune_svolgimento{
    width: 211px;
}

#categoria_nome{ width: 200px; }
#monitoraggio_blocco{ width: 400px; }
#monitoraggio_anno{ width: 80px; }

#sessione_titolo, #sessione_desc_obiettivi {
    width: 300px;
}

#sessione_desc_obiettivi{ height: 90px; }

#sottosessione_titolo , #sottosessione_descrizione_attivita {
    width: 243px;
}

#sottosessione_id_metodo_didattico{
    width: 250px;
}

#sottosessione_sottosessione_docente_list{
    width: 100%;
    height: 190px;
}

#resp_scientifico_nome, #resp_scientifico_cognome, #resp_scientifico_qualifica, #resp_scientifico_email, #resp_scientifico_competenze_professionali{
    width: 300px;
}

#documento_ente_titolo { width: 350px; }
#evento_collaboratore_id_documento_allegato { width: 400px; }

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

/* Tabella dati ----------------------------- */

table ul{
    margin: 0px;
}

.tabella_dati{
    font-family: Arial, sans-serif;
    font-size: 13px;
    background: white;
    width: 100%;
    overflow: auto;
    border-collapse: collapse;
    text-align: left;
}

.tabella_dati th{
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    padding: 6px;
    background-color: #2873cf;
}

.tabella_dati th a{
    color: #fff;
}

.tabella_dati td{
    border-bottom: 1px solid #ccc;
    padding: 6px;
    vertical-align: top;
}

.tabella_dati td.separatore_laterale_dx{
    border-right: 1px solid #ccc;
}

.tabella_dati td.dati_centro_altezza_centro{
    text-align: center;
    vertical-align: middle;
}
.tabella_dati td.dati_altezza_centro{
    vertical-align: middle;
}

.tabella_dati td img, .tabella_dati2 td img{
    vertical-align: text-top;
}

.tabella_dati tbody tr:hover td{
    background-color: #ffffc4;
}

.tabella_dati tr.no_select:hover td{
    background-color: transparent;
}

.tabella_dati tr.riga_inattiva td{
    color: #aaa;
}

.tabella_dati .pari{
    background-color: #eeeeee;
}

.tabella_dati .crediti_storico{
    background-color: #fdedd7;
}
.tabella_dati .utenteBlocco_direttore{
    background-color: #fdedd7;
}

.tabella_dati .enteSistema_attivo, .tabella_dati .arancio_pallido{
    background-color: #fdedd7;
}
.tabella_dati .attiva{
    background-color: #fde3b0;
    font-weight: bold;
}

.tabella_dati .attiva_ok{
    background-color: #D5FFCF;
    font-weight: bold;
}

.tabella_dati .attiva:HOVER td{
    background-color: #fde3b0;
}

.tabella_dati .assegnazione_ok{
    background-color: #D5FFCF;
}

.tabella_dati .assegnazione_no{
    background-color: #FFDFDF;
}

.tabella_dati ul {
    margin-top: 0px;
    margin-bottom: 2px;
    padding: 0px;
}

.tabella_dati ul li a.action-button{
    text-decoration: none;
    color: #2468b6;
    outline: none;
}

/* Tabella documenti evento ----------------------------- */

.tabella_doc_evento{
    font-family: Arial, sans-serif;
    font-size: 13px;
    background: white;
    width: 100%;
    overflow: auto;
    border-collapse: collapse;
    text-align: left;
}

.tabella_doc_evento th{
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    padding: 6px;
    border-bottom: 2px solid #2ba3d5;
    background-color: #1f739d;
}

.tabella_doc_evento #primo_th{
    background-image: url("img/angolo_tabella_sx.jpg");
    background-position: top left;
    background-repeat: no-repeat;
}

.tabella_doc_evento #ultimo_th{
    background-image: url("img/angolo_tabella_dx.jpg");
    background-position: top right;
    background-repeat: no-repeat;
}

.tabella_doc_evento td{
    border-bottom: 1px solid #ccc;
    padding: 6px;
    vertical-align: top;
}

.tabella_doc_evento td img, .tabella_dati2 td img{
    vertical-align: text-top;
}

.tabella_doc_evento ul {
    margin-top: 0px;
    margin-bottom: 2px;
    padding: 0px;
}

/* Tabella scheda analitica dei costi ------------------------------------------ */

.tabella_dati2{
    font-family: Arial, sans-serif;
    font-size: 13px;
    background: white;
    width: 100%;
    overflow: auto;
    border-collapse: collapse;
    text-align: left;
}

.tabella_dati2 th{
    font-size: 13px;
    font-weight: bold;
    padding: 6px;
    border: 1px solid #ccc;
    background-color: #D8E7EE;
}

.tabella_dati2 td{
    border: 1px solid #ccc;
    padding: 6px;
    vertical-align: top;
}

.tabella_dati2 td.dati_centro_altezza_centro{
    text-align: center;
    vertical-align: middle;
}
.tabella_dati2 td.dati_altezza_centro{
    vertical-align: middle;
}

.tabella_dati2 .pari{
    background-color: #eeeeee;
}

.tabella_dati2 .attiva{
    background-color: #fde3b0;
    font-weight: bold;
    color: #333;
}

.tabella_dati2 td.no_bordo_on_td_attiva{
    border-top: 2px solid transparent;
}

.tabella_dati2 ul {
    margin-top: 0px;
    margin-bottom: 2px;
    padding: 0px;
}

.tabella_dati2 .valoreDocInterno{
    width: 65px;
}

.tabella_dati2 .raggruppamento, .tabella_dati2 .colonne_totali{
    width: 120px;
}

.sottosessione{
    background-color: #E2F3FF;
}
/* Tabella Test di verifica/Questionari Gradimento ----------------------------- */

.tabella_Test{
    font-family: Arial, sans-serif;
    font-size: 13px;
    background: white;
    width: 100%;
    overflow: auto;
    border-collapse: collapse;
    text-align: left;
}

.tabella_Test th{
    font-style: italic;
    color: #1f739d;
    font-size: 13px;
    padding: 6px;
    border-bottom: 1px solid #CCCCCC;
    background-color: #ffffff;
}

.tabella_Test td{
    font-weight: bold;
    border-bottom: 1px solid #CCCCCC;
    padding: 6px;
    vertical-align: top;
}

/* Tabella Domande Test ----------------------------- */

.tabella_domande{
    font-family: Arial, sans-serif;
    font-size: 13px;
    background: white;
    width: 100%;
    overflow: auto;
    border: 1px solid #ccc;
    border-collapse: collapse;
    text-align: left;
    margin-bottom: 15px;
}

.tabella_domande th{
    font-style: italic;
    color: #1f739d;
    font-size: 13px;
    padding: 6px;
    border: 1px dotted #2ba3d5;
    background-color: #E2F3FF;
}

.tabella_domande td{
    padding: 6px;
    vertical-align: top;
}

.tabella_domande td img{
    vertical-align: text-top;
}

/* Tabella Report ----------------------------- */

.tabella_report{
    font-family: Arial, sans-serif;
    font-size: 13px;
    background: white;
    width: 100%;
    overflow: auto;
    border-collapse: collapse;
    border: 2px solid #2ba3d5;
    text-align: center;
}

.tabella_report th{
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    padding: 6px;
    border-bottom: 2px solid #2ba3d5;
    border-right: 2px solid #2ba3d5;
    background-color: #1f739d;
}


.tabella_report td{
    border-bottom: 2px solid #2ba3d5;
    border-right: 1px solid #2ba3d5;
    padding: 6px;
    vertical-align: top;
    background-color: transparent;
}

/* Tabella Report totali----------------------------- */

.tabella_report_totali{
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    background: white;
    width: 100%;
    overflow: auto;
    border-collapse: collapse;
    border: 2px solid #2ba3d5;
    text-align: center;
    background-color: #B3E4FD;
}

.tabella_report_totali th{
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    padding: 6px;
    border-bottom: 2px solid #2ba3d5;
    border-right: 2px solid #2ba3d5;
    background-color: #1f739d;
}


.tabella_report_totali td{
    border-bottom: 2px solid #2ba3d5;
    border-right: 1px solid #2ba3d5;
    padding: 6px;
    vertical-align: top;
    background-color: transparent;
}

.esteso{
    width: 100%;
}

#paginatore{
    text-align: right;
    font-style: italic;
    background-color: transparent;
    background-image: url(img/sfondo_menu.jpg);
    background-repeat: repeat-x;
    background-position: top;
}

#paginatore td{
    border-bottom: none;
}

.tabella_dati tr#paginatore:HOVER td, .tabella_dati .totale:HOVER td{
    background-color: transparent;
}

.dati_centro{
    text-align: center;
}

.dati_dx{
    text-align: right;
}

.dati_centro table{
    margin-left: auto;
    margin-right: auto;
}

.dati_top{
    vertical-align: top;
}

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

.blocco_sx, .blocco_sx_form{
    float: left;
    width: 49%;
}

.blocco_dx, .blocco_dx_form{
    float: left;
    margin-left: 2%;
    width: 49%;
}

#blocco_sx_articolo{
    float: left;
    width: 40%;
}

#blocco_dx_articolo{
    float: left;
    margin-left: 2%;
    width: 58%;
}

.blocco_dx_form li{
    margin-bottom: 3px;
}

.blocco_centrale{
    width: 30%;
    margin-left: auto;
    margin-right: auto;
}

.clearer{ clear: both !important;}

.link {
    font-weight: bold;
    padding: 8px;
}

/* Menù laterali ---------------------------- */

#menu_utente{
    width: 21%;
    float: left;
    margin-right: 1%;
}

#corpo_dx{
    width: 77%;
    float: right;
}

.segnalibro_sx{
    height: 30px;
    width: 200px;
    background-image:url(img/segnalibro_sx.png);
    background-repeat: no-repeat;
    color:#FFF;
    text-shadow: 0px -1px 0px #44235F;
    padding-left: 5px;
    padding-top: 15px;
    font-weight: bold;
    position: relative;
    left: -29px;
    text-align: center;
    /*background-color: green;*/
}

.segnalibro_dx{
    height: 30px;
    width: 200px;
    background-image:url(img/segnalibro_dx.png);
    background-repeat: no-repeat;
    color:#FFF;
    text-shadow: 0px -1px 0px #44235F;
    padding-right: 5px;
    padding-top: 15px;
    font-weight: bold;
    position: relative;
    right: 19px;
    text-align: center;
    /*background-color: green;*/
}

.segnalibro_dx a, .segnalibro_sx a{
    display: block;
    color:#FFF;
    text-shadow: 0px -1px 0px #44235F;
    text-decoration: none;
}

.segnalibro_dx a:hover, .segnalibro_sx a:hover{
    text-decoration: underline;
}

#header_menu_utente{
    height: 25px;
    padding: 10px 0 0 10px;
    line-height: 15px;
    background: #2873cf none top right repeat-x;
    color: #fff;
    font-weight: 600;
    font-family: Raleway, sans-serif;
    text-transform: uppercase;
    font-size: 15px;
    border-radius: 5px;
}

#header_menu_utente a{
    color: #fff;
    display: none;
}

#corpo_menu_utente{
    padding: 5px 0;
    text-align: left;
}

#footer_menu_utente{
    height: 34px;

}

@media only screen and (max-width:994px){
    .side-bar #header_menu_utente a{
        display: block;
        margin-right: 10px;
    }

    .side-bar #corpo_menu_utente{
        display: none;
    }

    .side-bar.open #corpo_menu_utente{
        display: block;
    }
}

#corpo_menu_utente{
    padding: 5px 0;
    text-align: left;
}

#footer_menu_utente{
    height: 34px;
    /*background: #fff url(img/sfondo_fine_blocco_sx.png) top right no-repeat;*/
}
/*---- */

.etichetta_gradimento_min, .etichetta_gradimento_max{
    width: 150px;
    float: left;
    color: #666;
    text-align: center;
}

.casella_gradimento{
    width: 30px;
    float: left;
    text-align: center;
}

.domanda_gradimento{
    padding: 10px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
}

/* AJAX */
.inplaceeditor-form {
    width: 150px;
}

.tabella_dati td.modifica_diretta{
    width: 550px;
}

.tabella_dati td.modifica_diretta .inplaceeditor-form{
    width: 550px;
}

.tabella_dati td.modifica_diretta .inplaceeditor-form .editor_field{
    width: 250px;
}

.tabella_dati td.modifica_diretta .inplaceeditor-form .editor_ok_button,
.tabella_dati td.modifica_diretta .inplaceeditor-form .editor_cancel_link{
    margin-left: 10px;
}

div.tooltip { 
    position: relative; /*questa è fondamentale*/
    z-index: 24;
    color: #333;
    display: inline;
}

div:hover.tooltip{
    z-index: 25;
}

div.tooltip span{
    display: none
}

div:hover.tooltip span{
    /*lo span verrà mostrato solo sullo stato :hover */
    display: block;
    position:absolute;
    top: 2em; 
    left: 2em;
    width: 15em;
    text-align: left;
    font-style: italic;
    padding: 3px 3px 3px 8px;
    border: 1px solid #777777;
    background-color: #FFFFFF;
    background-image: url(img/sfondo_menu.jpg);
    background-position: top;
    background-repeat: repeat-x;
    color:#1F739D;
}

/* Altro -------------------------------------------------------------------- */
#info_credenziali{
    display: none;
}

/*Personalizzazione campi form home operatore, home discente, home docente, home membro comitato scientifico */
#evento_cerca_light_titolo { width: 550px;}
#evento_cerca_light_cod_acc_regione { width: 100px;}

/*Personalizzazione campi form sessione programma, sottosessione programm ----------------------------------- */
#sottosessione_sottosessione_docente_list { height: 325px !important;}
#sessione_titolo, #sessione_desc_obiettivi,
#sottosessione_titolo, #sottosessione_descrizione_attivita, #sottosessione_id_metodo_didattico {width: 500px}

/*Personalizzazione campi form professioni destinate -------------------------------------------------------- */
#qualifica {height: 325px !important;}

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

/* Regole personalizzate per layout responsive */

@media only screen and (max-width:600px){
    #corpo {
        width: 100%;
    }

    input[type="text"]{
        width: 100% !important;
    }

    #codice_fiscale_calcolato input[type="text"]{
        width: 90% !important;
    }

    select{
        width: auto !important;
        max-width: 200px;
    }

    .tabella_dati{
        font-size: 11px;
    }
}

@media only screen and (max-width: 1200px){
    #header{
        width: 150px;
        height: 100px;
        position: relative;
        background: transparent url(img/logo_mobile.png) top left no-repeat;
        top: 1rem;
        left: 1rem;
        z-index: 10;
    }

    #container{
        margin: 0 auto;
        padding: 0;
        position: relative;
    }

    #ricerca_sito{
        display: none;
    }

    iframe{
        width: 100% !important;
    }


}