@media screen and (min-width: 1199px) { /*DESKTOP*/
  .desktop-menu {
    display:table-cell;
    vertical-align:top;
  }
  .dropdown-menu, .panino-menu {display:none;}

  #middleWrapper.row {
    min-height: 103vh;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  #mySidenav .ui-widget-content {background: #005db8;}
}

@media screen and (max-width: 1198px) { /*TABLET MOBILE*/
  body {
    background-color: #fff;
  }
  .col {
    display: inline;
    float:left;
  }
  .desktop-menu {display:none;}
  .dropdown-menu, .panino-menu {display: inline;}

  #middleWrapper {
    background-color: #ffffff !important;
    margin: 0px;
  }
  #middleWrapper.row {
    display: block !important;
  }
  .col_menusx, .col_content_dx .col_testata, .width_testata, .row {
    width: 100%;
  }
  .col_content_dx {
    width: 90%;
    float: left;
    padding: 25px 0px 5px 20px !important;
  }
  #viewProgramma .col_content_dx {
    width: 90%;
  }
  div#login-nav div#login {
    float: left !important;
  }

  div#login-nav div#login ul {
    float: none !important;
  }
.sidenav {
        height: 100%;
        width: 0;
        position: fixed;
        top: 0;
        left: 0;
        background-color: #011e3a;
        overflow-x: hidden;
        overflow-y: scroll;
        padding-top: 40px;
        transition: 0.5s;
    }

.sidenav a {
        padding-top: 2px;
        text-decoration: none;
        color: #fff;
        display: block;
        transition: 0.3s;
    }

.sidenav a:hover {
        color: #f1f1f1;
    }

.sidenav .closebtn {
        position: absolute;
        /*top: 10px;
        left: 165px;
        font-size: 66px; */
        top: 23px;
        left: 165px;
        font-size: 65px;
        margin-left: 40px;
    }

    #mySidenav .ui-widget-content {
      background: #011f3a;
    }

    .nnavlist li a:after, .nnavlist-amministrazione li a:after, h3.vocelist a:after {
      content: none;
    }

    header#header-top div#siteTestata img {
      max-width: 340px !important;
      padding-left: 50px;
      padding-right: 50px;
    }

    #header-top #login-nav {
      display: none !important;
    }

    div#login-nav {
      background-color: transparent !important;
      float: none !important;
      clear: none !important;
    }
    div#login-nav div#login {
      float:none !important;
    }
    div#login-nav div#login {
      float: none !important;
    }
    div#login-nav div#login ul{
      padding-left: 0px;
      margin-top: 20px;
    }
    div#login-nav div#login ul li {
      padding: 10px 10px 0px 0px !important;
      display: block !important;
    }
    div#login-nav div#login ul#loginOn li:first-child,
    div#login-nav div#login ul#loginOff li {
      font-size:16px;
      width: 100%;
    }
    /*Footer*/
    div#footer {
      height: 160px !important;
      line-height: 45px !important;
      text-align:center !important;
    }
    div#footer .privacy, div#footer .collaborazione {
      float:none !important;
    }
    .ui-tabs .ui-tabs-nav li a {
      font-size: 11px;
    }
    div#footer .privacy a:after {
      display: none;
    }
    div#contentStatic h2.title-section {
      margin:0px ;
    }

    /*FORM*/

    select, input.txtBox, input[type=text] {
      width: 90%;
    }
    select#filtroKeyword {
      width:98%;
    }

    div.form-panel label {
      width:100% !important;
    }

    div#sezione_keywords .riga_tabella .col_1_2,
    div#sezione_finanziamenti .riga_tabella .col_1_2 {
      width: 98%;
      padding-right: 2%;
    }

    /*REGISTRAZIONE UTENTE*/
    #registrazioneUtente .col_content_dx {
      width: 88%;
    }

    #trattamento .input-row span {
      display: block;
      float:  none !important;
    }
    #trattamento .input-row span label{
      margin-right: 20px;
    }

    /*BANDI*/
    div.lista-row-front div.data-list {font-size: 12px;}
    #bandi-tabs .lista-row-front .img{
      display: none;
    }
    #ricercaBandi .field select { min-width: 310px; }  /*select in bandi*/
    #ricercaBandi input#termineNews { min-width: 288px; }  /*select in bandi*/
    #bandiViews td.data-list {
        float:none;
    }
    #listaEvento div.lista-row-front div.content_2col {
    width: 76%;
    }
    .content_4col h4, .content_1col h4, .content_2col h4, .content_5col h4 {
      margin-bottom: 10px;
      font-size: 15px;
    }
    /*Eventi*/
    div.search-mask .mask-3 {
      width: 100%;
    }
    #listaEvento div.lista-row-front {
        height: auto;
        width: 100%;
    }
    /*News*/
    #testataNews, div#contenutoNews {
      width:95%;
    }
    #controlliNews,div#controlliNews div.buttonNews {
      float: left !important;
    }
    #testoNews img {
      float:none;
      display: block;
      margin: 0 auto;
    }
    /*#fonteNews {
      display: block;
    }*/
    /*Programma*/
    #bandiAperti .lista-row-front div.lista-row-front div.content_4col {
      width:98%;
    }
    /*My first*/
    #myFirst-content div.lista-row-front div.content_2col {
      width:100% !important;
    }
    /*MySaved*/
    table.lista-row-saved .azioni ul li input{
      margin-bottom: 15px;
    }
    /*Focus*/
    div.lista-row-front div.content_2col {
      /* width: 98%; */
      width: 75% !important;
    font-size: 13px;
    }
    #focus-content div .title-icon div.icon {
      display: none !important;
    }
    section#staticFocus-content table.focus {
        font-size: 11px;
    }
    /*Amministrazione*/

    #titolo, #lista {font-size: 12px;}

    div.contenuti ol.statusNews li {
      padding: 7px 0 3px 30px !important;
      display: inline;
    }

    .col_contentForm,
    .width_contentForm {
      border-top: 2px solid #005bb8;
      padding-top: 15px;
      border-left: 0px;
      padding-left: 0px;
    }

    /*Gestione News*/
    div.selezione {
      width: 10% !important;
    }

    div.id #utente {
      display: block !important;
    }

    div.id {
      float: left !important;
      width: 81% !important;
    }

    div.controlli {
        float: left !important;
        width: 97% !important;
        text-align: left !important;
        padding: 1% 1% 4% 3%;
    }

    div.controlli ul li {
        display: inline !important;
    }

    div.amministrazione div.filtroNews select {
      width: 98% !important;
      display: block ;
    }

    /*Creazione news*/
    .col_menuForm, .width_menuForm,
    .col_contentForm, .width_contentForm {
    width: 98% !important;
    min-width: 0px;
    }

    div.editNews select,
    input#numFonte,
    input#dataFonte,
    textarea {
      width:90% !important;
    }

    div.editNews ol li {
      display: block !important;
    }

    /*Lista programmi*/
    .programma-content div.controlli {
      float: left;
      width: 100%;
      text-align: left;
    }
    #programmi #tabs .riga_tabella .col_1_3 {
      width:48%;
    }
    #dataInizio, #annoInizio,
    #dataFine, #annoFine {
      display: block;
    }
    /*Gestione Utente*/
    #listaUtente div.ente ul li,
    #listaUtente div.id li#id,
    #listaUtente div.id li#username,
    #listaUtente div.id li#mail{
      display: block;
    }
    div.amministrazione div#listaUtente.content {
      width: 98%;
    }

    /*Gestione Tag*/
    .gestione-tag div.titoloID, .gestione-tag div.id { width:5% !important; }
    .gestione-tag div.titoloDescr, .gestione-tag div.contenuti { width:26% !important; }
    .gestione-tag div.titoloDescrEstesa, .gestione-tag div.descrEstesa { width:20% !important; }
    .gestione-tag div.titoloOrdine, .gestione-tag div.ordine { width:10% !important; }
    .gestione-tag div.titoloGruppo, .gestione-tag div.gruppo { width:17% !important; }
    .gestione-tag div.titoloEdit, .gestione-tag div.controlli { width:10% !important; }

    /*Gestione Fonte*/
    .gestione-fonte div.titoloID, #lista.gestione-fonte div.id { width:5% !important; }
    .gestione-fonte div.titoloGruppo, #lista.gestione-fonte div.gruppo { width:15% !important; }
    .gestione-fonte div.titoloDescr, #lista.gestione-fonte div.contenuti { width:35% !important; }
    .gestione-fonte div.titoloEdit, #lista.gestione-fonte div.controlli { width:20% !important; }

    /*Gestione Keyword*/
    .gestione-key div.titoloID, #lista.gestione-key div.id { width:5% !important; }
    .gestione-key div.titoloOwner, #lista.gestione-key div.owner { width:17% !important; }
    .gestione-key div.titoloDataScadenza, #lista.gestione-key div.dataScadenza { width:13% !important; }
    .gestione-key div.titoloDescr, #lista.gestione-key div.contenuti { width:30% !important; }
    .gestione-key div.titoloEdit, #lista.gestione-key div.controlli { width:5% !important; }

} /*FINE MOBILE / TABLET*/

/*Solo Mobile*/
@media (max-width: 767px) {



header#header-top div#siteTestata img {
    max-width: 170px !important;
    padding-left: 50px;
    padding-right: 50px;
    }




  #riga div.contenuti ol.statusNews li {
      display: block;
    }
section.info-news table tr td.listaNews {
  display: block;
  width: 100% !important;
}
section.info-news table tr td.etichetta {
    width: 95% !important;
    display: block;
    }

/*My first*/

#myFirst-content div.lista-row-front div.img {
    width: 16%;

}

#myFirst-content div.lista-row-front div.content_2col {
    width:80% !important;
    }

#myFirst-content div.lista-row-front select {
    width: 60% !important;
}

/*Bandi*/
#bandi-tabs .lista-row-front .content_5col {
    width: 100%;
    float: left;
}
#bandi-tabs .lista-row-front .topic {
  width: 52%;
  float: left;
}
#bandi-tabs #bandi-aperti .lista-row-front .topic,
#bandi-tabs #bandi-sempre-aperti .lista-row-front .topic {
    width: 70%;
    float: left;
}
#bandi-tabs .lista-row-front .data-list {
  width: 22%;
  float: left;
}
#bandi-tabs .lista-row-front p.scadenza {
    font-size: 12px !important;
}
.ui-tabs .ui-tabs-panel {
  padding: 10px 5px 10px 5px;
}

#scadenze div.lista-row-front div.content_4col,
#scadenze div.lista-row-front div.content_5col {
    width:97%;
}
#viewProgramma #scadenze div.lista-row-front div.programma {
    width: 51%;
    font-size:10px;
    }

#viewProgramma #scadenze .accordion .data-list {
    float: left;
    width: 20%;
    font-size:10px;
    }

#focus-tabs div.lista-row-front div.content_2col {
  width:97% !important;
}

/*Focus*/
/* modifica SB 29.11.18 */
#staticFocus-content img{
  float:none !important;
  display: block !important;
  width:100%;
  height: auto;
}

.lista-row-front span.abstract  {
    display: none !important;
    }


#focus-content #scadenze div.lista-row-front .programma {
    float: left;
    width: 51%;
    font-size:10px;
    }

#focus-content #scadenze div.lista-row-front div.data-list {
    width: 17%;
    float: left;
    text-align: right;
    font-size:10px;
    margin-left: 13px;
    }

p.scadenza {
    margin-top: 0;
    margin-bottom: 0px;
}


/* fine modifica SB */





}
/*Solo tablet*/
@media screen and (min-width: 768px) and (max-width: 1198px) {
  #listaUtente #riga div.id {
    width: 35% !important;
  }
  #listaUtente #riga div.controlli {
    width: 15% !important;
  }
  #listaUtente #riga div.ente {
    width: 40%;
  }

}