/**
  * altSidePanel v1.0.3-BETA by Pietro Paolo Ruocco ruocco.p.p@gmail.com
  */
  
  .alt-side-panel-close {
    position: absolute;
    right: 25px;
    top: 31px;
    cursor: pointer;
    color: #232323 !important;
  }
  
  .alt-side-panel-close > i {
    font-size: 24px;
    color: initial;
  }
  
  .alt-side-panel {
    position: fixed;
    top: 0;
    right: -30vw;
    width: 0vw;
    background-color: #ffffff;
    font-weight: 200;
    font-size: 0.7rem;
    -webkit-box-shadow: -8px 0px 71px -11px rgba(0, 0, 0, 0);
    -moz-box-shadow: -8px 0px 71px -11px rgba(0, 0, 0, 0);
    box-shadow: -8px 0px 71px -11px rgba(0, 0, 0, 0);
    z-index: 101 !important;
    transition: all 0.5s ease-in-out;
        overflow: scroll;
      height: 100vh;
  }
  
  
  @media (min-width: 768px) {
    /*
  .menuLaterale {
      position: absolute;
  }*/
  }
  
  .alt-side-panel.active {
    right: 0vw;
    -webkit-box-shadow: -8px 0px 71px -11px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: -8px 0px 71px -11px rgba(0, 0, 0, 0.26);
    box-shadow: -8px 0px 71px -11px rgba(0, 0, 0, 0.26);
    width: 100%;
  }
  
  @media (min-width: 768px) {
    .alt-side-panel.active {
      min-width: 300px;
      width: 20%;
    }
  }
  
  
  .alt-side-panel.alt-side-panel-top{
     top: -100%;
    right: unset;
    width: 100%;
    height:auto;
    opacity:1;
  left:0px;
    overflow: hidden;
  }
  
  .alt-side-panel.alt-side-panel-top.active{
       top: 0;
    right: unset;
    width: 100%;
     height:auto;
    opacity:1;
  left:0px;
  }
  
  
  @media (min-width: 768px) {
    .alt-side-panel.alt-side-panel-top.active {
      width: 100%;
      width: 100%;
    }
  }
  
  


  .alt-side-panel-left {
    padding-top: 84px;
    padding-right: 15px;
    padding-left: 15px;
}

  .alt-side-panel-right.active, 
  .alt-side-panel-left.active {
    width: 80vw;
}