/* INIZIO nascondo box filtro PROGRAMMA ed intestazione filtro SOTTOPROGRAMMA */
h1,h2,h3,h4,h5,h6, .csc-header{
    text-align:left;
}

form#form_programma {
    display: none;
}

button#sottoprogramma_button_toggle {
    display: none;
}
/* FINE nascondo box filtro PROGRAMMA ed intestazione filtro SOTTOPROGRAMMA */



.content_tema_dip
{
    padding-left: 35px;
}

.num_displayed, .num_risultati {
    color: #547ab0;
    font-size: 2.5rem;
}

h3#numero_risultati {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}

.link_dipartimento {
    text-decoration: none;
    color: #547ab0;
    font-size: 1.1rem;
}

.contenitore_programma h3 {
    margin:0;
    /* clear: both; */
}

span.acronimo_programma {
    display:inline-block;
    width: 15%;
    margin-left:2rem;
}

span.nome_programma {
    display:inline-block;
    /* padding-bottom: 5px; */
    /* width: 60%; */
}

span.nome_programma:hover {
    background-color: #547ab0;
    color: white;
}

span.ruolo_polimi {
    /* float:right; */
    display:inline-block;
    background-color: #547ab0;
    color: white;
    padding:.5rem 1rem;
    /* width: 20%; */
    text-align: center;
    margin-left: 1rem;
}

.btn_annulla {
    display:inline-block;
    background-image: url(/fileadmin/include/ricerca/immagini/X.svg);
    background-size:1.1rem;
    background-repeat: no-repeat;
    background-position:center center;
    height: 20px;
    width: 20px;
}

.btn_annulla:hover {
    background-image: url(/fileadmin/include/ricerca/immagini/X_white.svg);
    background-color:#758c9b;
}


/* INIZIO stili intestazione dipartimento e relativo link */
h4 {
    display: inline;
}

a.link_dipart {
    float: right;
}

.header_dipart {
    border-bottom: 1px dotted;
}

#contenuti .link_dipart {
    text-decoration: none;
}

.contenitore_programma h3 img {
    padding-right: 0.5rem;
}

/* FINE stili intestazione dipartimento e relativo link */


/* INIZIO stili box messaggio filtro dipartimento */

div#msg_filtro {
    border: 1px solid;
    padding-left: 15px;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-bottom: 15px;
    margin-top: 1rem;
    border: 1px solid #333;
    clear:both;
}


#msg_filtro h3 {
    display: inline;
}

h3 strong {
    color: #547ab0;
}

#msg_filtro p {
    display: inline;
    padding-right: 1rem;
}

div#msg_filtro button {
    margin-left: 10px;
}

/*
form#reset_programma, form#reset_sottoprogramma {
display: inline;
}
*/

p#filtro_dip {
    margin-top: 0px;
}

/* FINE stili box messaggio filtro dipartimento */

ul#programma{
    list-style-type:none;
    padding-left:0;
}

ul#programma li
{
    margin-bottom:0;
    border-bottom:1px dotted #333;
    padding:.5rem;
    position:relative;
}

ul#programma li:before {
    font-family: 'FontAwesome', sans-serif;
    content: "\f054";
    margin-right: 1rem;
    position:absolute;
    bottom:.8rem;
}

ul#programma li a
{
    display:inline-block;
    padding:.5rem;
    text-decoration: none;
    color: #547ab0;
    font-weight: bold;
}

ul#programma li a:hover {
    color: white;
}

span.highlight {
    background-color: yellow;
}


/* INIZIO filtro stile MASTER */

.filtri_programma {
    /* width: 49%; */
    width: 100%;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

#programma_button_toggle, #sottoprogramma_button_toggle, #ruolo_button_toggle, #ruolo_button_toggle
{
    background-position: 99% center;
    background-repeat: no-repeat;
    width: 100%;
    margin-right: 1%;
    text-align: left;
    border: 1px solid #333;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    height:2.5rem;
}

.button_dip_lista_dip_closed {
    background-image: url('/fileadmin/include/ricerca/immagini/freccia_accordion_UP_White.svg');
    background-color: transparent;
}

.button_dip_lista_dip_closed:hover {
    background-color: #547ab0;
}

.button_programma_lista_opened{
    background-color: #888;
    background-image: url('/fileadmin/include/ricerca/immagini/freccia_accordion_DOWN_WHITE.svg');
}

.button_programma_lista_opened:hover {
    background-color: #547ab0;
    background-image: url('/fileadmin/include/ricerca/immagini/freccia_accordion_DOWN_WHITE.svg');
}

.programma_title_closed:hover {
    color:white;
}

.programma_title_opened:hover {
    color:white;
}



ul#collapse_programma, ul#collapse_ruolo, ul#collapse_ruolo {
    top: 36px;
    /* width: 204%; */
    width: 100%;
    background-color: #e9e9e9;
    text-align: left;
    margin: 0;
    padding: 0;
    display: table;
    list-style: none;
    float:left;
    padding-bottom: 10px;
    padding-top: 7px;
    margin-bottom: 1.5rem;
}



ul#collapse_sottoprogramma {
    top: 36px;
    width: 100%;
    text-align: left;
    margin: 0;
    padding: 0;
    display: table;
    list-style: none;
    float: left;
    padding-bottom: 10px;
    padding-top: 7px;
    margin-bottom: 1.5rem;
}



ul#collapse_programma li, ul#collapse_ruolo li, ul#collapse_ruolo li
{
    display: inline-block;
    background-image: none;
    text-transform: uppercase;
    padding: 0 10px;
}

ul#collapse_sottoprogramma li {
    background-image: none;
    text-transform: uppercase;
    border: 1px solid #758c9b;
    margin-bottom: 1rem;
}

ul#collapse_sottoprogramma li a{
    display:block;
    padding: .5rem .5rem;
    text-decoration: none;
    color:#333;
    font-weight:bold;
}

ul#collapse_sottoprogramma li a:hover{
    color:#fff;
}

ul#collapse_sottoprogramma li a:before {
    font-family: 'FontAwesome', sans-serif;
    content: "\f054";
    margin-right: 1rem;
}

ul#collapse_ruolo li a, ul#collapse_ruolo li a {
    display: inline-block;
    width: auto;
    color: #333;
    text-decoration: underline;
    /* font-size: 1.2rem; */
    padding: .44rem;
    text-decoration:none;
}

ul#collapse_ruolo li a:hover, ul#collapse_ruolo li a:hover{
    background-color:#758c9b;
}

ul#collapse_ruolo li a:hover, ul#collapse_ruolo li a:hover{
    color:#fff;
}

h3.programma_title_opened,h3.programma_title_closed{
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0.5rem;
    font-size:1.5rem;
}

[type="button"]:hover{
    background-color:#547ab0;
}
[type="button"]:hover h3, [type="button"].button_programma_lista_closed h3{
    color:#fff;
}

/* filtro Search As You Type */

div#searchAYT {
    float: right;
    border: 1px solid #888;
    margin-top: 0;
    margin-bottom: 0;
    /*
    padding-top: .5rem;
    padding-bottom: .5rem;
    */
    width: 49%;
}

input#search_input {
    /*font-family: 'Yanone Kaffeesatz', 'Trebuchet MS', Arial, sans-serif;*/
    font-size: 1.2rem;
    border: none;
    /*
    padding-top: 3px;
    padding-bottom: 3px;

    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    */
    padding-left: 0.5rem;

    width: 85%;
}

button#reset_search {
    float: right;
    margin-top: 0.1rem;
}

/* FINE filtro dipartimento stile MASTER */

/* INIZIO pulsanti HIDE ALL / SHOW ALL */

div#contenitore_hideshow {
    width: 49%;
}

div#contenitore_hideshow button
{
    /*font-family: 'Yanone Kaffeesatz', 'Trebuchet MS', Arial, sans-serif;*/
    font-size: 1.2rem;
    color: white;
    width: 45%;
}

button#show {
    background-color: #547ab0;
    float: right;
}

button#hide {
    background-color: #888;
}

/* FINE pulsanti HIDE ALL / SHOW ALL */

span.evidenzia {
    background-color: yellow;
}

#cerca_nome{
    text-align:center;
}

#cerca_nome input[name='sel_search_name']{
    border:1px solid #e9e9e9;
    padding:.5rem;
    width:100%;
}

#cerca_nome [type='submit']{
    background-color: #758c9b;
    color:#fff;
    width:100%;
    padding:.5rem;
    margin:1rem auto;
}

@media (min-width:768px){

    #programma_button_toggle, #sottoprogramma_button_toggle, #ruolo_button_toggle, #ruolo_button_toggle {
        width: 49%;
    }

    div#cerca_per_nome {
        float:right;
    }

    #cerca_nome input[name='sel_search_name']{
        width:unset;
        padding:.2rem;
    }

    #cerca_nome [type='submit']{
        width:unset;
        margin: 0 auto;
        padding:.2rem .5rem;
        border:unset;
    }

}

@media (min-width:1024px){

    span.nome_programma {
        width: 60%;
    }

    span.acronimo_programma{
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }

    span.ruolo_polimi{
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
        width:20%;
    }
}