/* Agenda MaM */
   .mam{
      .wrapper{
         margin: 0px 50px;
         #agenda{
            .item{
               background: @bg;
               padding: 0px;
               margin: 10px;
               -webkit-border-radius: 0px;
               -moz-border-radius: 0px;
               border-radius: 0px;
               border: 1px solid lighten(@color02, 90%);
               .title{
                  background: @color01;
                  font-size: 9px;
                  color: @color01_type;
                  padding: 3px 8px;
               }
               .col{
                  border-top: 1px solid @bg;
                  width: 100%;
                  .date{
                     padding: 3px 8px;
                     width: 70%;
                     background: @color02;
                     color: @color01_type;
                     display: block;
                     float: left;
                     text-transform: uppercase;
                     font-size: 9px;
                     &.onTime{
                        background: @color01;
                     }
                     &.start{
                        background: lighten(@color02, 90%);
                        color: @bg_type;
                     }
                  }
                  .details{
                     padding: 3px 8px;
                     width: 30%;
                     background: @color01;
                     color: @color01_type;
                     border-left: 1px solid @bg;
                     display: block;
                     float: left;
                     text-transform: uppercase;
                     font-size: 9px;
                  }
               }
               .teams{
                  padding: 4px;
                  line-height: 24px;
                  .first, .second{
                     border-bottom:1px dotted @color02;
                     padding-bottom: 4px;
                     img{
                        float: left;
                     } 
                     .name{
                        color: @bg_type;
                        text-transform: uppercase;
                        font-size: 9px;
                        margin-left: 5px;
                        float: left;
                        display: block;
                     }
                     .circle{
                        width: 18px;
                        height: 18px;
                        font-size: 10px;
                        color: @color01_type;
                        line-height: 18px;
                        float: right;
                        display: block;
                        margin-right: 10px;
                        margin-top: 2px;
                     }
                     .number{
                        float: right;
                        color: @bg_dest_type;
                        font-size: 22px;
                     }
                  }
                  .second{
                     border-bottom:0;
                     padding-top: 4px;
                  }
               }
               .information{
                  background: darken(@bg,10%);
                  box-shadow:0px 2px 10px -1px darken(@bg,20%) inset;
                  padding: 3px 4px;
                  span{
                     font-size: 9px;
                     color: @bg_type;
                  }
               }
            }
         }
      }
      .owl-theme {
         .owl-controls{
            margin-top: 10px;
            text-align: center;
            /* Styling Next and Prev buttons */
            .owl-buttons {
               div{
                  display: inline-block;
                  zoom: 1;
                  margin: 5px;
                  padding: 3px 10px;
                  font-size: 12px;
                  -webkit-border-radius:0;
                  -moz-border-radius: 0;
                  border-radius: 0;
                  background: @color01;
                  opacity: 1;
                  position: absolute;
                  height: 130px;
                  &.owl-prev{
                    left: -45px;
                    top: 5px; 
                    .icon-chevron-left {
                        width: 0; 
                        height: 0; 
                        border-top: 10px solid transparent;
                        border-bottom: 10px solid transparent; 
                        display: block;
                        border-right:10px solid @bg; 
                        margin: 48px 0 0;
                    }
                  }
                  &.owl-next{
                    right: -45px;
                    top: 5px;
                    .icon-chevron-right{
                           width: 0; 
                           height: 0; 
                           border-top: 10px solid transparent;
                           border-bottom: 10px solid transparent;
                           display: block;
                           border-left: 10px solid @bg;
                           margin: 48px 0 0;
                    }
                  }
               }
            } 
            /* Clickable class fix problem with hover on touch devices */
            /* Use it for non-touch hover action */
            &.clickable {
               .owl-buttons {
                  div{
                     &:hover{
                        filter: Alpha(Opacity=100);/*IE7 fix*/
                        opacity: 1;
                        text-decoration: none;
                     }
                  }
               }
            }
         }
      }
      &.maxSize-479{
         .wrapper{
            #agenda{
               .item{
                  margin: 10px 0;
                  .col {
                     .date{
                        width: 60%;
                     }
                     .details{
                        width: 40%;
                     }
                  }
               }
            }
         }
      }
   }
/* Fin Agenda MaM */