@charset "utf-8";

/* Global Styles */

html, body {
  height: 100%;
}

  html.wait, html.wait * {
    cursor: wait !important;
  }

body {
  padding-top: 203px;
  background-color: #fff;
  margin: 0;
  background-image: url('img/back.png');
  background-repeat: repeat-y;
  background-position: center center;
  font-family: 'Lato', serif;
  color: #666666;
}

.body-nopadding-top {
  padding-top: 10px !important;
}

/* Evita che quando si aprono le dialog modali di bootstrap vengano rimosse le scroll-bars della pagina causando l'effetto di spostamento laterale f.c. */
.modal-open {
  overflow: auto !important;
}

.div-disabled {
  pointer-events: none;
  opacity: 0.4;
}

.h1, .h2, .h3, h1, h2, h3, h4 {
  font-family: 'Roboto Slab', serif;
  color: #333;
  font-weight: 400;
}

  .h1 a, .h2 a, .h3 a, h1 a, h2 a, h3 a, h4 a {
    color: #2a62be
  }

h2 {
  margin-top: 0;
  font-size: 28px;
}

.grey {
  color: #333333 !important;
}

.dark-grey {
  background-color: #333333;
}

.nomargin {
  margin: 0 !important;
}

.nopadding {
  padding: 0 !important;
}

.nomobile {
  display: block;
}

.clear {
  clear: both;
}

.btn-orange-ft, .btn-orange-ft:hover {
  background-color: #ff9900;
  background-image: url('img/white-arrow-right.png');
  background-repeat: no-repeat;
  color: #fff;
  padding: 6px 25px 6px 12px;
  background-position: right 10px center;
  text-transform: uppercase
}

.btn-orange, .btn-orange:hover {
  background-color: #ff9900;
  background-image: url('img/white-arrow-right.png');
  background-repeat: no-repeat;
  color: #fff;
  padding: 6px 25px 6px 12px;
  background-position: right 10px center;
  margin-left: 80px;
  margin-top: 10px;
}

.btn-green, .btn-green:hover {
  background-color: #669966;
  background-image: url('img/white-arrow-right.png');
  background-repeat: no-repeat;
  color: #fff;
  padding: 6px 25px 6px 12px;
  background-position: right 10px center;
}

.btn-blu, .btn-blu:hover {
  background-color: #2a62be;
  background-image: url('img/white-arrow-right.png');
  background-repeat: no-repeat;
  color: #fff;
  padding: 6px 25px 6px 12px;
  background-position: right 10px center;
}

.btn-dark, .btn-dark:hover {
  background-color: #333333;
  background-image: url('img/white-arrow-right.png');
  background-repeat: no-repeat;
  color: #fff;
  padding: 6px 25px 6px 12px;
  background-position: right 10px center;
  border: 1px solid;
}

.btn-lightcyan {
  color: #313131;
  background-color: #f5faff;
  border-color: #2e6da4;
}

  .btn-lightcyan.lighter {
    border-color: #b7cde0 !important;
  }

.btn-celeste, .btn-celeste:hover {
  background-color: #fff;
  background-image: url('img/blu-arrows-right.png');
  background-repeat: no-repeat;
  color: #fff;
  padding: 6px 25px 6px 12px;
  background-position: right 10px center;
  color: #063768;
}

.btn-login {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.btn-white {
  color: #313131;
  background-color: #FFF;
  border-color: #2e6da4;
}

.btn-border {
  border: 1px solid #aaa !important;
}

.panel-lightcyan {
  background-color: #f5faff !important;
}

.page-header {
  border: 0;
  margin: 20px 0 10px;
  padding-bottom: 9px;
}

.page-header-left {
  border: 0;
  margin: 20px 0 10px 13px;
  padding-bottom: 9px;
}

.nostrong {
  font-weight: normal !important;
}

.img-center {
  margin: 0 auto;
}

.circular {
  background-repeat: no-repeat;
  background-position: 50%;
  border-radius: 50%;
  width: 80px;
  height: 80px;
}

.list-group-item.active, .list-group-item:focus, .list-group-item:hover, .sidebar-sx .list-group-item.active {
  background-color: #337ab7;
  border: 1px solid #ddd;
}

.img-portfolio {
  margin-bottom: 30px;
}

.img-hover:hover {
  opacity: 0.8;
}

/*header*/
.navbar-nav {
  margin-right: -15px !important;
}

.navbar-inverse .navbar-toggle, .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
  background-color: #2a62be;
  border-color: #2a62be;
  margin: 15px 2% 0 12px;
}
/* Gaetano .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #fff; background-color: #003366; }*/
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #4974bb;
}

.navbar-brand > img {
  width: 100%;
  max-width: 354px;
}

.navbar-inverse {
  background-color: #f7f7f7;
}

.navbar-brand {
  height: auto;
  padding-top: 5px;
  padding-bottom: 5px;
}
/* Gaetano .navbar-inverse .navbar-collapse{ background-color: #337bbf; padding: 0 1%;}
.navbar-inverse .navbar-nav>li>a{ 
                     color: #fff;
    padding-left: 8px;
    padding-right: 8px;
}*/

.navbar-inverse .navbar-collapse {
  background-color: #333333;
  padding: 0 0.2% 0 0.2%;
}

.navbar-inverse .navbar-nav > li > a {
  color: #fff;
  padding-left: 10px;
  padding-right: 10px;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
  background-color: #4974bb;
}

.navbar-nav > li > .dropdown-menu {
  background-color: #f5f5f5;
}

.nav {
  font-size: 16px;
}

.dropdown-menu > li > a, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
  color: #2a62be;
}

.search {
  margin: 38px 0 0 0;
}

.lang {
  margin: 15px 0 0 0;
}

.phone {
  font-weight: bold;
  background-image: url('img/phone.png');
  background-repeat: no-repeat;
  padding: 0 0 0 18px;
  font-size: 14px;
  background-position: 0px 1px;
}

/* Gaetano .navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  background-color: #003366 !important; 
}*/

/* Home Page */
.container.slider {
  margin-top: -28px;
}

/*header.carousel {height: 350px;}*/
header.carousel {
  height: 100%;
}
  /* modificato per resize*/

  header.carousel .item,
  header.carousel .item.active,
  header.carousel .carousel-inner {
    height: 100%;
  }

  header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
  }

.carousel-control .icon-prev:before, .carousel-control .icon-next:before {
  content: "";
}

.strip-bottom-slider {
  background-color: #ececec;
  padding: 11px 0 7px 0;
}

  .strip-bottom-slider ul li:first-child img {
    margin: 0px 78px 0 0;
    vertical-align: middle;
  }

  .strip-bottom-slider ul li img {
    margin: 0 2px 0 0;
  }

  .strip-bottom-slider ul li {
    vertical-align: top;
    display: flex;
  }

  .strip-bottom-slider ul li {
    list-style-type: none;
    margin: 0 30px 0 0;
    padding: 0;
    float: left;
  }

.form-signin input[type='text'], .form-signin input[type='password'] {
  width: 35%;
}

.scopri {
  margin-top: 10px;
}

  .scopri h3 {
    font-size: 19px;
    margin-top: 10px;
    margin-bottom: 5px;
  }

.description-home {
  clear: both;
  display: block;
}

  .description-home img {
  }
/*.panel-body{ padding-top:0;}*/
textarea.form-control {
  height: 80px;
}

.form-msg {
  border-style: none;
}

.form-control.output-latex {
  height: 1.5em;
}

.request-info label {
  margin: 9px 0 3px 0;
}

.request-info button {
  float: right;
  margin: 20px 0 0 0;
}

.docenti {
  overflow: hidden;
  margin: 15px 0 20px 0;
}

  .docenti .col-lg-2 {
    padding: 28px 0 0 0;
  }

.link-arrow {
  background-image: url('img/blu-arrows-right.png');
  background-repeat: no-repeat;
  color: #fff;
  padding: 6px 25px 6px 12px;
  background-position: right 10px center;
  color: #2a62be;
}

.circle-mask {
  background-image: url('img/circle-mask.png');
  background-repeat: no-repeat;
  width: 81px;
  height: 81px;
  position: absolute;
  margin: 0 0 0 42px;
}

.offerta-formativa {
  clear: both;
  margin-left: 0;
}

  .offerta-formativa h2 {
    color: #fff;
  }

    .offerta-formativa h2 span {
      font-style: italic;
      font-size: 14px;
    }

  .offerta-formativa h3 {
    color: #fff;
    font-size: 20px;
    margin: 12px 0 4px 0;
  }
  /* Gaetano .offerta-formativa .slot{background: #337bbf;  margin: 15px 1% 16px 1%;  width: 23%;   height: 220px;   padding: 0 14px;}*/
  .offerta-formativa .slot {
    background: #333333;
    margin: 15px 1% 16px 1%;
    width: 23%;
    height: 228px;
    padding: 0 14px;
  }

    .offerta-formativa .slot h3 {
      color: #fff;
      font-size: 18px;
    }

    .offerta-formativa .slot p {
      color: #fff;
      font-size: 13px;
    }

    .offerta-formativa .slot .btn {
      width: 83%;
      text-align: left;
      position: absolute;
      bottom: 15px;
    }

.news .carousel-indicators .active {
  background-color: #535859;
}

.news .carousel-indicators li {
  background-color: #fff;
  border: 1px solid #535859;
}

.news .carousel-indicators {
  position: relative;
  left: 103px;
  margin: 35px 0 0 0;
  width: 100%;
  text-align: left;
}

.next-event li {
  margin: 0 0 30px 0;
}

.next-event .date {
  background-image: url('img/circle-grey.png');
  background-repeat: no-repeat;
  width: 71px;
  height: 70px;
  float: left;
  margin: 0 10px 0 0;
  text-align: center;
  color: #333333;
  padding: 10px;
}

  .next-event .date .month {
    text-transform: uppercase;
    font-size: 15px;
  }

  .next-event .date .day {
    font-size: 27px;
    line-height: 22px;
  }

.next-event .title {
  display: block;
  margin: 8px 0 6px 0;
}

.well.dicono {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border: 0;
}

.dicono .carousel-indicators {
  position: relative;
  left: 75px;
  margin: 35px 0 0 0;
  width: 72%;
  text-align: left;
}

.carousel-indicators.blu .active {
  background-color: #2a62be;
}

.carousel-indicators.blu li {
  background-color: #fff;
  border: 1px solid #2a62be;
}

.prebottom h2 {
  margin: 30px 0 28px 0;
}

.mediagallery li {
  display: block;
  text-align: center;
  width: 88%;
  margin: 0 auto;
}

.overlay {
  background-image: url('img/overlay-media.png');
  background-repeat: no-repeat;
  max-width: 320px;
  height: 145px;
  position: absolute;
  width: 91%;
  background-size: contain;
}

.nettunotv {
  font-family: 'Roboto Slab', serif;
}

  .nettunotv span, .nettunotv a {
    color: #fff;
    font-weight: bold;
  }

  .nettunotv .title {
    font-size: 18px;
    margin: 11px 0 0 0;
  }

  .nettunotv .author {
    font-weight: 300;
    display: block;
    margin: 15px 0 0 0;
  }

  .nettunotv .dark-grey {
    max-width: 320px;
    padding: 30px 20px;
    height: 290px;
    position: relative;
    width: 100%;
    margin: 0 auto;
  }

.bottom-tv {
  position: absolute;
  bottom: 10px;
  background-image: url('img/white-arrow-right.png');
  background-repeat: no-repeat;
  background-position: right 10px center;
  padding: 0 22px 0 0;
  text-transform: uppercase;
  font-weight: normal !important;
}

.gridLezioni { width: 100%; }

/* Gaetano footer.row {margin-top: 10px; background-color: #337bbf; color: #fff; padding: 10px 10px;}*/
footer.row {
  margin-top: 10px;
  background-color: #333333;
  color: #fff;
  padding: 20px 10px;
}

  footer.row h3 {
    color: #fff;
    font-family: 'Lato', serif;
    font-size: 20px;
    font-weight: 400;
  }

  footer.row a, footer a:hover {
    color: #fff;
  }

  footer.row p {
    font-weight: 300;
  }

.sidebar-sx > .list-group {
  list-style-type: none;
}

.sidebar-sx .list-group {
  width: 100%;
}

  .sidebar-sx .list-group .list-group {
    margin-bottom: 0px;
  }

.sidebar-sx .list-group-item {
  background-color: #337BBF /*#2a62be*/; /* was missing */
}
  /*.sidebar-sx .list-group-item .list-group-item{ background-color: transparent; border: 0; border-bottom: 1px solid #ddd;}*/
  .sidebar-sx .list-group-item .list-group-item {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #7EB1DC;
    padding: 8px 15px; /*padding: 10px 15px 0px 15px;*/
  }
  /*.sidebar-sx .list-group-item.active{  background-color: #ddd;}*/
  .sidebar-sx .list-group-item.active {
    background-color: #7EB1DC;
  }

    .sidebar-sx .list-group-item.active > ul {
      margin-top: 8px; /* was 10*/
    }
    /*.sidebar-sx .list-group-item.active > a{  color: #2a62be;}*/
    .sidebar-sx .list-group-item.active > a {
      color: #fff;
    }

  .sidebar-sx .list-group-item .list-group-item:last-child {
    border-bottom: 0;
  }

  .sidebar-sx .list-group-item .list-group-item.active {
    border-radius: 4px;
  }

    .sidebar-sx .list-group-item .list-group-item.active ul {
      padding-bottom: 7px;
    }

  .sidebar-sx .list-group-item .list-group-item .list-group-item a {
    font-size: 0.85em;
    font-family: Arial, Helvetica, sans-serif;
  }

  .sidebar-sx .list-group-item .list-group-item .list-group-item:last-child {
    padding-bottom: 0px;
  }

  .sidebar-sx .list-group-item .list-group-item .list-group-item.active:last-child {
    padding-bottom: 8px; /* was 10*/
  }
  /*.sidebar-sx .list-group-item ul{margin-left: 0; padding-left: 20px; width: 107%; margin-top: 10px; background-color: #5393C8;}*/
  .sidebar-sx .list-group-item ul {
    margin-left: 0;
    padding: 3px 0px 3px 12px;
    width: 107%;
    margin-top: 10px;
    background: 0 0 #F5FAFF /*0 0 #cbe0f2;*/;
  }
    /*.sidebar-sx .list-group-item ul ul{ background-color: #7EB1DC;}*/
    .sidebar-sx .list-group-item ul ul { /*border-left: 4px solid #7EB1DC;*/
      padding-left: 0;
      padding-top: 0;
      margin-top: 0px;
    }

  .sidebar-sx .list-group-item a {
    color: #fff;
  }

  .sidebar-sx .list-group-item .list-group-item li {
    border-bottom: 1px solid #7EB1DC;
    padding: 8px /*was 10*/ 15px;
  }

  .sidebar-sx .list-group-item a {
    color: #fff;
  }

  .sidebar-sx .list-group-item li a, .sidebar-sx .list-group-item li span {
    color: rgba(0,0,0,.65);
  }

    .sidebar-sx .list-group-item li span.menuitem-separator {
      font-weight: bold;
      color: rgba(0,0,0,.40);
    }

.phone-only {
  display: none;
}

/* Responsive Styles */
@media screen and (max-width:1200px) {
  /*body { padding-top: 293px;}*/
}

@media(max-width:1200px) {
  .nomobile {
    display: block;
  }

  .navbar.container {
    padding-top: 0;
  }

  .navbar-nav li a {
    font-size: 90%;
  }

  .offerta-formativa {
    background-size: contain;
  }

    .offerta-formativa .slot {
      margin: -4px 0 14px 6px;
      width: 24%;
      height: 157px;
      bottom: -5px;
    }

      .offerta-formativa .slot h3 {
        font-size: 18px;
      }

      .offerta-formativa .slot p {
        font-size: 12px;
      }
  /*#frameLogin input{
           width:10%;
       }*/
  #frameLogin {
    width: 90%;
    /*max-width:481px;*/
    margin-top: auto;
    /*margin-left:20px;*/
  }

  #JWContainer {
    width: 97% !important;
  }
}

@media(max-width:991px) {
  #frameLogin {
    width: 481px;
    margin-top: 50px !important;
  }
}

@media(max-width:992px) {
  .navbar-nav li a {
    font-size: 70%;
  }

  .nomobile {
    display: none;
  }

  .nophone {
    display: block;
  }

  .mobileonly {
    display: none;
  }
  /*.address{margin: -14px 0 24px 0;}*/
  .form-signin {
    padding: 20px 0;
    display: block;
    clear: both;
    text-align: center;
  }

  .offerta-formativa {
    background-image: none;
  }

    .offerta-formativa .slot {
      width: 95%;
      padding: 6px 15px 47px 11px;
    }

      .offerta-formativa .slot p {
        font-size: 15px;
      }

      .offerta-formativa .slot h3 {
        font-size: 26px;
      }

  .docenti .col-sm-6 {
    margin-bottom: 20px;
  }

  .offerta-formativa h2 {
    color: #2a62be;
    font-size: 28px;
  }

  .news .carousel-indicators {
    text-align: center;
    left: 0;
  }

  .dicono {
    margin: 30px 0
  }

  .prebottom .col-sm-12 {
    text-align: center;
  }

  .navbar-inverse .navbar-nav > li > a {
    padding-left: 7px;
    padding-right: 7px;
  }

  .customer-img,
  .img-related {
    margin-bottom: 30px;
  }

  #divLingue {
    width: 60% !important;
    float: right !important;
  }

  html[dir="rtl"] #divLingue {
    width: 300px !important;
    float: left !important
  }

  #frameLogin {
    height: 130px !important;
  }

  div#elenco-right {
    margin-left: auto !important;
  }

  .video-js {
    min-width: 480px !important
  }
}

/* pull-right menu */
@media (max-width:767px) {

  /* -- body */

  .gridLezioniItem td{
      padding:5px;
  }
  .gridAutoriItem{
      padding:5px;
  }
  body {
    padding-top: 0;
    max-width: 95%;
  }

  .nophone {
    display: none;
  }

  .phone-only {
    display: block;
  }

  .btn {
    width: 100%;
  }

  /* -- header */

  .comunita-studenti {
    width: 100% !important
  }

  #divLingue {
    float: right !important;
    padding-right: 0px !important;
  }

  #divLingue a {
    font-size: 22px !important;
  }

  #divBrand {
    width: 50% !important;
    float: left !important;
  }

  html[dir="rtl"] #divLingue {
    width: 220px !important;
    float: left !important;
  }

  html[dir="rtl"] #divBrand {
    width: 40% !important;
    float: right !important;
  }

  .navbar-toggle {
    z-index: 99;
  }

  .nav.navbar-nav {
    width: 100%;
    padding-left: 20px;
  }

  .nav.navbar-nav li a {
    font-size: 18px;
  }

  html[dir="rtl"]  .nav > li {
    position: relative;
    display: block;
    float:unset!important;
  }

  .navbar-collapse {
    max-height: none !important;
  }

  html[dir="rtl"] .navbar-collapse {
    margin-right: 15px!important;
  }

  html[dir="rtl"] .navbar-inverse .navbar-toggle,
  html[dir="rtl"] .navbar-inverse .navbar-toggle:focus,
  html[dir="rtl"] .navbar-inverse .navbar-toggle:hover {
    margin-right: 4%!important;
  }

  .navbar-fixed-top {
    position: inherit !important
  }

  .lang {
    font-size: 12px;
    margin-top: 0px;
  }

  /* -- pagina studente */

  table#attivita {
    width: 100% !important;
  }

  table#TablePalinstesti {
    float: left !important;
    width: 100% !important;
  }

  .last-visited-short a {
    color: #337ab7 !important;
    text-decoration: none !important;
    font-weight: normal !important;
  }

  table#mycourse th:nth-child(3), table#mycourse td:nth-child(3) {
    display: none;
  }

  /* -- menu di sinistra */

  /* arabo */
  html[dir="rtl"] .rotate-rtl {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
  }

  .sidebar-sx {
    position: fixed;
    width: 450px;
    z-index: 1000;
    padding-left: 0px;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }

  #submenu {
    margin: 0 0 0 -550px;
    transition: all 0.5s;
    width: inherit;
    background-color: #ddd;
    padding-top: 0px;
    overflow-y: auto;
  }

  html[dir="rtl"] #submenu {
    margin: 0 -550px 0;
  }

  .pull-right-menu-button {
    position: absolute;
    z-index: 2001;
    color: white;
    background-color: #87a2b9;
    width: 23px;
    font-size: 24px;
    padding-left: 0px;
    display: block !important;
    line-height: 40px;
    border: 1px solid #444;
    pointer-events: auto !important;
    cursor: pointer;
  }

  html[dir="rtl"] .pull-right-menu-button {
    right: 0;
  }

  .pull-right-menu-button span {
    margin: -2px;
  }

  .close-right-menu {
    background-color: transparent;
    border: 0px;
  }

  #submenu ul {
    margin-bottom: 0px;
  }

  #submenu ul li a {
    font-size: 15px;
  }

  .logout-option {
    padding-bottom: 10px;
  }

  .sidebar-sx .list-group {
    width: auto !important;
  }

  #submenu.submenu-open {
    transform: translate3d(550px, 0, 0);
  }

  html[dir="rtl"] #submenu.submenu-open {
    transform: translate3d(-530px, 0, 0);
  }

  #submenu.submenu-closed {
    transform: translate3d(0, 0, 0);
  }

  #ctl01_divContentCenter {
    margin-top: 20px;
  }

  .sidebar-sx .list-group-item {
    padding-right: 40px !important;
  }

  .text-right {
    text-align: right;
    padding-left: 15px;
  }

  .submenupanel {
    pointer-events: none;
  }

  /* -- footer */
  footer.row .col-md-4{
      float:left;
      width:95%;
  }
  .address {
    margin: 0;
    float: right;
  }

  /* -- varie */

  .container.slider {
    padding-top: 15px;
  }

  .form-signin {
    padding: 45px 5px 20px;
    display: block;
    clear: both;
    text-align: center;
  }

  .form-signin input[type='text'], .form-signin input[type='password'] {
    width: 100%;
    margin: 0 0 6px 0;
  }

  .offerta-formativa {
    background-image: none;
  }

  .offerta-formativa .slot {
    width: 95%;
    padding: 6px 15px 60px 11px;
    height: auto;
  }

  .offerta-formativa .slot p {
    font-size: 15px;
  }

  .offerta-formativa .slot h3 {
    font-size: 26px;
  }

  .offerta-formativa .slot .btn {
    width: 93%;
  }

  .docenti .col-sm-6 {
    margin-bottom: 20px;
  }

  .offerta-formativa h2 {
    color: #2a62be;
    font-size: 28px;
  }

  .news .carousel-indicators {
    text-align: center;
    left: 0;
  }

  .dicono {
    margin: 30px 0
  }

  .prebottom .col-sm-12 {
    text-align: center;
  }

  .img-portfolio {
    margin-bottom: 15px;
  }

  #frameLogin {
    width: 100% !important;
    margin-top: 70px !important;
  }

  .video-js {
    min-width: 380px !important
  }

  /* -------------------- */
}
/* ==== RESKIN TABS BOOTSTRAP ==== */

#admin-tabs-container {
  border: 1px solid #aaa;
  border-radius: 4px 4px 4px 4px;
  padding: .1em .1em;
}

  #admin-tabs-container ul {
    border: 1px solid #aaa;
    background: #ccc url(//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
    color: #222;
    font-weight: bold;
    border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    padding: .2em .2em 0;
    margin: 0px;
  }

    #admin-tabs-container ul li {
      border: 1px solid #ddd;
      border-radius: 4px 4px 0 0;
      -webkit-border-radius: 4px 4px 0 0;
      -moz-border-radius: 4px 4px 0 0;
      margin: 1px .2em 0 0;
      border: 1px solid #d3d3d3;
      background: #e6e6e6 url(//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
      font-weight: normal;
    }

      #admin-tabs-container ul li a {
        margin-right: 0px;
        padding: .5em 1em;
        font-size: 14px;
      }

        #admin-tabs-container ul li a, #admin-tabs-container ul li a:link, #admin-tabs-container ul li a:visited {
          color: #555;
          text-decoration: none;
        }

          #admin-tabs-container ul li a:hover {
            color: #212121;
            text-decoration: none;
          }

      #admin-tabs-container ul li.active {
        border-bottom-color: #fff;
        margin-bottom: -1px;
        padding-bottom: 2px;
        border-bottom-width: 0;
        background-image: -moz-linear-gradient(bottom, #fff 2px, transparent 2px);
        background-image: -o-linear-gradient(bottom, #fff 2px, transparent 2px);
        background-image: -webkit-linear-gradient(bottom, #fff 2px, transparent 2px);
        background-image: linear-gradient(bottom, #fff 2px, transparent 2px);
      }

  #admin-tabs-container > div {
    padding: 10px 10px 10px 10px;
  }

  #admin-tabs-container td > label {
    margin-left: 10px;
  }

  #admin-tabs-container .settinglabel {
    margin-right: 10px;
  }

  #admin-tabs-container .tab-content {
    padding: 10px !important;
  }

  #admin-tabs-container .form-group {
    margin-bottom: 4px;
  }

  #admin-tabs-container select {
    height: 26px;
    margin-top: 2px;
  }

  #admin-tabs-container input[type="checkbox"] {
    margin-top: 11px;
  }

  #admin-tabs-container input[type="text"] {
    margin-top: 5px;
  }

.htmledit-panel {
  height: 700px;
}

.listbox-text-hilight {
  color: Blue;
}

.listbox-text-principal {
  color: #FF3300;
  font-weight: bold
}

.btn-color-orange {
  background-color: orange;
  color: white;
}

.profile-data #loginname {
  font-weight: bold;
}

.profile-data {
  float: right;
  margin: 1px 10px 0 0;
}

.profile-data-logout {
  float: right;
  margin: 0px 20px 0 0;
}

/* === ARABO === */

/* === ARABO === */
html[dir="rtl"] .navbar-nav {
  margin-right: 0px !important;
}

html[dir="rtl"] .navbar-nav {
  float: right;
}

html[dir="rtl"] .navbar-nav li {
  float: right;
}

html[dir="rtl"] .strip-bottom-slider ul li {
  margin: 0 0 0 30px;
  float: right;
}

  html[dir="rtl"] .strip-bottom-slider ul li:first-child img {
    margin: 0px 0 0 78px;
    vertical-align: middle;
  }

html[dir="rtl"] .col-md-2, html[dir="rtl"] .col-md-3, html[dir="rtl"] .col-md-6, html[dir="rtl"] .col-md-12 {
  float: right;
}

html[dir="rtl"] .col-lg-1, html[dir="rtl"] .col-lg-2, html[dir="rtl"] .col-lg-3, html[dir="rtl"] .col-lg-4,
html[dir="rtl"] .col-lg-5, html[dir="rtl"] .col-lg-6, html[dir="rtl"] .col-lg-7, html[dir="rtl"] .col-lg-8,
html[dir="rtl"] .col-lg-9, html[dir="rtl"] .col-lg-10, html[dir="rtl"] .col-lg-11, html[dir="rtl"] .col-lg-12 {
  float: right;
}

html[dir="rtl"] .btn-blu, html[dir="rtl"] .btn-blu:hover {
  background-color: #2a62be;
  background-image: url('img/white-arrow-left.png');
  background-repeat: no-repeat;
  color: #fff;
  padding: 6px 12px 6px 25px;
  background-position: left 10px center;
}


/* == Position of box cerca   and language-bar in Header - Home PAge == */
@media (min-width: 768px) {
  html[dir="rtl"] .navbar-left {
    float: right !important;
  }

  html[dir="rtl"] .navbar-right {
    float: right !important;
    margin-left: -15px;
  }

    html[dir="rtl"] .navbar-right ~ html[dir="rtl"] .navbar-right {
      margin-left: 0;
    }

  html[dir="rtl"] .col-sm-1, html[dir="rtl"] .col-sm-2, html[dir="rtl"] .col-sm-3, html[dir="rtl"] .col-sm-4, html[dir="rtl"] .col-sm-5, html[dir="rtl"] .col-sm-6, html[dir="rtl"] .col-sm-7, html[dir="rtl"] .col-sm-8, html[dir="rtl"] html[dir="rtl"] .col-sm-9, html[dir="rtl"] .col-sm-10, html[dir="rtl"] .col-sm-11, html[dir="rtl"] .col-sm-12 {
    float: right;
  }
}

/* == End of css Position of box cerca and and language-bar in Header - Home PAge == */


/*===position of image comunity ==*/

html[dir="rtl"] .comunita-studenti img {
  float: right;
  margin-right: 60px;
  margin-left: 0px;
  margin-top: 38px;
}

/* ==end of Position of image comunity === */

/* Box List of objects under the carousel  from the Home Page */
html[dir="rtl"] .strip-bottom-slider ul li {
  list-style-type: none;
  margin: 0 0 0 30px;
  padding: 0;
  float: right;
}
/* End of the Box List of objects under the carousel  from the Home Page */


/* Box Get Discover from the Home Page */

html[dir="rtl"] .offerta-formativa .slot .btn {
  width: 83%;
  text-align: right;
  position: absolute;
  bottom: 15px;
}

/* End Box Get Discover */

/* Box Get Information from the Home Page */

html[dir="rtl"] .request-info button {
  float: left;
  margin: 20px 0 0 0;
}

/* End Box Get Information */

/*== position of all the Arraw == */
html[dir="rtl"] .btn-orange-ft, html[dir="rtl"] .btn-orange-ft:hover {
  background-color: #ff9900;
  background-image: url('img/white-arrow-left.png');
  background-repeat: no-repeat;
  color: #fff;
  padding: 6px 30px 6px 25px;
  background-position: left 10px center;
  text-transform: uppercase
}

html[dir="rtl"] .btn-orange, html[dir="rtl"] .btn-orange:hover {
  background-color: #ff9900;
  background-image: url('img/white-arrow-left.png');
  background-repeat: no-repeat;
  color: #fff;
  padding: 6px 30px 6px 25px;
  background-position: left 10px center;
  margin-right: 80px;
  margin-top: 10px;
}

html[dir="rtl"] .btn-green, html[dir="rtl"] .btn-green:hover {
  background-color: #669966;
  background-image: url('img/white-arrow-left.png');
  background-repeat: no-repeat;
  color: #fff;
  padding: 6px 30px 6px 25px;
  background-position: left 10px center;
}

html[dir="rtl"] .btn-blu, html[dir="rtl"] .btn-blu:hover {
  background-color: #2a62be;
  background-image: url('img/white-arrow-left.png');
  background-repeat: no-repeat;
  color: #fff;
  padding: 6px 30px 6px 25px;
  background-position: left 10px center;
}

html[dir="rtl"] .btn-dark, html[dir="rtl"] .btn-dark:hover {
  background-color: #333333;
  background-image: url('img/white-arrow-left.png');
  background-repeat: no-repeat;
  color: #fff;
  padding: 6px 30px 6px 25px;
  background-position: left 10px center;
  border: 1px solid;
}

html[dir="rtl"] .btn-celeste, html[dir="rtl"] .btn-celeste:hover {
  background-color: #fff;
  background-image: url('img/blu-arrows-left.png');
  background-repeat: no-repeat;
  color: #fff;
  padding: 6px 30px 6px 25px;
  background-position: left 10px center;
  color: #063768;
}
/* === End of arraw == */

/* == I Nostri Docenti Frecce e scritte ==*/
html[dir="rtl"] .text-left {
  text-align: right;
}

html[dir="rtl"] .text-right {
  text-align: left;
}

html[dir="rtl"] .link-arrow {
  background-image: url('img/blu-arrows-left.png');
  background-repeat: no-repeat;
  color: #fff;
  padding: 6px 30px 6px 25px;
  background-position: left 10px center;
  color: #2a62be;
}
/* == ENd I Nostri Docenti == */

/* == Crousel NEWS e Dicono di Noi == */
html[dir="rtl"] .news .carousel-indicators {
  position: relative;
  right: 15px;
  margin: 35px 0 0 0;
  width: 100%;
  text-align: right;
}

html[dir="rtl"] .dicono .carousel-indicators {
  position: relative;
  right: 30px;
  margin: 35px 0 0 0;
  width: 72%;
  text-align: right;
}
/*== End Carousel New e Dicono di Noi == */

/* === Dicono di noi new style === */

.dicono-di-noi {
  text-align: justify;
  margin-left: -60px;
  border: 1px solid #ccc;
  margin-bottom: 10px;
  padding: 5px;
  border-radius: 10px;
  background-color: #fff;
  width: 105%;
  box-shadow: 0.2px 0px 0px 1px #ccc;
}

.prima-parola {
  text-indent: 1.5em;
}

.menu-dicono-di-noi {
  cursor: pointer;
  font-size: 14px !important;
}

p::first-letter {
  text-transform: capitalize; /* serve nel caso in cui viene mancata la prima lettera in maiuscolo */
}

/* Smartphone Portrait and Landscape */
@media only screen and (min-width : 320px) and (max-width : 767px) {
  .dicono-di-noi {
    margin-left: -15px;
    width: 105%;
  }
}

/* Fine css Dicono di noi */



  /* Collapse header */

  html[dir="rtl"] .collapse-header {
    float: left;
    margin-top: 0px;
    padding-left: 5px;
  }

    html[dir="rtl"] .collapse-header span {
      color: #9BBDCC;
      cursor: pointer;
    }

  html[dir="rtl"] .body-nopadding-menu-only {
    padding-top: 80px !important;
  }

  html[dir="rtl"] .navbar-collapsed {
    margin-top: 5px;
  }


  /* Collapse sidebar */
  html[dir="rtl"] .collapsed-sidebar {
    min-height: 1px;
    position: relative;
    float: right;
  }

  html[dir="rtl"] .collapsed-sidebar-left {
    width: 1%;
    margin-top: 5px;
    color: #b1b1b1;
  }

    html[dir="rtl"] .collapsed-sidebar-left span {
      cursor: pointer;
    }

  html[dir="rtl"] .collapsed-sidebar-right {
    width: 99%;
    padding-right: 20px;
  }

  html[dir="rtl"] .expanded-sidebar { /*margin-top: -19px;*/
    float: left;
    color: #9BBDCC;
    cursor: pointer;
  }

  html[dir="rtl"] .fixed {
    position: fixed;
  }
  /*==== END   Collapse sidebar==== */

  /* ==== alleniamento menu pricipale e a sinistra ===*/

  html[dir="rtl"] .media-list {
    padding-right: 0;
    list-style: none;
  }

  html[dir="rtl"] .list-group {
    padding-right: 0;
    margin-bottom: 20px;
  }

  html[dir="rtl"] .nav {
    padding-right: 0;
    margin-bottom: 0;
    list-style: none;
  }

  html[dir="rtl"] .pull-right {
    float: left !important;
  }

  html[dir="rtl"] .pull-left {
    float: right !important;
  }
  /* ==== End alleniamento Menu === */

  /*== Box Login Cyberspazio == */
  html[dir="rtl"] #LoginModule {
    border: solid 1px rgba(102, 102, 102, 0.39);
    padding: 10px;
    margin-left: 10px;
  }
  /* == ENd Login Cybespazio == */

  /* ======= FINE ARABO ======== */

  /* ======= FINE ARABO ======== */



  /* === CUSTOM OVERRIDES === */

  .news .page-header-left {
    padding-bottom: 0px;
  }

  .ebooks .page-header {
    padding-bottom: 0px;
  }

  .carousel-control {
    width: 7%;
  }

  /* === ADDITIONS === */

  ul.languages li.active {
    font-weight: bold;
    font-size: 18px;
  }

  ul.languages li {
    font-size: 18px;
  }

  header.slider {
    margin-top: -28px;
  }

  .request-info .form-group {
    margin-bottom: 0px;
  }

  .ruolo {
    color: #2a62be;
  }

  .news h2, .next-event h2, .ebooks h2 {
    margin-bottom: 25px;
  }

  .ebooks .title {
    display: block;
    margin: 15px 0 6px 0;
  }

  .nettunotv .overlay {
    margin-left: 20px;
  }

  div.rightside1 {
    text-align: right;
    line-height: 12px;
    margin-bottom: 5px;
  }

    div.rightside1 a img {
      margin-right: 10px;
    }

  /* === DEL VECCHIO SITO UNINETTUNO ../css/uninettunonew/menu.css === */

  .menubar {
    border: 0px;
    padding: 0px;
    margin: 0px 2px 10px 2px;
    text-align: right;
  }

    .menubar IMG {
      padding: 0px;
      margin: 0px;
      vertical-align: top;
    }

    .menubar UL {
      padding: 0px;
      margin: 0px;
    }

    .menubar LI {
      display: inline;
      font-weight: normal;
      margin-left: 3px;
      margin-right: 3px;
      list-style-type: none;
      /*white-space: nowrap*/
    }

      .menubar LI A {
        padding-bottom: 1px;
        color: #007dc6;
        text-decoration: underline;
      }

        .menubar LI A:hover {
          color: #33afe9;
        }

  #submenu .benvenuto {
    width: 100%;
    text-align: center;
    font-size: small;
    padding: 0px 5px;
  }

    #submenu .benvenuto .benvenuto-content {
      border-bottom: 1px dotted #ccc;
    }

  #submenu .logout {
    text-align: center;
    font-size: small;
    padding: 10px 10px 0px 10px;
  }

  #submenu .logout-option .glyphicon {
    display: none;
  }

  #submenu .logout-option .glyphicon {
    display: none;
  }

  /* === Pagina studente === */

  table#attivita {
    width: 48%;
    float: left;
    margin-bottom: 30px;
  }

    table#attivita td, #TablePalinstesti td {
      height: 30px;
      vertical-align: middle;
      border: 1px solid #0056AC;
      border-left: 0;
      padding: 0 2px 0 5px;
    }

    table#attivita td, table#TablePalinstesti td, table#attivita th, table#TablePalinstesti th {
      border-color: #DADADA;
    }

      table#attivita td:last-child, #TablePalinstesti td:last-child {
        border-right: 0px;
      }

  table#TablePalinstesti {
    width: 48%;
    float: right;
    margin-bottom: 30px;
  }

    table#attivita th.head, table#TablePalinstesti th.head {
      background-color: #F3F3F4;
      padding-bottom: 5px;
    }

  .homepage-subscribe-to-classrooms {
    text-align: right;
    float: left;
    margin-right: 5px;
  }

    .homepage-subscribe-to-classrooms a {
      width: 135px;
    }

      .homepage-subscribe-to-classrooms a i {
        margin-right: 5px;
      }

  .homepage-button:hover {
    color: #c8c7ea !important;
  }

  .homepage-button-light:hover {
    color: #76759c !important;
  }
  /*.btn-goto-exams { color: #7b7b90!important; line-height:1.0!important; }*/
  .btn-goto-exams {
    color: #ffffff;
  }
  /*.btn-goto-exams:hover { background-color: #cddeec;}*/
  .exam-buttons {
    margin-top: 2px;
  }

  #personalbox {
    margin-bottom: 5px;
  }

  /* === HOME PAGE TUTOR per TUTORS === */

  table.tutor {
    border-collapse: collapse;
    border-style: none;
    margin-left: 6px;
  }

    table.tutor td {
      border-left-width: 1px;
      border-left-style: solid;
      padding: 5px;
      height: 30px;
      color: black;
      vertical-align: middle;
    }

  th.rounded-header {
    padding: 5px 5px 5px 10px;
    border-left: 0;
    border-top: 0;
    text-align: left;
    border-top-left-radius: 10px;
  }

  th.utiu-header {
    background: #0056AC;
    color: white;
    font-weight: bold;
    vertical-align: middle;
  }

    th.utiu-header a {
      color: white;
      font-weight: bold;
    }

  th.utiu-second-header {
    padding: 5px;
    text-align: center;
    font-size: 12px;
    font-weight: normal;
    border: 1px solid #0056ac;
    border-left: 0;
    color: #0056ac;
  }

    th.utiu-second-header:last-child {
      border-right: 0px;
    }

  /* th.rounded-header + th.utiu-header*/
  table.tutor th {
    padding: 5px;
    text-align: center;
    font-weight: normal;
    border: 1px solid #0056AC;
    color: #0056AC
  }

    table.tutor th.head {
      padding-left: 10px;
      border-left: 0;
      border-top: 0;
      text-align: left;
      background: #0056AC;
      color: white;
      font-weight: bold
    }

      /* th.utiu-header a */
      table.tutor th.head a {
        color: white;
        font-weight: bold;
      }

      table.tutor th.head sup {
        font-weight: normal;
        color: white;
        font-size: 9px !important
      }

        table.tutor th.head sup a {
          color: white;
          text-decoration: none;
          font-weight: normal;
          font-size: 9px !important
        }

          table.tutor th.head sup a:hover {
            text-decoration: underline;
          }

          table.tutor th.head sup a:active {
            border: 0;
          }

  table.tutor td a {
    color: #0A1470;
  }

  #ctl01_mainContent_ctl00_grvTOL {
    display: none !important;
  }

  .grvMaterie td, .grvDettaglio td, .grvTOL td {
    height: 30px;
    vertical-align: middle;
    border: 1px solid #0056AC;
    padding: 0 2px 0 5px;
  }

  /* Strumenti UTIU */
  #toolbox {
    margin-bottom: 15px;
    margin-right: 18px;
    margin-top: -10px;
  }

    #toolbox ul {
      display: block;
      margin: 0;
      padding: 0;
      margin-bottom: 10px;
    }

    #toolbox li {
      list-style-type: none;
      font-size: 0.9em;
      display: block;
      float: left;
      padding: 5px 11px 1px 0px;
      background-color: white;
    }

      #toolbox li a {
        text-decoration: none;
        color: #0056AC;
        font-weight: normal
      }

      #toolbox li:hover {
        background-color: #F3F3F4;
      }

      #toolbox li a:hover {
        color: #5B70A1;
      }

    #toolbox h3 {
      text-align: right;
      margin: 0;
      padding: 5px;
      background-color: #F3F3F4;
      font-size: 13px;
      color: #0056AC;
    }

  table#tools {
    clear: both;
    float: right;
    margin: 20px 30px 10px 10px;
  }

  /* I Miei Studenti */
  .panel-tools {
    background-color: #f5faff;
  }

  .mieistud-intro {
    margin-top: 25px;
  }

  .pagination a {
    cursor: pointer
  }

  .pagination > .active > a {
    color: #888;
    background-color: #e5eaec !important;
    border-color: #e5eaec !important;
  }

  .filtro-studenti div:nth-child(1) {
    font-weight: bold;
  }

  .filtro-studenti table td {
    width: 16.5% !important;
    padding: 4px;
  }

  .filtro-studenti table {
    margin-bottom: 15px;
    margin-top: 10px;
  }

    .filtro-studenti table td:nth-child(odd) {
      text-align: right;
    }

    .filtro-studenti table span {
      margin-right: 10px;
    }

  .filtro-studenti div:nth-child(3) {
    float: right;
  }

  .total-students {
    margin-top: 26px;
    margin-right: 15px;
  }


  /* overflow:hidden: alernativa, aggiungere un ulteriore elemento oltre a quelli con float che � <br style="clear:both"> o anche <div style="height:0;clear:both"></div> */
  /*.panel-tools > div {
  margin-bottom: 10px;
}*/

  .panel-tools .left-filter {
    text-align: right;
    padding-right: 5px;
    padding-bottom: 10px
  }

  .panel-tools .right-filter {
    text-align: left;
    padding-bottom: 10px;
  }

  .panel-tools .right-filter-dd {
    text-align: left;
  }

  .panel-tools .filter-2nd-col {
    padding-left: 30px
  }

  .panel-tools .line-set {
    padding-top: 20px;
    padding-bottom: 10px;
  }
  /*.panel-checkbox {
  margin-bottom: 10px;
}*/
  .lbl-courses, .lbl-degrees, .lbl-anni-accademici, .lbl-filter {
    margin-right: 5px;
    margin-top: 5px;
  }

  .panel-tools table td:nth-child(1) {
    width: 25%;
  }

  .panel-tools .emails-op {
    padding-top: 15px;
  }

  .SlectBox label {
    margin: 0px;
  }

  /** I Miei Corsi **/
  .grvMaterie.tutor td, .grvDettaglio.tutor td, .grvTOL.tutor td {
    text-align: center
  }

  .grvMaterie, .grvDettaglio, .grvDettaglio {
    border-right: 1px solid #0056AC;
    width: 100%
  }

    .grvMaterie td table td, .grvDettaglio td table td, .grvTOL td table td {
      height: auto !important;
      border: 0 !important;
      padding: 1px 0 0 1px;
    }

    .grvMaterie tbody tr:hover, .grvDettaglio tbody tr:hover, .grvTOLtbody tr:hover {
      background-color: #E6EBF0;
    }

    .grvMaterie td.course, .grvDettaglio td.course, .grvTOL td.course {
      text-align: left;
      width: 300px !important;
      padding-right: 10px;
    }

      .grvMaterie td.course a, .grvDettaglio td.course a, .grvTOL td.course a {
        color: black;
        font-weight: normal;
        text-decoration: none;
      }

        .grvMaterie td.course a:hover, .grvDettaglio td.course a:hover, .grvTOL td.course a:hover {
          color: #5B70A1
        }

    .grvMaterie .status, .grvDettaglio .status, .grvTOL .status {
      border-right: 0;
      text-align: right;
    }

  .grvTOL.tutor ul {
    padding-left: 40px;
    padding-top: 11px;
    padding-bottom: 11px;
  }

  #tutorbox {
    margin-bottom: 10px;
    margin-top: 10px
  }

    #tutorbox .tutor-img {
      float: left;
      margin: 5px;
    }

      #tutorbox .tutor-img img {
        width: 72px;
        height: 78px;
      }

    #tutorbox .tutor-data {
      float: left;
      margin-top: 3px;
    }

  /** I Miei Studenti **/
  .grvMaterie td.course div ul {
    margin-bottom: 0px !important;
  }


  /* === HOME-PAGE TUTOR PER STUDENTI === */

  div.amb a {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-variant: normal !important;
    text-decoration: none !important;
  }

    div.amb a:hover {
      text-decoration: underline !important;
    }

  .amb {
    width: 190px;
    font-size: 12px;
    font-variant: small-caps;
    color: #01704C;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    float: left;
    margin: 0 10PX 0 0;
  }

  .outer-img-amb img {
    width: 190px;
  }

  .amb span {
    display: block;
    margin-top: 109px;
  }

  .outer-img-amb {
    height: 120px;
    overflow: hidden;
    padding: 0;
    background: none;
  }

  div.testo-tutor {
    float: left;
    line-height: 16px;
    margin-left: 10px;
  }

  #tutor-header, #titolare_header {
    border-bottom: 3px solid #0056AC;
    padding-bottom: 10px;
    width: 100%;
    float: left;
    margin-bottom: 5px;
  }

  div.tutor-badge {
    float: left;
    height: 60px;
  }

    div.tutor-badge img {
      float: left;
    }

  /* === STRUMENTI TUTOR === */
  .lesson-title {
    font-size: 1.5em;
  }

  table.table-form, table.table-standard {
    width: 100%;
  }

    table.table-form td, table.table-standard td {
      padding: 5px;
    }

  /* === Semantic UI Menu */

  .semanticui.menu.vertical {
    margin: 1rem 0;
    background: #fff;
    font-size: 0;
    font-weight: 400;
    box-shadow: 0 0 0 1px rgba(39, 41, 43, 0.3),0 1px 2px 0 rgba(0,0,0,.05);
    border-radius: .2857rem;
  }


    .semanticui.menu.vertical .item {
      padding: .78571em .95em;
      font-size: 14px;
      vertical-align: middle;
      line-height: 1;
    }

      .semanticui.menu.vertical .item a {
        color: rgba(0,0,0,.65);
      }

    .semanticui.menu.vertical > .menu .item {
      background: 0 0 #F5FAFF /*0 0 #cbe0f2;*/
    }

    .semanticui.menu.vertical .item:before {
      position: absolute;
      content: '';
      top: 0;
      left: 0;
      width: 100%;
      background: -webkit-linear-gradient(left,rgba(0,0,0,.03) 0,rgba(0,0,0,.1) 1.5em,rgba(0,0,0,.03) 100%);
      height: 1px;
    }


    .semanticui.menu.vertical > .item {
      background: #2a62be; /*rgba(0,0,0,.04);*/
      margin: 0;
      text-transform: normal;
      font-weight: normal;
      border-radius: .2857rem .2857rem 0 0;
    }

      .semanticui.menu.vertical > .item > a {
        color: #fff;
      }

    .semanticui.menu.vertical > .menu > .item {
      color: rgba(0,0,0,.8);
      position: relative;
      display: block;
      padding-left: 24px;
      border-top: 0 solid transparent;
      text-decoration: none;
      box-sizing: border-box;
      -webkit-tap-highlight-color: transparent;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-transition: opacity .2s ease,background .2s ease,box-shadow .2s ease;
      transition: opacity .2s ease,background .2s ease,box-shadow .2s ease;
    }

    .semanticui.menu.vertical > .menu div.active {
      color: #2a62be;
      font-weight: 800;
      box-shadow: 4px 0 0 inset;
    }

    .semanticui.menu.vertical > .menu > .menu > .item {
      padding-left: 36px;
      /*font-size: 13px;*/
      position: relative;
    }

    .semanticui.menu.vertical > .menu > .menu > .menu > .item {
      padding-left: 52px;
      font-size: 13px;
      position: relative;
      color: rgba(0,0,0,.4);
    }

  /* === MASTER PAGE === */
  .header-pop {
    display: none;
  }

  .body-pop {
    padding-top: 0px;
  }

  /* === COMUNICAZIONE === */
  .imgicon-container {
    height: 100%;
    background: linear-gradient(to right, rgba(51,88,107,1) 0%,rgba(1,38,57,1) 100%);
    text-align: center;
    padding: 5px;
    /*border: 11px solid white;*/ margin: 0 auto;
    margin-top: 20px;
  }

  .imgicon-title {
    margin-top: 4px;
  }

  .imgicon-col-md3 {
    width: 76%;
  }

  .imgicon-col-md4 {
    width: 92%;
  }

  .imgicon-col-md6 {
    width: 74%;
  }

  /* === PROGETTI, COMUNICATI STAMPA, RASSEGNA STAMPA === */
  .pagina-progetto h2 {
    font-family: "Roboto Slab",serif;
    color: #333;
    font-weight: 400;
    font-size: 36px;
    text-transform: uppercase;
    margin: 0px 0 30px 0;
  }

  .pagina-progetto h3 {
    background-color: #e6e7e8;
    width: 100%;
    text-align: center;
    padding: 3px;
    font-size: 1.4em;
    color: rgb(35, 82, 124);
  }

  .pagina-progetto table, .project-module-container table, .comunicatistampa-module-container table, .rassegnastampa-module-container table,
  .pagina-eventi table {
    border-collapse: collapse;
    margin-bottom: 20px;
    border-style: none;
    border-width: 0px;
  }

    .pagina-progetto table td, .project-module-container table td, .project-module-container table th,
    .comunicatistampa-module-container table th, .comunicatistampa-module-container table td, .rassegnastampa-module-container th,
    .rassegnastampa-module-container td, .pagina-eventi table th, .pagina-eventi table td {
      padding: 12px 4px 12px 10px;
      border-bottom: 1px solid #6a6b6e;
      border-left-style: none;
      border-right-style: none;
    }

    .comunicatistampa-module-container table th, .rassegnastampa-module-container th, .pagina-eventi tr:first-child td {
      background-color: #d1ddf1;
    }

  .prj-legenda {
    text-align: left;
  }

  .prj-td td, .prj-td th {
    padding: 4px;
  }

  .prj-activity-detail {
    border-collapse: collapse;
    border-style: hidden;
  }

    .prj-activity-detail td, .prj-activity-detail th {
      border: 1px solid #000;
    }

    .prj-activity-detail > tbody > tr.alternatingrow > td {
      border-left-style: none;
      border-right-style: none;
      border-top-style: none;
      height: 15px;
    }

  .btn-prj-side {
    margin-left: 5px;
  }

  .prj-container {
    margin-top: 10px;
    font-size: 0.9em;
  }

    .prj-container table {
      width: 100%;
      border-collapse: collapse;
      margin-top: 20px;
    }

    .prj-container td, .prj-container th {
      padding: 5px;
      vertical-align: top;
      padding-top: 10px;
    }

    .prj-container td {
      border: 1px solid #bbb;
    }

      .prj-container td:nth-child(2), .divrow th:nth-child(2) {
        width: 20%;
      }

      .prj-container td:nth-child(3), .divrow th:nth-child(3) {
        width: 35%;
      }

      .prj-container td:nth-child(n+4), .divrow th:nth-child(n+4) {
        width: 25%;
      }

    .prj-container .search-box i, .prj-container .search-box span {
      margin-right: 10px;
    }

    .prj-container .search-box input[type='text'] {
      width: 200px;
    }

    .prj-container .search-box input[type='button'] {
      margin-bottom: 2px;
    }


  .prj-activity-table td:nth-child(2) {
    width: 20%;
  }

  .prj-activity-table td:nth-child(3) {
    width: 30%;
  }

  .prj-activity-table td:nth-child(4) {
    width: 20%;
  }

  .prj-activity-table td:nth-child(5) {
    width: 30%;
  }

  .prj-container .prj-deliverables div:nth-child(n+2) {
    padding-top: 7px;
  }

  /*.prj-container .prj-partners div:nth-child(n+2) { padding: 2px; }*/
  .prj-container .leading + ul {
    margin-top: 4px;
  }

  .prj-container .participating + ul {
    margin-top: 4px;
  }

  .prj-container .participating {
    margin-top: 14px;
  }

  .prj-container ul {
    padding-left: 20px;
  }

    .prj-container ul li {
      margin-bottom: 7px;
    }

  .prj-container .leading {
    margin-top: 0px;
  }

  .prj-red {
    background-color: red;
  }

  .prj-yellow {
    background-color: #FFA500;
  }

  .prj-green {
    background-color: green;
  }

  .prj-orange {
    background-color: orange;
  }

  .prj-white {
    background-color: white;
  }

  .prj-gray {
    background-color: gray;
  }

  .prj-container .prj-activity-table th {
    vertical-align: bottom !important;
  }

  .prj-container table:not(.prj-partners-list) tr:nth-child(2n+2) {
    background-color: #f5f5f5;
  }

  table.prj-partners-list {
    margin-top: 5px;
    font-size: 1em !important;
  }

  .prj-partners-list th {
    background-color: #eee;
    border: 1px solid #bbb;
  }

  .prj-partners-list td:nth-child(1) {
    width: 25%
  }

  .prj-partners-list td:nth-child(2) {
    width: 20%
  }

  .prj-partners-list td:nth-child(3) {
    width: 15%
  }

  .prj-partners-list td:nth-child(4) {
    width: 40%
  }

  div.partner-header {
    text-align: left;
    width: 100%;
    border-bottom: 1px solid #eee;
    font-size: larger;
  }


  .prj-deliverable-table td:nth-child(1), .prj-deliverable-table th:nth-child(2) {
    width: 1%;
  }

  .prj-deliverable-table td:nth-child(2), .prj-deliverable-table th:nth-child(2) {
    width: 29%;
  }

  .prj-deliverable-table td:nth-child(3), .prj-deliverable-table th:nth-child(3) {
    width: 20%;
  }

  .prj-deliverable-table td:nth-child(4), .prj-deliverable-table th:nth-child(4) {
    width: 10%;
  }

  .prj-deliverable-table td:nth-child(n+5), .prj-deliverable-table th:nth-child(n+5) {
    width: 40%;
  }

  .prj-deliverable-table ul {
    padding-left: 17px;
  }

  .prj-contracts-table td:nth-child(2), .prj-docadm-table td:nth-child(2) {
    width: 30%;
  }

  .prj-contracts-table td:nth-child(1), .prj-docadm-table td:nth-child(1) {
    width: 20%;
  }

  .prj-contracts-table td:nth-child(3), .prj-docadm-table td:nth-child(3) {
    width: 10%;
  }

  .prj-contracts-table td:nth-child(4), .prj-docadm-table td:nth-child(4) {
    width: 30%;
  }

  .prj-emails-table td:nth-child(1) {
    width: 30%;
  }

  .prj-emails-table td:nth-child(2) {
    width: 38%;
    word-break: break-all;
  }

  .prj-emails-table td:nth-child(3) {
    width: 5%;
  }

  7
  .prj-emails-table td:nth-child(4) {
    width: 27%;
  }

  .prj-emails-table .email-sender {
    border-bottom: 1px solid #ddd;
    margin-bottom: 3px;
    font-style: italic;
    width: 95%;
  }

    .prj-emails-table .email-sender span {
      font-weight: bold;
      margin-right: 5px;
    }

  .prj-emails-table .email-subject {
    font-size: 13px;
    margin-right: 3px;
  }

  .prj-emails-table td {
    padding-bottom: 20px;
  }

  .prj-emails-table .glyphicon {
    margin-right: 5px;
    margin-top: 2px;
    float: left;
  }

    .prj-emails-table .glyphicon + div {
      float: left;
    }

  .prj-emails-table .inner-header {
    float: left;
  }

  .prj-emails-table .inner-element {
    margin-top: 10px !important;
    clear: both;
  }

    .prj-emails-table .inner-element ul li {
      margin-bottom: 0px;
    }

  .prj-emails-table .email-body td {
    box-shadow: inset 0 0 5px #868383;
    padding: 10px;
  }

  .prj-emails-table .email-body-separator td {
    border-left-style: none;
    border-right-style: none;
    background-color: #fff
  }

  .prj-emails-table .email-body-header {
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    margin-bottom: 15px;
    line-height: 22px;
  }

    .prj-emails-table .email-body-header span {
      font-size: larger;
      font-weight: bold;
    }




  .prj-meetings-table td:nth-child(-n+3) {
    width: 20%;
  }

  .prj-meetings-table td:nth-child(4) {
    width: 40%;
  }
  /*.prj-container .prj-meetings-table td { width: 25% !important; }*/

.prj-results-table td:nth-child(-n+3) {
    width: 20%;
}

.prj-results-table td:nth-child(4) {
    width: 40%;
}

  .prj-report-table td:nth-child(1) {
    width: 1%;
  }

  .prj-report-table td:nth-child(2) {
    width: 24%;
  }

  .prj-report-table td:nth-child(3) {
    width: 30%;
  }

  .prj-report-table td:nth-child(4) {
    width: 10%;
  }

  .prj-report-table td:nth-child(5) {
    width: 35%;
  }

  .prj-container .inner-header {
    border-bottom: 1px solid #ddd;
    margin-right: 10px;
    margin-bottom: 3px;
    font-style: italic;
    width: 95%;
  }

    .prj-container .inner-header + div {
      margin-bottom: 15px;
      margin-top: 5px;
    }

  /*.prj-container .deliverable-list .deliverable-file + div,  .prj-container .deliverable-list .report-file + div { margin-bottom: 10px; }*/

  .prj-container .inner-element {
    margin-top: 0px;
    line-height: 20px;
    word-break: break-all;
  }
  /*.prj-container .prj-deliverable-table .deliverable-list ul li { margin-bottom: 0px; }*/
  .prj-container .prj-deliverable-table .deliverable-list .btn {
    margin-top: -4px;
  }

  /* agenda */
  .agenda-detail-table {
    width: 100%;
    border: solid 1px;
  }

    .agenda-detail-table td {
      padding: 5px;
    }

  /* comunicati stampa / eventi */
  .project-module-container h1 {
    margin-top: 0px;
  }

  .project-module-container h2 {
    background-color: #e6e7e8;
    width: 100%;
    text-align: left;
    padding: 3px;
    font-size: 1.4em;
    color: rgb(35, 82, 124);
  }

  .project-module-container .intestatabella1 {
    margin-left: 0px;
    background-color: #d1ddf1;
  }

  .eventi-mesi {
    float: right;
    line-height: 19px;
    font-size: 0.88em;
  }

  .eventi-filtro {
    margin-bottom: 10px;
  }

  .ev_agenda div {
    float: left;
    margin-left: 10px;
  }

  .ev_agenda img {
    width: 100%
  }

  .ev_details {
    float: left;
    width: 75%;
    padding-right: 15px;
  }

    .ev_details h3 {
      font-family: 'Roboto Slab', serif;
      color: #333;
      font-weight: 400;
    }

  .rel_docs {
    float: right;
    width: 24%;
    margin: 0px 0px 3px 3px;
    border-left: #0056AC 1px solid;
  }

    .rel_docs h3 {
      margin: 0px;
      padding: 6px;
      color: #ffffff;
      background-color: #0056AC;
      text-align: center;
      font-size: 0.95em;
      text-transform: uppercase;
    }

    .rel_docs h4 {
      margin: 10px 0 5px 10px;
      padding-left: 5px;
    }

    .rel_docs ul {
      padding-left: 25px;
      margin-top: 6px;
    }

  .rel_docs_central {
    clear: both;
    padding-top: 1px
  }

  /* poli */
  #carousel-poli {
    margin-left: 20px;
    margin-right: 20px;
  }

  .pagina-polo .carousel-inner img {
    width: auto;
    height: 450px;
    max-height: 450px;
    margin-left: auto;
    margin-right: auto;
  }

  .pagina-polo .carousel-inner {
    background-color: #444;
    height: 400px;
    max-height: 400px;
  }

  .pagina-polo .cornice {
    -moz-box-shadow: 1px 1px 5px #999;
    -webkit-box-shadow: 1px 1px 5px #999;
    box-shadow: 1px 1px 5px #999;
    padding: 5px;
    border: solid 1px #EFEFEF;
  }

  .pagina-polo .left-side {
    margin-right: 215px;
  }

  .rassegnastampa-module-container .testorilevante1 {
    font-weight: bold;
  }

  .rassegnastampa-module-container .h3 {
    font-size: 1.2em;
  }

  .pagina-eventi table {
    margin-top: 20px;
  }

  .table-eventi {
    font-size: 0.9em;
  }

    .table-eventi tr td:nth-child(1) {
      width: 156px;
    }

    .table-eventi tr td:nth-child(2) {
      width: 110px;
    }

    .table-eventi tr td:nth-child(3) {
      width: 100px;
    }

    .table-eventi tr td:nth-child(5) {
      text-align: center;
      vertical-align: middle;
    }

  .glyphicon-eventi {
    color: #0090d0;
  }

  /* === MEDIA GALLERY === */
  /*.webpartner_blue { border: #0060ae 1px solid; padding: 0px; margin: 0px auto; width: 555px; list-style-type: none; }
.webpartner_blue li { clear: both; margin: 0px auto; width: 550px; list-style-type: none; height: auto !important;  }
.webpartner_blue .img { float: left; padding-right: 10px; display: block; width: 150px; }
.webpartner_blue div { margin-left: 155px; }*/
  .pagina-media-gallery .col-md-8 > .row {
    border: #0060ae 1px solid;
    background-color: rgb(240,242,243)
  }

  .pagina-media-gallery .container-fluid > .row:nth-child(n+2) .col-md-8 .row {
    border-top-width: 0px;
  }

  .pagina-media-gallery .container-fluid > media-gallery-element:nth-child(n+2) > .row .col-md-8 .row {
    border-top-width: 0px;
  }

  .pagina-media-gallery .small-list {
    line-height: 12px;
    font-size: 9px;
    margin-top: 2px;
  }

  .pagina-media-gallery .medium-list {
    line-height: 13px;
    font-size: 11px;
    margin-top: 2px;
  }

  .pagina-media-gallery .desc-padding {
    padding-left: 10px;
  }

  /* === CMS ===*/
  #ctl01_divCenter h1 {
    margin-top: 0px;
    padding-bottom: 20px;
  }

  #ctl01_divCenter h2 {
    padding-bottom: 10px;
    padding-top: 10px;
  }

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

  .with-hr {
    border-bottom-color: rgb(0, 86, 172);
    border-bottom-width: 1px;
    border-bottom-style: solid;
  }

  .apply-section-interline h2 {
    margin-top: 25px;
  }

  /* === CYBERSPAZIO === */


  div.utiu-row {
    padding: 10px 0px 10px 0px;
    display: inline-block;
    width: 100%;
  }

  .clear-block {
    display: inline-block;
  }

  .center-content {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: auto;
  }

  .dotnetcheckbox label {
    margin-left: 5px;
    vertical-align: top;
  }

  #scorm-background-lavagna {
    width: 358px;
    height: 240px;
    background-image: url('img/ambienti_empty.jpg');
    background-repeat: no-repeat;
    background-position: 0px 20px;
  }

  #scorm-testo-lavagna {
    left: 50px;
    top: 120px;
    text-align: left;
    position: relative;
    width: 100%;
    height: 210px;
    letter-spacing: -0.2mm;
    color: #565656;
    font-weight: bold;
    font-size: 1.2em;
  }

  .course-title {
    text-align: center;
    width: 100%;
    font-size: 1.5em;
    padding: 10px 0;
  }

  .lesson-title {
    text-align: center;
    margin-top: -15px;
  }

  .subtitle {
    color: #888888;
    display: block;
    font-size: 1em;
    font-weight: bold;
    line-height: 0;
    margin: 0 22px 20px 0;
    text-align: right;
  }

  .page-header-subtitle {
    border: 0;
    font-size: 16px;
    text-align: right;
    color: #777;
    margin-top: 5px;
  }

  h2 .page-top {
    margin-top: 0px;
  }

  .td-slide {
    vertical-align: top;
    padding-left: 2px;
    border: solid 1px #cccccc;
    text-align: center
  }

  #materiale-didattico-module .glyphicon {
    font-size: larger;
  }

  #materiale-didattico-module .glyphicon-triangle-left {
    margin-right: 10px;
  }

  #materiale-didattico-module .glyphicon-triangle-right {
    margin-left: 10px;
  }

  #materiale-didattico-module .nome-titolare {
    margin-bottom: 15px;
  }

  #yaf-module table, #yaf-module table td {
    border: none;
  }

  /*.pageTitle { border: 0; margin: 20px 0 10px; padding-bottom: 9px; color: #fff; } */ /* Duplicato di page-header */
  .pageTitle {
    display: block;
    padding: 5px 10px 7px 5px !important;
    margin-top: 0px;
    /*background-color: #2a62be;*/
    color: #FFF;
    text-align: right;
    font-size: 1.6em;
    background: -moz-linear-gradient(top, #008FD2, #005882);
    background: linear-gradient(to bottom, #008FD2, #005882);
    /*background: -webkit-gradient(linear, left top, left bottom, from(#26529B), to(#2a62be));*/
    background: -webkit-gradient(linear, left top, left bottom, from(#008FD2), to(#005882));
    border-radius: 4px;
    /*background: #2a62be;*/
    /*-moz-box-shadow: 1px 1px 3px #292929;
    -webkit-box-shadow: 1px 1px 3px #818181;
    box-shadow: 1px 1px 3px #818181;*/
    /*text-shadow: 0 1px 0 white;*/
  }

    .pageTitle a, .pageTitle a:visited {
      color: #fff; /*#151515*/
      ;
      text-decoration: none;
    }

    .pageTitle.study-plan a:hover {
      text-decoration: underline;
    }

  .nome-materia-container {
    margin-bottom: 10px;
    margin-top: 15px;
    text-align: center;
    width: 100%;
  }

    .nome-materia-container .nome-tutor,
    .nome-materia-container .nome-titolare,
    .nome-materia-container .tutors-per-materia {
      font-size: 1.1em;
    }

    .nome-materia-container .crediti-materia {
    }

  .nome-facolta {
    text-align: center;
    padding: 10px;
  }

  .header-tipomateriale {
    width: 100%;
    margin-top: 5px;
    display: inline-block;
  }

  textarea {
    vertical-align: top;
  }

  label {
    margin-right: 5px;
  }

  .form-horizontal label {
    margin-right: 0px;
  }

  td input[type="checkbox"] {
    margin-right: 5px;
  }

  .table-standard-width {
    width: 95%;
  }

  .table-interline {
    height: 5px;
    border-top-width: 0px !important;
  }

  table.borderless td, table.borderless th {
    border: 0px !important;
  }

  .full-width {
    width: 100%;
  }

  #ctrl-programmazione-didattica-pagina select {
    height: 32px;
  }

  #table-programma-insegnamento td:first-child {
    text-align: right;
  }

  #table-programma-insegnamento td:last-child {
    text-align: left;
  }

    #table-programma-insegnamento td:last-child textarea {
      width: 50em;
      height: 7em;
    }

  #table-gestioni-chat td {
    vertical-align: middle;
  }

    #table-gestioni-chat td:last-child {
      text-align: right;
    }

  .table-elenco-messaggi-chat td:nth-child(1) {
    width: 15%;
  }

  .table-elenco-messaggi-chat td:nth-child(2) {
    width: 20%;
  }

  .chat-messages-pager td {
    padding-left: 10px;
  }

  #table-opzioni-studente td:first-child {
    width: 35%;
  }

  #table-opzioni-studente td input[type="radio"] {
    margin-left: 0px;
  }

  .table-programmazione-didattica th {
    text-align: center;
  }
  /*.table-programmazione-didattica td:nth-last-child(-n+5) { font-size: 0.9em; }*/
  .table-programmazione-didattica td {
    font-size: 0.93em;
  }

  .table-classroom tr:first-child td {
    border-bottom: 1px solid #000;
    border-top-width: 0px;
    padding-top: 15px;
  }

  .classroom-header {
    border-bottom: 1px solid #000;
  }

  .classroom-list-container {
    margin-top: 10px;
    display: inline-block;
    width: 100%;
  }

  .classroom-vuota {
    padding-left: 10px;
    margin-top: -15px;
    margin-bottom: 15px;
  }

  #menubar {
    margin: 0px;
    margin-right: 18px;
    margin-left: 10px;
    padding: 0px;
    border: 0px;
    text-align: right
  }

    #menubar img {
      vertical-align: top;
      margin: 0px;
      padding: 0px;
    }
    /* difficilmente vertical-align funzioner�: e' un parametro che si passa alle CELLE DI TABELLA */
    #menubar ul {
      padding: 0px;
      margin: 0px;
      margin-bottom: 8px;
    }

    #menubar li {
      display: inline;
      font-weight: normal;
      margin-left: 8px;
      margin-right: 8px;
      list-style-type: none;
      font-size: 8pt;
    }

      #menubar li a {
        padding-bottom: 1px;
        color: #0056AC;
        text-decoration: underline;
      }

        #menubar li a:hover {
          color: #285534;
        }

  .pianostudio-autore {
    margin-bottom: 8px;
  }

  div.ambienti {
    float: right;
    width: 40%;
  }

    div.ambienti dt {
      padding: 4px;
      background-color: #dbdbdb;
      margin: 2px;
      font-weight: bold;
    }

      div.ambienti dt span {
        color: #585858;
        font-size: 11px;
      }

    div.ambienti dd {
      padding: 0 4px 4px 4px;
      margin: 10px 2px 2px;
    }

      div.ambienti dd span a {
        color: #238181;
      }

  .div-end-table {
    margin-top: -20px;
  }

  .section-header {
    background-color: #e6e7e8;
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 1.4em;
    color: rgb(35, 82, 124);
  }

  .table-internal-header {
    border-width: 0px;
    padding-top: 40px !important;
    padding-bottom: 2px !important;
    font-size: 1.2em;
    font-style: italic
  }

  .table-internal-separator {
    border-width: 0px;
  }

  .intro-text {
    margin: 10px 0 25px 0;
  }

  .hrline {
    height: 0px;
    margin: 0px; /*border-bottom: 1px solid #ccc !important;*/
    border: 0px;
    font-size: 1px; /* IE 6 */
    margin: 2px 0 3px 0;
  }

  .hrline-soft {
    height: 0px;
    border-bottom: 1px solid #d4d0d0 !important;
    border: 0px;
    font-size: 1px; /* IE 6 */
  }

  .after-paragraph {
    margin: -7px 0 10px 0;
  }

  #studentcardbody td {
    padding: 2px 4px;
  }
  /* Statistiche */

  .quick-stats-container {
    display: inline
  }

  .search-students {
    background-color: #F8F8F8;
    border-width: 1px;
    border-style: solid;
    width: 95%;
    margin-top: 10px;
  }

    .search-students td {
      padding: 5px;
    }

      .search-students td:first-child {
        width: 40%;
        text-align: right;
      }

      .search-students td:last-child {
        width: 60%;
        text-align: left;
      }

  .table-stat-att-stud th {
    text-align: center;
  }

  .table-stat-att-stud td:first-child {
    text-align: left;
    width: 15%;
  }

  .table-stat-att-stud td:nth-child(2) {
    width: 15%;
  }

  .table-stat-att-stud td:nth-child(3) {
    width: 6%;
  }

  .table-stat-att-stud td:nth-child(4) {
    width: 6%;
  }

  .table-stat-att-stud td:last-child {
    width: 10%;
  }

  .table-stat-att-stud tr:nth-child(n+2) td {
    font-size: smaller;
  }

  .table-stat-att-stud-noclasses td:first-child {
    text-align: left;
    width: 15%;
  }

  .table-stat-att-stud-noclasses td:nth-child(2) {
    width: 35%;
  }

  .table-stat-att-stud-noclasses td:nth-child(3) {
  }

  .table-stat-att-stud-noclasses td:nth-child(4) {
    width: 20%;
  }

  .table-stat-att-stud-noclasses td:first-child {
    text-align: left;
  }

  .table-miei-studenti th:first-child {
    width: 15%;
  }

  .table-miei-studenti th:nth-child(2) {
    width: 18%;
  }

  .table-miei-studenti th:nth-child(3) {
    width: 24%;
  }

  .table-miei-studenti th:nth-child(4) {
    width: 31%;
  }

  .table-miei-studenti th:nth-child(5) {
    width: 5%;
  }

  .table-miei-studenti th:nth-child(6) {
    width: 7%;
    text-align: center;
  }

  table#mycourse {
    width: 100%;
  }
    /* Pagina studente */
    table#mycourse td {
      vertical-align: middle;
      border: 1px solid #0056AC;
      border-left: 0;
      padding: 4px 5px;
    }

    table#mycourse:last-child {
      border-right: 0px;
    }

    table#mycourse td.course {
      text-align: right;
      width: 25%;
      padding-right: 10px;
    }

      table#mycourse td.course a {
        color: black;
        font-weight: bold;
        text-decoration: none;
      }

    table#mycourse td:nth-child(2) {
      width: 16%;
    }

    table#mycourse td:nth-child(3) {
      width: 36%;
    }

    table#mycourse td:nth-child(4) {
      width: 13%;
      text-align: center;
    }

    table#mycourse td:last-child {
      width: 10%;
      border-right: 0;
    }

    table#mycourse .quick-stats-click {
      cursor: pointer;
    }

    table#mycourse tr.quick-stats td,
    table#mycourse tr.quick-stats td > div,
    .table-miei-studenti tr.quick-stats td,
    .table-miei-studenti tr.quick-stats td > div,
    .table-stat-att-stud tr.quick-stats td,
    .table-stat-att-stud tr.quick-stats td > div,
    .table-stat-att-stud-noclasses tr.quick-stats td,
    .table-stat-att-stud-noclasses tr.quick-stats td > div {
      display: none;
    }

    table#mycourse tr.quick-stats td {
      padding-left: 0px;
    }

  .myhome-icon-stats, .myhome-icon-quick-stats {
    color: #0090d0;
  }

  /* materiale generico */
  td.materiale-generico {
    vertical-align: top;
    padding: 2px 5px;
  }

    td.materiale-generico ul {
      padding-left: 20px;
    }

      td.materiale-generico ul li {
        margin-bottom: 5px;
      }

    td.materiale-generico > p {
      margin-bottom: 5px;
    }

  table#tblMateriali {
    width: 100%;
    border-collapse: separate;
  }

    table#tblMateriali tr {
      border: none;
    }

      table#tblMateriali tr th {
        padding: 0px 2px 0px 2px;
      }

      table#tblMateriali tr td {
        border: none;
        padding: 1px 0px 2px 0;
      }

        table#tblMateriali tr td div {
          border: solid 1px #ffffff;
          padding: 3px 4px 2px 4px;
        }

          table#tblMateriali tr td div img {
            vertical-align: middle;
            margin-right: 4px;
          }

          table#tblMateriali tr td div .ghost {
            color: #a0a0a0 !important;
          }

  /* Elenco materiali */
  #elenco-materiali td:last-child {
    vertical-align: middle;
  }

  #elenco-materiali dt {
    float: left;
    margin-right: 5px;
  }

  #elenco-materiali dl {
    margin-bottom: 5px;
    padding-left: 15px;
    line-height: 1.5em;
  }

  #elenco-materiali .argomento-item {
    padding: 5px 0 5px 5px;
    /*max-width: 550px;*/
  }

  #elenco-materiali .linkMateriale {
    /*display: inline-block;*/
    max-width: 300px;
  }

  #elenco-materiali .argomento-title {
    padding-bottom: 5px;
    color: #8C8C8C;
  }

  #elenco-materiali tr td .materiali-associati .argomento-item:nth-child(1) {
    margin-top: 15px;
  }

  #elenco-materiali tr td .materiali-non-associati dl:nth-child(1) {
    margin-top: 15px;
  }

  #elenco-materiali .materiali-lesson-title {
    color: #000;
    padding: 5px 0 0 5px;
  }

  #elenco-materiali .lesson-header {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  #elenco-video-slides td:last-child {
    vertical-align: middle;
  }

  .elenco-materiali-wrapper {
    clear: both;
  }



  .videolesson-page-topics {
    padding: 2px 7px;
    width: 175px;
  }

  .videolesson-page-topics-title {
    font-weight: bold;
    padding-bottom: 5px;
  }

  .videolesson-page-topics-list td {
    padding: 4px 0px; /*line-height: 1.3em; */
  }

  /* elenco materiali con edit */
  .lista-materiali-lezione .controlli-materiali {
    float: left;
  }

    .lista-materiali-lezione .controlli-materiali:nth-child(n+2) {
      margin-left: 7px;
    }

  .lista-materiali-lezione .seleziona-materiale {
    margin-left: 5px;
    margin-top: 2px;
    display: block;
  }

  .lista-materiali-lezione .materiali-container {
    margin-left: 21px;
  }

  .lista-materiali-lezione .materiali-lezione-controls {
    float: left;
    display: inline;
    margin-bottom: 5px;
  }

    .lista-materiali-lezione .materiali-lezione-controls a:nth-child(n+2) {
      margin-left: 7px;
    }

  .small-vertical-margin {
    margin-top: 4px;
    margin-bottom: 4px;
  }

  /* pallino rosso tracking */
  #PCPageVideoTop {
    background-image: url(img/videotop.gif);
    height: 8px;
  }

  #PCPageTrackingEnabled {
    position: relative;
    display: none;
    width: 10px;
    height: 6px;
    left: 98%;
    top: 0px;
    background-image: url(img/tracking_enabled.gif);
  }

  .dettaglio-materiali {
    padding: 10px;
  }

  .dettaglio-materiali-scobox {
    vertical-align: top;
    padding-left: 2px;
    padding-right: 0px;
    width: 180px;
    border: solid 1px #cccccc;
  }
  /*style='vertical-align: top; padding-left: 2px; padding-right: 0; width: 180px; border: solid 1px #cccccc;*/

  .badge.badge-utiu {
    font-weight: normal;
    font-size: 1em;
    background-color: #F9F9F9;
    color: #4C4444;
    text-shadow: none;
    padding: 1px 8px 3px;
    border: 1px solid #CBC5C5;
    margin-top: 2px;
  }

  .filtro-anni-accademici .SlectBox, .anni-accademici .SlectBoxa {
    padding: 2px !important;
  }

  .filtro-anni-accademici, .filtro-consegnabili {
    margin-bottom: 5px;
  }

    .filtro-anni-accademici .CaptionCont span {
      padding-left: 5px !important;
      line-height: 20px !important;
    }

  .filtro-anni-accademici {
    float: right;
  }

    .filtro-anni-accademici label {
      margin-bottom: 0px !important;
      margin-right: 0px;
    }

    .filtro-anni-accademici button {
      margin-left: 10px;
      margin-bottom: 14px;
    }

    .filtro-anni-accademici .SumoSelect {
      margin-left: 10px;
      float: right;
    }

    .filtro-anni-accademici .lbl-anni-accademici {
      float: right;
      margin-top: 5px;
    }

    .filtro-anni-accademici .MultiControls p {
      margin-top: 0px;
      margin-bottom: 0px;
      padding: 10px !important;
    }


  /* Elenco facolt� */
  div#elenco-right {
    margin-bottom: 0;
    margin-left: 300px;
    margin-right: 20px;
    margin-top: 0;
  }

    div#elenco-right dl label {
      font-weight: bold;
      text-align: left;
      color: #0056AC;
      font-size: 16px;
    }

    div#elenco-right dl dd {
    }

      div#elenco-right dl dd ul {
        padding-left: 20px;
        list-style: none;
      }

        div#elenco-right dl dd ul li:before {
          content: "-";
          position: relative;
          left: -5px;
        }

        div#elenco-right dl dd ul li {
          text-indent: -5px;
        }

    div#elenco-right dl dt {
      background-color: #DBDBDB;
      color: #585858;
      margin-top: 5px;
    }

  /* piano studi */
  .piano-studi-header-title {
    text-align: center;
    font-weight: bold;
  }


  /* ========= Menu fisso sinistra ===========*/
  #portamento_container {
    float: left;
    position: relative;
  }
    /* take the positioning of the sidebar, and become the start point for the sidebar positioning */
    #portamento_container #submenu {
      float: none;
      position: absolute;
    }
      /* no need to float anymore, become absolutely positoned */
      #portamento_container #submenu.fixed {
        position: fixed;
      }
  /* if the panel is sliding, it needs position:fixed */
  .affix {
    top: 165px;
  }

  .affix-bottom {
    position: absolute;
  }


  /* ====================== CMS ADMIN ====================== */
  .settingrow {
    padding: 5px 0 5px 0;
  }

  /* ========= FORUM =========*/
  .intestatabella {
    background-color: #d1ddf1;
  }

  .materie-forum td, .materie-forum th {
    padding: 4px;
  }

    .materie-forum td:nth-child(1) {
      width: 5%;
    }

    .materie-forum td:nth-child(2) {
      width: 20%;
    }

    .materie-forum td:nth-child(3) {
      width: 20%;
    }

  #admin-search-control {
    margin-top: 5px;
  }

    #admin-search-control td {
      padding: 3px;
    }


  /* === LOGIN MODULE === */
  #LoginModule {
    border: solid 1px rgba(102, 102, 102, 0.39);
    padding: 10px;
    margin-right: 10px;
  }

    #LoginModule legend {
      padding: 0 10px 0 10px;
      margin-bottom: 0px;
    }

  /* === MEDIAPLAYER MODULE === */
  .mediaplayer_title {
    text-align: center;
    margin-top: 10px;
    margin-left: 280px;
  }

  .mediaplayer_description {
    text-align: center;
    margin-left: 280px;
  }

  .mediaplayer_video {
    text-align: center;
    margin-left: 280px;
  }

  /* === VIDEO STREAMING === */
  #JWPlayerContainer {
    width: 332px;
    margin: auto;
  }

  .button-icon {
    margin: 0 5px 0 0px;
  }

  #disabled-video, #android-video, #video-waiting-to-connect, #android-video-lesson {
    width: 312px;
    height: 229px;
    vertical-align: middle;
    text-align: center;
    background-color: #000;
    color: #dcdcdc;
    padding: 10px;
  }

  #android-video-lesson {
    width: 480px !important;
    height: 365px !important;
    padding: 0px !important;
    display: table-cell;
  }

  #videoWaitingToConnect {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.4em;
    position: absolute;
  }

    #videoWaitingToConnect table {
      height: 249px;
      padding: 0px;
      margin: 0px;
    }

    #videoWaitingToConnect div {
      color: #aaa;
    }

  .full-screen-control {
    margin-right: 5px;
    position: relative;
    top: -30px;
    float: right;
  }

  .icon-play-android, .icon-play-android-videolesson {
    font-size: 40px;
    color: #fff;
    text-decoration: none;
  }

  /* === CONTENITORI E CENTRATURE */

  .hcentered {
    text-align: center;
  }

  .font16 {
    font-size: 16px;
  }

  .font14 {
    font-size: 14px;
  }

  .font12 {
    font-size: 12px;
  }

  .small-img-container-height {
    height: 160px;
  }

  .medium-img-container-height {
    height: 280px;
  }

  .big-img-container-height {
    height: 360px;
  }

  .huge-img-container-height {
    height: 500px;
  }

  .centered-container {
    font-size: 0px;
  }

    .centered-container:before {
      content: ' ';
      display: inline-block;
      vertical-align: middle;
      height: 100%;
    }

  .centered-element {
    display: inline-block;
    vertical-align: middle;
  }

  a.anchor {
    display: block;
    position: relative;
    top: -200px;
    visibility: hidden;
  }

  .prj-anchor {
    position: absolute;
    top: -200px;
    visibility: visible;
  }

  h3.closer-top {
    margin-top: 10px;
  }

  @media screen {
    #logoNoScreen {
      display: none;
    }
  }

  /* Override defaults di bootstrap.css */
  @media print {
    a[href]:after {
      content: ""; /* Rimuove stampa dei link sugli href */
    }

    .h1, h1, .h2, h2, .h3, h3, .h4, h4 {
      font-size: 14px !important;
    }
    /* titoli */
    .modulecontent, a, body, p {
      font-size: 12px !important;
    }
    /* contenuti */

    div.sidebar-sx, div.form-signin, div.request-info-container, div.intro-img, .btn, footer, div#copyright, div#printmodule {
      display: none;
    }

    .slot {
      padding: 0px !important;
    }

    div.project-img img {
      width: 45px !important;
      height: auto !important;
    }
    /* img pi� piccola */

    /*.navbar-fixed-top { display: block; }*/
    #logoNoScreen {
      display: block;
      margin-bottom: 15px;
      width: 30%;
    }
    /* logo pi� piccolo */
    body {
      padding-top: 0px;
    }
    /*.navbar-fixed-top { display: none; }*/
    .editpanel {
      display: none
    }

    .modulesettingslink {
      display: none
    }

    .moduletitle {
      display: none
    }
  }


  /* =============== INDEPENDENT SCROLLING SIDEBAR ================*/
  /*.submenupanel { height: 100%; position: fixed; }
#submenu { position: relative; height: 100%; overflow-y: auto; }
form > .container { height: calc(100% - 203px); overflow-y: auto; position: absolute; top: 0; left: 0; display: inline-block; }
.center-rightandleftmargins { position: relative; height: 100%; overflow-y: auto; }
#ctl01_divContentCenter { float: right!important; }*/
  @media(min-width:767px) {
    .submenupanel {
      float: left;
      position: relative;
    }

      .submenupanel #submenu {
        overflow-y: auto !important;
        position: fixed;
      }
  }

  /* ============= QUIZ ================ */

  .show-latex-preview, .hide-latex-preview, .show-advanced-options, .hide-advanced-options {
    cursor: pointer;
  }

  .quiz-simulator-signal {
    background-color: #a5ff75 !important;
    text-align: center;
  }

  .table-td-centered td:nth-child(n+2) {
    text-align: center;
  }

  .table-td-centered td {
    vertical-align: middle !important;
  }

  .quiz-image {
    max-height: 100%;
    max-width: 100%;
    margin-bottom: 10px;
  }

  .quiz-container .modal-dialog {
    width: 100% !important;
  }

  .free-text-answer-header {
    margin-bottom: 10px;
  }

  .free-text-confirm, .multiple-choice-confirm {
    text-align: right;
    margin-top: 10px;
  }


  .modal-feedback {
    margin-top: 10px;
    transition: opacity 2s ease-out;
    -webkit-transition: opacity 1s ease-out;
    -moz-transition: opacity 1s ease-out;
    -o-transition: opacity 1s ease-out;
    opacity: 0;
    padding: 10px;
    height: 80px;
    overflow-y: auto;
  }

  .modal-feedback-correct {
    background-color: #dfffdf;
  }

  .modal-feedback-wrong {
    background-color: #ffdada;
  }

  .fade-in {
    opacity: 1;
  }

  #qid {
    padding: 10px 15px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 20px;
  }

  label.btn {
    padding: 7px 60px;
    white-space: normal;
    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -o-transform: scale(1.0);
    -webkit-transition-duration: .1s;
    -moz-transition-duration: .1s;
    -o-transition-duration: .1s
  }

  label.highlight {
    text-shadow: 0 2px 1px rgba(0,0,0,0.4);
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -o-transform: scale(1.02)
  }

  label.highlight-choice {
    color: #fff;
    background-color: #73BDEF;
    border-color: #46b8da;
  }

  input[type="text"].free-text {
    transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
  }

    input[type="text"].free-text.form-control {
      height: 34px !important;
    }

    input[type="text"].free-text.answered {
      text-shadow: 0 2px 1px rgba(0,0,0,0.4);
      transform: scale(1.02);
      -webkit-transform: scale(1.02);
      -moz-transform: scale(1.02);
      -o-transform: scale(1.02);
    }

    input[type="text"].free-text.correct {
      border-color: green;
    }

    input[type="text"].free-text.wrong {
      border-color: red;
    }

  label.btn:hover {
    text-shadow: 0 2px 1px rgba(0,0,0,0.4);
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -o-transform: scale(1.02);
    color: #fff;
  }

  label.btn-block {
    text-align: left;
    position: relative
  }

    label.btn-block + label.btn-block {
      margin-top: 7px;
    }

  label .btn-label {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    padding: 0 10px;
    background: rgba(0,0,0,.15);
    height: 100%
  }

  label .glyphicon {
    top: 23%
  }

  .glyphicon-separate {
    margin-right: 5px;
  }

  .glyphicon-separate-left {
    margin-left: 5px;
  }

  .quiz-question-number {
    color: #333;
    font-style: italic;
    font-weight: bold;
    margin-bottom: 6px;
  }

  .quiz-question .modal-dialog {
    margin-top: 0px;
  }

  .quiz-question .already-answered, .quiz-question .not-answered {
    text-align: right;
    width: 100%;
    font-size: smaller;
  }

  .quiz-question .well {
    padding: 6px;
    margin-bottom: 6px;
  }

  .quiz-container {
    height: 100%;
  }

  .quiz-timer {
    padding: 10px;
    color: black;
    font-size: 16px;
  }

  .tempoResiduo {
    color: red !important;
    font-weight: bold;
    padding: 5px;
    border-radius: 6px;
    border: 1px solid #337AB7;
    background-color: #F5F5F5;
  }

  .quiz-animation-enter {
    animation: animationFrames ease 0.7s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    -webkit-animation: animationFrames ease 0.7s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -ms-animation: animationFrames ease 0.7s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%
  }

  .element-animation1 {
    /*animation: animationFrames ease .8s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    -webkit-animation: animationFrames ease .8s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -ms-animation: animationFrames ease .8s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%*/
  }

  .element-animation2 {
    /*animation: animationFrames ease 1s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    -webkit-animation: animationFrames ease 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -ms-animation: animationFrames ease 1s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%*/
  }

  .element-animation3 {
    /*animation: animationFrames ease 1.2s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    -webkit-animation: animationFrames ease 1.2s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -ms-animation: animationFrames ease 1.2s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%*/
  }

  .element-animation4 {
    /*animation: animationFrames ease 1.4s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    -webkit-animation: animationFrames ease 1.4s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -ms-animation: animationFrames ease 1.4s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%*/
  }

  @keyframes animationFrames {
    0% {
      opacity: 0;
      transform: translate(-170px,0px)
    }

    40% {
      opacity: 1;
      transform: translate(50px,0px)
    }

    60% {
      transform: translate(-10px,0px)
    }

    100% {
      opacity: 1;
      transform: translate(0px,0px)
    }
  }

  @-webkit-keyframes animationFrames {
    0% {
      opacity: 0;
      -webkit-transform: translate(-170px,0px)
    }

    40% {
      opacity: 1;
      -webkit-transform: translate(50px,0px)
    }

    60% {
      -webkit-transform: translate(-10px,0px)
    }

    100% {
      opacity: 1;
      -webkit-transform: translate(0px,0px)
    }
  }

  @-ms-keyframes animationFrames {
    0% {
      opacity: 0;
      -ms-transform: translate(-170px,0px)
    }

    40% {
      opacity: 1;
      -ms-transform: translate(30px,0px)
    }

    60% {
      -ms-transform: translate(-10px,0px)
    }

    100% {
      opacity: 1;
      -ms-transform: translate(0px,0px)
    }
  }

  .modal-header {
    background-color: transparent;
    color: inherit
  }

  .modal-body {
    min-height: 205px
  }

  .modal-video {
    height: 355px;
    padding-top: 3px;
  }

  .modal-video-close {
    width: 100%;
  }

  .modal-video-container {
    min-height: 300px;
    height: 390px;
    margin: 5px;
  }

  .modal-upper-video {
    padding: 5px 75px 0 75px;
  }


  /*.nano { background: #bba; width: 500px; height: 500px; }
.nano .nano-content { padding: 10px; }
.nano .nano-pane   { background: #888; }
.nano .nano-slider { background: #111; }*/

  .comunita-studenti img {
    float: left;
    margin-left: 60px;
    margin-top: 38px;
  }

  .comunita-studenti .comunita-title {
    margin-top: 22px;
  }

  /* Collapse header */
  .collapse-header {
    float: right;
    padding-top: 30px;
    padding-right: 2px;
  }

    .collapse-header span {
      color: #9BBDCC;
      cursor: pointer;
    }

  .body-nopadding-menu-only {
    padding-top: 80px !important;
  }

  .navbar-collapsed {
    margin-top: 5px;
  }

  /* Collapse sidebar */
  .collapsed-sidebar {
    min-height: 1px;
    position: relative;
    float: left;
  }

  .collapsed-sidebar-left {
    width: 1%;
    margin-top: 5px;
    color: #b1b1b1;
  }

    .collapsed-sidebar-left span {
      cursor: pointer;
    }

  .collapsed-sidebar-right {
    width: 99%;
    margin-left: 30px;
  }

  .expanded-sidebar { /*margin-top: -19px;*/
    float: right;
    color: #9BBDCC;
    cursor: pointer;
  }

  .fixed {
    position: fixed;
  }

  .rotate90 {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
  }

  .rotate180 {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
  }

  .rotate270 {
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
  }

  .rotate0 {
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }

  /* === INTERLINEA === */

  .small-space-left {
    margin-left: 5px;
  }

  .small-space-right {
    margin-right: 5px;
  }

  .small-space-bottom {
    margin-bottom: 5px;
  }

  .small-space-top {
    margin-top: 5px;
  }

  .medium-space-left {
    margin-left: 15px;
  }

  .medium-space-right {
    margin-right: 15px;
  }

  .medium-space-bottom {
    margin-bottom: 15px;
  }

  .medium-space-top {
    margin-top: 15px;
  }

  .large-space-left {
    margin-left: 25px;
  }

  .large-space-right {
    margin-right: 25px;
  }

  .large-space-bottom {
    margin-bottom: 25px;
  }

  .large-space-top {
    margin-top: 25px;
  }

  .td-vertical-middle td {
    vertical-align: middle !important;
  }

  .full-centered {
    text-align: center !important;
    vertical-align: middle !important;
  }



  /* ======= LOGIN SSL =========== */
  .btn-ssl, .btn-ssl:hover {
    background-color: #2a62be;
    background-image: url("img/white-arrow-right.png");
    background-position: right 5px center;
    background-repeat: no-repeat;
    color: #fff;
    float: left;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-user-select: none;
    border-bottom-color: transparent;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color: transparent;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: transparent;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: transparent;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-top-style: solid;
    border-top-width: 1px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    margin-bottom: 0;
    padding-bottom: 6px;
    padding-left: 6px;
    padding-right: 12px;
    padding-top: 6px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
  }


  .form-signinFull input[type="text"], .form-signinFull input[type="password"] {
    float: left;
    margin-bottom: 5px;
    margin-right: 5px;
  }

  .form-signinFull {
    clear: both;
    display: block;
    padding: 2px;
    text-align: center;
  }

  .form-control {
    display: inline !important
  }

  @media(max-width:292px) {
    .form-signin-ssl input[type="text"], .form-signin-ssl input[type="password"] {
      width: 35%;
      float: left;
      margin-right: 5px;
      /*margin-top:5px;*/
    }

    #frameLogin {
      /*height:130px;*/
    }

    .form-signin-ssl {
      clear: both;
      display: block;
      padding: 5px;
      text-align: center;
      /*max-width:96%;*/
    }

    .btn-ssl {
      width: 25% !important;
      /*margin-top:5px;*/
    }
  }

  @media(max-width:480px) {
    .comunita-studenti {
      width: 100% !important
    }

    .text-right {
      text-align: right;
      padding-left: 15px;
    }

    #divLingue {
      width: 100% !important;
      float: right !important;
      padding-right: 0px !important;
    }

    .lang {
      font-size: 12px;
      margin-top: 0px;
    }

    .form-signin-ssl input[type="text"], .form-signin-ssl input[type="password"] {
      /*max-width: 100%;*/
      float: left;
      margin-right: 5px;
      /*margin-top:5px;*/
    }

    #frameLogin {
      height: 130px;
    }

    .form-signin-ssl {
      clear: both;
      display: block;
      padding: 5px;
      text-align: center;
      /*max-width:96%;*/
    }

    .btn-ssl {
      width: 25% !important;
      /*margin-top:5px;*/
    }

    #divBrand {
      width: 70% !important;
      float: left !important;
    }



    html[dir="rtl"] #divLingue {
      min-width: 270px !important;
      float: left !important;
    }

    html[dir="rtl"] #divBrand {
      width: 70% !important;
      float: right !important;
    }

    #divLingue a {
      font-size: 20px !important;
    }

    .video-js {
      min-width: 280px !important
    }
  }

  @media(min-width:481px) {
    .form-signin-ssl {
      clear: both;
      display: block;
      padding: 5px;
      text-align: center;
      /*max-width:96%;*/
    }

      .form-signin-ssl input[type="text"], .form-signin-ssl input[type="password"] {
        max-width: 33%;
        float: left;
        margin-right: 5px;
      }

    #frameLogin {
      height: 40px;
    }

    .btn-ssl {
      width: 22% !important;
    }
  }

  /* Jwplayer */
  .jw-icon-rewind {
    display: none !important;
  }

  .btn-fileinput {
    position: relative;
    display: inline-block;
    overflow: hidden;
  }

    .btn-fileinput input {
      position: absolute;
      top: 0;
      right: 0;
      margin: 0;
      opacity: 0;
      font-size: 200px !important;
    }

  .btn-glyph-span span {
    margin-left: 3px;
  }

  .material-upload-type {
    padding: 5px 0 5px 0;
  }

    .material-upload-type .material-button {
      /*background-color: #efe8e8;*/
      color: #777;
      /*border: none;*/
    }

    .material-upload-type .active {
      background-color: #357ec3 !important;
      color: #fff !important;
    }

  .jquery-upload, .jquery-upload .panel {
    margin-bottom: 3px;
  }

    .jquery-upload .btn-send {
      margin-left: 0px;
      margin-top: 30px;
    }

    .jquery-upload .progress {
      margin-bottom: 0px;
    }

  .jquery-upload-group {
  }

    .jquery-upload-group .currentfile {
      margin-top: 7px;
      margin-left: 5px;
    }

  .jquery-upload-progress {
    margin-top: 5px;
  }


  #ctl01_mainContent_ctl00_Slides1_upSlides {
    text-align: center;
  }

  #ctl01_mainContent_ctl00_Slides1_imgSlide {
    max-width: 100%;
    max-height: 100%;
  }

  .aspcheckbox label {
    margin-left: 3px;
  }

  .sfb-manual-reason {
    font-size: 11px;
    color: #fff;
    float: right;
  }

  /* BLOG */

  .divImgNotizia {
    text-align: center !important;
  }

    .divImgNotizia img {
      max-width: 80%;
    }

  .lblData {
    color: #337ab7 !important;
  }

  .tagcloud span {
    display: block;
    float: right;
    margin-right: 4px;
    margin-bottom: 4px;
    padding: 3px 6px;
    border: 1px solid #ccc;
    font-size: 13px;
    color: #337ab7;
    border-radius: 2px;
  }

  .data span {
    color: black;
    font-weight: bold;
  }

  .thumb-background {
    margin-top: 20px;
    min-height: 120px;
  }

  .titolo h4 a {
    color: #337BBF !important;
    font-size: 14px;
    font-weight: bold;
    float: left;
    padding: 5px;
    line-height: 18px;
  }

  .thumb-background img {
    max-height: 120px !important;
    padding: 1px;
  }

  .abstract p {
    padding: 5px !important;
    min-height: 200px;
  }

  .titolo h4 {
    min-height: 80px;
  }

  .singolaNews {
    border-color: #EFEFEF !important;
  }

  .testoNews {
    padding: 20px !important;
  }

  .buttons {
    margin-left: 50%
  }

  .titoloModuloNews a {
    font-size: 14px;
  }

  .nav-previous {
    float: left;
    width: 45%;
    text-align: left;
  }

  .nav-single {
    margin-top: 50px
  }

  .nav-previous a, .nav-next a {
    font-weight: bold;
    font-size: 12px;
    color: black;
  }

  .nav-next {
    float: right;
    width: 50%;
    text-align: right;
  }


  .align-with-td {
    margin-top: 1px;
  }

  .button-as-link {
    background-color: transparent;
    border: none;
    color: #2a62be;
    cursor: pointer;
    text-decoration: underline;
    padding: 0px;
  }

  /* Esami a scelta */
  .table-esami td:nth-child(n+2) {
    text-align: center;
  }

  .ocourse-header {
    border-width: 0px;
    padding-top: 10px !important;
    padding-bottom: 2px !important;
    font-style: italic;
    font-size: larger;
  }

  .ocourse-section td:nth-child(1) { /*border-left: 1px solid #ddd;*/
  }

  .ocourse-section td:last-child { /*border-right: 1px solid #ddd;*/
  }

  .ocourse-section td {
    /*padding: 10px !important;*/
  }

  .ocourse-top td {
    border-top: 1px solid #ddd !important;
  }

  .ocourse-bottom td {
    border-bottom: 1px solid #ddd;
  }

  .ocourse-separator {
    padding-top: 20px;
  }

  .choose-course {
    text-align: left;
  }

    .choose-course select {
      margin-bottom: 10px;
    }

  .ocourse-book-button {
    text-align: right;
  }
  /*.ocourse-accepted { color: green; font-weight: bold; }
.ocourse-denied { color: red; font-weight: bold; }
.ocourse-booked { color: #d8852b; font-weight: bold; }*/
  .ocourse-label {
    margin-left: 0px;
  }

  .ocourse-allyears {
    margin-top: 8px;
    margin-left: 15px;
  }

    .ocourse-allyears div {
      float: right;
      margin-left: 5px;
    }

  .ocourse-notes {
    opacity: 1;
    margin-top: 5px;
    padding: 5px;
    border: 1px solid #ddd;
  }

    .ocourse-notes span:first-child {
      font-style: italic;
    }

  .ocourse-notes-animate.ng-hide-add,
  .ocourse-notes-animate.ng-hide-remove {
    transition: all linear 0.5s;
  }

  .ocourse-notes-animate.ng-hide {
    opacity: 0;
  }

  .table-pianostudio-ocourse {
  }

    .table-pianostudio-ocourse td {
      text-align: center;
    }

      .table-pianostudio-ocourse td div {
        text-align: left;
        width: 100%;
      }

  .table-esami-piano td {
    vertical-align: middle !important;
  }

    .table-esami-piano td:last-child {
      text-align: center;
    }

  .table-esami-piano .btn-iscrizione {
    width: 100%;
  }

  .table-esami-piano .subscribe {
    text-align: center;
  }

  .table-esami-piano td:nth-child(1), .table-esami-piano th:nth-child(1) {
    width: 10%;
    text-align: center;
  }

  .table-esami-piano td:nth-child(2) {
    width: 36%;
  }

  .table-esami-piano td:nth-child(3) {
    width: 5%;
  }

  .table-esami-piano td:nth-child(4), .table-esami-piano th:nth-child(4) {
    width: 28%;
  }

  .table-esami-piano td:nth-child(5), .table-esami-piano th:nth-child(5) {
    text-align: center;
    width: 11%;
  }

  .table-esami-piano td:nth-child(6) {
    width: 10%;
  }

  .table-esami-piano td:nth-child(7) {
    width: 5%;
  }

  .table-esami-piano .exam-data-row {
    border-top-style: none;
  }

  .table-esami-piano .exam-data-details {
    text-align: left !important;
    padding: 15px;
  }

    .table-esami-piano .exam-data-details hr {
      margin-top: 10px !important;
      margin-bottom: 10px !important;
    }

  .table-esami-piano .exam-partial-icon-container {
    display: inline-block;
    position: absolute;
  }

  .table-esami-piano .exam-partial-icon {
    /*position: absolute;
  top: 4px;
  left: 3px;
  font-size: smaller;*/
    opacity: 0.8;
    color: #bd6423;
  }

  .table-esami-piano .exam-eligibility-icon {
    color: lightseagreen;
  }

  .table-esami-piano .exam-noteligibility-icon {
    color: lightcoral;
  }

  .table-esami-piano .exam-done-icon {
    color: green;
    opacity: 0.4;
  }

  .exam-tr {
    height: 1px;
  }

    .exam-tr td:nth-child(2) {
    }

    .exam-tr .exam-spacer {
      margin: 0 8px 0 20px;
      float: left;
      height: 100%;
    }

    .exam-tr .exam-header {
      height: 100%;
      display: flex;
      align-items: center;
    }

    .exam-tr .exam-dimmed {
      color: darkgrey;
    }

  .exam-subscribed {
    text-align: center;
  }

  .exam-tutor-name {
    font-size: small;
  }

  .exam-indent img {
    width: 30px;
    height: auto;
  }

  .exam-indent div {
    margin-left: 45px;
  }

  .exam-data {
    background-color: #F5FAFF;
  }

  .year-header {
    text-align: center;
    margin-top: 30px;
  }

  .sovr-header {
    text-align: center;
    font-weight: bold;
    font-size: 1.3em;
  }

  .sovr-panel {
    margin-top: 30px;
  }

  .modal-corsi .iscrizione-inner-header {
    margin-bottom: 10px;
    font-size: larger;
    opacity: .9;
  }

  .modal-corsi .modal-body {
    min-height: 50px !important;
  }

  .modal-corsi .modal-header .close {
    margin-top: 2px !important;
    font-size: 21px !important;
    color: #000 !important;
    text-shadow: 0 1px 0 #fff;
    opacity: .2 !important;
  }

  .panel-exercises-body table tr td:nth-child(2),
  .panel-exercises-body table tr td:nth-child(3) {
    font-size: smaller;
  }

  .panel-exercises-body table tr td:nth-child(5) {
    word-break: break-word;
  }


  /*.newmatedit { display: none; }*/


  .linkMenuItem {
    /* color:black !important;
   font-weight:bold !important; */
  }

    .linkMenuItem::before {
      content: "\00bb  ";
    }

  .linkMenuItemDisabled {
    color: darkgrey !important;
    pointer-events: none;
    cursor: default;
    opacity: 0.7;
  }

    .linkMenuItemDisabled::before {
      content: "\00a0 \00a0";
    }

  .tutor-link {
    float: left;
    padding-top: 43px;
    padding-left: 50px;
  }

  .filtro-consegnabili .SlectBox, .anni-accademici .SlectBoxa {
    padding: 2px !important;
  }

  .filtro-consegnabili .CaptionCont span {
    padding-left: 5px !important;
    line-height: 20px !important;
  }

  .filtro-consegnabili {
    float: right;
    margin-right: 10px;
  }

    .filtro-consegnabili label {
      margin-bottom: 0px !important;
      margin-right: 0px;
    }

    .filtro-consegnabili button {
      margin-left: 10px;
      margin-bottom: 14px;
    }

    .filtro-consegnabili .SumoSelect {
      margin-left: 10px;
      float: right;
    }

    .filtro-consegnabili .lbl-consegnabili {
      float: right;
      margin-top: 5px;
    }

    .filtro-consegnabili .MultiControls p {
      margin-top: 0px;
      margin-bottom: 0px;
      padding: 10px !important;
    }

  .consegnabile {
    color: #337ab7;
    padding-left: 3px;
    font-size: 15px;
    margin-top: 2px;
    vertical-align: text-top;
  }

  /* Percentuale completamento videolezioni in pagina dello studente */
  .lsncpltgraph {
    display: table;
    width: 100%;
    margin: 5px 0 5px 0;
  }

    .lsncpltgraph > div {
      display: table-row;
      height: 28px;
    }

      .lsncpltgraph > div > div {
        display: table-cell;
        padding: 2px;
        width: 100%;
      }

        .lsncpltgraph > div > div.lsnlabel {
          color: #000;
          font-size: 14px;
          vertical-align: top;
          padding-right: 10px;
          text-align: right;
          width: 15%;
          font-style: italic
        }

        .lsncpltgraph > div > div.lsndata {
          color: #000;
          width: 85%;
          padding-left: 5px;
        }

    .lsncpltgraph .lsnexercises {
      font-size: 14px;
      color: black;
      vertical-align: middle;
    }
    /*.lsncpltgraph .full { background-color:#26dd40; }
.lsncpltgraph .partial { background-color:#fcff04;  }
.lsncpltgraph .empty { background-color:#f2e7e7; }*/
    .lsncpltgraph .circle {
      float: left;
      margin-left: 2px;
    }

  .numberCircle {
    border-radius: 50%;
    width: 24px;
    line-height: 24px;
    border: 1px solid #666;
    text-align: center;
    float: left;
    margin: 0 3px 3px 0;
  }

  .spacingvideolessons {
    padding: 5px !important
  }

  .clicks-disabled {
    pointer-events: none;
  }

  /*** Compiler *****/
  .compiler-input {
    float: left;
    width: 49%;
    margin-right: 1%;
  }

  .compiler-output {
    float: left;
    width: 50%;
  }

  .compiler-deliver {
    clear: both;
    float: right;
  }

  #ide {
    line-height: 20px;
  }

  #output {
    background-color: #000;
    color: #eee;
    padding: 5px;
    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', 'monospace'
  }

  #message {
    padding: 10px;
  }

  .run-button {
    margin-top: 5px;
    margin-bottom: 5px;
  }


  .linkMaterialeNotAvailable {
    color: darkgrey !important;
    /*opacity: 0.8;*/
    font-style: italic;
  }

    .linkMaterialeNotAvailable .nomeTutor {
      color: darkgrey !important;
      font-style: italic !important;
    }

  .students-can-see {
    padding-left: 3px;
    font-size: 15px;
    margin-top: 2px;
    vertical-align: text-top;
  }

  .material-keywords {
    max-width: 300px;
  }

  .txtAlignCenter {
    text-align: center !important
  }

  /*.lsndata .list-group{
    max-width:50% !important
}*/

  .lsndata .badge {
    background-color: #337BBF
  }

  /*.lsndata li{
    float:left;
    width:50%
}*/

  .lsndata li {
    margin-right: 4px;
    min-width: 45% !important
  }

  .lsndata .list-group-item:hover {
    background-color: transparent;
    border: 1px solid #ddd;
  }

  ul.lsndata-group {
    padding-left: 20px !important;
  }

  .subHeadGrid {
    font-size: smaller !important;
  }

  .agendaRow td {
    padding: 10px;
  }

  td.app_command {
    text-align: right;
  }

    td.app_command a {
      padding-left: 20px;
    }

  .materialTitle {
    color: #555 !important;
    font-weight: bold;
  }

  .lblVisibilita {
    color: #0056AC !important;
    font-style: italic;
  }

  fieldset.listaMaterialiDidattici {
    min-width: 0;
    margin: 0;
    padding-left: 10px;
    border: 1px solid #337ab7;
    background-color: white !important;
    border-radius: 6px;
    margin-top: 10px;
    text-align: left;
    width: 100%;
    color: black !important;
    min-height: 100px;
  }

    fieldset.listaMaterialiDidattici a {
      padding: 3px;
      font-weight: bold;
    }

    fieldset.listaMaterialiDidattici legend {
      font-size: 12px;
      font-weight: bold;
      color: white;
      border-radius: 4px;
      border: none !important;
      margin-bottom: 0 !important;
      width: auto !important;
      padding: 5px !important;
      background-color: #337ab7 !important;
      /*     margin:auto !important; 
        text-align:left;*/
    }

  fieldset .alternate {
    background-color: white !important;
  }

  .lblShort {
    width: 100px !important;
    /*font-weight:bold;*/
    color: black;
  }

  .lblMedium {
    width: 170px !important;
    /*font-weight:bold;*/
    color: black;
  }

  .txtCalendar {
    background: url("img/calendar.png") no-repeat right;
    cursor: pointer;
    width: 120px !important
  }

  .modal-header h3 {
    color: #337BBF
  }

  .modal-dialog.statoMateriale {
    width: 800px !important;
  }

  .modal-header .close {
    /*  margin-top: -20px !important;
  color: brown;
  opacity: 1;*/
    font-size: large;
  }

  .statoMateriale.modal-header {
    background-color: ghostwhite !important;
  }

  .statoMateriale.modal-body {
    padding: 20px !important;
  }
  /*Notifiche add*/
  .notification-column {
    width: 100px !important;
  }

  .notification-container {
    margin-top: 10px;
  }

  th.notifications-header {
    background: #F5FAFF;
    color: #444;
    font-weight: bold;
  }

    th.notifications-header a {
      color: #444;
      font-weight: bold;
    }

  #spnNotication {
    margin-top: 10px;
  }

  .nt-segment {
    background-clip: padding-box;
    box-shadow: 0 0 0 1px rgba(0,0,0,.15);
    border-radius: 2px;
    transition: box-shadow 83ms;
    background-color: #FEFEFC !important;
    padding: 0;
    position: relative;
    width: 100%;
  }

  .t-title {
    font-size: 1.4rem;
    line-height: 1.42857;
    padding: 10px !important;
    font-weight: 600;
    color: #333;
    text-transform: uppercase;
  }

  .t-rows {
    text-align: right !important;
    font-size: 1.4rem;
    line-height: 1.42857;
    padding: 10px !important;
    font-weight: normal;
    color: #666666;
  }

  .button-secondary-medium {
    background-color: transparent;
    border-radius: 6px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    line-height: 32px;
    outline-width: 2px;
    padding: 0 16px;
    text-decoration: none;
    transition-duration: 167ms;
    transition-property: background-color,box-shadow,color;
    transition-timing-function: cubic-bezier(0,0,.2,1);
    vertical-align: middle;
    color: #0073b1;
    box-shadow: inset 0 0 0 1px #0073b1,inset 0 0 0 1px #006097,inset 0 0 0 1px transparent;
  }

  .nt-card-unread {
    background-color: #F5FAFF;
  }

    .nt-card-unread td {
      padding: 5px !important
    }

  .nt-card-read {
    background-color: #FFF;
  }

    .nt-card-read td {
      padding: 5px !important
    }

  .nt-card-unread:hover {
    background-color: #FFF;
  }

  .nt-card-read:hover {
    background-color: #F5FAFF;
  }

  .tbAvvisiTutor a {
  }

  .thAvvisiTutor {
    text-align: center;
    border-bottom: 1px solid #eee;
    padding: 3px;
  }

  .tbAgenda {
  }

  .day {
    border: 1px solid #dadce0 !important;
    padding: 3px !important;
  }

  .currentDay {
    border: 3px solid #FFB80C !important;
    padding: 3px !important;
  }

  .nameDay {
    background-color: #E6E7E8;
    color: black;
    text-align: center;
    padding: 5px;
    font-weight: bold;
    font-size: 12px;
  }

  .numDay {
    color: black;
    /*margin-left:45%;*/
    width: 100%;
    text-align: center;
    float: left;
    padding: 5px !important;
    font-weight: bold !important;
  }

  .tit2 {
    color: black;
    border-left: 0px solid !important;
    border-right: 0px solid !important;
  }


  .selectableDay:hover {
    background-color: floralwhite;
    cursor: pointer
  }

  .selezionaevento:hover {
    text-align: left;
    color: white !important;
    background-color: #006CC2 !important;
    width: 100% !important;
    cursor: pointer
  }

  .selezionaevento {
    color: #333 !important;
  }

  td.event {
    background-color: #DEECF9 !important;
    opacity: 0.90;
    margin-bottom: 10px;
    float: left;
    border: 1px solid transparent !important;
    border-radius: 10px;
    width: 100% !important;
  }

  td.eventoTitolare {
    background-color: papayawhip !important;
  }

  .orarioEvento {
    color: darkred;
    font-weight: bold;
    float: left;
  }

    .orarioEvento:hover {
      cursor: pointer;
    }

  /* Motore ricerca */
  .cbr-search-form .panel-heading-sm {
    height: 28px;
    padding: 3px 10px !important;
  }

    .cbr-search-form .panel-heading-sm div:first-child {
      font-variant: small-caps;
      font-size: 16px;
    }

  .rotate-triangle {
    transform: rotate(90deg);
    transition: all 0.2s ease-in-out;
  }

  .unrotate-triangle {
    transform: rotate(0deg);
    transition: all 0.2s ease-in-out;
  }

  .cbr-search-form .panel-heading-sm > div:first-child {
    float: left
  }

  .cbr-search-form .panel-heading-sm > div:last-child {
    float: right;
    font-weight: bold;
  }

    .cbr-search-form .panel-heading-sm > div:last-child input {
      margin-left: 3px;
    }

  .cbr-search-form .details-link {
    text-align: left;
    margin-top: 3px;
    text-decoration: none;
  }

    .cbr-search-form .details-link span {
      margin-left: 2px;
    }

  .cbr-search-form .cbrkwic {
    box-shadow: inset 0 0 3px #868383;
    padding: 10px;
    margin-top: 10px;
  }

    .cbr-search-form .cbrkwic div:not(:last-child) {
      border-bottom: 1px solid #ddd;
      padding-bottom: 3px;
      margin-bottom: 3px;
    }

  .cbr-search-form .cbr-from-section {
    font-style: italic;
  }

  .cbr-search-form .cbr-advanced-fields {
    margin-top: 10px;
  }

    .cbr-search-form .cbr-advanced-fields td {
      padding: 4px;
    }

  .cbr-search-form #

  .cbr-table-menu {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .cbr-table-menu td {
    width: 16.6%
  }

    .cbr-table-menu td div {
    }

  .cbr-filter-by-name {
    margin-bottom: 20px;
  }

  .cbr-cases {
    width: 100%;
  }

  .cbr-ontology {
    width: 100%;
  }

    .cbr-ontology .head {
      padding-bottom: 15px;
    }

    .cbr-ontology .subHead, .cbr-ontology .cbr-filter-by-lemma {
      padding-bottom: 15px;
    }

    .cbr-ontology .cbr-edit td {
      padding-top: 15px;
    }

    .cbr-ontology .cbr-data td {
      padding: 4px;
    }

    .cbr-ontology .cbr-pager-control {
      padding-top: 15px;
    }

  .cbr-expansion {
    padding: 5px 0 5px 0;
  }

  .cbr-expansion-item {
    padding: 4px;
  }

  .cbr-expansion-left {
    margin-right: 5px;
  }

  .cbr-expansion-right {
    margin-left: 5px;
  }

  .cbr-expansion-relate {
    color: #ef7974;
  }

  .cbr-expansion-relation {
    color: #e2605c;
  }



  .panel-body-sm {
    padding: 5px 10px;
  }

  table.table-heading-sm thead tr th, table.table-heading-sm tbody tr td {
    font-size: 12px;
    height: 28px;
    padding: 4px 10px;
  }

  .table-body-sm {
    padding: 5px 10px;
  }

  #JWPlayerContainer .video-js {
    min-width: 480px !important
  }

  #spnWelcome {
    float: left
  }
  /* Immagine in dettaglio rassegna stampa responsive*/
  #ctl01_mainContent_ctl00_PanelArticolo img {
    width: 100% !important;
    height: auto !important;
  }

  /* Immagine scheda progetto di ricerca*/
  .imgProgettoItem img {
    max-width: 100% !important;
  }

  .event a {
    margin-right: 5px;
    margin-left: 5px;
  }

  .lesson-entrypoint {
    font-size: 12px;
  }

    .lesson-entrypoint span {
      font-weight: bold;
    }

  .lesson-entrypoint-div {
    margin: 4px 20px 2px;
  }

  .form-radio input[type="radio"] {
    margin-right: 10px;
  }

  .webuimsg {
    margin-bottom: 3px !important;
  }

  .webuimsg-container {
    margin-bottom: 20px;
  }

  .webuimsg-timestamp {
    text-align: right;
    font-size: smaller;
  }

  /* Customize the label (the container) */
  .chklistcontainer {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

    /* Hide the browser's default checkbox */
    .chklistcontainer input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0;
    }

  /* Create a custom checkbox */
  .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
  }

  /* On mouse-over, add a grey background color */
  .chklistcontainer:hover input ~ .checkmark {
    background-color: #ccc;
  }

  /* When the checkbox is checked, add a blue background */
  .chklistcontainer input:checked ~ .checkmark {
    background-color: #2196F3;
  }

  /* Create the checkmark/indicator (hidden when not checked) */
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }

  /* Show the checkmark when checked */
  .chklistcontainer input:checked ~ .checkmark:after {
    display: block;
  }

  .chklistcontainer input:disabled ~ .checkmark {
    background-color: #ccc;
  }

  /* Style the checkmark/indicator */
  .chklistcontainer .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .descriptionText {
    width: 100%;
    border: 0px solid transparent;
    color: rgb(102, 102, 102);
    max-height: 200px;
    overflow-y: auto;
  }






  .table-stat-att-stud td {
    vertical-align: middle !important;
    text-align: center;
  }

  .stats-details > div:nth-child(1) {
    margin-top: 5px;
    margin-bottom: 8px;
    font-weight: bold;
  }

  .stats-details .det-table {
    display: table;
    width: 100%;
    margin-bottom: 10px;
  }

  .stats-details .det-row {
    display: table-row;
  }

  .stats-details .det-cell {
    display: table-cell;
    padding-bottom: 3px;
  }

    .stats-details .det-cell:nth-child(1) {
      width: 20%;
      text-align: right;
      padding-right: 10px;
    }

  /* --- Nuova pagina "I miei studenti" --- */

  .dot {
    border: 1px solid #000;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    vertical-align: middle;
    margin: 0 auto;
  }

  .dot-yellow {
    background-color: yellow;
  }

  .dot-gray {
    background-color: darkgray;
  }

  .dot-green {
    background-color: chartreuse;
  }

  .quick-stats-click {
    margin-top: 2px;
  }

  .subHeadGrid {
    text-align: center !important;
  }

  .dot-col {
    text-align: center;
  }

  .v-interline {
    background-color: #f3f3f3 !important;
    padding: 0.5px !important;
    border-top-style: none !important;
    border-bottom-style: none !important;
  }

  .set-tools div {
    float: right;
  }

    .set-tools div:nth-child(3) {
      margin-top: 5px;
      margin-right: 5px;
    }

    .set-tools div:nth-child(1) {
      margin-left: 10px;
    }

      .set-tools div:nth-child(1) button {
        margin-top: 1px;
      }

  .set-header {
    font-weight: bold;
  }

  .no-element td {
    text-align: center !important;
    width: 100% !important;
  }

  /* Fine nuova pagina "I miei studenti" */

  /* --- Begin Faq Style Accordion Ibrahim Selman  --- */

  .accordion-FAQ {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    overflow: hidden;
    background-color: #e2e2e2;
    margin: 0 auto;
    width: 98%;
    border-top: 1px solid #cdcdcd;
  }

  .accordion-label-FAQ,
  .accordion-content-FAQ {
    padding: 14px 20px;
  }

  .accordion-label-FAQ {
    display: block;
    font-weight: 500;
    cursor: pointer;
    position: relative;
    transition: background 0.1s;
    border-bottom: 1px solid #fff;
  }

    .accordion-label-FAQ:hover {
      background: rgba(0, 0, 0, 0.1);
    }

    .accordion-label-FAQ::after {
      content: "";
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 20px;
      width: 12px;
      height: 6px;
      /*background-image: url('data:image/svg+xml;utf8,<svg width="100" height="50" xmlns="http://www.w3.org/2000/svg"><polygon points="0,0 100,0 50,50" style="fill:%23FFFFFF99;" /></svg>');*/
      background-image: url('data:image/svg+xml;utf8,<svg width="100" height="50" xmlns="http://www.w3.org/2000/svg"><polygon points="0,0 100,0 50,50" style="fill:black;" /></svg>');
      color: #000000;
      background-size: contain;
      transition: transform 0.4s;
    }

  .accordion-content-FAQ {
    background: #ffffff !important;
    display: none;
  }

  .question-title-FAQ {
    font-size: 20px;
    color: #337BBF !important;
  }

  .p-accordion-FAQ {
    padding: 0.2rem;
    margin: 0px;
    align ="justify";
    color: #000000 !important;
  }

  .accordion-input-FAQ {
    display: none;
  }

    .accordion-input-FAQ:checked ~ .accordion-content-FAQ {
      display: block;
    }

    .accordion-input-FAQ:checked ~ .accordion-label-FAQ::after {
      transform: translateY(-50%) rotate(0.5turn);
    }

  #accordion {
    width: 98%;
  }

  #accordion-label-FAQ {
    display: block;
    cursor: pointer;
    position: relative;
    transition: background 0.1s;
  }

    #accordion-label-FAQ:hover {
      background: (192,192,192,0.3);
    }

    #accordion-label-FAQ::after {
      content: "";
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 5px;
      width: 12px;
      height: 6px;
      background-image: url('data:image/svg+xml;utf8,<svg width="100" height="50" xmlns="http://www.w3.org/2000/svg"><polygon points="0,0 100,0 50,50" style="fill:black;" /></svg>');
      color: #000000;
      background-size: contain;
      transition: transform 0.5s;
    }

  /* Smartphone Portrait and Landscape */
  @media only screen and (min-width : 320px) and (max-width : 991px) {
    #accordion-label-FAQ::after {
      background-image: url('data:image/svg+xml;utf8,<svg width="100" height="50" xmlns="http://www.w3.org/2000/svg"><polygon points="0,0 100,0 50,50" style="fill:#f5f5f5;" /></svg>');
    }
  }

  /* End Faq Style Accordion Ibrahim Selman  */


  /* --- Media Gallery css Implemetation - Ibrahim Selman --- */

  .div-box-media-gallery {
    float: left;
    display: block;
    width: 250px !important;
    margin-right: 15px;
    margin-bottom: 10px;
    min-height: 250px;
  }

  .vedi-tutti-i-video {
    padding-right: 38px;
    float: right;
    padding-top: 2px;
  }

  .image-gallery {
    width: 100%;
  }

  .video-media-gallery-didascalia {
    height: 70px !important;
  }

  .text-center-section-gallery {
    text-align: left;
    margin: 1.25rem 0;
    border-bottom: 1px solid #dadada;
    padding: 1.25rem 0;
  }

  .sotto-titolo-video-gallery {
    padding-top: 10px;
    font-size: 13px !important;
  }

  a.link-media-gallery {
    font-weight: bold;
    padding-bottom: 5px;
  }

  /* End Media Gallery css Implemetation - Ibrahim Selman */


  /* --- frammenti di codice css utilizzati in varie pagine - Ibrahim Selman --- */

  .blu {
    color: #0056AC;
  }

  hr {
    display: block;
    margin-top: 0.9em;
    margin-bottom: 0.9em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    color: #0066CC;
  }

  .strike {
    text-decoration: line-through;
  }

  .rel-docs-right-box h3 {
    margin: 0px;
    padding: 6px;
    color: #ffffff;
    background-color: #0056AC;
    text-align: center;
    font-size: 0.95em;
    text-transform: uppercase;
  }

  /* End frammenti di codice css utilizzati in varie pagine - Ibrahim Selman */


  /* --- pagine di Gaetano - eu-lobby.aspx --- */

  .floating-box-250 {
    float: left;
    width: 250px;
    margin: 0px 10px;
    min-height: 250px;
  }

  .progeuropeiricerca {
    text-align: center !important;
  }

    .progeuropeiricerca .list-group-item-progetti:hover a {
      background-color: #4974BB !important;
      color: white !important;
    }

  #incorso ul {
    padding-left: 20px;
    margin-top: 10px;
  }

  #completati ul {
    padding-left: 20px;
    margin-top: 10px;
  }

  .collapse .list-group-item-progetti a {
    width: 100% !important;
  }

    .collapse .list-group-item-progetti a:hover {
      color: white !important
    }

  .center-title-in-img {
    position: absolute;
    top: 2px;
    /* left: 83px; */
    color: #FFFFFF;
    font-family: "Times New Roman", Times, serif;
    padding-left: 8%;
    text-align: center !important;
  }

    .center-title-in-img strong {
      text-tansform: capitalize;
      font-size: 1.6em;
    }

  .list-group-item-progetti .list-group-item-progetti li {
    border-bottom: 1px solid #7EB1DC;
    padding: 8px /*was 10*/ 15px;
  }

  .collapse .list-group-item-progetti a {
    width: 100% !important;
  }

    .collapse .list-group-item-progetti a:hover {
      color: white !important;
    }

  .list-group-item-progetti:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }

  .list-group-item-progetti {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
  }

    .list-group-item-progetti.active, .list-group-item-progetti:focus, .list-group-item-progetti:hover, .sidebar-sx .list-group-item-progetti.active {
      background-color: #337ab7;
      border: 1px solid #ddd;
    }

  .sezione-progetti .list-group-item-progetti:hover a {
    background-color: #4974BB !important;
    color: white !important;
  }

  .sezione-progetti ul {
    padding-left: 20px;
    max-width: 250px;
    margin-top: 10px;
  }

  /* end pagine di Gaetano */ /* CSS Document */


  /* --- begin image size variable width --- */

  .img-100 {
    width: 100px;
    height: auto;
  }

  .img-110 {
    width: 110px;
    height: auto;
  }

  .img-120 {
    width: 120px;
    height: auto;
  }

  .img-130 {
    width: 130px;
    height: auto;
  }

  .img-140 {
    width: 140px;
    height: auto;
  }

  .img-150 {
    width: 150px;
  }

  .img-160 {
    width: 160px;
    height: auto;
  }

  .img-170 {
    width: 170px;
    height: auto;
  }

  .img-180 {
    width: 180px;
    height: auto;
  }

  .img-190 {
    width: 190px;
    height: auto;
  }

  .img-200 {
    width: 200px;
    height: auto;
  }

  .img-210 {
    width: 210px;
    height: auto;
  }

  .img-220 {
    width: 220px;
    height: auto;
  }

  .img-230 {
    width: 230px;
    height: auto;
  }

  .img-240 {
    width: 240px;
    height: auto;
  }

  .img-250 {
    width: 250px;
    height: auto;
  }

  .img-260 {
    width: 260px;
    height: auto;
  }

  .img-270 {
    width: 270px;
    height: auto;
  }

  .img-280 {
    width: 280px;
    height: auto;
  }

  .img-290 {
    width: 290px;
    height: auto;
  }

  .img-300 {
    width: 300px;
    height: auto;
  }

  .img-310 {
    width: 310px;
    height: auto;
  }

  .img-320 {
    width: 320px;
    height: auto;
  }

  .img-330 {
    width: 330px;
    height: auto;
  }

  .img-340 {
    width: 340px;
    height: auto;
  }

  .img-350 {
    width: 350px;
    height: auto;
  }

  /* end image size variable width */


  /* --- Word wrapping, Ibrahim */
  .break-word {
    word-wrap: break-word;
  }

  .mieistudenti-info-header {
    margin-top: 5px;
    background-color: #f7f9f9;
    padding: 10px;
  }

  .small-caption {
    font-size: 12px;
  }

/* evita che la dropbox degli anni accademici nella pagina con l'elenco dei materiali 
   vada a coprire anche se nascosta il pulsante di accesso ai materiali della lezione f.c,.
*/
.drop-anni-accademici { z-index: -1; }