* {
  font-family: 'Noto Sans', sans-serif;
}


 /* Custom styles
 -------------------------------------------------- */
abbr {
  text-decoration: none !important;
}

 .bg-unimi {
   background-color: #003366 !important;
 }

 .badge-primary, .btn-primary {
   background-color: #003366;
 }

 .display-5{font-size:2rem;font-weight:300;line-height:1.2}
 .display-6{font-size:1.4rem;font-weight:300;line-height:1.2}
 .navbar-toggler {
   text-align: center;

 }

 .fa-bars {
   color: #fff;
 }

 .nav-link {
   color: #fff;
   font-size: 1.3rem;
 }
 .nav-link:hover{
   color: #009933;
 }

 .btn-navlink {
   background: #003366;
   outline-color: #003366;
   color: white;
   font-size: 1.3rem;
   font-family: 'Roboto', sans-sans-serif;
 }
 .btn-navlink:hover{
   color: #009933;
 }

a.dropdown-item {
  font-size: 1.1rem !important;
}

 a, #accordion .btn-link {
   color: #009933;
 }

.btn-group {
  display: block;
}

p.small {
  font-size: 100% !important;
}

.banner {
  position: relative;
  overflow: hidden;
}

.banner h1 {
  padding-top: 4rem;
  padding-left: 4rem;
  position: relative;
  z-index: 2;
  color: white;
  font-size: 3rem;
  font-weight: bold;
  font-family: 'Roboto', sans-serif;
  text-shadow: -1px 0 rgba(0, 0, 0, .7),
               0 1px rgba(0, 0, 0, .7),
               1px 0 rgba(0, 0, 0, .7),
               0 -1px rgba(0, 0, 0, .7);
}

.banner h2 {
  position: relative;
  padding-bottom: 2rem;
  padding-left: 4rem;
  z-index: 2;
  color: white;
  font-size: 2rem;
  font-weight: bold;
  font-family: 'Roboto';
  text-shadow: -1px 0 rgba(0, 0, 0, .7),
               0 1px rgba(0, 0, 0, .7),
               1px 0 rgba(0, 0, 0, .7),
               0 -1px rgba(0, 0, 0, .7);
}

.banner img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.6;
}

.banner div.background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.9;
  background-color: #009933;
}

.table-striped > tbody > tr:nth-child(2n+1) > td,
.table-striped > tbody > tr:nth-child(2n+1) > th {
   background-color: rgba(0, 148, 255, 0.1);
}

li.paginate_button.page-item.active a.page-link {
  background-color: #003366 !important;
  color: white !important;
}

li.paginate_button.page-item a.page-link {
  color: #003366 !important;
}

li.paginate_button.page-item.disabled a.page-link {
  color: gray !important;
}

.logos{
  font-size:14px;
  font-family:"Times New Roman",serif;
  font-style:normal;
  margin:-0.1em;
}
.logosdw{
  font-size:14px;
  font-family:"Times New Roman",serif;
  vertical-align:sub;
  font-style:normal;
  margin:-0.15em;
}

.logosmall{
  font-size:12px;
  font-family:"Times New Roman",serif;
  font-style:normal;
}

dl.simple dt {
  float: left;
  margin-right: 0.5rem;
  text-align: right;
}


 /* Sticky footer styles
 -------------------------------------------------- */
 html {
   position: relative;
   min-height: 100%;
 }
 body {
   /* Margin bottom by footer height */
   margin-bottom: 60px;
 }
 .footer {
   padding-top: 2rem;
   padding-bottom: 2rem;
   background-color: #f5f5f5;
   text-align: center;
 }

 .subfooter {
   padding-top: 1rem;
   padding-bottom: 1rem;
   background-color: #e0e0e0;
   text-align: center;
   font-size: 80%;
 }


 /* Custom page CSS
 -------------------------------------------------- */
 /* Not required for template or sticky footer method. */

 body > .container {
   padding: 60px 15px 0;
 }

 .footer > .container {
   padding-right: 15px;
   padding-left: 15px;
 }

 code {
   font-size: 80%;
 }

 /* timelinelist
 -----------------------------------------------------*/

 ul.clist {
     list-style-type: none;
     position: relative;
     z-index: 10;
 }
 ul.clist > li {
     margin: 20px 0;
     padding-left: 20px;
 }
 ul.clist > li:before {
     content: ' ';
     background: white;
     display: inline-block;
     position: absolute;
     border-radius: 50%;
     border: 3px solid #009933;
     left: 20px;
     width: 20px;
     height: 20px;
     z-index: 400;
 }

 /* timelinelist
 -----------------------------------------------------*/

 ul.timelinelist {
     list-style-type: none;
     position: relative;
     z-index: 10;
 }
 ul.timelinelist:before {
     content: ' ';
     background: #d4d9df;
     display: inline-block;
     position: absolute;
     left: 29px;
     width: 2px;
     height: 100%;
     z-index: 400;
 }
 ul.timelinelist > li {
     margin: 20px 0;
     padding-left: 20px;
 }
 ul.timelinelist > li:before {
     content: ' ';
     background: white;
     display: inline-block;
     position: absolute;
     border-radius: 50%;
     border: 3px solid #009933;
     left: 20px;
     width: 20px;
     height: 20px;
     z-index: 400;
 }

 .timeline {
     list-style: none;
     padding: 20px 0 20px;
     position: relative;
     z-index: 10;
 }

     .timeline:before {
         top: 0;
         bottom: 0;
         position: absolute;
         content: " ";
         width: 3px;
         background-color: #eeeeee;
         left: 50%;
         margin-left: -1.5px;
     }

     .timeline > li {
         margin-bottom: 20px;
         position: relative;
     }

         .timeline > li:before,
         .timeline > li:after {
             content: " ";
             display: table;
         }

         .timeline > li:after {
             clear: both;
         }

         .timeline > li:before,
         .timeline > li:after {
             content: " ";
             display: table;
         }

         .timeline > li:after {
             clear: both;
         }

         .timeline > li > .timeline-panel {
             width: 46%;
             float: left;
             border: 1px solid #d4d4d4;
             border-radius: 2px;
             padding: 20px;
             position: relative;
             -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
             box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
         }

             .timeline > li > .timeline-panel:before {
                 position: absolute;
                 top: 26px;
                 right: -15px;
                 display: inline-block;
                 border-top: 15px solid transparent;
                 border-left: 15px solid #ccc;
                 border-right: 0 solid #ccc;
                 border-bottom: 15px solid transparent;
                 content: " ";
             }

             .timeline > li > .timeline-panel:after {
                 position: absolute;
                 top: 27px;
                 right: -14px;
                 display: inline-block;
                 border-top: 14px solid transparent;
                 border-left: 14px solid #fff;
                 border-right: 0 solid #fff;
                 border-bottom: 14px solid transparent;
                 content: " ";
             }

         .timeline > li > .timeline-badge {
             color: #fff;
             width: 50px;
             height: 50px;
             line-height: 50px;
             font-size: 1.4em;
             text-align: center;
             position: absolute;
             top: 16px;
             left: 50%;
             margin-left: -25px;
             background-color: #999999;
             z-index: 100;
             border-top-right-radius: 50%;
             border-top-left-radius: 50%;
             border-bottom-right-radius: 50%;
             border-bottom-left-radius: 50%;
         }

         .timeline > li.timeline-inverted > .timeline-panel {
             float: right;
         }

             .timeline > li.timeline-inverted > .timeline-panel:before {
                 border-left-width: 0;
                 border-right-width: 15px;
                 left: -15px;
                 right: auto;
             }

             .timeline > li.timeline-inverted > .timeline-panel:after {
                 border-left-width: 0;
                 border-right-width: 14px;
                 left: -14px;
                 right: auto;
             }

 .timeline-badge.primary {
     background-color: #2e6da4 !important;
 }

 .timeline-badge.success {
     background-color: #3f903f !important;
 }

 .timeline-badge.warning {
     background-color: #f0ad4e !important;
 }

 .timeline-badge.danger {
     background-color: #d9534f !important;
 }

 .timeline-badge.info {
     background-color: #5bc0de !important;
 }

 .timeline-title {
     margin-top: 0;
     color: inherit;
 }

 .timeline-subtitle {
     margin-top: 0;
     color: inherit;
     font-weight: 300;
 }

 .timeline-subsubtitle {
     margin-top: 0;
     color: inherit;
     font-weight: 200;
 }

 .timeline-body > p,
 .timeline-body > ul {
     margin-bottom: 0;
 }

     .timeline-body > p + p {
         margin-top: 5px;
     }

 @media (max-width: 767px) {
     ul.timeline:before {
         left: 40px;
     }

     ul.timeline > li > .timeline-panel {
         width: calc(100% - 90px);
         width: -moz-calc(100% - 90px);
         width: -webkit-calc(100% - 90px);
     }

     ul.timeline > li > .timeline-badge {
         left: 15px;
         margin-left: 0;
         top: 16px;
     }

     ul.timeline > li > .timeline-panel {
         float: right;
     }

     ul.timeline > li > .timeline-panel:before {
         border-left-width: 0;
         border-right-width: 15px;
         left: -15px;
         right: auto;
     }

     ul.timeline > li > .timeline-panel:after {
         border-left-width: 0;
         border-right-width: 14px;
         left: -14px;
         right: auto;
     }

     a.navbar-brand img {
       display: none;
     }

     .banner h1 {
       padding-top: 3rem;
       padding-left: 2rem;
       padding-right: 2rem;
       font-size: 2rem;
     }

     .banner h2 {
       padding-bottom: 2rem;
       padding-left: 2rem;
       font-size: 1.5rem;
     }
 }